@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
/* Bootstrap */
/* ==========================================================================
Shotgun bootstrap
========================================================================== */
/* Fonts */
@font-face {
font-family: 'fontello';
src: url('/fonts/fontello.eot');
src: url('/fonts/fontello.eot#iefix') format('embedded-opentype'), url('/fonts/fontello.woff') format('woff'), url('/fonts/fontello.ttf') format('truetype'), url('/fonts/fontello.svg#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="fonticon-"]:before,
[class*=" fonticon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.6em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: 0.6em;
bottom: 5px;
position: relative;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
/* Default color */
[class^="fonticon-"],
[class*=" fonticon-"] {
color: #bfbfbf;
}
/* Other colors */
a:hover .fonticon-color-gray1,
.fonticon-color-gray1.active {
color: #414141;
}
a:hover .fonticon-color-blue5,
.fonticon-color-blue5.active {
color: #3b5998;
}
a:hover .fonticon-color-yellow19,
.fonticon-color-yellow19.active {
color: #ebbe35;
}
a:hover .fonticon-color-red8,
.fonticon-color-red8.active {
color: #c86e67;
}
a:hover .fonticon-color-red10,
.fonticon-color-red10.active {
color: #c81414;
}
a:hover .fonticon-color-green,
.fonticon-color-green.active {
color: #4f9962;
}
a:hover .fonticon-color-yellow21,
.fonticon-color-yellow21 {
color: #cecbc3;
}
/* Sizes */
.fonticon-size-large {
font-size: 18px;
}
.fonticon-size-xlarge {
font-size: 40px;
}
.fonticon-size-xxlarge {
font-size: 55px;
}
/* Vertical & Horizontal fix */
.fonticon-vertical-fix {
vertical-align: -1px;
}
.fonticon-horizontal-fix {
margin-left: -4px;
}
.fonticon-no-thumb:before {
content: '\e80b';
}
/* '' */
.fonticon-gplus:before {
content: '\e816';
}
/* '' */
.fonticon-mail:before {
content: '\e801';
}
/* '' */
.fonticon-star:before {
content: '\e802';
}
/* '' */
.fonticon-star-empty:before {
content: '\e827';
}
/* '' */
.fonticon-user:before {
content: '\e803';
}
/* '' */
.fonticon-camera:before {
content: '\e822';
}
/* '' */
.fonticon-check:before {
content: '\e804';
}
/* '' */
.fonticon-cancel:before {
content: '\e825';
}
/* '' */
.fonticon-plus:before {
content: '\e828';
}
/* '' */
.fonticon-info:before {
content: '\e806';
}
/* '' */
.fonticon-info-circled:before {
content: '\e800';
}
/* '' */
.fonticon-home:before {
content: '\e805';
}
/* '' */
.fonticon-lock:before {
content: '\e807';
}
/* '' */
.fonticon-lock-open:before {
content: '\e826';
}
/* '' */
.fonticon-tag:before {
content: '\e820';
}
/* '' */
.fonticon-pencil:before {
content: '\e808';
}
/* '' */
.fonticon-print:before {
content: '\e809';
}
/* '' */
.fonticon-attention:before {
content: '\e80a';
}
/* '' */
.fonticon-vcard:before {
content: '\e81f';
}
/* '' */
.fonticon-search:before {
content: '\e81a';
}
/* '' */
.fonticon-docs:before {
content: '\e80c';
}
/* '' */
.fonticon-doc-text:before {
content: '\e821';
}
/* '' */
.fonticon-phone:before {
content: '\e80d';
}
/* '' */
.fonticon-cog:before {
content: '\e80e';
}
/* '' */
.fonticon-share:before {
content: '\e824';
}
/* '' */
.fonticon-basket:before {
content: '\e81b';
}
/* '' */
.fonticon-clock:before {
content: '\e810';
}
/* '' */
.fonticon-block:before {
content: '\e80f';
}
/* '' */
.fonticon-arrow-combo:before {
content: '\e819';
}
/* '' */
.fonticon-left-open:before {
content: '\e818';
}
/* '' */
.fonticon-right-open:before {
content: '\e817';
}
/* '' */
.fonticon-down-open-mini:before {
content: '\e811';
}
/* '' */
.fonticon-down-dir:before {
content: '\e823';
}
/* '' */
.fonticon-up-dir:before {
content: '\e81d';
}
/* '' */
.fonticon-cw:before {
content: '\e813';
}
/* '' */
.fonticon-arrows-ccw:before {
content: '\e812';
}
/* '' */
.fonticon-lifebuoy:before {
content: '\e81c';
}
/* '' */
.fonticon-twitter:before {
content: '\e814';
}
/* '' */
.fonticon-facebook:before {
content: '\e815';
}
/* '' */
.fonticon-location:before {
content: '\e81e';
}
/* '' */
.fonticon-inbox:before {
content: '\e801';
}
/* '' */
[class^="fonticon-"],
[class*=" fonticon-"] {
display: inline-block;
font-family: 'fontello';
font-style: normal;
font-weight: normal;
/* fix buttons height */
line-height: 1em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
}
.fonticon-no-thumb {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-gplus {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-mail {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-star {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-star-empty {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-user {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-camera {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-check {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-cancel {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-plus {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-info {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-info-circled {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-home {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-lock {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-lock-open {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-tag {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-pencil {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-print {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-attention {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-vcard {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-search {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-docs {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-doc-text {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-phone {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-cog {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-share {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-basket {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-clock {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-block {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-arrow-combo {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-left-open {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-right-open {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-down-open-mini {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-down-dir {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-up-dir {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-cw {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-arrows-ccw {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-lifebuoy {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-twitter {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-facebook {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-location {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
.fonticon-inbox {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}
@font-face {
font-family: 'fontawesome';
src: url('/fonts/fontawesome-webfont.eot');
src: url('/fonts/fontawesome-webfont.eot#iefix') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff') format('woff'), url('/fonts/fontawesome-webfont.ttf') format('truetype'), url('/fonts/fontawesome-webfont.svg#fontawesome') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="glyph-"]:before,
[class*=" glyph-"]:before {
font-family: "fontawesome";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
/* Default color */
[class^="glyph-"],
[class*=" glyph-"] {
color: #bfbfbf;
}
/* Other colors */
a:hover .glyph-color-white,
.glyph-color-white.active {
color: #FFF;
}
a:hover .glyph-color-gray1,
.glyph-color-gray1.active {
color: #414141;
}
a:hover .glyph-color-blue5,
.glyph-color-blue5.active {
color: #3b5998;
}
a:hover .glyph-color-yellow19,
.glyph-color-yellow19.active {
color: #ebbe35;
}
a:hover .glyph-color-red8,
.glyph-color-red8.active {
color: #c86e67;
}
a:hover .glyph-color-red10,
.glyph-color-red10.active {
color: #c81414;
}
a:hover .glyph-color-green,
.glyph-color-green.active {
color: #4f9962;
}
a:hover .glyph-color-yellow21,
.glyph-color-yellow21 {
color: #cecbc3;
}
/* Sizes */
.glyph-size-large {
font-size: 18px;
}
.glyph-size-xlarge {
font-size: 40px;
}
.glyph-size-xxlarge {
font-size: 55px;
}
/* Vertical & Horizontal fix */
.glyph-vertical-fix {
vertical-align: -1px;
}
.glyph-horizontal-fix {
margin-left: -4px;
}
.glyph-edit:before {
content: '\f044';
}
/* '' */
.glyph-shop:before {
content: '\f07a';
}
/* '' */
.glyph-money:before {
content: "\f0d6";
}
.glyph-heart:before {
content: "\f004";
}
.glyph-arrow-up:before {
content: "\f062";
}
.glyph-check:before {
content: "\f00c";
}
.glyph-circle:before {
content: "\f111";
}
.glyph-envelope:before {
content: "\f0e0";
}
.glyph-check:before {
content: "\f00c";
}
.glyph-docs:before {
content: "\f016";
}
.glyph-chart:before {
content: "\f080";
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
[class^="glyph-"],
[class*=" glyph-"] {
display: inline-block;
font-family: 'fontawesome';
font-style: normal;
font-weight: normal;
/* fix buttons height */
line-height: 1em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-bump:before {
content: "\f155";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-eye:before {
content: "\f06e";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-phone:before {
content: "\f095";
}
.fa-message:before {
content: "\f0e0";
}
.fa-email:before {
content: "\f0a6";
}
.fa-docs:before {
content: "\f016";
}
.glyph-close:before {
content: "\f00d";
}
/* Core variables and mixins */
/* Global
========================================================================== */
/* Colors */
/* Gray */
/* Green */
/* Yellow */
/* Red */
/* Blue */
/* Brown */
/*@brown4: #b6a266;*/
/* Orange */
/* General colors */
/* Brand colors */
/* Social */
/* Typography */
/* Links */
/* Grid */
/* Fluid Grid */
/* Wells */
/* Tables
========================================================================== */
/* Buttons */
/* Forms */
/* base line-height + 8px vertical padding + 2px top/bottom border */
/* Input placeholder text color
========================================================================== */
/* Horizontal forms & lists
========================================================================== */
/* Component sizing
========================================================================== */
/* Navbar
========================================================================== */
/* Form states, alerts, labels and badges
========================================================================== */
/* Tooltips and popovers
========================================================================== */
/* Special enhancement for popovers */
/* Dropdowns
========================================================================== */
/* Modals
========================================================================== */
/* z-index
========================================================================== */
/* Used for a bird's eye view of components dependent on the z-axis */
/* Try to avoid customizing these :) */
/* Pagination
========================================================================== */
/* Mixins
========================================================================== */
/* Clearing floats */
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
/* Center-align a block level element
========================================================================== */
/* Nav-tabs fullwidth counttabs
========================================================================== */
/* The Grid - http://open.spotify.com/track/5z9v299A7qXXSk2VY0sUu0
========================================================================== */
/* Table columns */
/* Text overflows
========================================================================== */
/* Requires inline-block or block for proper styling */
/* Text overflows
========================================================================== */
/* Placeholder text
========================================================================== */
/* CSS3 Properties
========================================================================== */
/* Border Radius */
/* Box sizing */
/* Single Corner Border Radius */
/* Single Side Border Radius */
/* Drop shadows */
/* Opacity */
/* Background clipping */
/* Heads up: FF 3.6 and under need "padding" instead of "padding-box" */
/* Transitions */
/* Sizing shortcuts
========================================================================== */
/* Component mixins
========================================================================== */
/* Dividers (basically an hr) within dropdowns and nav lists */
/* Backgrounds
========================================================================== */
/* Gradient Bar Colors for buttons and alerts */
/* Gradients */
/* Background sizing */
/* Reset filters for IE */
/* CSS Reset */
/* ===========================================================================
Eric meyer CSS reset v2.0
========================================================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* If we remove this file we still wanna keep this somewhere or our .btn used in forms will be fudged up in FF /greetings from Henrik */
button::-moz-focus-inner {
border: 0;
}
/* Grid system and page structure */
/* Global
========================================================================== */
html,
body {
height: 100%;
-webkit-text-size-adjust: none;
}
/* Body */
body {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 22px;
color: #414141;
background-color: #f6f3eb;
}
.wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
}
.container {
margin-right: auto;
margin-left: auto;
*zoom: 1;
}
.container:before,
.container:after {
display: table;
content: "";
line-height: 0;
}
.container:after {
clear: both;
}
footer,
.push {
height: 66px;
}
/* Sprite icons */
i {
display: block;
}
/* Load Grid */
.row {
margin-left: -16px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
/* prevent collapsing columns */
margin-left: 13px;
}
/* Set the container width, and override it for fixed navbars in media queries */
.container {
width: 980px;
}
/* generate .spanX and .offsetX */
.span18 {
width: 974px;
}
.span17 {
width: 919px;
}
.span16 {
width: 864px;
}
.span15 {
width: 809px;
}
.span14 {
width: 754px;
}
.span13 {
width: 699px;
}
.span12 {
width: 644px;
}
.span11 {
width: 589px;
}
.span10 {
width: 534px;
}
.span9 {
width: 479px;
}
.span8 {
width: 424px;
}
.span7 {
width: 369px;
}
.span6 {
width: 314px;
}
.span5 {
width: 259px;
}
.span4 {
width: 204px;
}
.span3 {
width: 149px;
}
.span2 {
width: 94px;
}
.span1 {
width: 39px;
}
.offset18 {
margin-left: 1006px;
}
.offset17 {
margin-left: 951px;
}
.offset16 {
margin-left: 896px;
}
.offset15 {
margin-left: 841px;
}
.offset14 {
margin-left: 786px;
}
.offset13 {
margin-left: 731px;
}
.offset12 {
margin-left: 676px;
}
.offset11 {
margin-left: 621px;
}
.offset10 {
margin-left: 566px;
}
.offset9 {
margin-left: 511px;
}
.offset8 {
margin-left: 456px;
}
.offset7 {
margin-left: 401px;
}
.offset6 {
margin-left: 346px;
}
.offset5 {
margin-left: 291px;
}
.offset4 {
margin-left: 236px;
}
.offset3 {
margin-left: 181px;
}
.offset2 {
margin-left: 126px;
}
.offset1 {
margin-left: 71px;
}
.row-fluid {
width: 100%;
*zoom: 1;
/* Space grid-sized controls properly if multiple per line */
/* generate .spanX and .offsetX */
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
float: left;
margin-left: 1.642710472279261%;
*margin-left: 1.591375770020534%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 1.642710472279261%;
}
.row-fluid .span18 {
width: 100%;
*width: 99.94866529774127%;
}
.row-fluid .span17 {
width: 94.35318275154003%;
*width: 94.3018480492813%;
}
.row-fluid .span16 {
width: 88.70636550308008%;
*width: 88.65503080082135%;
}
.row-fluid .span15 {
width: 83.05954825462013%;
*width: 83.0082135523614%;
}
.row-fluid .span14 {
width: 77.41273100616016%;
*width: 77.36139630390143%;
}
.row-fluid .span13 {
width: 71.76591375770019%;
*width: 71.71457905544146%;
}
.row-fluid .span12 {
width: 66.11909650924024%;
*width: 66.06776180698151%;
}
.row-fluid .span11 {
width: 60.47227926078028%;
*width: 60.420944558521555%;
}
.row-fluid .span10 {
width: 54.82546201232033%;
*width: 54.7741273100616%;
}
.row-fluid .span9 {
width: 49.17864476386037%;
*width: 49.12731006160164%;
}
.row-fluid .span8 {
width: 43.53182751540041%;
*width: 43.48049281314168%;
}
.row-fluid .span7 {
width: 37.88501026694045%;
*width: 37.83367556468172%;
}
.row-fluid .span6 {
width: 32.23819301848049%;
*width: 32.18685831622176%;
}
.row-fluid .span5 {
width: 26.591375770020534%;
*width: 26.540041067761805%;
}
.row-fluid .span4 {
width: 20.944558521560573%;
*width: 20.893223819301845%;
}
.row-fluid .span3 {
width: 15.297741273100614%;
*width: 15.246406570841888%;
}
.row-fluid .span2 {
width: 9.650924024640656%;
*width: 9.599589322381929%;
}
.row-fluid .span1 {
width: 4.004106776180698%;
*width: 3.9527720739219707%;
}
.row-fluid .offset18 {
margin-left: 103.28542094455852%;
*margin-left: 103.18275154004107%;
}
.row-fluid .offset18:first-child {
margin-left: 101.64271047227926%;
*margin-left: 101.5400410677618%;
}
.row-fluid .offset17 {
margin-left: 97.63860369609856%;
*margin-left: 97.5359342915811%;
}
.row-fluid .offset17:first-child {
margin-left: 95.9958932238193%;
*margin-left: 95.89322381930184%;
}
.row-fluid .offset16 {
margin-left: 91.9917864476386%;
*margin-left: 91.88911704312115%;
}
.row-fluid .offset16:first-child {
margin-left: 90.34907597535934%;
*margin-left: 90.24640657084188%;
}
.row-fluid .offset15 {
margin-left: 86.34496919917865%;
*margin-left: 86.24229979466119%;
}
.row-fluid .offset15:first-child {
margin-left: 84.70225872689939%;
*margin-left: 84.59958932238193%;
}
.row-fluid .offset14 {
margin-left: 80.69815195071868%;
*margin-left: 80.59548254620123%;
}
.row-fluid .offset14:first-child {
margin-left: 79.05544147843942%;
*margin-left: 78.95277207392196%;
}
.row-fluid .offset13 {
margin-left: 75.05133470225871%;
*margin-left: 74.94866529774126%;
}
.row-fluid .offset13:first-child {
margin-left: 73.40862422997945%;
*margin-left: 73.305954825462%;
}
.row-fluid .offset12 {
margin-left: 69.40451745379876%;
*margin-left: 69.3018480492813%;
}
.row-fluid .offset12:first-child {
margin-left: 67.7618069815195%;
*margin-left: 67.65913757700204%;
}
.row-fluid .offset11 {
margin-left: 63.75770020533881%;
*margin-left: 63.65503080082135%;
}
.row-fluid .offset11:first-child {
margin-left: 62.114989733059545%;
*margin-left: 62.01232032854209%;
}
.row-fluid .offset10 {
margin-left: 58.110882956878854%;
*margin-left: 58.0082135523614%;
}
.row-fluid .offset10:first-child {
margin-left: 56.46817248459959%;
*margin-left: 56.365503080082135%;
}
.row-fluid .offset9 {
margin-left: 52.46406570841889%;
*margin-left: 52.36139630390144%;
}
.row-fluid .offset9:first-child {
margin-left: 50.82135523613963%;
*margin-left: 50.718685831622174%;
}
.row-fluid .offset8 {
margin-left: 46.81724845995893%;
*margin-left: 46.714579055441476%;
}
.row-fluid .offset8:first-child {
margin-left: 45.17453798767967%;
*margin-left: 45.071868583162214%;
}
.row-fluid .offset7 {
margin-left: 41.17043121149897%;
*margin-left: 41.067761806981515%;
}
.row-fluid .offset7:first-child {
margin-left: 39.52772073921971%;
*margin-left: 39.42505133470225%;
}
.row-fluid .offset6 {
margin-left: 35.52361396303901%;
*margin-left: 35.420944558521555%;
}
.row-fluid .offset6:first-child {
margin-left: 33.88090349075975%;
*margin-left: 33.77823408624229%;
}
.row-fluid .offset5 {
margin-left: 29.876796714579054%;
*margin-left: 29.774127310061598%;
}
.row-fluid .offset5:first-child {
margin-left: 28.234086242299796%;
*margin-left: 28.13141683778234%;
}
.row-fluid .offset4 {
margin-left: 24.229979466119094%;
*margin-left: 24.127310061601637%;
}
.row-fluid .offset4:first-child {
margin-left: 22.587268993839835%;
*margin-left: 22.48459958932238%;
}
.row-fluid .offset3 {
margin-left: 18.583162217659137%;
*margin-left: 18.48049281314168%;
}
.row-fluid .offset3:first-child {
margin-left: 16.940451745379875%;
*margin-left: 16.83778234086242%;
}
.row-fluid .offset2 {
margin-left: 12.936344969199178%;
*margin-left: 12.833675564681725%;
}
.row-fluid .offset2:first-child {
margin-left: 11.293634496919916%;
*margin-left: 11.190965092402463%;
}
.row-fluid .offset1 {
margin-left: 7.289527720739219%;
*margin-left: 7.186858316221766%;
}
.row-fluid .offset1:first-child {
margin-left: 5.646817248459959%;
*margin-left: 5.544147843942505%;
}
/* Links */
a {
color: #336699;
text-decoration: none;
font-weight: bold;
}
a:hover,
a:focus {
text-decoration: underline;
}
/* Base CSS */
/* ==========================================================================
Typography
========================================================================== */
/* Body text
========================================================================== */
p {
margin: 0 0 14px;
}
/* Headings
========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 10px 0;
font-family: inherit;
font-weight: bold;
line-height: 24px;
color: inherit;
text-rendering: optimizelegibility;
/* Fix the character spacing for headings */
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
font-weight: normal;
line-height: 1;
}
h1,
h2 {
line-height: 32px;
}
h1 {
font-size: 28px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 16px;
margin: 5px 0;
}
h5 {
font-size: 14px;
margin: 5px 0;
}
h6 {
font-size: 12px;
margin: 5px 0;
}
h1 small {
font-size: 14px;
}
h2 small {
font-size: 13px;
}
h3 small {
font-size: 11px;
}
h4 small {
font-size: 14px;
}
/* Emphasis & misc
========================================================================== */
small {
font-size: 85%;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
cite {
font-style: normal;
}
q {
quotes: none;
}
/* Utility classes */
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.font-normal {
font-weight: normal;
}
/* Font colors */
.font-color-green {
color: #4f9962;
}
.font-color-red {
color: #c86e67;
}
.font-color-blue {
color: #2277bd;
}
.font-color-yellow {
color: #deb25d;
}
.font-color-gray {
color: #757575;
}
.font-color-orange {
color: #f07724;
}
.font-color-white {
color: #ffffff !important;
}
/* Lists
========================================================================== */
/* Unordered and Ordered lists */
ul,
ol {
padding: 0;
margin: 0 0 11px 20px;
}
ul {
list-style-type: circle;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0;
}
li {
line-height: 22px;
}
/* Remove default list styles */
ul.unstyled,
ol.unstyled {
margin-left: 0;
list-style: none;
}
/* Single-line list items */
ul.inline,
ol.inline {
margin-left: 0;
list-style: none;
}
ul.inline > li,
ol.inline > li {
display: inline-block;
*display: inline;
*zoom: 1;
padding-left: 5px;
padding-right: 5px;
}
/* Description Lists */
dl {
margin-bottom: 22px;
}
dt,
dd {
line-height: 22px;
}
dt {
font-weight: bold;
}
dd {
margin-left: 10px;
}
/* Horizontal layout (like forms) */
.dl-horizontal dt {
float: left;
width: 180px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 200px;
}
/* hr separator */
hr {
margin: 10px 0 25px;
border-top: 1px solid #ededed;
border-bottom: 1px dotted #ffffff;
border-width: 1px 0;
text-align: left;
}
/* ==========================================================================
Forms
========================================================================== */
/* General styles
========================================================================== */
/* Make all forms have space below them */
form {
margin: 0 0 10px;
}
form hr {
margin: 11px 0 0;
}
form small {
font-weight: normal;
color: #9a9a9a;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
/* Groups of fields with labels on top (legends) */
legend {
display: block;
width: 100%;
padding: 0 0 11px 0;
margin-bottom: 16px;
font-size: 16px;
line-height: 20px;
color: #414141;
border: 0;
border-bottom: 1px solid #cfcfcf;
/* Small */
}
legend small {
font-size: 7.5px;
color: #9a9a9a;
}
/* Set font for forms */
label,
input,
button,
select,
textarea {
font-size: 14px;
font-weight: normal;
line-height: 20px;
/* Set size, weight, line-height here */
}
input,
button,
select,
textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
/* And only set font-family here for those that need it (note the missing label element) */
}
/* Identify controls by their labels */
label {
display: block;
margin-bottom: 5px;
font-size: 13px;
font-weight: bold;
line-height: 18px;
/* Set size, weight, line-height here */
}
/* Search form
========================================================================== */
.form-search {
position: relative;
*zoom: 1;
}
.form-search:before,
.form-search:after {
display: table;
content: "";
line-height: 0;
}
.form-search:after {
clear: both;
}
.form-search .form-search-input,
.form-search .form-search-input:focus {
border: none;
padding-left: 40px;
padding-right: 100px;
}
.form-search .form-search-input:focus,
.form-search .form-search-input:focus:focus {
background-color: #f2f2f2;
}
.form-search i {
color: #505050;
position: absolute;
top: 11px;
left: 9px;
font-size: 20px;
}
/* Form controls
========================================================================== */
/* Shared size and type resets */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
display: inline-block;
min-height: 20px;
padding: 5px 6px;
margin-bottom: 6px;
font-size: 14px;
line-height: 20px;
color: #414141;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
vertical-align: middle;
}
/* Reset appearance properties for textual inputs and textarea */
/* Declare width for legacy (can't be on input[type=*] selectors or it's too specific) */
input,
.uneditable-input,
textarea {
width: 400px;
}
/* Reset height since textareas have rows */
textarea {
height: auto;
max-width: 530px;
}
/* Everything else */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
ope input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: #ffffff;
border: 1px solid #cfcfcf;
/* Focus state */
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
ope input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
color: #414141;
border-color: #2277bd;
border-width: 2px;
padding: 4px 5px;
outline: none;
}
textarea.error,
input[type="text"].error,
input[type="password"].error,
input[type="datetime"].error,
ope input[type="datetime-local"].error,
input[type="date"].error,
input[type="month"].error,
input[type="time"].error,
input[type="week"].error,
input[type="number"].error,
input[type="email"].error,
input[type="url"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="color"].error,
.uneditable-input.error {
border-color: #c86e67;
}
textarea.warning,
input[type="text"].warning,
input[type="password"].warning,
input[type="datetime"].warning,
ope input[type="datetime-local"].warning,
input[type="date"].warning,
input[type="month"].warning,
input[type="time"].warning,
input[type="week"].warning,
input[type="number"].warning,
input[type="email"].warning,
input[type="url"].warning,
input[type="search"].warning,
input[type="tel"].warning,
input[type="color"].warning,
.uneditable-input.warning {
border-color: #deb25d;
}
textarea.success,
input[type="text"].success,
input[type="password"].success,
input[type="datetime"].success,
ope input[type="datetime-local"].success,
input[type="date"].success,
input[type="month"].success,
input[type="time"].success,
input[type="week"].success,
input[type="number"].success,
input[type="email"].success,
input[type="url"].success,
input[type="search"].success,
input[type="tel"].success,
input[type="color"].success,
.uneditable-input.success {
border-color: #4f9962;
}
/* Position radios and checkboxes better */
input[type="radio"],
input[type="checkbox"] {
margin: 2px 0 0;
*margin-top: 0;
/* IE7 */
margin-top: 1px \9;
/* IE8-9 */
line-height: normal;
}
/* Reset width of input images, buttons, radios, checkboxes */
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
width: auto;
/* Override of generic input selector */
}
/* Set the height of select and file controls to match text inputs */
select {
height: 32px;
/* In IE7, the height of the select element cannot be changed by height, only font-size */
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */
line-height: 32px;
}
input[type="file"] {
line-height: 16px;
margin: 4px 0;
}
/* Make select elements obey height by applying a border */
select {
width: 220px;
/* default input width + 10px of padding that doesn't get applied */
border: 1px solid #cfcfcf;
background-color: #ffffff;
/* Chrome on Linux and Mobile Safari need background-color */
}
select.white-border {
border-color: white;
}
/* Make multiple select elements height not fixed */
select[multiple],
select[size] {
height: auto;
}
/* Block level inputs */
.input-block-level {
display: block;
width: 100%;
min-height: 32px;
/* Make inputs at least the height of their button counterpart (base line-height + padding + border) */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* Makes inputs behave like true block-level elements */
}
.select-block-level {
display: block;
width: 100%;
}
/* Alternative form sizes
========================================================================== */
/* Form with a larger height */
input.input-height-large {
height: 30px;
line-height: 30px;
}
input.input-height-large.input-block-level {
height: 42px;
line-height: 30px;
*height: 30px;
}
/* Uneditable inputs
========================================================================== */
/* Make uneditable inputs look inactive */
.uneditable-input,
.uneditable-textarea {
color: #9a9a9a;
background-color: #f8f8f8;
border-color: #cfcfcf;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
cursor: not-allowed;
}
/* For text that needs to appear as an input but should not be an input */
.uneditable-input {
overflow: hidden;
/* prevent text from wrapping, but still cut it off like an input does */
white-space: nowrap;
}
/* Make uneditable textareas behave like a textarea */
.uneditable-textarea {
width: auto;
height: auto;
}
/* Placeholder
========================================================================== */
/* Placeholder text gets special styles because when browsers invalidate entire lines if it doesn't understand a selector */
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #9a9a9a;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #9a9a9a;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #9a9a9a;
}
/* Checkboxes & Radios
========================================================================== */
/* Indent the labels to position radios/checkboxes as hanging */
.radio,
.checkbox,
.text {
min-height: 20px;
padding-left: 20px;
font-weight: normal;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
float: left;
margin-left: -20px;
}
/* Radios and checkboxes on same line
TODO v3: Convert .inline to .control-inline */
.radio.inline,
.checkbox.inline {
display: inline-block;
padding-top: 2px;
margin-bottom: 0;
vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
margin-left: 10px;
}
/* radio alternate styling */
.radio-white {
color: #ffffff;
}
/* Input sizes
========================================================================== */
/* General classes for quick sizes */
.input-mini {
width: 60px;
}
.input-small {
width: 90px;
}
.input-medium {
width: 150px;
}
.input-large {
width: 210px;
}
.input-xlarge {
width: 270px;
}
.input-xxlarge {
width: 530px;
}
/* Grid style input sizes */
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
float: none;
margin-left: 0;
}
/* Ensure input-prepend/append never wraps */
.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"] {
display: inline-block;
}
/* Grid sizing for inputs
========================================================================== */
/* Grid sizes */
input,
textarea,
.uneditable-input {
margin-left: 0;
/* override margin-left from core grid system */
}
/* Space grid-sized controls properly if multiple per line */
.controls-row [class*="span"] + [class*="span"] {
margin-left: 16px;
}
/* generate .spanX */
input.span18,
textarea.span18,
.uneditable-input.span18 {
width: 960px;
}
input.span17,
textarea.span17,
.uneditable-input.span17 {
width: 905px;
}
input.span16,
textarea.span16,
.uneditable-input.span16 {
width: 850px;
}
input.span15,
textarea.span15,
.uneditable-input.span15 {
width: 795px;
}
input.span14,
textarea.span14,
.uneditable-input.span14 {
width: 740px;
}
input.span13,
textarea.span13,
.uneditable-input.span13 {
width: 685px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 630px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 575px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 520px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 465px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 410px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 355px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 300px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 245px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 190px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 135px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 80px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 25px;
}
/* Control row for multiple inputs per line */
.controls-row {
*zoom: 1;
}
.controls-row:before,
.controls-row:after {
display: table;
content: "";
line-height: 0;
}
.controls-row:after {
clear: both;
}
/* Float to collapse white-space for proper grid alignment */
.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
float: left;
}
/* Explicity set top padding on all checkboxes/radios, not just first-child */
.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
padding-top: 5px;
}
/* Disabled state
========================================================================== */
/* Disabled and read-only inputs */
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly],
.uneditable-input {
cursor: not-allowed;
background-color: #f8f8f8;
}
/* Explicitly reset the colors here */
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
background-color: transparent;
}
/* Form alerts
========================================================================== */
.form-alert {
padding-top: 6px;
margin-bottom: 6px;
}
.form-alert a {
color: #ffffff;
text-decoration: underline;
}
/* Base class */
.form-alert-body {
padding: 6px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #505050;
display: inline-block;
*display: inline;
position: relative;
line-height: 20px;
*zoom: 1;
color: white;
/* Arrow */
}
.form-alert-body:before,
.form-alert-body:after {
display: table;
content: "";
line-height: 0;
}
.form-alert-body:after {
clear: both;
}
.form-alert-body > i {
color: #505050;
position: absolute;
top: -8px;
left: 50%;
margin-left: -10px;
}
/* Alternative sizes */
.form-alert-large {
padding: 10px 10px 11px;
}
/* Form alert colors */
.form-alert-red {
background: #c86e67;
}
.form-alert-yellow {
background: #deb25d;
}
.form-alert-green {
background: #4f9962;
}
.form-alert-red > i {
color: #c86e67;
}
.form-alert-yellow > i {
color: #deb25d;
}
.form-alert-green > i {
color: #4f9962;
}
/* Form actions
========================================================================== */
.form-actions {
padding: 9px 20px 10px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #fbfaf6;
border-top: 1px solid #e5e5e5;
*zoom: 1;
}
.form-actions:before,
.form-actions:after {
display: table;
content: "";
line-height: 0;
}
.form-actions:after {
clear: both;
}
/* Help text
========================================================================== */
.help-block,
.help-inline {
color: #676767;
/* lighten the text some for contrast */
}
.help-block {
display: block;
/* account for any element using help-block */
margin-bottom: 5px;
}
.help-inline {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
padding-left: 5px;
}
/* Horizontal & vertical forms
========================================================================== */
/* Common properties
========================================================================== */
.form-inline,
.form-horizontal {
/* Re-hide hidden elements due to specifity */
}
.form-inline input,
.form-horizontal input,
.form-inline textarea,
.form-horizontal textarea,
.form-inline select,
.form-horizontal select,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-inline .input-append,
.form-horizontal .input-append {
display: inline-block;
*display: inline;
*zoom: 1;
margin-bottom: 4px;
vertical-align: middle;
}
.form-inline .hide,
.form-horizontal .hide {
display: none;
}
.form-inline .radio,
.form-inline .checkbox {
vertical-align: middle;
margin-bottom: 0;
}
.form-inline label,
.form-inline .btn-group {
display: inline-block;
}
/* Remove margin for input-prepend/-append */
.form-inline .input-append,
.form-inline .input-prepend {
margin-bottom: 0;
}
/* Margin to space out fieldsets */
.control-group {
margin-bottom: 0.5px;
}
/* Legend collapses margin, so next element is responsible for spacing */
legend + .control-group {
margin-top: 10px;
-webkit-margin-top-collapse: separate;
}
/* Horizontal-specific styles
========================================================================== */
.form-horizontal {
/* Increase spacing between groups */
/* Float the labels left */
/* Move over all input controls and content */
/* Remove bottom margin on block level help text since that's accounted for on .control-group */
/* And apply it only to .help-block instances that follow a form control */
/* Move over buttons in .form-actions to align with .controls */
}
.form-horizontal .control-group {
margin-bottom: 12px;
*zoom: 1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
display: table;
content: "";
line-height: 0;
}
.form-horizontal .control-group:after {
clear: both;
}
.form-horizontal .control-label {
float: left;
width: 115px;
padding-top: 6px;
text-align: right;
}
.form-horizontal .controls {
/* Super jank IE7 fix to ensure the inputs in .input-append and input-prepend
don't inherit the margin of the parent, in this case .controls */
*display: inline-block;
*padding-left: 20px;
line-height: 32px;
margin-left: 135px;
*margin-left: 0;
}
.form-horizontal .controls:first-child {
*padding-left: 200px;
}
.form-horizontal .text-block {
line-height: 22px;
margin-top: 5px;
}
.form-horizontal .help-block {
margin-bottom: 0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
margin-top: 5px;
}
.form-horizontal .form-actions {
padding-left: 200px;
}
.form-horizontal .form-alert {
margin-bottom: 0;
}
.input-icon input {
padding-left: 30px !important;
}
.input-icon input:focus {
padding-left: 29px !important;
}
.input-icon i {
position: absolute;
top: 50%;
margin-top: -13px;
line-height: 22px;
left: 5px;
font-size: 16px;
}
.input-icon-large input {
padding-left: 38px;
}
.input-icon-large input:focus {
padding-left: 37px;
}
.input-icon-large i {
left: 10px;
}
/* ===========================================================================
Tables
========================================================================== */
/* BASE TABLES
========================================================================== */
table {
max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
}
/* BASELINE STYLES
========================================================================== */
.table {
width: 100%;
margin-bottom: 20px;
/* Cells */
/* Bottom align for column headings */
/* Remove top border from thead by default */
/* Account for multiple tbody instances */
/* Nesting */
}
.table th,
.table td {
padding: 8px;
line-height: 20px;
vertical-align: top;
border-top: 1px solid #dddddd;
}
.table th {
font-weight: bold;
}
.table thead th {
vertical-align: bottom;
}
.table tbody tr:last-child td:first-child {
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.table tbody tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
border-top: 0;
}
.table tbody + tbody {
border-top: 2px solid #dddddd;
}
.table .table {
background-color: #f6f3eb;
}
/* CONDENSED TABLE W/ HALF PADDING
========================================================================== */
.table-condensed th,
.table-condensed td {
padding: 4px 5px;
}
/* BORDERED VERSION
========================================================================== */
.table-border-top {
border-top: 1px solid #cfcfcf !important;
}
.table-bordered {
border: 1px solid #cfcfcf;
border-collapse: separate;
*border-collapse: collapse;
border-left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/* Prevent a double border */
}
.table-bordered th,
.table-bordered td {
border-left: 1px solid #dddddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
border-top: 0;
}
/* Bordered table inside panel */
.panel > .table-bordered {
border-left: 1px solid #cfcfcf;
border-top: 0;
margin-bottom: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
}
.panel > .table-bordered th,
.panel > .table-bordered td {
padding: 9px 15px 7px;
}
.panel > .table-bordered th:first-child,
.panel > .table-bordered td:first-child {
border-left: 0;
}
/* ZEBRA-STRIPING
========================================================================== */
/* Default zebra-stripe styles (alternating gray and transparent backgrounds) */
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
/* HOVER EFFECT
========================================================================== */
/* Placed here since it has to come after the potential zebra striping */
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
background-color: #f5f5f5;
}
/* TABLE CELL SIZING
========================================================================== */
/* Reset default grid behavior */
table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
display: table-cell;
float: none;
margin-left: 0;
}
/* Change the column widths to account for td/th padding */
.table td.span1,
.table th.span1 {
float: none;
width: 23px;
/* 16 is total padding on left and right of table cells */
margin-left: 0;
/* undo default grid column styles */
}
.table td.span2,
.table th.span2 {
float: none;
width: 78px;
/* 16 is total padding on left and right of table cells */
margin-left: 0;
/* undo default grid column styles */
}
.table td.span3,
.table th.span3 {
float: none;
width: 133px;
/* 16 is total padding on left and right of table cells */
margin-left: 0;
/* undo default grid column styles */
}
.table td.span4,
.table th.span4 {
float: none;
width: 188px;
/* 16 is total padding on left and right of table cells */
margin-left: 0;
/* undo default grid column styles */
}
.table td.span5,
.table th.span5 {
float: none;
width: 243px;
/* 16 is total padding on left and right of table cells */
margin-left: 0;
/* undo default grid column styles */
}
.table td.span6,
.table th.span6 {
float: none;
width: 298px;
/* 16 is total padding on left and right of table cells */
margin-left: 0;
/* undo default grid column styles */
}
.table td.span7,
.table th.span7 {
float: none;
width: 353px;
/* 16 is total padding on left and right of table cells */
margin-left: 0;
/* undo default grid column styles */
}
.table td.span8,
.table th.span8 {
float: none;
width: 408px;
/* 16 is total padding on left and right of table cells */
margin-left: 0;
/* undo default grid column styles */
}
.table td.span9,
.table th.span9 {
float: none;
width: 463px;
/* 16 is total padding on left and right of table cells */
margin-left: 0;
/* undo default grid column styles */
}
.table td.span10,
.table th.span10 {
float: none;
width: 518px;
/* 16 is total padding on left and right of table cells */
margin-left: 0;
/* undo default grid column styles */
}
.table td.span11,
.table th.span11 {
float: none;
width: 573px;
/* 16 is total padding on left and right of table cells */
margin-left: 0;
/* undo default grid column styles */
}
.table td.span12,
.table th.span12 {
float: none;
width: 628px;
/* 16 is total padding on left and right of table cells */
margin-left: 0;
/* undo default grid column styles */
}
.span20 {
width: 240px;
}
.span21 {
width: 730px;
}
.span22 {
width: 980px;
}
.span23 {
width: 300px;
}
.span24 {
width: 667px;
}
/* TABLE BACKGROUNDS
========================================================================== */
/* Exact selectors below required to override .table-striped */
.table tbody tr.success > td {
background-color: #4f9962;
}
.table tbody tr.error > td {
background-color: #c86e67;
}
.table tbody tr.warning > td {
background-color: #deb25d;
}
.table tbody tr.info > td {
background-color: #70a7c7;
}
/* Hover states for .table-hover */
.table-hover tbody tr.success:hover > td {
background-color: #468857;
}
.table-hover tbody tr.error:hover > td {
background-color: #c15c54;
}
.table-hover tbody tr.warning:hover > td {
background-color: #daa848;
}
.table-hover tbody tr.info:hover > td {
background-color: #5e9cc0;
}
/* Components: Popovers */
/* ===========================================================================
Modals
========================================================================== */
/* Container that the modal scrolls within */
.modal {
display: none;
overflow: auto;
overflow-y: scroll;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal .modal-dialog {
margin-top: 50px;
margin-bottom: 50px;
}
/* Kill the scroll on the body */
.modal-open {
overflow: hidden;
}
/* Background styles
========================================================================== */
/* Modal background */
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
/* Fade for backdrop */
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.005;
filter: alpha(opacity=0.5);
}
.modal-backdrop,
.modal-backdrop.fade.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
/* Base styles
========================================================================== */
.modal-dialog {
z-index: 1060;
width: 500px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.modal-dialog .panel-body {
padding: 15px;
}
.modal-dialog .panel-heading-large {
padding-left: 10px;
border-width: 0 0 1px 0;
}
.modal-dialog .panel-main {
border: none;
overflow: auto;
}
/* Sizes */
.modal-small {
width: 304px;
}
/* ===========================================================================
Tooltips
========================================================================== */
/* Base class */
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 13px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 1;
filter: alpha(opacity=100);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
/* Wrapper for the tooltip content */
.tooltip-inner {
max-width: 200px;
padding: 8px;
color: #ffffff;
text-align: center;
font-weight: bold;
text-decoration: none;
background-color: #505050;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
/* Icon */
.tooltip.right .tooltip-icon,
.tooltip.left .tooltip-icon {
left: 11px;
top: 6px;
}
/* Arrows */
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #505050;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #505050;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #505050;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #505050;
}
/* ===========================================================================
Popovers
========================================================================== */
/* Base styles
========================================================================== */
.popover {
position: absolute;
top: 0;
/*left: 0;*/
z-index: 1010;
display: none;
max-width: 276px;
text-align: left;
/* Reset given new insertion method */
background-color: #fcfcfc;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #cfcfcf;
-webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0 2px rgba(0, 0, 0, 0.04);
box-shadow: 0 2px rgba(0, 0, 0, 0.04);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/* Overrides for proper insertion */
white-space: normal;
/* Offset the popover to account for the popover arrow */
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-header {
margin: 0;
/* reset heading margin */
padding: 7px;
font-size: 14px;
font-weight: bold;
line-height: 18px;
background-color: #ececec;
border-bottom: 1px solid #cfcfcf;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
/*.border-radius(5px 5px 0 0);*/
}
.popover-header:empty {
display: none;
}
.popover-content {
padding: 9px 14px;
font-size: 13px;
line-height: 22px;
}
/* Arrows
========================================================================== */
/* .arrow is outer, .arrow:after is inner */
.popover .arrow,
.popover .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover .arrow {
border-width: 5px;
}
.popover .arrow:after {
border-width: 4px;
content: "";
}
.popover.top .arrow {
left: 50%;
margin-left: -5px;
border-bottom-width: 0;
border-top-color: #999;
/* IE8 fallback */
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -5px;
}
.popover.top .arrow:after {
bottom: 1px;
margin-left: -4px;
border-bottom-width: 0;
border-top-color: #ffffff;
}
.popover.right .arrow {
top: 50%;
left: -5px;
margin-top: -5px;
border-left-width: 0;
border-right-color: #999;
/* IE8 fallback */
border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
left: 1px;
bottom: -4px;
border-left-width: 0;
border-right-color: #ffffff;
}
.popover.bottom .arrow {
left: 50%;
margin-left: -5px;
border-top-width: 0;
border-bottom-color: #999;
/* IE8 fallback */
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -5px;
}
.popover.bottom .arrow:after {
top: 1px;
margin-left: -4px;
border-top-width: 0;
border-bottom-color: #ffffff;
}
.popover.left .arrow {
top: 50%;
right: -5px;
margin-top: -5px;
border-right-width: 0;
border-left-color: #999;
/* IE8 fallback */
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
right: 1px;
border-right-width: 0;
border-left-color: #ffffff;
bottom: -4px;
}
/* Components: common */
/* ===========================================================================
Panels
========================================================================== */
/* Base class */
.panel {
margin-bottom: 10px;
*zoom: 1;
}
.panel:before,
.panel:after {
display: table;
content: "";
line-height: 0;
}
.panel:after {
clear: both;
}
.panel.modal {
border-color: transparent;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
}
.panel form {
margin: 0;
}
/* Panel contents */
.panel-main {
background-color: #ffffff;
border-style: solid;
border-color: #cfcfcf;
border-width: 0px 1px 1px 1px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
*zoom: 1;
}
.panel-main:before,
.panel-main:after {
display: table;
content: "";
line-height: 0;
}
.panel-main:after {
clear: both;
}
.panel-body {
padding: 10px 15px;
}
.panel-body.panel-body-padding {
padding: 15px;
}
.panel-body.panel-body-nopadding {
padding: 0px;
}
.panel-body.panel-body-smallpadding {
padding: 10px 5px;
}
/* Aside information panel */
.panel-info {
background: #fcfcfc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ededec;
font-size: 12px;
}
.panel-info ul {
list-style: none;
margin: 0;
}
/* Optional heading */
.panel-heading {
padding: 7px 10px;
font-weight: bold;
font-size: 14px;
text-shadow: 0 1px 0 #ffffff;
line-height: 20px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
border: 1px solid #cfcfcf;
margin: 0px;
color: #414141;
background-color: #f4f4f2;
background-image: -moz-linear-gradient(top, #fafaf9, #ebeae7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafaf9), to(#ebeae7));
background-image: -webkit-linear-gradient(top, #fafaf9, #ebeae7);
background-image: -o-linear-gradient(top, #fafaf9, #ebeae7);
background-image: linear-gradient(to bottom, #fafaf9, #ebeae7);
background-repeat: repeat-x;
*zoom: 1;
}
.panel-heading:before,
.panel-heading:after {
display: table;
content: "";
line-height: 0;
}
.panel-heading:after {
clear: both;
}
.panel-heading i {
font-size: 19px;
line-height: 22px;
color: #414141;
vertical-align: -1px;
}
.panel-heading .close {
line-height: 18px;
margin: 0px;
}
.panel-noheading {
border-top: 1px solid #cfcfcf;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.panel-subheading-divider {
border-top: 1px solid #e5e5e5;
}
.panel-subheading {
font-size: 14px;
line-height: 20px;
padding: 7px 10px;
background: #fbfaf6;
border-bottom: 1px solid #e5e5e5;
color: #757575;
}
.panel-heading-large {
font-size: 16px;
line-height: 22px;
padding: 10px;
}
.panel-heading-large i {
font-size: 18px;
line-height: 22px;
}
.panel-heading-xlarge {
font-size: 20px;
line-height: 27px;
padding: 14px 10px 13px;
}
.panel-heading-xlarge i {
margin-top: 3px;
font-size: 51px;
line-height: 30px;
}
.panel-heading-xlarge span {
font-size: 16px;
font-weight: normal;
}
.panel-heading-small {
font-size: 13px;
line-height: 19px;
padding: 5px 10px;
}
.panel-heading-small i {
font-size: 17px;
line-height: 22px;
}
/* Variations
========================================================================== */
.panel-gold .panel-heading {
background-color: #f7efde;
background-image: -moz-linear-gradient(top, #fcf7e4, #efe4d5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcf7e4), to(#efe4d5));
background-image: -webkit-linear-gradient(top, #fcf7e4, #efe4d5);
background-image: -o-linear-gradient(top, #fcf7e4, #efe4d5);
background-image: linear-gradient(to bottom, #fcf7e4, #efe4d5);
background-repeat: repeat-x;
color: #705f42;
border-color: #d7d0b5;
}
.panel-gold .panel-heading i {
color: #705f42;
}
.panel-gold .panel-item > a {
border-color: #e9e3cb;
color: #6a6860;
line-height: 26px;
}
.panel-gold .panel-item > span > a {
border-color: #e9e3cb;
color: #6a6860;
}
.panel-gold .panel-body-gold {
background-color: #f0eada;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
border-color: #d7d0b5;
}
.panel-gold .panel-body-gold td {
border-color: #f0eada;
background-color: #fefbf3;
}
.panel-dashed {
border: 2px dashed #cfcfcf;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.panel-dashed p {
margin: 0;
}
.panel-dashed .panel-main,
.panel-dashed .panel-body {
background-color: transparent;
padding: 8px;
}
/* Footer
========================================================================== */
.panel-footer {
background: #fbfaf6;
border-top: 1px solid #cfcfcf;
padding: 8px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
-webkit-box-shadow: inset 0 2px 0 #f0f0f0;
-moz-box-shadow: inset 0 2px 0 #f0f0f0;
box-shadow: inset 0 2px 0 #f0f0f0;
*zoom: 1;
}
.panel-footer:before,
.panel-footer:after {
display: table;
content: "";
line-height: 0;
}
.panel-footer:after {
clear: both;
}
.panel-footer > span {
line-height: 36px;
}
.panel-footer > label {
margin-top: 8px;
}
.panel-footer input {
margin-bottom: 0px;
}
/* Footer block button */
.panel-btn-footer {
margin-bottom: -1px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-left-radius: 0px;
}
.panel-btn-footer .panel-body {
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-left-radius: 0px;
}
/* ==========================================================================
Component animations
========================================================================== */
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
/* ==========================================================================
Dropdown menus
========================================================================== */
/* Use the .menu class on any
element within the topbar or ul.tabs and you'll get some superfancy dropdowns */
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle {
/* The caret makes the toggle a bit too tall in IE7 */
*margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
outline: 0;
}
/* The dropdown menu ( ul)
========================================================================== */
.dropdown-menu {
outline: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
/* none by default, but block on "open" of the menu */
float: left;
min-width: 160px;
margin: 2px 0 0;
/* override default ul */
padding: 5px 0;
list-style: none;
list-style-image: none;
background-color: #fcfcfc;
border: 1px solid #ccc;
/* Fallback for IE7-8 */
border: 1px solid #cfcfcf;
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0 2px rgba(0, 0, 0, 0.04);
box-shadow: 0 2px rgba(0, 0, 0, 0.04);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
/* Aligns the dropdown menu to right */
/* Dividers (basically an hr) within the dropdown */
/* Links within the dropdown menu */
}
.dropdown-menu.float-right {
left: auto;
}
.dropdown-menu li:first-child a {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
}
.dropdown-menu li:last-child a {
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.dropdown-menu .divider {
height: 1px;
overflow: hidden;
background-color: #cfcfcf;
}
.dropdown-menu > li > a {
display: block;
padding: 7px 12px;
clear: both;
font-size: 13px;
font-weight: normal;
line-height: 20px;
color: #414141;
white-space: nowrap;
}
.dropdown-menu > li > a i {
display: inline-block;
*display: inline;
*zoom: 1;
width: 25px;
}
.dropdown-menu.dropdown-top-85 {
top: 85%;
}
/* Hover/Focus state
========================================================================== */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-color: #ececec;
text-decoration: none;
outline: 0;
}
/* Active state
========================================================================== */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color: #ececec;
text-decoration: none;
outline: 0;
}
/* Disabled state
========================================================================== */
/* Gray out text and ensure the hover/focus state remains gray */
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #9a9a9a;
}
/* Nuke hover/focus effects */
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
/* Remove CSS gradient */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: default;
}
/* Open state for the dropdown
========================================================================== */
.open {
/* IE7's z-index only goes to the nearest positioned ancestor, which would
make the menu appear below buttons that appeared later on the page */
*z-index: 1000;
}
.open > .dropdown-menu {
display: block;
}
/* Allow for dropdowns to go bottom up (aka, dropup-menu)
========================================================================== */
/* Just add .dropup after the standard .dropdown class and you're set, bro.
TODO: abstract this so that the navbar fixed styles are not placed here? */
.dropup,
.navbar-fixed-bottom .dropdown {
/* Reverse the caret */
/* Different positioning for bottom up menu */
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid #000000;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
/* Faked form select dropdown
========================================================================== */
.select-dropdown {
position: relative;
display: inline-block;
}
.select-dropdown a {
color: #414141;
cursor: pointer;
}
.select-dropdown span {
float: left;
border: 1px solid #cfcfcf;
border-right: none;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
padding: 4px 9px 4px 5px;
line-height: 21px;
background: #ffffff;
font-size: 13px;
font-weight: normal;
min-width: 126px;
}
.select-dropdown .btn {
float: left;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
padding: 1px 2px 6px;
}
.select-dropdown .btn:active {
padding: 3px 3px 6px;
}
.select-dropdown .btn i {
font-size: 13px;
}
/* Headers
========================================================================== */
.dropdown-header {
font-size: 12px;
line-height: 1em;
padding: 13px 12px 7px;
color: #9a9a9a;
}
/* Typeahead
========================================================================== */
.typeahead {
z-index: 1051;
margin-top: 2px;
/* give it some space to breathe */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* ===========================================================================
Close icons
========================================================================== */
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: #000000;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40);
}
/* Additional properties for button version */
/* iOS requires the button element instead of an anchor tag. */
/* If you want the anchor version, it requires `href="#"`. */
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
/* Components: Buttons & Alerts */
/* ==========================================================================
Buttons
========================================================================== */
/* Base styles
========================================================================== */
/* Core */
.btn {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 6px 9px;
margin: 0;
/* For input.btn */
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
background-color: #f4f4f2;
background-image: -moz-linear-gradient(top, #fafaf9, #ebeae7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafaf9), to(#ebeae7));
background-image: -webkit-linear-gradient(top, #fafaf9, #ebeae7);
background-image: -o-linear-gradient(top, #fafaf9, #ebeae7);
background-image: linear-gradient(to bottom, #fafaf9, #ebeae7);
background-repeat: repeat-x;
*background-color: #ebeae7;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
font-size: 13px;
font-weight: bold;
color: #414141;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
overflow: visible;
line-height: 22px;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid #cfcfcf;
outline: 0;
outline-style: none;
outline-width: 0;
*border: 0;
/* Remove the border to prevent IE7's black border on input:focus */
border-bottom-color: #b6b6b6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
}
.btn i {
font-size: 18px;
vertical-align: -2px;
color: #414141;
}
.btn:hover,
.btn:focus {
text-decoration: none;
color: #414141;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
background-color: #e7e7e5;
background-image: -moz-linear-gradient(top, #ededec, #dfdedb);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ededec), to(#dfdedb));
background-image: -webkit-linear-gradient(top, #ededec, #dfdedb);
background-image: -o-linear-gradient(top, #ededec, #dfdedb);
background-image: linear-gradient(to bottom, #ededec, #dfdedb);
background-repeat: repeat-x;
*background-color: #dfdedb;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-color: #b6b6b6;
}
.btn:hover.disabled,
.btn:focus.disabled,
.btn:hover[disabled],
.btn:focus[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
}
.btn:active,
.btn.btn-active {
padding: 7px 10px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
color: #414141;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
background-color: #e5e4e2;
background-image: -moz-linear-gradient(top, #dfdedb, #ededec);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dfdedb), to(#ededec));
background-image: -webkit-linear-gradient(top, #dfdedb, #ededec);
background-image: -o-linear-gradient(top, #dfdedb, #ededec);
background-image: linear-gradient(to bottom, #dfdedb, #ededec);
background-repeat: repeat-x;
*background-color: #ededec;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: none;
}
.btn.btn-hover {
color: #414141;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
background-color: #e7e7e5;
background-image: -moz-linear-gradient(top, #ededec, #dfdedb);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ededec), to(#dfdedb));
background-image: -webkit-linear-gradient(top, #ededec, #dfdedb);
background-image: -o-linear-gradient(top, #ededec, #dfdedb);
background-image: linear-gradient(to bottom, #ededec, #dfdedb);
background-repeat: repeat-x;
*background-color: #dfdedb;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-color: #b6b6b6;
}
/* Button background color/gradients
========================================================================== */
.btn-blue {
color: #FFF;
font-size: 16px;
text-shadow: none;
border: none;
font-height: regular;
background: #4f9ee3;
margin-left: auto;
margin-right: auto;
font-weight: normal;
}
.btn-blue:hover,
.btn-blue:focus {
background: #4f9ee3;
color: #FFF;
text-shadow: 0 0 1px #000;
}
.btn-blue:active {
background: #4f9ee3;
}
.btn-blue.btn-active {
background: #4f9ee3;
}
.btn-blue.btn-hover {
background: #4f9ee3;
}
.btn-green {
color: #ffffff;
text-shadow: 0 -1px 0 #287d3c;
background-color: #3cae56;
background-image: -moz-linear-gradient(top, #43bb5e, #319b4a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#43bb5e), to(#319b4a));
background-image: -webkit-linear-gradient(top, #43bb5e, #319b4a);
background-image: -o-linear-gradient(top, #43bb5e, #319b4a);
background-image: linear-gradient(to bottom, #43bb5e, #319b4a);
background-repeat: repeat-x;
*background-color: #319b4a;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-color: #287d3c;
-webkit-box-shadow: inset 0 1px 0 #7bd08e;
-moz-box-shadow: inset 0 1px 0 #7bd08e;
box-shadow: inset 0 1px 0 #7bd08e;
}
.btn-green:hover,
.btn-green:focus {
color: #ffffff;
text-shadow: 0 -1px 0 #287d3c;
background-color: #37a050;
background-image: -moz-linear-gradient(top, #3ead58, #2d8d44);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3ead58), to(#2d8d44));
background-image: -webkit-linear-gradient(top, #3ead58, #2d8d44);
background-image: -o-linear-gradient(top, #3ead58, #2d8d44);
background-image: linear-gradient(to bottom, #3ead58, #2d8d44);
background-repeat: repeat-x;
*background-color: #2d8d44;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-color: #1c5629;
}
.btn-green:active {
color: #ffffff;
text-shadow: 0 -1px 0 #287d3c;
background-color: #349a4c;
background-image: -moz-linear-gradient(top, #2d8d44, #3ead58);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d8d44), to(#3ead58));
background-image: -webkit-linear-gradient(top, #2d8d44, #3ead58);
background-image: -o-linear-gradient(top, #2d8d44, #3ead58);
background-image: linear-gradient(to bottom, #2d8d44, #3ead58);
background-repeat: repeat-x;
*background-color: #3ead58;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-green.btn-active {
color: #ffffff;
text-shadow: 0 -1px 0 #287d3c;
background-color: #349a4c;
background-image: -moz-linear-gradient(top, #2d8d44, #3ead58);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d8d44), to(#3ead58));
background-image: -webkit-linear-gradient(top, #2d8d44, #3ead58);
background-image: -o-linear-gradient(top, #2d8d44, #3ead58);
background-image: linear-gradient(to bottom, #2d8d44, #3ead58);
background-repeat: repeat-x;
*background-color: #3ead58;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-green.btn-hover {
color: #ffffff;
text-shadow: 0 -1px 0 #287d3c;
background-color: #37a050;
background-image: -moz-linear-gradient(top, #3ead58, #2d8d44);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3ead58), to(#2d8d44));
background-image: -webkit-linear-gradient(top, #3ead58, #2d8d44);
background-image: -o-linear-gradient(top, #3ead58, #2d8d44);
background-image: linear-gradient(to bottom, #3ead58, #2d8d44);
background-repeat: repeat-x;
*background-color: #2d8d44;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-color: #1c5629;
}
.btn-orange {
color: #d05c1b;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
background-color: #f07724;
background-image: -moz-linear-gradient(top, #f07724, #f07724);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f07724), to(#f07724));
background-image: -webkit-linear-gradient(top, #f07724, #f07724);
background-image: -o-linear-gradient(top, #f07724, #f07724);
background-image: linear-gradient(to bottom, #f07724, #f07724);
background-repeat: repeat-x;
*background-color: #f07724;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-color: #f07724;
-webkit-box-shadow: inset 0 1px 0 #f5a36c;
-moz-box-shadow: inset 0 1px 0 #f5a36c;
box-shadow: inset 0 1px 0 #f5a36c;
}
.btn-orange:hover,
.btn-orange:focus {
color: #d05c1b;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
background-color: #fc8831;
background-image: -moz-linear-gradient(top, #fc8831, #fc8831);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fc8831), to(#fc8831));
background-image: -webkit-linear-gradient(top, #fc8831, #fc8831);
background-image: -o-linear-gradient(top, #fc8831, #fc8831);
background-image: linear-gradient(to bottom, #fc8831, #fc8831);
background-repeat: repeat-x;
*background-color: #fc8831;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-color: #c4a447;
}
.btn-orange:active {
color: #d05c1b;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
background-color: #fc8831;
background-image: -moz-linear-gradient(top, #fc8831, #fc8831);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fc8831), to(#fc8831));
background-image: -webkit-linear-gradient(top, #fc8831, #fc8831);
background-image: -o-linear-gradient(top, #fc8831, #fc8831);
background-image: linear-gradient(to bottom, #fc8831, #fc8831);
background-repeat: repeat-x;
*background-color: #fc8831;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-orange.btn-active {
color: #d05c1b;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
background-color: #fc8831;
background-image: -moz-linear-gradient(top, #fc8831, #fc8831);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fc8831), to(#fc8831));
background-image: -webkit-linear-gradient(top, #fc8831, #fc8831);
background-image: -o-linear-gradient(top, #fc8831, #fc8831);
background-image: linear-gradient(to bottom, #fc8831, #fc8831);
background-repeat: repeat-x;
*background-color: #fc8831;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-orange.btn-hover {
color: #d05c1b;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
background-color: #fc8831;
background-image: -moz-linear-gradient(top, #fc8831, #fc8831);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fc8831), to(#fc8831));
background-image: -webkit-linear-gradient(top, #fc8831, #fc8831);
background-image: -o-linear-gradient(top, #fc8831, #fc8831);
background-image: linear-gradient(to bottom, #fc8831, #fc8831);
background-repeat: repeat-x;
*background-color: #fc8831;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-color: #d35e0e;
}
.btn-orange i {
color: #fafaf9;
}
.btn-yellow {
color: #714f1f;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
background-color: #fbe7ab;
background-image: -moz-linear-gradient(top, #ffedb7, #f5de99);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffedb7), to(#f5de99));
background-image: -webkit-linear-gradient(top, #ffedb7, #f5de99);
background-image: -o-linear-gradient(top, #ffedb7, #f5de99);
background-image: linear-gradient(to bottom, #ffedb7, #f5de99);
background-repeat: repeat-x;
*background-color: #f5de99;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-color: #d0b76e;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
}
.btn-yellow:hover,
.btn-yellow:focus {
color: #714f1f;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
background-color: #f0dca3;
background-image: -moz-linear-gradient(top, #f5e3af, #e8d292);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5e3af), to(#e8d292));
background-image: -webkit-linear-gradient(top, #f5e3af, #e8d292);
background-image: -o-linear-gradient(top, #f5e3af, #e8d292);
background-image: linear-gradient(to bottom, #f5e3af, #e8d292);
background-repeat: repeat-x;
*background-color: #e8d292;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-color: #c4a447;
}
.btn-yellow:active {
color: #714f1f;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
background-color: #edd99e;
background-image: -moz-linear-gradient(top, #e8d292, #f5e3af);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8d292), to(#f5e3af));
background-image: -webkit-linear-gradient(top, #e8d292, #f5e3af);
background-image: -o-linear-gradient(top, #e8d292, #f5e3af);
background-image: linear-gradient(to bottom, #e8d292, #f5e3af);
background-repeat: repeat-x;
*background-color: #f5e3af;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-yellow.btn-active {
color: #714f1f;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
background-color: #edd99e;
background-image: -moz-linear-gradient(top, #e8d292, #f5e3af);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8d292), to(#f5e3af));
background-image: -webkit-linear-gradient(top, #e8d292, #f5e3af);
background-image: -o-linear-gradient(top, #e8d292, #f5e3af);
background-image: linear-gradient(to bottom, #e8d292, #f5e3af);
background-repeat: repeat-x;
*background-color: #f5e3af;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-yellow.btn-hover {
color: #714f1f;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
background-color: #f0dca3;
background-image: -moz-linear-gradient(top, #f5e3af, #e8d292);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5e3af), to(#e8d292));
background-image: -webkit-linear-gradient(top, #f5e3af, #e8d292);
background-image: -o-linear-gradient(top, #f5e3af, #e8d292);
background-image: linear-gradient(to bottom, #f5e3af, #e8d292);
background-repeat: repeat-x;
*background-color: #e8d292;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-color: #c4a447;
}
.btn-yellow i {
color: #714f1f;
}
.btn-red {
color: #ffffff;
text-shadow: 0 -1px 0 #96413a;
background-color: #c0665f;
background-image: -moz-linear-gradient(top, #c86e67, #b55b54);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c86e67), to(#b55b54));
background-image: -webkit-linear-gradient(top, #c86e67, #b55b54);
background-image: -o-linear-gradient(top, #c86e67, #b55b54);
background-image: linear-gradient(to bottom, #c86e67, #b55b54);
background-repeat: repeat-x;
*background-color: #b55b54;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-color: #96413a;
-webkit-box-shadow: inset 0 1px 0 #d6928c;
-moz-box-shadow: inset 0 1px 0 #d6928c;
box-shadow: inset 0 1px 0 #d6928c;
}
.btn-red:hover,
.btn-red:focus {
color: #ffffff;
text-shadow: 0 -1px 0 #96413a;
background-color: #b25f58;
background-image: -moz-linear-gradient(top, #ba6660, #a6544d);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ba6660), to(#a6544d));
background-image: -webkit-linear-gradient(top, #ba6660, #a6544d);
background-image: -o-linear-gradient(top, #ba6660, #a6544d);
background-image: linear-gradient(to bottom, #ba6660, #a6544d);
background-repeat: repeat-x;
*background-color: #a6544d;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-color: #71312c;
}
.btn-red:active {
color: #ffffff;
text-shadow: 0 -1px 0 #96413a;
background-color: #ae5b55;
background-image: -moz-linear-gradient(top, #a6544d, #ba6660);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a6544d), to(#ba6660));
background-image: -webkit-linear-gradient(top, #a6544d, #ba6660);
background-image: -o-linear-gradient(top, #a6544d, #ba6660);
background-image: linear-gradient(to bottom, #a6544d, #ba6660);
background-repeat: repeat-x;
*background-color: #ba6660;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-red.btn-active {
color: #ffffff;
text-shadow: 0 -1px 0 #96413a;
background-color: #ae5b55;
background-image: -moz-linear-gradient(top, #a6544d, #ba6660);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a6544d), to(#ba6660));
background-image: -webkit-linear-gradient(top, #a6544d, #ba6660);
background-image: -o-linear-gradient(top, #a6544d, #ba6660);
background-image: linear-gradient(to bottom, #a6544d, #ba6660);
background-repeat: repeat-x;
*background-color: #ba6660;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-red.btn-hover {
color: #ffffff;
text-shadow: 0 -1px 0 #96413a;
background-color: #b25f58;
background-image: -moz-linear-gradient(top, #ba6660, #a6544d);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ba6660), to(#a6544d));
background-image: -webkit-linear-gradient(top, #ba6660, #a6544d);
background-image: -o-linear-gradient(top, #ba6660, #a6544d);
background-image: linear-gradient(to bottom, #ba6660, #a6544d);
background-repeat: repeat-x;
*background-color: #a6544d;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-color: #71312c;
}
/* Form search button */
.form-search .btn {
position: absolute;
border: none;
height: 42px;
line-height: 42px;
right: 0;
top: 0;
-webkit-border-radius: 0px 3px 3px 0;
-moz-border-radius: 0px 3px 3px 0;
border-radius: 0px 3px 3px 0;
border-left: 1px solid #cfcfcf;
padding: 0px 18px;
-webkit-box-shadow: 0 1px 0 #737373;
-moz-box-shadow: 0 1px 0 #737373;
box-shadow: 0 1px 0 #737373;
}
.form-search .btn:active {
padding: 1px 18px 0;
border-left: 1px solid #b6b6b6;
color: #414141;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
background-color: #e5e4e2;
background-image: -moz-linear-gradient(top, #dfdedb, #ededec);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dfdedb), to(#ededec));
background-image: -webkit-linear-gradient(top, #dfdedb, #ededec);
background-image: -o-linear-gradient(top, #dfdedb, #ededec);
background-image: linear-gradient(to bottom, #dfdedb, #ededec);
background-repeat: repeat-x;
*background-color: #ededec;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
box-shadow: none;
}
/* Button sizes
========================================================================== */
/* Extra large button */
.btn-xlarge {
font-size: 15px;
line-height: 24px;
padding: 9px 10px;
}
.btn-xlarge:active,
.btn-xlarge.btn-active {
padding: 10px 11px;
}
/* Large button */
.btn-large {
font-size: 15px;
line-height: 24px;
padding: 7px 10px;
}
.btn-large:active,
.btn-large.btn-active {
padding: 8px 11px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
margin-top: 4px;
}
/* Small button */
.btn-small {
font-size: 12px;
line-height: 19px;
padding: 5px 6px;
}
.btn-small:active,
.btn-small.btn-active {
padding: 6px 7px;
}
.btn-small i {
font-size: 15px;
vertical-align: -1px;
margin-left: -4px;
}
/* Block button */
.btn-block {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn-block:active {
padding-left: 0px;
padding-right: 0px;
}
/* Vertically space out multiple block buttons */
.btn-block + .btn-block {
margin-top: 5px;
}
/* Specificity overrides */
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
/* Social icon buttons
========================================================================== */
.btn-social {
background: pink;
height: 30px;
width: 30px;
line-height: 34px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
.btn-social i {
font-size: 18px;
}
.btn-social:hover i {
color: #ffffff !important;
}
.btn-social-fb {
background: #3b5998;
}
.btn-social-fb:hover {
background: #2d4373;
}
.btn-social-fb i {
color: #ffffff;
}
.btn-social-twitter {
background: #00acee;
}
.btn-social-twitter:hover {
background: #0087bb;
}
.btn-social-twitter i {
color: #ffffff;
}
.btn-social-gplus {
background: #dd4b39;
}
.btn-social-gplus:hover {
background: #c23321;
}
.btn-social-gplus i {
color: #ffffff;
}
.btn-social-youtube {
background: #dd2826;
}
.btn-social-youtube:hover {
background: #b41e1c;
}
.btn-social-youtube i {
color: #ffffff;
}
.btn-social-youtube {
background: #dd2826;
}
.btn-social-youtube:hover {
background: #b41e1c;
}
.btn-social-youtube i {
color: #ffffff;
}
/* Alignment
========================================================================== */
.btn-left {
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
}
.btn-right {
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}
/* Block button for panels */
.btn-panel-footer {
margin-bottom: 10px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
border-top-left-radius: 0px;
}
/* ===========================================================================
Alerts
========================================================================== */
/* Base styles
========================================================================== */
.alert {
padding: 12px 35px 12px 66px;
position: relative;
margin-bottom: 10px;
background-color: #deb25d;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 22px;
overflow: hidden;
font-size: 16px;
}
.alert a {
color: #ffffff;
text-decoration: underline;
font-weight: normal;
}
a > .alert {
font-weight: normal;
}
/* When you want the whole alert to be inside a link */
.alert-link:hover {
text-decoration: none;
}
.alert,
.alert h4 {
/* Specified for the h4 to prevent conflicts of changing @headingsColor */
color: #ffffff;
}
.alert h4 {
margin: 0;
}
.alert .alert-icon {
color: #ffffff;
float: left;
padding: 12px 0;
text-align: center;
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
background-color: #d7a23b;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
width: 48px;
}
.alert .alert-icon i {
color: #ffffff;
font-size: 20px;
opacity: 0.6;
filter: alpha(opacity=60);
line-height: 22px;
}
/* Adjust close link position */
.alert .close {
position: absolute;
right: 14px;
top: 11px;
margin: 0px;
line-height: 20px;
}
/* Alternate style
========================================================================== */
.alert-success {
background-color: #4f9962;
}
.alert-success .alert-icon {
background-color: #488c59;
}
.alert-success h4 {
color: #ffffff;
}
.alert-danger,
.alert-error {
background-color: #c86e67;
}
.alert-danger .alert-icon,
.alert-error .alert-icon {
background-color: #c05951;
}
.alert-danger h4,
.alert-error h4 {
color: #ffffff;
}
.alert-info {
background-color: #70a7c7;
}
.alert-info .alert-icon {
background-color: #5697bd;
}
.alert-facebook {
background-color: #3b5998;
}
.alert-facebook .alert-icon {
background-color: #314a7e;
}
.alert-facebook .alert-icon i {
opacity: 1;
}
.alert-twitter {
background-color: #00acee;
}
.alert-twitter .alert-icon {
background-color: #009ad5;
}
.alert-twitter .alert-icon i {
opacity: 1;
}
.alert-googleplus {
background-color: #dd4b39;
}
.alert-googleplus .alert-icon {
background-color: #ca3523;
}
.alert-googleplus .alert-icon i {
opacity: 1;
}
.alert-info h4 {
color: #ffffff;
}
/* Note: alerts share common CSS with buttons and thus have styles in buttons.less */
/* Components: Nav */
/* ==========================================================================
Navbar
========================================================================== */
/* Common
========================================================================== */
/* Base class and wrapper */
.navbar {
overflow: visible;
/* Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar */
*position: relative;
*z-index: 2;
}
.navbar h1 {
margin: 0px;
}
/* Inner for background effects */
.navbar-top .navbar-inner {
min-height: 65px;
padding-left: 20px;
padding-right: 20px;
background: #ffffff;
/* Prevent floats from breaking the navbar */
*zoom: 1;
}
.navbar-top .navbar-inner:before,
.navbar-top .navbar-inner:after {
display: table;
content: "";
line-height: 0;
}
.navbar-top .navbar-inner:after {
clear: both;
}
.navbar-bottom .navbar-inner {
min-height: 65px;
padding-left: 20px;
padding-right: 20px;
background: #ffffff;
border: 1px solid #e9e7e4;
/* Prevent floats from breaking the navbar */
*zoom: 1;
}
.navbar-bottom .navbar-inner:before,
.navbar-bottom .navbar-inner:after {
display: table;
content: "";
line-height: 0;
}
.navbar-bottom .navbar-inner:after {
clear: both;
}
.navbar .brand {
float: left;
}
/* Fixed navbar
========================================================================== */
/* Shared (top/bottom) styles */
.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
margin-bottom: 0;
}
.navbar-top .navbar-inner {
border-width: 0 0 1px;
padding-left: 0;
padding-right: 0;
}
.navbar-bottom .navbar-inner {
border-width: 1px 0 0;
padding-left: 0;
padding-right: 0;
}
/* Reset container width */
/* Required here as we reset the width earlier on and the grid mixins don't override early enough */
.navbar-fixed-top .container {
width: 974px;
}
/* Fixed to top */
.navbar-fixed-top {
top: 0;
}
/* Navigation
========================================================================== */
.navbar .nav {
position: relative;
left: 0;
display: block;
margin: 0;
}
.navbar .nav > li {
float: left;
}
/* Links */
.navbar .nav > li > a {
float: none;
color: #414141;
text-decoration: none;
font-weight: bold;
/* No text-decoration on icons */
}
.navbar .nav > li > a.dropdown:hover,
.navbar .nav > li > a.dropdown:hover i,
.navbar .nav > li > a.dropdown:focus,
.navbar .nav > li > a.dropdown:focus i {
text-decoration: none;
}
.navbar-bottom .nav > li > a {
color: #9a9a9a;
font-weight: normal;
font-size: 13px;
}
/* Hover/focus */
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
text-decoration: underline;
color: #414141;
}
/* Navbar Top
========================================================================== */
/* Active nav items */
.navbar-top .nav > .active > a,
.navbar-top .nav > .active > a:hover,
.navbar-top .nav > .active > a:focus {
background: #ececec;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: inset 0px 1px 0px #cfcfcf;
-moz-box-shadow: inset 0px 1px 0px #cfcfcf;
box-shadow: inset 0px 1px 0px #cfcfcf;
text-shadow: 0px 1px #ffffff;
}
.navbar-top .nav {
float: right;
margin-right: 0;
}
.navbar-top .nav > li {
line-height: 65px;
}
.navbar-top .nav > li > a {
padding: 7px 8px;
padding: 7px 5px\0;
font-size: 13px;
display: inline;
}
.navbar-top .nav > li.vline {
height: 70px;
width: 1px;
float: left;
margin: 0px 9px 0px 10px;
background: #cfcfcf;
}
/* Navbar Bottom
========================================================================== */
.navbar-bottom .nav {
margin-left: -12px;
}
.navbar-bottom .nav > li {
margin-top: 18.5px;
}
.navbar-bottom .nav > li > a {
padding: 4px 12px;
}
/* ==========================================================================
Navs
========================================================================== */
/* Common
========================================================================== */
.nav {
margin-left: 0;
margin-bottom: 10px;
list-style: none;
}
/* Make links block level */
.nav > li > a {
display: block;
overflow: hidden;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
}
/* Prevent IE8 from misplacing imgs */
/* See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 */
.nav > li > a > img {
max-width: none;
}
/* List
========================================================================== */
.nav-list {
*zoom: 1;
}
.nav-list:before,
.nav-list:after {
display: table;
content: "";
line-height: 0;
}
.nav-list:after {
clear: both;
}
.nav-list > li > a {
padding: 5px 10px;
line-height: 22px;
font-size: 13px;
font-weight: normal;
color: #414141;
background: #fcfcfc;
margin-bottom: -1px;
border: 1px solid #cfcfcf;
}
.nav-list > li > a:hover {
padding-left: 12px;
background: #ececec;
}
.nav-list > li:first-child > a {
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.nav-list > li:last-child > a {
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
background: #ececec;
font-weight: bold;
padding-left: 14px;
}
/* Show/hide tabbable areas */
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
/* Light nav */
.nav-list-light > li > a {
background: #ffffff;
}
.nav-list-light > li > a:hover,
.nav-list-light > li > a:focus {
background: #fbfaf6;
}
.nav-list-light > .active > a,
.nav-list-light > .active > a:hover,
.nav-list-light > .active > a:focus {
background: #fbfaf6;
}
/* Tabs
========================================================================== */
.nav-tabs {
*zoom: 1;
margin-bottom: 0px;
}
.nav-tabs:before,
.nav-tabs:after {
display: table;
content: "";
line-height: 0;
}
.nav-tabs:after {
clear: both;
}
.nav-tabs > li {
float: left;
/* Disabled state for tabs */
}
.nav-tabs > li .disabled {
color: #9a9a9a;
cursor: not-allowed;
background: #ededed;
-webkit-box-shadow: inset 0px -2px 0px #e3e3e3;
-moz-box-shadow: inset 0px -2px 0px #e3e3e3;
box-shadow: inset 0px -2px 0px #e3e3e3;
}
.nav-tabs > li > a {
padding-right: 48px;
padding-left: 48px;
}
/* Give the tabs something to sit on */
.nav-tabs-basic {
border-bottom: 1px solid #cfcfcf;
}
/* Make the list-items overlay the bottom border */
.nav-tabs-basic > li {
margin-bottom: -1px;
}
/* Actual tabs (as links) */
.nav-tabs > li > a {
background: #f8f8f8;
line-height: 22px;
height: 22px;
font-size: 14px;
font-weight: bold;
border: 1px solid #cfcfcf;
margin-left: -1px;
}
.nav-tabs-basic > li > a {
-webkit-box-shadow: inset 0px -2px 0px #eeeeee;
-moz-box-shadow: inset 0px -2px 0px #eeeeee;
box-shadow: inset 0px -2px 0px #eeeeee;
padding: 7px 13px 7px 13px;
color: #414141;
}
.nav-tabs-basic > li > a:hover,
.nav-tabs-basic > li > a:focus {
background: #ededed;
-webkit-box-shadow: inset 0px -2px 0px #e3e3e3;
-moz-box-shadow: inset 0px -2px 0px #e3e3e3;
box-shadow: inset 0px -2px 0px #e3e3e3;
}
.nav-tabs-boost > li > a {
padding: 11px 0 10px;
text-shadow: 0 1px 0 #ffffff;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
background-color: #f4f4f2;
background-image: -moz-linear-gradient(top, #fafaf9, #ebeae7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafaf9), to(#ebeae7));
background-image: -webkit-linear-gradient(top, #fafaf9, #ebeae7);
background-image: -o-linear-gradient(top, #fafaf9, #ebeae7);
background-image: linear-gradient(to bottom, #fafaf9, #ebeae7);
background-repeat: repeat-x;
color: #9a9a9a;
line-height: 29px;
height: 29px;
font-size: 16px;
}
.nav-tabs > li:first-child > a {
margin-left: 0px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
}
.nav-tabs > li:last-child > a {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
}
/* Active state, and it's :hover/:focus to override normal :hover/:focus */
.nav-tabs-basic > .active > a,
.nav-tabs-basic > .active > a:hover,
.nav-tabs-basic > .active > a:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom-color: transparent;
background: #ffffff;
}
.nav-tabs-boost > .active > a,
.nav-tabs-boost > .active > a:hover,
.nav-tabs-boost > .active > a:focus {
background-color: #f7efde;
background-image: -moz-linear-gradient(top, #fcf7e4, #efe4d5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcf7e4), to(#efe4d5));
background-image: -webkit-linear-gradient(top, #fcf7e4, #efe4d5);
background-image: -o-linear-gradient(top, #fcf7e4, #efe4d5);
background-image: linear-gradient(to bottom, #fcf7e4, #efe4d5);
background-repeat: repeat-x;
border-color: #d7d0b5;
color: #705f42;
}
/* Full width tabs */
.nav-tabs.nav-fullwidth {
width: 100.1%;
*width: 100%;
}
.nav-tabs.nav-fullwidth li a {
padding-left: 0px;
padding-right: 0px;
text-align: center;
position: relative;
width: auto;
}
.nav-tabs-8 li {
width: 12.5%;
}
.nav-tabs-7 li {
width: 14.285714285714285%;
}
.nav-tabs-6 li {
width: 16.666666666666664%;
}
.nav-tabs-5 li {
width: 20%;
}
.nav-tabs-4 li {
width: 25%;
}
.nav-tabs-3 li {
width: 33.33333333333333%;
}
.nav-tabs-2 li {
width: 50%;
}
.nav-tabs-1 li {
width: 100%;
}
/* ===========================================================================
Pagination
========================================================================== */
/* Space out pagination from surrounding content */
.pagination {
height: 38px;
}
.pagination ul {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: 0;
margin-bottom: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.pagination ul > li {
display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
float: left;
padding: 0px 14px;
line-height: 36px;
text-decoration: none;
color: #9a9a9a;
font-weight: normal;
background-color: #ffffff;
border: 1px solid #cfcfcf;
border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus {
background: #f8f8f8;
color: #414141;
}
.pagination ul > .active > a,
.pagination ul > .active > span,
.pagination ul > .active > a:hover,
.pagination ul > .active > a:focus {
background-color: #f8f8f8;
color: #000000;
font-weight: bold;
cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
color: #9a9a9a;
background-color: transparent;
cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
border-left-width: 1px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:first-child > span {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
/* Buttons
========================================================================== */
.pagination .btn {
line-height: 20px;
padding: 8px 12px;
font-weight: bold;
color: #414141;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
}
.pagination .btn:hover {
color: #414141;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
background-color: #e7e7e5;
background-image: -moz-linear-gradient(top, #ededec, #dfdedb);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ededec), to(#dfdedb));
background-image: -webkit-linear-gradient(top, #ededec, #dfdedb);
background-image: -o-linear-gradient(top, #ededec, #dfdedb);
background-image: linear-gradient(to bottom, #ededec, #dfdedb);
background-repeat: repeat-x;
*background-color: #dfdedb;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.pagination .btn:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
color: #414141;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
background-color: #e7e7e5;
background-image: -moz-linear-gradient(top, #ededec, #dfdedb);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ededec), to(#dfdedb));
background-image: -webkit-linear-gradient(top, #ededec, #dfdedb);
background-image: -o-linear-gradient(top, #ededec, #dfdedb);
background-image: linear-gradient(to bottom, #ededec, #dfdedb);
background-repeat: repeat-x;
*background-color: #dfdedb;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
padding: 10px 13px 8px 13px;
}
.pagination .btn-left:active {
border-left-width: 0px;
}
.pagination .btn-right:active {
margin-left: -1px;
}
/* ===========================================================================
Breadcrumbs
========================================================================== */
.breadcrumb-wrap {
margin: 0 0 10px 0;
}
.breadcrumb {
padding: 6px 0;
list-style: none;
margin: 0;
}
.breadcrumb > li {
display: inline-block;
*display: inline;
*zoom: 1;
text-shadow: 0 1px 0 #ffffff;
font-size: 12px;
}
.breadcrumb > li > .divider {
color: #cdcdcd;
}
.breadcrumb > li > a {
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #4a4a4a;
}
.breadcrumb > li > a > i {
color: #4a4a4a;
}
.breadcrumb > li > a:hover {
color: #2e6bff;
text-decoration: none;
}
.breadcrumb > li > .b-icon {
color: #9b9b9b;
font-size: 4px;
display: inline;
margin: 0 2px;
}
.breadcrumb > li > .fonticon-home {
color: #666;
}
.breadcrumb > li > h1 {
font-size: 13px;
color: #414141;
line-height: 15px;
margin: 0px;
}
.breadcrumb > .active {
font-size: 12px !important;
font-weight: 500 !important;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2e6bff;
}
/* ===========================================================================
Alerts
========================================================================== */
/* Red & Green
========================================================================== */
.list-circle-red,
.list-circle-green {
list-style-type: none;
*list-style-type: disc;
margin: 0 0 0 20px;
}
.list-circle-red > li,
.list-circle-green > li {
position: relative;
line-height: 20px;
margin-top: 5px;
}
.list-circle-red > li:first-child,
.list-circle-green > li:first-child {
margin-top: 0px;
}
.list-circle-red > li:before,
.list-circle-green > li:before {
position: absolute;
top: 7px;
left: 0px;
display: inline-block;
width: 6px;
height: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin: 0 0 0 -16px;
background: #c86e67;
content: "";
}
.list-small > li {
font-size: 12px;
}
.list-circle-green > li:before {
background: #4f9962;
}
/* Small and big lists - with or without border
========================================================================== */
.list-small > .list-heading {
font-size: 13px;
font-weight: bold;
line-height: 24px;
margin: 0;
}
.list-small > ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.list-small > ul > li,
.list-small > ul li a {
font-weight: normal;
font-size: 11px;
line-height: 14px;
color: #757575;
}
.list-small > ul > li span,
.list-small > ul li a span {
color: #9a9a9a;
}
.list-big > .list-heading {
font-size: 16px;
font-weight: bold;
line-height: 40px;
margin: 0;
border-bottom: 1px solid #cfcfcf;
}
.list-big.list-big-icons > ul > li {
padding-left: 29px;
}
.list-big.list-big-icons > ul > li i {
position: absolute;
width: 32px;
left: 2px;
top: 8px;
*top: 1px;
font-size: 15px;
}
.list-big.list-big-border > ul > li {
line-height: 30px;
border-top: 1px solid #ebebeb;
/* Needs to be changed to a variable */
position: relative;
}
.list-big.list-big-border > ul > li:first-child {
border-top: none;
}
.list-big.list-big-border > ul > li i {
position: absolute;
right: 2px;
top: 11px;
*top: 2px;
}
.list-big > ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.list-big > ul > li {
line-height: 30px;
position: relative;
font-size: 13px;
}
/* Ad listing
========================================================================== */
.listing {
position: relative;
}
.listing .item {
*zoom: 1;
border-top: 1px solid #e5e5e5;
padding: 8px 0;
}
.listing .item:before,
.listing .item:after {
display: table;
content: "";
line-height: 0;
}
.listing .item:after {
clear: both;
}
.listing .item > div {
float: left;
}
.listing .item:first-child {
border-top: none;
}
.listing .item > .item-price,
.listing .item .item-save,
.listing .item .item-buttons,
.listing .item .item-status {
float: right;
}
.listing .item .item-info {
margin-left: 15px;
}
.listing .item-age {
width: 72px;
margin: 0 6px;
text-align: center;
}
.listing .item-age > abbr {
display: inline-block;
*display: inline;
*zoom: 1;
margin-top: 26px;
line-height: 18px;
}
.listing .item-age small {
color: inherit;
font-weight: inherit;
}
.listing .item-price {
width: 132px;
margin-right: 4px;
text-align: right;
}
.listing .item-price > span {
display: inline-block;
*display: inline;
*zoom: 1;
margin-top: 22px;
font-weight: bold;
font-size: 15px;
}
.listing .item-save {
width: 40px;
text-align: center;
}
.listing .item-save > a {
margin-top: 38px;
display: inline-block;
*display: inline;
*zoom: 1;
}
.listing .item-save > a:hover {
text-decoration: none;
}
.listing .item-buttons {
text-align: center;
margin: 39px 10px 0 10px;
}
.listing .item-buttons > a {
display: inline-block;
*display: inline;
*zoom: 1;
}
.listing .item-buttons > a > i {
font-size: 20px;
}
.listing .item-buttons > a:hover {
text-decoration: none;
}
.listing .item-status {
height: 112px;
width: 28px;
margin: -8px -1px -8px 0;
padding: 0 5px;
}
.listing .item-status i {
color: #ffffff;
font-size: 20px;
line-height: 114px;
}
.listing .status-refused {
background: #c86e67;
}
.listing .status-pending {
background: #deb25d;
}
.listing .status-approved {
background: #4f9962;
}
/* With thumbnails */
.listing-thumbs .image-and-nb {
width: 120px;
height: 90px;
position: relative;
padding: 2px;
border: 1px solid #cfcfcf;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.listing-thumbs .image-and-nb .item-img img {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.listing-thumbs .image-and-nb .item-img .item-img-line {
width: 1px;
background: #cfcfcf;
position: absolute;
top: 5px;
right: 3px;
}
.listing-thumbs .image-and-nb .item-img .item-img-line-last {
right: 0px;
top: 10px;
}
.listing-thumbs .image-and-nb .item-img.no-thumb {
background: #f8f8f8;
height: 88px;
width: 118px;
border: 1px solid #e1e1e1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
.listing-thumbs .image-and-nb .item-img.no-thumb i {
line-height: 88px;
font-size: 34px;
padding-left: 6px;
}
.listing-thumbs .item-info {
width: 310px;
margin-right: 4px;
height: 96px;
}
.listing-thumbs .item-info h2 {
font-size: 16px;
line-height: 24px;
margin: 0;
}
.listing-thumbs .item-info .item-info-extra,
.listing-thumbs .item-info .item-info-extra a {
color: #9a9a9a;
}
.image-and-nbw {
width: 120px;
position: relative;
padding: 2px;
}
.image-and-nbw .item-img {
position: relative;
}
.image-and-nbw .item-img img {
margin-left: auto;
margin-right: auto;
}
.image-and-nbw .item-img .item-img-line {
width: 1px;
background: #cfcfcf;
position: absolute;
top: 5px;
right: 3px;
}
.image-and-nbw .item-img .item-img-line-last {
right: 0px;
top: 10px;
}
.image-and-nbw .item-img.no-thumb {
background: #f8f8f8;
height: 94px;
width: 120px;
border: 1px solid #e1e1e1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
.image-and-nbw .item-img.no-thumb i {
line-height: 88px;
font-size: 34px;
padding-left: 6px;
}
.listing-thumbs-small .image-and-nb {
width: 100px;
position: relative;
}
.listing-thumbs-small .image-and-nb .item-img {
width: 86px;
}
.listing-thumbs-small .image-and-nb .item-img.no-thumb {
height: 64px;
width: 78px;
background: #f8f8f8;
border: 1px solid #e1e1e1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
.listing-thumbs-small .image-and-nb .item-img.no-thumb i {
line-height: 58px;
font-size: 28px;
padding-left: 6px;
}
.listing-thumbs-small .image-and-nb .item-info {
height: 66px;
width: 384px;
}
.listing-thumbs-small .image-and-nb .item-info h2 {
font-size: 15px;
line-height: 21px;
}
.listing-thumbs-small .image-and-nb .item-age abbr {
margin-top: 12px;
}
.listing-thumbs-small .image-and-nb .item-price span {
margin-top: 22px;
}
.listing-thumbs-small .image-and-nb .item-save a {
margin-top: 22px;
}
.listing-thumbs-small .image-and-nb .item-status {
height: 82px;
}
.listing-thumbs-small .image-and-nb .item-status i {
line-height: 82px;
}
.listing-thumbs-small .image-and-nb .item-buttons {
margin-top: 23px;
}
/* Without thumbnails */
.listing-nothumbs .item-age > abbr {
margin-top: 4px;
}
.listing-nothumbs .item-icon {
width: 60px;
margin-right: 10px;
margin-top: 10px;
text-align: center;
}
.listing-nothumbs .item-icon > i {
font-size: 24px;
}
.listing-nothumbs .item-info {
width: 418px;
margin-right: 4px;
}
.listing-nothumbs .item-info h2 {
font-size: 14px;
line-height: 23px;
margin: 0;
}
.listing-nothumbs .item-info .item-info-extra,
.listing-nothumbs .item-info .item-info-extra a {
color: #9a9a9a;
}
.listing-nothumbs .item-price > span {
margin-top: 11px;
}
.listing-nothumbs .item-save > a {
margin-top: 12px;
}
.listing-compact .item-info {
width: 442px;
}
.listing-compact .item-info h2 {
font-size: 15px;
}
.listing-compact .item-price {
width: auto;
text-align: left;
}
.listing-compact .item-price > span {
margin-top: 6px;
}
.listing-compact-small .item-info {
width: 300px;
height: 66px;
}
/* Components: Misc */
/* ===========================================================================
Carousel
========================================================================== */
.carousel {
position: relative;
margin-bottom: 10px;
line-height: 1;
width: 100%;
*zoom: 1;
}
.carousel:before,
.carousel:after {
display: table;
content: "";
line-height: 0;
}
.carousel:after {
clear: both;
}
.carousel-wrap {
margin-bottom: 10px;
overflow: hidden;
}
.carousel-simple .carousel-wrap {
text-align: center;
}
.carousel-simple .carousel-inner {
float: none;
display: inline-block;
}
.carousel-inner {
float: left;
position: relative;
overflow: hidden;
border-radius: 3px;
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.2s ease-in-out left;
-moz-transition: 0.2s ease-in-out left;
-o-transition: 0.2s ease-in-out left;
transition: 0.2s ease-in-out left;
/* Account for jankitude on images */
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
/* Left/right controls for nav
========================================================================== */
.carousel-control {
width: 47px;
height: 100%;
cursor: pointer;
cursor: hand;
float: left;
position: relative;
}
.carousel-control.right {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
}
.carousel-control.right > i {
right: 2px;
}
.carousel-control.left {
margin-left: 8px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.carousel-control.left > i {
left: 4px;
}
.carousel-control:hover {
background: #ececec;
text-decoration: none;
}
.carousel-control:focus {
text-decoration: none;
}
.carousel-control > i {
color: #9a9a9a;
font-size: 28px;
line-height: 36px;
position: absolute;
top: 50%;
margin-top: -18px;
}
/* Carousel indicator pips
========================================================================== */
.carousel-indicators {
text-align: center;
}
.carousel-indicators > ol {
margin: 0;
list-style: none;
*zoom: 1;
display: inline-block;
}
.carousel-indicators > ol:before,
.carousel-indicators > ol:after {
display: table;
content: "";
line-height: 0;
}
.carousel-indicators > ol:after {
clear: both;
}
.carousel-indicators > ol li {
display: block;
float: left;
font-size: 40px;
margin-left: 5px;
cursor: pointer;
cursor: hand;
color: #cfcfcf;
}
.carousel-indicators > ol li:first-child {
margin-left: 0px;
}
.carousel-indicators > ol li.active {
color: #414141;
}
.carousel-indicators > ol li:hover {
color: #414141;
}
/* Carousel thumbs
========================================================================== */
.carousel-thumbs > ol {
list-style: none;
display: inline-block;
margin: 0;
*zoom: 1;
}
.carousel-thumbs > ol:before,
.carousel-thumbs > ol:after {
display: table;
content: "";
line-height: 0;
}
.carousel-thumbs > ol:after {
clear: both;
}
.carousel-thumbs > ol > li {
display: block;
float: left;
margin-left: 10px;
cursor: pointer;
cursor: hand;
}
.carousel-thumbs > ol > li:first-child {
margin-left: 0px;
}
.carousel-thumbs > ol > li.active img {
opacity: 1;
filter: alpha(opacity=100);
}
.carousel-thumbs > ol img {
display: block;
border-radius: 3px;
opacity: 0.4;
filter: alpha(opacity=40);
max-height: 60px;
}
.carousel-thumbs > ol img:hover {
opacity: 1;
filter: alpha(opacity=100);
}
/* ===========================================================================
Progress bars
========================================================================== */
/* ANIMATIONS
========================================================================== */
/* Webkit */
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
/* Firefox */
@-moz-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
/* IE9 */
@-ms-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
/* Opera */
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
/* Spec */
@keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
/* THE BARS
========================================================================== */
/* Outer container */
.progress {
overflow: hidden;
height: 20px;
margin-bottom: 10px;
background: #e5e5e5;
-webkit-box-shadow: inset 0 1px 0 #bebebe, 0 1px 0 #fff;
-moz-box-shadow: inset 0 1px 0 #bebebe, 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #bebebe, 0 1px 0 #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* Bar of progress */
.progress .bar {
width: 0%;
height: 100%;
color: #ffffff;
float: left;
text-align: center;
background-color: #59a66d;
background-image: -moz-linear-gradient(top, #60ae74, #4f9962);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60ae74), to(#4f9962));
background-image: -webkit-linear-gradient(top, #60ae74, #4f9962);
background-image: -o-linear-gradient(top, #60ae74, #4f9962);
background-image: linear-gradient(to bottom, #60ae74, #4f9962);
background-repeat: repeat-x;
border: 1px solid #3e774c;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.03);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.03);
box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.03);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress .bar + .bar {
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
}
/* Striped bars */
.progress-striped .bar {
background-color: #60ae74;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
-o-background-size: 30px 30px;
background-size: 30px 30px;
}
/* Call animation for the active one */
.progress.active .bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
/* COLORS
========================================================================== */
/* Danger (red) */
.progress-danger .bar,
.progress .bar-danger {
background-color: #d0756e;
background-image: -moz-linear-gradient(top, #d67a73, #c86e67);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d67a73), to(#c86e67));
background-image: -webkit-linear-gradient(top, #d67a73, #c86e67);
background-image: -o-linear-gradient(top, #d67a73, #c86e67);
background-image: linear-gradient(to bottom, #d67a73, #c86e67);
background-repeat: repeat-x;
border: 1px solid #a6443c;
}
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
background-color: #d67a73;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* Info (blue) */
.progress-info .bar,
.progress .bar-info {
background-color: #66a5d4;
background-image: -moz-linear-gradient(top, #60a4dd, #70a7c7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60a4dd), to(#70a7c7));
background-image: -webkit-linear-gradient(top, #60a4dd, #70a7c7);
background-image: -o-linear-gradient(top, #60a4dd, #70a7c7);
background-image: linear-gradient(to bottom, #60a4dd, #70a7c7);
background-repeat: repeat-x;
border: 1px solid #4b90b9;
}
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
background-color: #60a4dd;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* Warning (yellow) */
.progress-warning .bar,
.progress .bar-warning {
background-color: #e8bd6a;
background-image: -moz-linear-gradient(top, #efc472, #deb25d);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efc472), to(#deb25d));
background-image: -webkit-linear-gradient(top, #efc472, #deb25d);
background-image: -o-linear-gradient(top, #efc472, #deb25d);
background-image: linear-gradient(to bottom, #efc472, #deb25d);
background-repeat: repeat-x;
border: 1px solid #c69028;
}
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
background-color: #efc472;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* Components: Labels and badges */
/* ===========================================================================
Labels and badges
========================================================================== */
/* Base styles
========================================================================== */
.label,
.badge {
background-color: #9a9a9a;
color: #ffffff;
}
.label {
display: inline;
padding: 4px 5px;
font-size: 11px;
font-weight: bold;
text-align: center;
vertical-align: middle;
border-radius: 3px;
line-height: 1;
text-shadow: none;
}
.label i {
color: #000000;
opacity: 0.3;
filter: alpha(opacity=30);
line-height: 22px;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px 2px;
font-size: 12px;
font-weight: bold;
line-height: 1;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
border-radius: 10px;
}
/* Alternate style
========================================================================== */
.label-success,
.badge-success {
background-color: #4f9962;
}
.label-success-light,
.badge-success-light {
background-color: #e2f0d9;
}
.label-warning,
.badge-warning {
background-color: #deb25d;
}
.label-important,
.badge-important {
background-color: #c86e67;
}
.label-info,
.badge-info {
background-color: #70a7c7;
}
.label-special {
background-color: #f3ebca;
padding: 9px 12px;
color: #705f42;
font-size: 14px;
border-radius: 30px;
}
.label-large {
display: block;
width: 100%;
padding: 19px 0 17px;
font-size: 21px;
}
/* Utility classes */
/* Utility classes
========================================================================== */
/* Quick floats */
.float-left {
float: left;
}
.float-right {
float: right;
}
/* Center element */
.center-element {
margin-left: auto;
margin-right: auto;
}
/* Display inline block */
.inline-block {
display: inline-block;
*display: inline;
*zoom: 1;
}
/* No outline */
.no-outline {
outline: 0;
outline-style: none;
outline-width: 0;
}
/* Cursor styles */
.cursor-pointer {
cursor: pointer;
}
/* Sprite texts */
.spritetext {
text-indent: -9998px;
}
/* For Affix plugin */
.affix {
position: fixed;
}
/* Put a relative position on an element */
.relative {
position: relative;
}
/* Toggling content */
.hide {
display: none;
}
.show {
display: block;
}
/* Uppercase letters */
.uppercase {
text-transform: uppercase;
}
/* Visibility */
.invisible {
visibility: hidden;
}
/* Muted text color */
.muted {
color: #9a9a9a;
}
/* Text decoration off */
.no-deco {
text-decoration: none !important;
}
/* No border classes */
.no-border {
border: none;
}
.nbt {
border-top: none;
}
.nbr {
border-right: none;
}
.nbb {
border-bottom: none;
}
.nbl {
border-left: none;
}
/* No border-radius classes */
.no-border-radius {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.ntlr {
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
border-top-left-radius: 0px;
}
.ntrr {
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
border-top-right-radius: 0px;
}
.nbrr {
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-right-radius: 0px;
}
.nblr {
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-left-radius: 0px;
}
/* Removes all margin on element */
.no-margin {
margin: 0;
}
.ml-no {
margin-left: 0px !important;
}
.mr-no {
margin-right: 0px !important;
}
.mt-no {
margin-top: 0px !important;
}
.mb-no {
margin-bottom: 0px !important;
}
/* Extra Small margins */
.maxs {
margin: 5px;
}
.mtxs {
margin-top: 5px;
}
.mrxs {
max-width: 110px;
margin-top: 5px;
margin-right: 5px;
}
.mbxs {
margin-bottom: 5px;
}
.mlxs {
margin-left: 5px;
}
/* Small margins */
.mas {
margin: 10px;
}
.mts {
margin-top: 10px;
}
.mrs {
margin-right: 10px;
}
.mbs {
margin-bottom: 10px;
}
.mls {
margin-left: 10px;
}
/* Small margins */
.ma12 {
margin: 12px;
}
.mt12 {
margin-top: 12px;
}
.mr12 {
margin-right: 12px;
}
.mb12 {
margin-bottom: 12px;
}
.ml12 {
margin-left: 12px;
}
/* Custon margins */
.mlc1 {
margin-left: -8px;
}
/* Medium margins */
.mam {
margin: 15px;
}
.mtm {
margin-top: 15px;
}
.mrm {
margin-right: 15px;
}
.mbm {
margin-bottom: 15px;
}
.mlm {
margin-left: 15px;
}
.ma20 {
margin: 20px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.ml20 {
margin-left: 20px !important;
}
/* Large margins */
.mal {
margin: 25px !important;
}
.mtl {
margin-top: 25px !important;
}
.mrl {
margin-right: 25px !important;
}
.mbl {
margin-bottom: 25px !important;
}
.mll {
margin-left: 25px !important;
}
/* Xtra Large margins*/
.maxl {
margin: 35px !important;
}
.mtxl {
margin-top: 35px !important;
}
.mrxl {
margin-right: 35px !important;
}
.mbxl {
margin-bottom: 35px !important;
}
.mlxl {
margin-left: 35px !important;
}
/* Xtra Large margins*/
.ma40 {
margin: 40px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.ml40 {
margin-left: 40px !important;
}
.ma90 {
margin: 90px !important;
}
.mt90 {
margin-top: 90px !important;
}
.mr90 {
margin-right: 90px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.ml90 {
margin-left: 90px !important;
}
.ma130 {
margin: 130px !important;
}
.mt130 {
margin-top: 130px !important;
}
.mr130 {
margin-right: 130px !important;
}
.mb130 {
margin-bottom: 130px !important;
}
.ml130 {
margin-left: 130px !important;
}
/* XXtra Large margins*/
.maxxl {
margin: 205px;
}
.mtxxl {
margin-top: 205px;
}
.mrxxl {
margin-right: 205px;
}
.mbxxl {
margin-bottom: 205px;
}
.mlxxl {
margin-left: 205px;
}
/* Removes all padding on element */
.no-padding {
padding: 0;
}
/* Extra Small paddings */
.paxs {
padding: 5px;
}
.ptxs {
padding-top: 5px;
}
.prxs {
padding-right: 5px;
}
.pbxs {
padding-bottom: 5px;
}
.plxs {
padding-left: 5px;
}
/* Small paddings */
.pas {
padding: 10px;
}
.pts {
padding-top: 10px;
}
.prs {
padding-right: 10px;
}
.pbs {
padding-bottom: 10px;
}
.pls {
padding-left: 10px;
}
/* Medium paddings */
.pam {
padding: 20px;
}
.ptm {
padding-top: 20px;
}
.prm {
padding-right: 20px;
}
.pbm {
padding-bottom: 20px;
}
.plm {
padding-left: 20px;
}
/* Large paddings */
.pal {
padding: 30px;
}
.ptl {
padding-top: 30px;
}
.prl {
padding-right: 30px;
}
.pbl {
padding-bottom: 30px;
}
.pll {
padding-left: 30px;
}
/* Xtra Large paddings*/
.paxl {
padding: 40px;
}
.ptxl {
padding-top: 40px;
}
.prxl {
padding-right: 40px;
}
.pbxl {
padding-bottom: 40px;
}
.plxl {
padding-left: 40px;
}
/* Vertical align */
.ctext1,
.ctext2,
.ctext3 {
text-align: inherit;
}
.ctext1 {
overflow: hidden;
height: 100%;
display: table;
}
.ie7 .ctext1 {
position: relative;
}
.ctext2 {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.ie7 .ctext2 {
position: absolute;
overflow: visible;
top: 50%;
width: 100%;
}
.ie7 .ctext3 {
position: relative;
overflow: visible;
top: -50%;
}
/* Font-size and line-height classes */
.fs12 {
font-size: 12px !important;
}
.fs13 {
font-size: 13px !important;
}
.fs14 {
font-size: 14px !important;
}
.fs16 {
font-size: 16px !important;
}
.fs18 {
font-size: 18px !important;
}
.ln22 {
line-height: 22px !important;
}
.ln30 {
line-height: 30px !important;
}
/* Width sizes */
.ws {
width: 50px !important;
}
.wss {
width: 120px !important;
}
.w140 {
width: 140px !important;
}
.w150 {
width: 150px !important;
}
.wm {
width: 200px !important;
}
.wl {
width: 350px !important;
}
.wlai {
width: 400px !important;
}
.wxl {
width: 450px !important;
}
.wxxl {
width: 550px !important;
}
/* Max Width Sizes */
.mws {
max-width: 86px;
}
/* Height sizes */
.hs {
height: 50px !important;
}
.hm1 {
height: 70px !important;
}
.hm2 {
height: 90px !important;
}
.hm {
height: 200px !important;
}
.hl {
height: 350px !important;
}
.hxl {
height: 450px !important;
}
.hxxl {
height: 550px !important;
}
/* Labels for shops*/
.wam {
width: 300px !important;
margin-right: 40px;
}
/* Padding AI */
.padding-ai {
padding: 13px 9px !important;
}
/* BOLD FOR BALDS LOL */
.bold {
font-weight: bold;
}
/* gallery */
div#m-gallery {
border: 3px solid #f56b2a;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 2px;
width: 100%;
}
#m-gallery .place-holder {
cursor: pointer;
display: block;
float: left;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 80px;
max-width: 100%;
max-height: 120px;
margin: 2px!important;
position: relative;
padding: 0;
text-decoration: none;
width: 30%;
}
#m-gallery .gallery-box,
#m-gallery .place-holder {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: auto;
overflow: hidden;
}
#m-gallery .gallery-box {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
#m-gallery .gallery-title {
background: #f56b2a;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: .8em;
margin: 0;
padding: 3px;
position: relative;
height: auto;
line-height: 1;
}
#m-gallery .gallery-item-title {
bottom: 15% !important;
}
#m-gallery .gallery-item-location {
display: none;
}
#m-gallery .helpIcon {
background: #fff;
border-radius: 50px;
color: orange;
cursor: pointer;
display: none;
font-size: 14px;
font-weight: 700;
height: 15px;
line-height: 1;
right: 5px;
top: 0;
position: absolute;
width: 15px;
}
#m-gallery #gallery-more {
background: #f8f8f8;
display: none;
padding: 10px;
}
#m-gallery #gallery-more a {
color: #4a90e2;
font-weight: 500;
text-decoration: none;
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
#m-gallery #gallery-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
float: left;
-ms-flex-positive: 1;
flex-grow: 1;
height: auto;
min-width: 80px;
max-width: 100%;
max-height: 130px;
margin: 2px!important;
position: relative;
padding: 0;
text-decoration: none;
overflow: hidden;
width: 30%;
height: 120px;
}
#m-gallery #gallery-item:first-child {
margin-right: 0 !important;
}
.gallery-box a:nth-child(2) {
margin-right: 0!important;
margin-left: 0 !important;
}
#m-gallery #gallery-item:before {
bottom: 0;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
box-shadow: inset 0 -59px 36px -21px rgba(0, 0, 0, 0.9);
-moz-box-shadow: inset 0 -59px 36px -21px rgba(0, 0, 0, 0.9);
-webkit-box-shadow: inset 0 -59px 36px -21px rgba(0, 0, 0, 0.9);
}
#m-gallery #gallery-item:hover {
opacity: 0.85;
}
#m-gallery .gallery-item-img {
margin: 0 auto;
height: 120px;
width: 100%;
background-position: 50%;
background-size: cover;
}
#m-gallery #gallery-item p {
bottom: 0;
color: #fff;
font-size: .8em;
font-weight: 700;
margin-bottom: 0;
text-align: left;
position: absolute;
padding-left: 5px;
}
#m-gallery #gallery-item .gallery-item-price {
color: #42a5f5;
font-size: 1.1em;
line-height: 2;
direction: ltr;
padding-right: 2px;
}
div#gallery {
border: 1px solid #f56b2a;
background: #fff;
width: 100%;
margin-bottom: 2px;
width: 300px;
}
#gallery .gallery-box {
height: auto;
margin: 0 auto;
width: 90%;
}
#gallery .gallery-title {
background: #f56b2a;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 1em;
margin: 0;
padding: 2px;
}
#gallery .helpIcon {
display: none;
}
#gallery #gallery-more {
background: #f8f8f8;
padding: 10px;
display: none;
}
#gallery #gallery-more a {
color: #4a90e2;
font-weight: 500;
text-decoration: none;
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
#gallery #gallery-item {
-webkit-box-shadow: inset 0 -0.5px 0 0 #eaeaea;
box-shadow: inset 0 -0.5px 0 0 #eaeaea;
cursor: pointer;
padding: 10px 0 0;
text-decoration: none;
display: block;
height: auto;
margin-bottom: 5px;
}
#gallery #gallery-item:hover {
opacity: 0.85;
}
#gallery .gallery-item-img {
max-width: 100%;
margin-bottom: 5px;
height: 200px;
width: 100%;
background-position: 50%;
background-size: cover;
}
#gallery #gallery-item p {
font-size: .9em;
font-weight: 700;
color: #366797;
margin-bottom: 0;
margin-top: 0;
text-align: left;
}
#gallery #gallery-item .gallery-item-price {
color: #1d72db;
font-size: 1em;
direction: ltr;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
}
.galleryApp {
font-family: Roboto, Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
min-width: 40px;
margin-top: 10px;
}
.truncate {
width: 95%;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
/*# sourceMappingURL=main.34e0158d.css.map*/
/* Sprites */
/* 36 images in sprite, original size 3892734 bytes */
.sprite_common_ma_shop_icon_big {
width: 180px;
height: 180px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px;
}
.sprite_common_ma_ma_fr_ai_badge {
width: 107px;
height: 112px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -186px -2px;
}
.sprite_common_ma_cart_shop {
width: 200px;
height: 106px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -297px -2px;
}
.sprite_common_ma_creditCard-SideBar {
width: 134px;
height: 103px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -501px -2px;
}
.sprite_common_ma_mastercard-credit-cards-icon {
width: 303px;
height: 98px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -639px -2px;
}
.sprite_common_ma_ai_example_images {
width: 194px;
height: 93px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -946px -2px;
}
.sprite_common_ma_sms-p-icon {
width: 124px;
height: 92px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1144px -2px;
}
.sprite_common_ma_smiley {
width: 86px;
height: 87px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -946px -97px;
}
.sprite_common_ma_ai_clock {
width: 84px;
height: 84px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1036px -97px;
}
.sprite_common_ma_delete_icon {
width: 84px;
height: 84px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1144px -96px;
}
.sprite_common_ma_edit_icon {
width: 84px;
height: 84px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1272px -2px;
}
.sprite_common_ma_lock_icon {
width: 84px;
height: 84px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1272px -88px;
}
.sprite_common_ma_mail_icon {
width: 84px;
height: 84px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1360px -2px;
}
.sprite_common_ma_renew_icon {
width: 84px;
height: 84px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1360px -88px;
}
.sprite_common_ma_shop_window {
width: 80px;
height: 80px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -639px -102px;
}
.sprite_common_ma_sms1-icon {
width: 58px;
height: 58px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -186px -116px;
}
.sprite_common_ma_smiley_small {
width: 50px;
height: 51px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -297px -110px;
}
.sprite_common_ma_check-icon {
width: 50px;
height: 50px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -351px -110px;
}
.sprite_common_ma_ma_fr_logoinner {
width: 240px;
height: 48px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1448px -2px;
}
.sprite_common_ma_clock {
width: 46px;
height: 46px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -248px -116px;
}
.sprite_common_ma_guideicon {
width: 36px;
height: 42px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -405px -110px;
}
.sprite_common_ma_bump_19 {
width: 41px;
height: 37px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -445px -110px;
}
.sprite_common_ma_bump_30 {
width: 41px;
height: 37px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -501px -107px;
}
.sprite_common_ma_bump_36 {
width: 41px;
height: 37px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -546px -107px;
}
.sprite_common_ma_check-icon-small {
width: 30px;
height: 30px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -445px -151px;
}
.sprite_common_ma_pay_failure {
width: 30px;
height: 30px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -501px -148px;
}
.sprite_common_ma_creditCard-Picto {
width: 45px;
height: 29px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -546px -148px;
}
.sprite_common_ma_forward_blue {
width: 29px;
height: 29px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -595px -107px;
}
.sprite_common_ma_forward_orange {
width: 29px;
height: 29px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -595px -140px;
}
.sprite_common_ma_remonter-icon {
width: 30px;
height: 28px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -405px -156px;
}
.sprite_common_ma_youtube {
width: 20px;
height: 20px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -351px -164px;
}
.sprite_common_ma_Shop-icon_small_blue {
width: 18px;
height: 18px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -248px -166px;
}
.sprite_common_ma_moreadsbyuser_manicon {
width: 17px;
height: 17px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -297px -165px;
}
.sprite_common_ma_up_arrow_black {
width: 15px;
height: 16px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -723px -102px;
}
.sprite_common_ma_up_arrow_orange {
width: 15px;
height: 16px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -723px -122px;
}
.sprite_common_ma_or {
width: 408px;
height: 13px;
background: url("/img/common_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1692px -2px;
}
/* 14 images in sprite, original size 227684 bytes */
.sprite_index_ma_ma_mobile_dl {
width: 1033px;
height: 92px;
background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px;
}
.sprite_index_ma_ma_cats_blue {
width: 196px;
height: 89px;
background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1039px -2px;
}
.sprite_index_ma_ma_cats_brown {
width: 196px;
height: 89px;
background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1239px -2px;
}
.sprite_index_ma_ma_cats_green {
width: 196px;
height: 89px;
background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1439px -2px;
}
.sprite_index_ma_ma_cats_purple {
width: 196px;
height: 89px;
background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1639px -2px;
}
.sprite_index_ma_ma_cats_red {
width: 111px;
height: 89px;
background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1839px -2px;
}
.sprite_index_ma_ma_cats_red_old {
width: 196px;
height: 89px;
background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1954px -2px;
}
.sprite_index_ma_ma_cats_yellow {
width: 196px;
height: 89px;
background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2154px -2px;
}
.sprite_index_ma_ma_testimonial_1 {
width: 82px;
height: 82px;
background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2354px -2px;
}
.sprite_index_ma_ma_testimonial_2 {
width: 82px;
height: 82px;
background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2440px -2px;
}
.sprite_index_ma_ma_fr_logo {
width: 240px;
height: 48px;
background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2526px -2px;
}
.sprite_index_ma_ma_smiley {
width: 42px;
height: 43px;
background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2526px -52px;
}
.sprite_index_ma_app_store {
width: 123px;
height: 36px;
background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2572px -52px;
}
.sprite_index_ma_google_play {
width: 123px;
height: 36px;
background: url("/img/index_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2770px -2px;
}
/* 10 images in sprite, original size 17218 bytes */
.sprite_li_ma_cat_autre {
width: 28px;
height: 23px;
background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px;
}
.sprite_li_ma_cat_book {
width: 28px;
height: 23px;
background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -34px -2px;
}
.sprite_li_ma_cat_car {
width: 28px;
height: 23px;
background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -66px -2px;
}
.sprite_li_ma_cat_company {
width: 28px;
height: 23px;
background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -98px -2px;
}
.sprite_li_ma_cat_estate {
width: 28px;
height: 23px;
background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -130px -2px;
}
.sprite_li_ma_cat_jardin {
width: 28px;
height: 23px;
background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -162px -2px;
}
.sprite_li_ma_cat_jobs {
width: 28px;
height: 23px;
background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -194px -2px;
}
.sprite_li_ma_cat_new_construction {
width: 28px;
height: 23px;
background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -226px -2px;
}
.sprite_li_ma_cat_phone {
width: 28px;
height: 23px;
background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -258px -2px;
}
.sprite_li_ma_cat_shirt {
width: 28px;
height: 23px;
background: url("/img/li_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -290px -2px;
}
/* 8 images in sprite, original size 663747 bytes */
.sprite_avservices_ma_avServices2 {
width: 373px;
height: 256px;
background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px;
}
.sprite_avservices_ma_avServices1 {
width: 390px;
height: 244px;
background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -379px -2px;
}
.sprite_avservices_ma_avServicesSMS {
width: 137px;
height: 172px;
background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -773px -2px;
}
.sprite_avservices_ma_avServices3 {
width: 304px;
height: 157px;
background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -914px -2px;
}
.sprite_avservices_ma_avServices4 {
width: 304px;
height: 157px;
background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1222px -2px;
}
.sprite_avservices_ma_avServices5 {
width: 304px;
height: 157px;
background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1530px -2px;
}
.sprite_avservices_ma_avServicesBTN {
width: 357px;
height: 74px;
background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1838px -2px;
}
.sprite_avservices_ma_arrow-down {
width: 51px;
height: 51px;
background: url("/img/avservices_ma.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -773px -176px;
}
/* 31 images in sprite, original size 121857 bytes */
.sprite_intro_step_5_boy {
width: 318px;
height: 265px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px;
}
.sprite_intro_step_2_boy {
width: 109px;
height: 159px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -324px -2px;
}
.sprite_intro_step_2_girl {
width: 111px;
height: 159px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -437px -2px;
}
.sprite_intro_step_1_boy {
width: 85px;
height: 150px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -552px -2px;
}
.sprite_intro_step_3_boy {
width: 85px;
height: 150px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -641px -2px;
}
.sprite_intro_step_4_boy {
width: 107px;
height: 150px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -730px -2px;
}
.sprite_intro_step_intro_intro_boy {
width: 145px;
height: 150px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -841px -2px;
}
.sprite_intro_step_5_vignette {
width: 122px;
height: 97px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -841px -154px;
}
.sprite_intro_step_5_vignette_ar {
width: 122px;
height: 97px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -990px -2px;
}
.sprite_intro_step_4_vignette {
width: 114px;
height: 91px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -990px -101px;
}
.sprite_intro_step_4_vignette_ar {
width: 114px;
height: 91px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1116px -2px;
}
.sprite_intro_step_5_vignette2 {
width: 127px;
height: 79px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1234px -2px;
}
.sprite_intro_step_5_vignette2_ar {
width: 127px;
height: 79px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1234px -83px;
}
.sprite_intro_step_2_vignette {
width: 107px;
height: 77px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -324px -163px;
}
.sprite_intro_step_2_vignette2 {
width: 107px;
height: 77px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -437px -163px;
}
.sprite_intro_step_2_vignette2_ar {
width: 107px;
height: 77px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -730px -154px;
}
.sprite_intro_step_2_vignette_ar {
width: 107px;
height: 77px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1116px -95px;
}
.sprite_intro_step_4_vignette2 {
width: 125px;
height: 77px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1234px -166px;
}
.sprite_intro_step_4_vignette2_ar {
width: 125px;
height: 77px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1365px -2px;
}
.sprite_intro_step_1_car {
width: 60px;
height: 60px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -552px -154px;
}
.sprite_intro_step_1_computer {
width: 60px;
height: 60px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -641px -154px;
}
.sprite_intro_step_1_home {
width: 60px;
height: 60px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -990px -196px;
}
.sprite_intro_step_1_job {
width: 60px;
height: 60px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1116px -176px;
}
.sprite_intro_step_3_casablanca {
width: 88px;
height: 33px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -730px -235px;
}
.sprite_intro_step_3_casablanca_ar {
width: 88px;
height: 33px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1365px -81px;
}
.sprite_intro_step_3_fes {
width: 60px;
height: 33px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -552px -218px;
}
.sprite_intro_step_3_fes_ar {
width: 60px;
height: 33px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -641px -218px;
}
.sprite_intro_step_3_rabat {
width: 67px;
height: 33px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1365px -118px;
}
.sprite_intro_step_3_rabat_ar {
width: 67px;
height: 33px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1365px -155px;
}
.sprite_intro_step_1_button {
width: 94px;
height: 31px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1365px -192px;
}
.sprite_intro_step_1_question_mask {
width: 14px;
height: 19px;
background: url("/img/intro.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -324px -244px;
}
/* 46 images in sprite, original size 2157991 bytes */
.sprite_vas_cash_cover {
width: 1000px;
height: 400px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px;
}
.sprite_vas_insertionfees_cover {
width: 980px;
height: 400px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1006px -2px;
}
.sprite_vas_refused_ad {
width: 680px;
height: 238px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1990px -2px;
}
.sprite_vas_refused_ad_ar {
width: 680px;
height: 215px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2674px -2px;
}
.sprite_vas_cash_step3 {
width: 195px;
height: 193px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3358px -2px;
}
.sprite_vas_cash_step1 {
width: 195px;
height: 180px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2674px -219px;
}
.sprite_vas_cash_step2 {
width: 195px;
height: 180px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2873px -219px;
}
.sprite_vas_bump_example {
width: 700px;
height: 150px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3557px -2px;
}
.sprite_vas_circle-big {
width: 150px;
height: 150px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -1990px -242px;
}
.sprite_vas_plus_de_vues {
width: 150px;
height: 150px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2144px -242px;
}
.sprite_vas_plus_rapide {
width: 150px;
height: 150px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2298px -242px;
}
.sprite_vas_prix_voulez {
width: 150px;
height: 150px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2452px -242px;
}
.sprite_vas_plus_d_acheteurs {
width: 150px;
height: 148px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3072px -219px;
}
.sprite_vas_highlight_example {
width: 664px;
height: 121px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3557px -154px;
}
.sprite_vas_bump_icon_120 {
width: 132px;
height: 120px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3358px -197px;
}
.sprite_vas_highlight_icon_120 {
width: 290px;
height: 120px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3557px -279px;
}
.sprite_vas_landing_cash_blue {
width: 100px;
height: 100px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3226px -219px;
}
.sprite_vas_landing_cc_blue {
width: 100px;
height: 100px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4261px -2px;
}
.sprite_vas_landing_cc_yellow {
width: 100px;
height: 100px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4261px -104px;
}
.sprite_vas_landing_sms_blue {
width: 100px;
height: 100px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4261px -208px;
}
.sprite_vas_landing_sms_yellow {
width: 100px;
height: 100px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4365px -2px;
}
.sprite_vas_cash_icon_125 {
width: 94px;
height: 96px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4365px -104px;
}
.sprite_vas_cash_icon {
width: 94px;
height: 94px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4365px -204px;
}
.sprite_vas_cc_icon {
width: 94px;
height: 94px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4365px -302px;
}
.sprite_vas_sms_icon {
width: 94px;
height: 94px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4469px -2px;
}
.sprite_vas_sms {
width: 71px;
height: 91px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4261px -312px;
}
.sprite_vas_debitcard {
width: 90px;
height: 66px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3226px -323px;
}
.sprite_vas_bump_picto {
width: 64px;
height: 64px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2606px -242px;
}
.sprite_vas_highlight_picto {
width: 64px;
height: 64px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2606px -310px;
}
.sprite_vas_bump_icon {
width: 62px;
height: 62px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3358px -321px;
}
.sprite_vas_highlight_icon {
width: 107px;
height: 62px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4567px -2px;
}
.sprite_vas_bump {
width: 62px;
height: 61px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4469px -98px;
}
.sprite_vas_cash_amanpay_logo {
width: 248px;
height: 60px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4678px -2px;
}
.sprite_vas_cash_amanpay_logo2 {
width: 60px;
height: 60px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3494px -197px;
}
.sprite_vas_avito_logo {
width: 219px;
height: 55px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4678px -64px;
}
.sprite_vas_circle {
width: 50px;
height: 50px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3494px -261px;
}
.sprite_vas_bump_picto_45 {
width: 45px;
height: 45px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3494px -315px;
}
.sprite_vas_highlight_picto_45 {
width: 45px;
height: 45px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -4469px -163px;
}
.sprite_vas_cash_picto_45 {
width: 33px;
height: 34px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3494px -364px;
}
.sprite_vas_sms_picto_45 {
width: 45px;
height: 33px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3072px -371px;
}
.sprite_vas_picto_bump {
width: 25px;
height: 25px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2606px -378px;
}
.sprite_vas_picto_highlight {
width: 20px;
height: 25px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3330px -219px;
}
.sprite_vas_blue-check {
width: 24px;
height: 24px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3330px -248px;
}
.sprite_vas_orange-check {
width: 24px;
height: 24px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3330px -276px;
}
.sprite_vas_white_picto_highlight {
width: 14px;
height: 18px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3330px -304px;
}
.sprite_vas_white_picto_bump {
width: 12px;
height: 17px;
background: url("/img/vas.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -3330px -326px;
}
/* 3 images in sprite, original size 25569 bytes */
.sprite_vas_ai_pack_basic {
width: 97px;
height: 97px;
background: url("/img/vas_ai.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px;
}
.sprite_vas_ai_pack_premium {
width: 97px;
height: 97px;
background: url("/img/vas_ai.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -103px -2px;
}
.sprite_vas_ai_pack_standard {
width: 97px;
height: 97px;
background: url("/img/vas_ai.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -204px -2px;
}
/* 9 images in sprite, original size 26955 bytes */
.sprite_ai_popup_Image_16 {
width: 36px;
height: 36px;
background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -2px -2px;
}
.sprite_ai_popup_Image_17 {
width: 36px;
height: 36px;
background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -42px -2px;
}
.sprite_ai_popup_Image_18 {
width: 36px;
height: 36px;
background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -82px -2px;
}
.sprite_ai_popup_Image_19 {
width: 36px;
height: 36px;
background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -122px -2px;
}
.sprite_ai_popup_Image_20 {
width: 36px;
height: 36px;
background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -162px -2px;
}
.sprite_ai_popup_Image_21 {
width: 36px;
height: 36px;
background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -202px -2px;
}
.sprite_ai_popup_Image_22 {
width: 36px;
height: 36px;
background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -242px -2px;
}
.sprite_ai_popup_Image_23 {
width: 36px;
height: 36px;
background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -282px -2px;
}
.sprite_ai_popup_Image_24 {
width: 36px;
height: 36px;
background: url("/img/ai_popup.png?6697d565224cfe748529f8d866502f8556dd3280") no-repeat -322px -2px;
}
/* Docs */
/* ==========================================================================
Docs
CSS that shouldn't be in the bootstrap but is needed for our sites
anyways. This is not country specific. All sites will get this CSS.
========================================================================== */
/* Common
========================================================================== */
.bg-repeat {
background: url('/img/body_bg.png') repeat #f7f5f1;
}
.bg-white {
background: #ffffff;
}
/* Remove when fixed in Bootstrap */
.panel-heading-small .close {
line-height: 15px;
}
/* Issue #606 */
.lh18 {
line-height: 18px;
}
/* Issue #607 */
.lh36 {
line-height: 36px;
}
/* Issue #607 */
/* Poll box in the bottom right corner */
.poll_box {
position: fixed;
bottom: 0;
right: 10px;
z-index: 10;
max-width: 230px;
}
/* Indexpage
========================================================================== */
/* Stats */
.page-stats {
height: 94px;
background: url("/img/small_bg_dark.png") left bottom repeat-x #4e575d;
}
.page-stats p {
margin: 22px 0 11px;
font-size: 36px;
color: #fff;
}
.page-stats h5 {
color: #abb0b4;
font-size: 16px;
}
.page-stats h6 {
color: #abb0b4;
font-size: 12px;
}
.ma_mobile_dl {
height: 94px;
width: 100%;
background: url("/img/ma_mobile_dl.png") left bottom repeat-x;
}
.world-sites {
color: #9a9a9a;
border-top: 1px solid #ededed;
}
.world-sites a {
color: #9a9a9a;
font-weight: normal;
font-size: 11px;
}
.world-sites small {
line-height: 20px;
}
.index-footer .navbar-inner {
border: none;
}
.page-intro {
height: 90px;
}
.page-intro h2 {
width: 100%;
color: #fff;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.page-intro p {
margin: 0;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2);
}
.page-intro-searchbox {
height: 60px;
}
.page-regions .regions a {
color: #4e575d;
}
.page-regions .region-list a {
font-weight: normal;
}
/* This button should be in the Bootstrap */
.ai_btn {
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 16px;
color: #765317;
background: #ffe889;
padding: 16px 16px 14px;
text-align: center;
border-bottom: 3px solid #d5be63;
text-shadow: 1px 1px 0px #fcedc4;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.ai_btn:visited {
color: #765317;
}
.ai_btn:hover {
background: #f1d873;
border-color: #cab560;
color: #624513;
text-decoration: none;
text-shadow: none;
}
.ai_wrapper {
position: absolute;
top: 41px;
right: 0px;
z-index: 10;
-webkit-backface-visibility: hidden;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
outline: 1px solid transparent;
}
.ai_wrapper i {
position: relative;
top: 16px;
left: 50%;
margin-left: -53px;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.ai_wrapper:hover i {
top: 10px;
}
.ai_wrapper:hover .ai_btn {
background: #f1d873;
border-color: #cab560;
color: #624513;
text-decoration: none;
text-shadow: none;
}
/* Categories */
.page-categories {
padding-top: 0px;
margin: 0;
margin-left: -50px;
}
.page-categories .container {
width: 696px;
}
.page-categories .categories {
margin-left: -27px;
}
.page-categories a {
width: 196px;
float: left;
margin: 4px 0 20px 27px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.page-categories a:hover {
text-decoration: none;
background: #f4f7f9;
}
.page-categories .top {
height: 98px;
position: relative;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.page-categories .top i {
margin-top: 6px;
}
.page-categories .top span.av-badge-new {
position: absolute;
right: 9px;
}
.page-categories .bottom {
height: 41px;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
text-shadow: 0px 1px rgba(255, 255, 255, 0.2);
background: #f4f7f9;
border-top: 1px solid #f4f7f9;
}
.page-categories .bottom h3 {
font-size: 12px;
line-height: 39px;
text-transform: uppercase;
}
.page-categories .green {
color: #357445;
}
.page-categories .green .top {
background: #a1dd9e;
border-bottom: 1px solid #85be88;
}
.page-categories .green .bottom {
background: #98cf95;
}
.page-categories .green:hover .top {
background: #8fd68b;
border-color: #74b578;
}
.page-categories .green:hover .bottom {
background: #87c783;
}
.page-categories .red {
color: #8d4730;
}
.page-categories .red .top {
background: #f6a991;
border-bottom: 1px solid #d3937f;
}
.page-categories .red .bottom {
background: #e8a18a;
}
.page-categories .red:hover .top {
background: #f49779;
border-color: #cc836c;
}
.page-categories .red:hover .bottom {
background: #e49075;
}
.page-categories .yellow {
color: #8b712d;
}
.page-categories .yellow .top {
background: #ffe296;
border-bottom: 1px solid #e3c77e;
}
.page-categories .yellow .bottom {
background: #f6da92;
}
.page-categories .yellow:hover .top {
background: #ffdb7d;
border-color: #debe69;
}
.page-categories .yellow:hover .bottom {
background: #f4d27a;
}
.page-categories .brown {
color: #857b62;
clear: left;
}
.page-categories .brown .top {
background: #e8dbb9;
border-bottom: 1px solid #c7bb9b;
}
.page-categories .brown .bottom {
background: #ded2b2;
}
.page-categories .brown:hover .top {
background: #e2d1a6;
border-color: #beb08b;
}
.page-categories .brown:hover .bottom {
background: #d6c8a0;
}
.page-categories .blue {
color: #327e98;
}
.page-categories .blue .top {
background: #a2d7e9;
border-bottom: 1px solid #8bbbcb;
}
.page-categories .blue .bottom {
background: #99cee0;
}
.page-categories .blue:hover .top {
background: #8dcee4;
border-color: #79b1c3;
}
.page-categories .blue:hover .bottom {
background: #85c5da;
}
.page-categories .purple {
color: #9f4a57;
}
.page-categories .purple .top {
background: #e5b1b9;
border-bottom: 1px solid #c0959b;
}
.page-categories .purple .bottom {
background: #daaab1;
}
.page-categories .purple:hover .top {
background: #df9ea8;
border-color: #b6858c;
}
.page-categories .purple:hover .bottom {
background: #d298a1;
}
/* Testimonials */
.page-testimonials {
padding: 45px 0;
color: #66727A;
background: #f4f7f9;
border-top: 1px solid #eaeaea;
}
.page-testimonials cite {
color: #86929a;
}
.page-testimonials .testimonials {
font-size: 15px;
}
.page-testimonials .testimonials i {
width: 82px;
}
.page-testimonials .testimonials div {
width: 379px;
margin: 7px 0 0 18px;
}
.page-testimonials h4 {
margin: 16px 0 55px;
font-weight: normal;
font-size: 24px;
text-align: center;
}
/* Header and Footer
========================================================================== */
.navbar-top .brand {
margin-top: 9px;
}
.footer-fonticon-links {
margin-top: 17px !important;
}
.footer-fonticon-links li {
padding: 0px !important;
}
.footer-fonticon-links a:hover,
.footer-fonticon-links a:focus {
text-decoration: none !important;
}
.footer-fonticon-links a:hover i.fonticon-facebook,
.footer-fonticon-links a:focus i.fonticon-facebook {
color: #3b5998;
}
.footer-fonticon-links a:hover i.fonticon-twitter,
.footer-fonticon-links a:focus i.fonticon-twitter {
color: #00acee;
}
.footer-fonticon-links a i {
font-size: 18px;
}
/* Adview
========================================================================== */
.carousel .carousel-inner {
width: 620px;
}
.carousel .carousel-inner-fullwidth {
width: 100%;
}
.price-header {
border-bottom: 1px solid #cfcfcf;
padding-bottom: 12px;
margin-bottom: 16px;
}
/*
Adview price label
TODO: Bootstrap the shit out of this,
this is a quickfix due to lack of time.
*/
.vi-price-label {
position: absolute;
z-index: 10;
height: 46px;
width: 180px;
top: 9px;
right: -8px;
color: #fff;
font-size: 18px;
background: #74bed7;
border-radius: 3px 3px 0 3px;
line-height: 46px;
}
.vi-price-label:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
right: 0px;
top: 46px;
border-width: 4px;
border-style: solid;
border-color: #538799 transparent transparent #538799;
}
/* Listingpage
========================================================================== */
/* This button should be put into Bootstrap */
.ai-btn-wrapper {
display: block;
padding-top: 96px;
}
.ai-btn-wrapper:hover,
.ai-btn-wrapper:focus {
text-decoration: none;
}
.ai-btn-wrapper i {
position: absolute;
z-index: 10;
top: 0px;
left: 46px;
transition: all 0.1s ease 0s;
}
.ai-btn-wrapper .btn {
height: 54px;
line-height: 54px;
background: #FFE889;
color: #765317;
font-size: 16px;
padding: 0px;
box-shadow: none;
text-shadow: 1px 1px 0 #FCEDC4;
border: none;
border-bottom: 3px solid #D5BE63;
transition: all 0.1s ease 0s;
}
.ai-btn-wrapper .btn:hover,
.ai-btn-wrapper .btn:active,
.ai-btn-wrapper .btn:focus {
background: #F1D873;
border-color: #CAB560;
color: #624513;
text-shadow: none;
padding: 0;
}
a.ai-btn-wrapper:hover i {
top: -6px;
}
a.ai-btn-wrapper:hover .btn {
background: #F1D873;
border-color: #CAB560;
color: #624513;
text-shadow: none;
padding: 0;
}
.linkshelf td {
background: #fff !important;
}
.linkshelf td span.av-badge-new {
position: absolute;
margin-left: 110px;
margin-top: -15px;
}
.linkshelf td .new_construction_link {
position: relative;
}
.listing-filtering {
border-bottom: 1px solid #cfcfcf;
}
.categories_wrap {
padding: 35px 0 30px;
background-color: #fbfaf6;
border-top: 1px solid #eae5d9;
background: #fbfaf8;
border-color: #e9e7e4;
}
/* Searchbox */
.searchbox .search-row {
margin-left: -8px;
*zoom: 1;
}
.searchbox .search-row:before,
.searchbox .search-row:after {
display: table;
content: "";
line-height: 0;
}
.searchbox .search-row:after {
clear: both;
}
.searchbox .hide {
display: none;
}
.searchbox h2 {
font-size: 21px;
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.searchbox .search-span {
margin-left: 8px;
float: left;
min-height: 1px;
width: 300px;
}
.searchbox .search-span #catgroup,
.searchbox .search-span #searcharea_expanded {
height: 40px;
line-height: 40px;
padding: 9px 4px;
border: 1px solid white;
}
.searchbox .search-span #searchtext {
height: 40px;
line-height: 28px;
border: 1px solid white;
}
.searchbox .search-span #searchtext:focus {
padding: 5px 6px;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.60);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.60);
box-shadow: 0 0 4px rgba(0,0,0,0.60);
}
.searchbox .search-types {
width: 608px;
}
.searchbox .search-button {
width: 50px;
}
.searchbox .search-button button {
height: 40px;
box-shadow: none;
border: none;
border-bottom: 2px solid #9a9a9a;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
box-shadow: 0 2px 0 rgba(0,0,0,0.1);
}
.searchbox .search-button button:hover {
background: #cccccc;
}
.searchbox .search-button button:active {
background: #9a9a9a;
}
.searchbox #types {
margin-left: -10px;
height: 32px;
margin-bottom: 6px;
}
.searchbox #types label {
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
margin-top: 5px;
margin-left: 10px;
}
/* Mypages
========================================================================== */
.listing-thumbs-small .item-age .mtxxs {
margin-top: 2px;
}
.status-refused a {
color: #fff;
}
/* Newad
========================================================================== */
.imageupload {
position: absolute;
left: 0;
top: 0;
margin: 0 !important;
opacity: 0;
width: 100% !important;
height: 100%;
font-size: 99px;
overflow: hidden;
filter: alpha(opacity=0);
border: none;
cursor: pointer;
cursor: hand;
}
.image_previews_container {
line-height: 20px;
}
.js-aiupload-btn {
line-height: 15px;
width: 95px;
}
/* DFP
========================================================================== */
.gpt-ad-leaderboard {
width: 752px !important;
}
.gpt-ad-sidebar {
margin-left: 1px;
}
.gpt-ad-leaderboard,
.gpt-ad-sidebar {
text-align: center;
background-color: #ffffff;
margin-bottom: 15px;
border: 1px solid #cfcfcf;
}
.dfpcenter {
width: 73%;
margin: 0 auto;
}
#nav_header_ai .glyph-edit {
font-size: 18px !important;
}
/* generale class */
.circle-big {
width: 150px;
height: 150px;
margin: 10px auto;
}
.grey {
background: #F4F5F8;
}
.grey-bold {
background: #CBCCCE;
}
.blue {
color: #0088E8;
}
.blue-bold {
color: #4F9DE2;
}
.blue-after:after {
background: #4F9DE2;
}
.blue-border {
border: 1px solid #0088E8;
}
.blue-background {
background: #0088E8;
}
.yellow {
color: #FFCC80;
}
.yellow-after:after {
background: #FFCC80;
}
.yellow-border {
border: 1px solid #FFCC80;
}
.yellow-background {
background: #FFCC80;
}
/** landing page page **/
.service-page-container {
background: #ccc;
font-weight: 300;
}
.service-page-container div#content {
text-align: center;
width: 980px;
margin: auto;
line-height: 25px;
font-family: 'Roboto', sans-serif;
}
.service-page-container div#header {
height: 350px;
color: #fff;
position: relative;
}
.service-page-container div#intro p {
font-size: 39px;
line-height: 57px;
font-weight: 400;
}
.service-page-container .renew-btn {
display: table;
margin: auto;
text-decoration: none;
color: #fff;
background: #2767A1;
padding: 15px 22px;
border-radius: 4px;
font-size: 17px;
text-transform: uppercase;
font-weight: 400;
}
.service-page-container #intro .service-page-container .renew-btn {
min-width: 160px;
position: relative;
margin-top: 30px;
}
.service-page-container div#intro {
position: absolute;
top: 50%;
left: 50%;
width: 930px;
margin-top: -120px;
margin-left: -475px;
}
.service-page-container div#sec2 {
background: #fff;
color: #818181;
font-weight: 300;
}
.service-page-container .section {
padding: 20px;
text-align: center;
}
.service-page-container div#sec1 {
background: url(/img/head.png) no-repeat center;
background-size: cover;
}
.service-page-container h2 {
font-size: 34px;
font-weight: 500;
}
.service-page-container div#sec2 h2 {
color: #525D7D;
}
.service-page-container div#sec3 {
background: #F4F5F8;
color: #818181;
}
.service-page-container #sec3 h2 {
color: #525D7D;
}
.service-page-container div.section h2:after {
content: ' ';
display: block;
height: 1px;
width: 70px;
margin: 20px auto 0;
}
.service-page-container h3 {
color: #5592C4;
font-size: 14px;
font-weight: 700;
text-align: center;
min-height: 40px;
}
.service-page-container a.renew-btn.price {
width: 100px;
height: 25px;
padding: 5px;
text-align: center;
background: #5592C4;
line-height: 25px;
}
.service-page-container .feature ul li {
list-style: none;
margin-bottom: 15px;
}
.service-page-container div#sec4 {
background: #fff;
color: #818181;
}
.service-page-container #sec4 h2 {
color: #525D7D;
}
.service-page-container h4 {
color: #959595;
font-weight: 500;
font-size: 20px;
}
.service-page-container .option {
width: 270px;
padding: 20px;
line-height: 19px;
font-size: 13px;
}
.service-page-container .number {
font-size: 70px;
font-weight: 500;
padding: 20px;
margin-bottom: 20px;
}
.service-page-container div#packs {
margin-top: 30px;
}
.service-page-container .pack {
width: 300px;
font-size: 13px;
padding: 20px 40px;
line-height: 17px;
}
.service-page-container .img {
height: 100px;
padding-bottom: 20px;
}
.service-page-container div#sec5 {
background: #F5F5F5;
padding-bottom: 50px;
}
.service-page-container .advantages {
margin-top: 25px;
}
.service-page-container .advantage {
font-size: 14px;
color: #717171;
padding: 10px;
width: 215px;
}
.service-page-container .advantage img {
margin-bottom: 10px;
}
#sec3 span b {
font-weight: bold;
}
/* landind page */
#services-avito {
border: 1px solid #DADADA;
padding-bottom: 10px;
background: #FFF;
}
#services-avito .services-section {
padding: 30px;
}
#services-avito .services-header {
background: #2E81D2;
padding-bottom: 30px;
}
#services-avito .services-header .services-title {
margin-top: 60px;
margin-bottom: 60px;
}
#services-avito .services-header .services-title span {
font-size: 36px;
color: #FFFFFF;
line-height: 1;
}
#services-avito .services-breadcrumb-title {
position: relative;
top: 20px;
}
#services-avito .services-breadcrumb-title span {
font-size: 20px;
color: #434A54;
letter-spacing: 0px;
}
#services-avito .services-breadcrumb {
padding-bottom: 0px;
padding-top: 15px;
}
#services-avito .clickable {
cursor: pointer;
}
#services-avito .services-breadcrumb-element {
padding-bottom: 10px;
}
#services-avito .services-breadcrumb-picto {
margin-right: 25px;
}
#services-avito .services-breadcrumb #bump.active {
border-bottom: 3px solid #0088E8;
}
#services-avito .services-breadcrumb #highlight.active {
border-bottom: 3px solid #FFCC80;
}
#services-avito .service-page-content {
background: white;
width: 920px;
}
#services-avito .service-page-content .content,
#services-avito .service-page-details {
width: 920px;
}
#services-avito .service-page-content[data-default="true"] {
display: block;
}
#services-avito .bump-example,
#services-avito .highlight-example {
margin-top: 30px;
margin-bottom: 40px;
}
#services-avito .service-page-container .service-page-details {
overflow: hidden;
background: white;
}
#services-avito .service-page-container .bump-example i {
border: 3px solid #0088E8;
}
#services-avito .service-page-container .highlight-example i {
border: 3px solid #FFCC80;
}
#services-avito .service-page-container .content {
with: 100%;
}
#services-avito .service-page-container .feature {
width: 260px;
position: relative;
background: #FFF;
}
#services-avito .service-page-container .feature .feature-content {
padding: 20px;
background: #FFF;
padding-bottom: 50px;
}
#services-avito .service-page-container .service-page-details-container.highlight-active .feature .feature-content {
height: 150px;
}
#services-avito .service-page-container .feature .feature-price {
padding: 5px;
color: #FFF;
position: absolute;
width: 250px;
bottom: 0px;
font-weight: bold;
}
#services-avito .service-page-container .feature-footer {
font-style: italic;
padding: 15px;
}
#services-avito .service-page-details-container {
transition-duration: 0.5s;
}
#services-avito .service-page-details-container.bump-active {
transform: translateX(0);
}
#services-avito .service-page-details-container.highlight-active {
transform: translateX(-920px);
}
/*! jQuery UI - v1.10.3 - 2013-07-10
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 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);
}
.ui-front {
z-index: 2000;
}
/* 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-autocomplete {
position: absolute;
top: 0;
cursor: default;
}
[dir="ltr"] .ui-autocomplete {
left: 0;
}
[dir="rtl"] .ui-autocomplete {
right: 0;
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
margin-top: -3px;
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
width: 100%;
/* support: IE10, see #8844 */
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
margin: 5px -2px 5px -2px;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.5;
min-height: 0;
/* support: IE7 */
font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
.ui-menu .ui-state-disabled {
font-weight: normal;
margin: .4em 0 .2em;
line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
cursor: default;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item a {
position: relative;
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: .2em;
left: .2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
position: static;
float: right;
}
/* 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 50% 50% repeat-x;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #aaaaaa;
background: #cccccc 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 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 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 {
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 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 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 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);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: alpha(opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter: alpha(opacity=35);
/* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: ;
}
.ui-widget-header .ui-icon {
background-image: ;
}
.ui-state-default .ui-icon {
background-image: ;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: ;
}
.ui-state-active .ui-icon {
background-image: ;
}
.ui-state-highlight .ui-icon {
background-image: ;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: ;
}
/* 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 50% 50% repeat-x;
opacity: .3;
filter: alpha(opacity=30);
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa 50% 50% repeat-x;
opacity: .3;
filter: alpha(opacity=30);
border-radius: 8px;
}
.firstcontact_container {
min-height: 600px;
padding-top: 20px;
font-family: Roboto !important;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
font-weight: normal;
display: flex;
}
.firstcontact_container .message_sent {
height: 240px;
background-color: #ffffff;
border: solid 1px #f8f8f8;
padding: 40px 30px;
}
.firstcontact_container .message_sent form {
display: inline-block;
}
.firstcontact_container .message_sent div.image {
float: right;
padding-right: 30px;
}
.firstcontact_container .message_sent div.image img {
width: 229px;
height: 224px;
object-fit: contain;
}
.firstcontact_container .message_sent div.info {
display: inline-block;
width: 53%;
}
.firstcontact_container .message_sent div.info .title h3 {
font-size: 24px;
font-weight: bold;
color: #111111;
}
.firstcontact_container .message_sent div.action_buttons {
margin-top: 20px;
}
.firstcontact_container .message_sent form#backToAd {
margin-right: 50px;
}
.firstcontact_container .btn_back_to_ad {
width: 230px;
height: 40px;
background-color: #eaeaea;
font-size: 16px;
line-height: 1.5;
text-align: center;
color: #666666;
border: none;
border-radius: 4px;
cursor: pointer;
outline: none;
}
.firstcontact_container .btn_account {
width: 167px;
height: 40px;
background-color: #1d72db;
font-size: 16px;
font-weight: 500;
line-height: 1.13;
text-align: center;
color: #fcfcfc;
cursor: pointer;
border-radius: 4px;
outline: none;
}
.firstcontact_container .contact_form_card {
min-height: 630px;
padding: 25px;
background-color: #ffffff;
border: solid 1px #f8f8f8;
margin-left: 0;
}
.firstcontact_container .contact_form_card .title {
min-height: 24px;
font-size: 20px;
font-weight: bold;
color: #111111;
}
.firstcontact_container .contact_form_card label {
font-size: 16px;
line-height: 1.5;
color: #111111;
}
.firstcontact_container .contact_form_card textarea {
height: 189px;
border-radius: 4px;
background-color: #f8f8f8;
border: solid 1px #b6b6b6;
resize: none;
}
.firstcontact_container .contact_form_card input.error {
border-radius: 4px;
border: solid 1px #c72a3d;
}
.firstcontact_container .contact_form_card input {
width: 300px;
}
.firstcontact_container .contact_form_card button.btn_send_message {
width: 192px;
height: 40px;
font-family: Roboto;
background-color: #1d72db;
border: none;
border-radius: 4px;
font-size: 16px;
font-weight: 100;
line-height: 1.13;
text-align: center;
color: #fcfcfc;
cursor: pointer;
outline: none;
}
.firstcontact_container .contact_form_card button.btn_send_message:disabled {
cursor: not-allowed;
}
.firstcontact_container .contact_form_card .form_error {
margin-top: 10px;
font-size: 14px;
color: #c72a3d;
}
.firstcontact_container .contact_form_card .attention_space {
padding-top: 10px;
font-size: 14px;
}
.firstcontact_container .contact_form_card .attention_space b {
font-size: 18px;
font-weight: 500;
color: #111111;
}
.firstcontact_container .contact_form_card .attention_space .attention_text {
color: #9b9b9b;
font-weight: 200;
}
.firstcontact_container .contact_form_card .btn_row {
padding-top: 12px;
}
.firstcontact_container .contact_form_card .details {
padding-top: 10px;
padding-bottom: 10px;
color: #111111;
}
.firstcontact_container .contact_form_card .details b {
font-size: 18px;
font-weight: 500;
}
.firstcontact_container .contact_form_card .details p {
font-size: 14px;
}
.firstcontact_container .contact_form_card .email_exists {
font-size: 16px;
color: #c72a3d;
}
.firstcontact_container .contact_form_card .email_exists a {
display: block;
color: #1875d2;
font-weight: 400;
text-decoration: underline;
cursor: pointer;
}
.firstcontact_container .seperator {
width: 100%;
height: 0px;
border: solid 1px #eaeaea;
margin: auto;
}
.firstcontact_container .contact_form_card:not(:first-child) {
margin-left: 28px;
}
.firstcontact_container .contact_form_card input,
.firstcontact_container .contact_form_card input:focus {
padding-left: 40px;
}
.firstcontact_container .iconSvg {
padding: 5px 5px 5px 5px !important;
position: absolute;
pointer-events: none;
height: 24px;
width: 24px;
}
.firstcontact_container .form-group {
padding: 8px 12px 2px 2px;
}
.firstcontact_container .ads_title_desc {
font-size: 18px;
display: block;
}
.firstcontact_container .ads_price {
font-size: 18px;
color: #1e88e5;
}
.firstcontact_container .ads_date {
font-size: 16px;
color: #9b9b9b;
margin-bottom: 5px 0 !important;
}
.firstcontact_container .pd {
padding-left: 30px;
}
.firstcontact_container .ads_desc {
padding-top: 15px;
word-break: break-all;
word-wrap: break-word;
}
.firstcontact_container .ads_location {
padding-top: 15px;
}
.firstcontact_container .upload-btn-wrapper .btn-upload {
display: inline-block;
border: 1px solid #1d72db;
color: #1d72db;
background-color: white;
padding: 8px 24px;
border-radius: 6px;
font-size: 13px;
cursor: pointer;
}
.firstcontact_container .upload-btn-wrapper #filename {
display: inline-block;
}
.firstcontact_container .upload-btn-wrapper input[type=file] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
display: none;
}
#vasProductCatalogueComponent .circle-loader {
margin-top: 10%;
}
#vasProductCatalogueComponent {
background: white;
}
#vasProductCatalogueComponent .jumbo-container {
width: 68%;
padding-bottom: 20px;
}
#vasProductCatalogueComponent .jumbo-container button {
width: 120px;
text-transform: uppercase;
}
/* The Language Modal (background) */
.lang_modal {
display: none;
/* Hidden by default */
position: fixed;
/* Stay in place */
z-index: 1;
/* Sit on top */
left: 0;
top: 0;
width: 100%;
/* Full width */
height: 100%;
/* Full height */
overflow: auto;
/* Enable scroll if needed */
background-color: #000000;
/* Fallback color */
background-color: rgba(0, 0, 0, 0.4);
/* Black w/ opacity */
}
/* Modal Content/Box */
.lang_modal-content {
background-color: #fefefe;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 20%;
}
/* The Close Button */
.lang_close {
position: absolute;
top: 5px;
right: 10px;
font-size: 1.8em !important;
color: black !important;
float: right;
}
.lang_close:hover,
.lang_close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.lang_text_ar {
color: #3B424B;
font-size: 22px;
font-weight: bold;
text-align: center;
}
.lang_text_fr {
color: #3B424B;
font-size: 17px;
font-weight: bold;
}
.btn_lang_ar {
width: 100%;
min-height: 65px;
color: white !important;
font-weight: bold !important;
font-size: 1.4em !important;
}
.btn_lang_fr {
background: #3cae56;
width: 100%;
min-height: 65px;
color: white !important;
font-weight: bold !important;
font-size: 1.4em !important;
}
.btn_lang_fr:hover,
.btn_lang_fr:focus {
background: #3cae56;
}
/* Header > Boutiques anchro styling */
.stores {
position: relative;
display: inline-block;
}
.stores .tooltiptext {
visibility: hidden;
width: 212px;
background-color: #fff;
color: #999;
font-weight: normal;
font-size: 13px;
top: 65px;
right: -10px;
position: absolute;
z-index: 1;
line-height: 150%;
transition: transform 200ms ease-out;
border: 1px solid #dce0e0;
padding: 14px;
border-radius: 4px;
box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.04);
}
.tooltiptext:after,
.tooltiptext:before {
bottom: 100%;
left: 83%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.tooltiptext:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 10px;
margin-left: -10px;
}
.tooltiptext:before {
border-color: rgba(220, 224, 224, 0);
border-bottom-color: #dce0e0;
border-width: 11px;
margin-left: -11px;
}
.stores:hover .tooltiptext {
visibility: visible;
}
/* Country specific */
.brand-header {
border-bottom: 2px solid #88ADDA;
}
.brand-search {
background: url('/img/searchbox_bg.png') repeat #3480c4;
border-top: 2px solid #2b6cb0;
}
.categories_wrap {
height: 420px;
}
.warn_seller {
margin-top: 5px;
margin-left: 16px;
}
.warn_seller > h4 {
color: red;
}
.warn_seller > p {
text-align: justify;
margin: 0px;
margin-right: 20px;
font-size: 13px;
}
.bold {
font-weight: bold;
}
/* Fix push for sticky footer on listingpage
categories_wrap height + 66 + 65 + 25 = .push height
add 1 more pixel for the negative margin
*/
.wrap-listing-page {
background-color: #f2f2f2;
margin: 0 auto -401px;
}
.wrap-listing-page .push {
display: block;
margin-bottom: 35px;
padding-top: 10px;
margin-left: auto;
margin-right: auto;
max-height: 250px;
max-width: 970px;
}
.wrap-index-page {
background-color: #f2f2f2;
margin: 0 auto -250px;
}
.wrap-index-page .push {
height: 250px;
}
.facebookiframe {
height: 70px;
}
/* Indexpage
========================================================================== */
.index-footer {
position: relative;
height: 225px;
}
.page-intro h2 {
padding-top: 6px;
margin-bottom: 10px;
font-size: 40px;
line-height: 35px;
}
.page-intro p {
font-size: 21px;
line-height: 32px;
color: #ffffff;
margin-top: 11px;
}
/* Category images positions */
.categories a {
margin-left: 25px;
}
.categories .green i {
margin-top: 21px;
}
.categories .red i {
margin-top: 11px;
}
.categories .yellow i {
margin-top: 16px;
}
.categories .brown i {
margin-top: 12px;
}
.categories .blue i {
margin-top: 21px;
}
.categories .purple i {
margin-top: 24px;
}
/* Regions */
.nb {
width: 26px;
position: absolute;
top: -10px;
right: -10px;
text-align: center;
float: left;
}
.nb .top {
width: 13px;
font-size: 0;
height: 5px;
margin: 0 auto;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
background: #BBBBBB;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
-ms-border-radius: 5x 5x 0 0;
}
.nb .value {
padding: 0 0 1px 0;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
font-weight: bold;
background: #bbb;
color: white;
}
.region_list {
float: left;
}
.region_list .region_ruler {
border-top: 2px solid #4f9de2;
display: block;
height: 9px;
margin-top: 9px;
width: 120px;
}
.regions {
margin-left: 115px;
}
.page-regions {
padding: 10px 0 28px;
}
.regions a {
font-weight: normal;
}
#region_9 {
font-weight: normal;
}
.lang_switch_textual {
background: #ECECEC;
width: 110px;
border: 0px solid #949494;
border-radius: 6px;
text-align: center;
float: right;
}
.li-hover:hover {
background-color: #F4FAFB;
cursor: hand;
cursor: pointer;
}
.li-hover.highlight:hover {
background-color: #fffde7;
}
#checkbox_margin {
margin-top: -20px;
margin-left: 104px;
}
.cb-space {
margin-bottom: 0px;
}
.col-space {
margin-right: 20px;
}
/* AI connexion Box */
.align-space {
margin-left: 0px;
}
.password-align {
margin-left: 17px !important;
}
.mypages-connection {
display: block;
overflow: hidden;
background: #f6f6f6;
border: 1px solid #CCC;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
padding: 9px;
clear: both;
}
span.ai-login-span {
margin: 35px;
}
div.ai-login-passwd {
margin-left: 35px;
margin-top: 10px;
}
div#forgot_password {
margin-top: 10px;
margin-left: 45px;
}
.suffixMa {
color: black;
font-weight: bold;
font-size: 13px;
}
.modal-lg {
width: 880px;
}
.store_page_titles {
border-bottom: 1px solid #cfcfcf;
color: #cfcfcf;
}
/* SHOPS LISTING */
.item a:hover {
text-decoration: none;
}
.item a:hover span {
text-decoration: none;
}
.sidebaricon {
float: left;
display: block;
margin: 10px 10px 10px 7px;
}
/* AI PARAMS POSITIONS */
.js-model {
margin-left: 340px;
margin-top: -49px;
}
.js-size {
margin-left: 340px;
position: absolute;
}
#btnLogInUserDropdown {
padding: 10px;
}
.dropdownHack {
left: 56%;
}
/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
position: relative;
overflow: hidden;
width: 890px;
}
/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
width: 20000em;
position: relative;
/* Optional, required in this case since it's a element */
list-style: none;
margin: 0;
padding: 0;
}
/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
/* Required only for block elements like 's */
float: left;
width: 100px;
}
/** Carousel Controls **/
.jcarousel-wrapper {
border-style: solid;
border-color: #cfcfcf;
border-width: 1px;
width: 954px;
padding: 10px 10px;
background: white;
}
.jcarousel-wrapper ul li {
margin-left: 16px;
padding-bottom: 4px;
}
.jcarousel-control-prev,
.jcarousel-control-next {
top: 200px;
width: 30px;
height: 30px;
text-align: center;
background: #4E443C;
color: #fff;
text-decoration: none;
text-shadow: 0 0 1px #000;
font: 24px/27px Arial, sans-serif;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 0 2px #999;
-moz-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;
}
.jcarousel-control-prev {
float: left;
margin-top: 25px;
}
.jcarousel-control-next {
float: right;
margin-top: -60px;
}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
display: block;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
opacity: .5;
cursor: pointer;
cursor: hand;
}
/* MY ADS OF MY ACCOUNT */
.item_img {
float: left;
margin: 12px;
width: 100px;
height: 70px;
padding-right: 15px;
padding: 1px;
border: 1px solid #AAA;
position: relative;
}
.item_img .fonticon-no-thumb {
font-size: 28px;
margin-left: 30px;
margin-top: 20px;
}
.settings-ma {
/*margin-left: 50px;
margin-top: 30px;*/
float: right!important;
}
.ads_status {
margin-top: 35px;
}
.price_my_ads {
margin-top: 10px;
}
/* GOOGLE DFP */
.horizantal_banner,
.horizantal_banner_inner,
.vertical_banner {
margin: 0 auto;
text-align: center;
}
.horizantal_banner,
.vertical_banner {
padding-bottom: 10px;
}
.vertical_banner {
padding-top: 20px;
}
.msg_error {
background: #c86e67;
padding: 6px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
line-height: 20px;
color: white;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
border-color: #b94a48;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#control-group-category {
width: 360px;
}
#type_container {
width: 230px;
}
#control-group-region {
width: 400px;
}
#intro-subject-body-block {
width: 620px;
}
/* SHOP MY ADS */
.shop_buttons {
width: 100px;
margin-top: 20px !important;
}
.shop_item_info {
width: 350px !important;
}
/* ADVIEW LDR BOTTOM AND RECTANGLE */
.d_am_ldr_top {
max-width: 970px;
max-height: 250px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.d_am_hab_gauche {
width: 160px;
height: 600px;
display: block;
position: fixed;
margin-left: -164px;
z-index: 9;
top: 0;
}
.d_am_hab_droit {
width: 160px;
height: 600px;
display: block;
position: fixed;
margin-left: 984px;
z-index: 9;
top: 0;
}
.d_am_hab_haut {
width: 990px;
height: 250px;
display: block;
position: relative;
margin: 0 auto;
}
.d_am_adx_btf {
width: 670px;
padding-top: 20px;
display: inline-block;
}
.d_am_mrec_right {
width: 300px;
height: 250px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 3px;
margin-bottom: 3px;
}
.d_am_lp_vr_right {
max-width: 300px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 53px;
margin-bottom: 3px;
}
.d_am_inner_list {
width: 665px;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 3px;
margin-bottom: 3px;
}
.d_am_mrec_inner {
max-width: 300px;
height: 250px;
display: block;
margin-top: 3px;
margin-bottom: 3px;
}
.d_am_av_vr_right {
max-width: 240px;
height: 600px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 3px;
margin-bottom: 3px;
overflow: hidden;
}
.d_am_spn_ldr_bottom {
width: 728px;
height: 90px;
display: none;
margin-left: -8px;
margin-top: 8px;
margin-bottom: -8px;
}
.d_am_spn_rec_right {
display: none;
margin: 5px 0 5px;
height: 150px;
}
#bump-sms .sprite_common_ma_sms-icon {
margin: 13px;
float: right;
}
#bump-sms .sprite_common_ma_forward_blue,
#bump-sms .sprite_common_ma_rtl_forward_blue {
display: block;
margin-right: 5px;
float: left;
}
#bump-sms h3 {
line-height: 31px;
}
#bump-sms h3,
#bump-sms h4 {
font-weight: normal;
}
#bump-sms h4 {
color: #b1b1b1;
}
#bump-sms h4 span {
color: #4f9de2;
}
.bump-waiting {
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding: 4px 0 11px;
text-align: center;
width: 55px;
}
.loader {
background: #fff;
height: 50px;
width: 50px;
margin: 0px auto;
position: relative;
-webkit-animation: rotation .9s infinite linear;
-moz-animation: rotation .6s infinite linear;
-o-animation: rotation .6s infinite linear;
animation: rotation .6s infinite linear;
border-left: 2px solid rgba(76, 159, 229, 0.15);
border-right: 2px solid rgba(76, 159, 229, 0.15);
border-bottom: 2px solid rgba(76, 159, 229, 0.15);
border-top: 2px solid rgba(76, 159, 229, 0.8);
border-radius: 100%;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@-moz-keyframes rotation {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
}
}
@-o-keyframes rotation {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(359deg);
}
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.panel-heading-blue {
background-color: #1e73bb;
background-repeat: repeat-x;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color: #FFF;
font-size: 14px;
font-weight: bold;
line-height: 29px;
margin: 0;
padding: 7px 10px;
}
.settings-ma .dropdown {
margin-right: 5px;
}
.settings-ma .dropdown a.btn {
background: #4f9ee3;
padding: 5px 10px;
line-height: 30px;
}
.panel-heading-blue .sprite_common_ma_forward_orange,
.dropdown .sprite_common_ma_forward_orange {
display: block;
float: left;
}
.sprite_common_ma_rtl_forward_orange,
.dropdown .sprite_common_ma_rtl_forward_orange {
float: left;
}
.relative_position {
position: relative;
}
.bump_discount {
position: absolute;
bottom: 0;
right: 0;
}
.bump_ul {
margin: 0 0 11px 11px;
padding: 0;
}
.bump_ul .sprite_common_ma_up_arrow_orange,
.dropdown-menu .sprite_common_ma_up_arrow_orange,
.bump_ul .sprite_common_ma_rtl_up_arrow_orange,
.dropdown-menu .sprite_common_ma_rtl_up_arrow_orange {
display: inline-block;
}
.bump_ul li {
list-style: outside none none;
margin: 10px 0px;
}
.bump_ul li > span,
.dropdown-menu li span {
font-size: 17px;
color: #1e73bb;
}
.txt_h1_payment_bump {
font-size: 24px;
}
.txt_h2_payment_bump {
color: #b1b1b1;
font-size: 18px;
font-weight: normal;
line-height: 26 p;
}
.pay_cont {
margin-top: 10px;
padding-left: 5px;
display: table;
margin: auto;
}
.pay_cont .span6:first-child {
margin-left: 0;
}
.sms_payment {
height: 98px;
margin-left: auto;
margin-right: auto;
width: 124px;
}
.card_payment {
height: 98px;
margin-left: auto;
margin-right: auto;
width: 303px;
}
.cash_payment {
height: 98px;
margin-left: auto;
margin-right: auto;
width: 124px;
}
.element-center {
margin-right: auto;
margin-left: auto;
}
.element-right {
margin-right: 0px;
margin-left: auto;
}
.element-left {
margin-right: auto;
margin-left: 0px;
}
.element-middle {
margin-top: auto;
margin-bottom: auto;
}
.element-bottom {
margin-top: auto;
margin-bottom: 0px;
}
.element-top {
margin-top: 0px;
margin-bottom: auto;
}
.txt_payment {
margin-left: auto;
margin-right: auto;
margin-top: 20px;
text-align: center;
width: 264px;
}
.btn_payment {
margin-bottom: 20px;
margin-top: 10px;
width: 157px;
}
.payment_met div.span6 {
margin-left: 0;
height: 212px;
}
.payment_met .popover {
/*top: 425px;
left: -371px;
display: block;*/
}
.disabled {
pointer-events: none;
/* for "disabled" effect */
opacity: 0.7;
background: #A9ACB1;
position: absolute;
width: 314px;
height: 328px;
}
.unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#balls {
float: none;
text-align: center;
margin-left: 0;
}
.ball-center:first-child:before {
display: none;
}
.ball-center:before {
width: 59px;
height: 2px;
background: #4f9de2;
content: "";
display: block;
position: absolute;
top: 51px;
z-index: -1;
left: -36px;
}
.ball-center {
float: none;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.fake-btn {
display: inline-block;
padding: 6px 9px;
margin: 0;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
background-color: #f4f4f2;
background-image: -moz-linear-gradient(top, #fafaf9, #ebeae7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafaf9), to(#ebeae7));
background-image: -webkit-linear-gradient(top, #fafaf9, #ebeae7);
background-image: -o-linear-gradient(top, #fafaf9, #ebeae7);
background-image: linear-gradient(to bottom, #fafaf9, #ebeae7);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
font-size: 13px;
font-weight: bold;
color: #414141;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
overflow: visible;
line-height: 22px;
text-align: center;
vertical-align: middle;
cursor: default;
border: 1px solid #cfcfcf;
outline: 0;
outline-style: none;
outline-width: 0;
border-bottom-color: #b6b6b6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
}
div#loading {
text-align: left;
width: 285px;
margin-top: 15px;
}
/*For lap project*/
.headline {
text-align: center;
position: relative;
margin-bottom: 50px;
}
.headline h1 {
color: #000000;
padding-bottom: 15px;
display: inline-block;
font-size: 44px;
}
.headline h2 {
font-size: 24px;
}
.headline p {
margin-bottom: 40px;
font-weight: 200;
font-size: 18px;
color: #2b2b2b;
}
.headline p span.subheader {
font-size: 14px;
}
.headline p span.subheader a {
font-weight: normal;
}
.price-plan {
background: #FFF;
border-radius: 0;
box-shadow: none;
margin-left: auto;
margin-right: auto;
width: 487px;
}
.price-plan h4 {
color: #000;
font-size: 17px;
text-align: center;
margin-bottom: 0;
}
.price-plan h3 {
color: #000;
text-align: center;
font-size: 38px;
font-weight: bold;
margin-bottom: 0;
}
.price-plan h3 span {
font-weight: 300;
font-size: 18px;
}
.price-plan h3 sup {
font-size: 18px;
}
.price-plan .panel-heading {
background: #333;
text-align: center;
padding: 25px 0;
border-radius: 0;
display: block;
border: none;
}
.price-plan .panel-body {
background: #444;
padding: 30px 0;
margin-bottom: 0;
}
.price-plan .panel-footer-lap {
background: #FFF;
padding: 0px 0px 25px;
border-radius: 0;
}
.list-group-item-lap {
margin-bottom: 15px;
word-wrap: break-word;
}
.popular .panel-heading {
background: #ffffff;
}
.popular .panel-body {
background: #ffffff;
}
.popular .panel-footer {
background: #ffffff;
}
.force-margin-left {
margin-left: 0px !important;
}
.btn-blue-lap,
.btn-blue-lap:hover,
.btn-blue-lap:active {
height: 36px;
padding: 12px 90px 0;
margin-top: 22px;
border: none;
background: #4f9de2;
text-shadow: none;
box-shadow: none;
}
#landing-page .brand-search {
width: 400%;
margin-left: -150%;
margin-bottom: 5px;
}
/* Style for avito_service landing page
------------------------------------------------------------ */
.avito-service-image {
position: relative;
width: 100%;
/* for IE 6 */
text-align: center;
}
.avito-service-image .avito-service-image-text {
position: absolute;
top: 80px;
left: 0;
width: 100%;
text-align: center;
}
.avito-service-image .avito-service-image-text .avito-service-image-text-content {
color: white;
font: bold 24px/45px Helvetica, Sans-Serif;
letter-spacing: -1px;
padding: 10px;
}
.avito-service-image .avito-service-image-text .avito-service-image-text-content h1 {
font-size: 60px;
}
.avito-service-image .avito-service-image-text .avito-service-image-text-content h2 {
font-size: 30px;
font-weight: normal;
letter-spacing: 2px;
}
.avito-service-bump-button div.avito-service-image div.avito-service-image-text div.avito-service-image-text-content div div#package_menu_head.panel-heading-blue.panel-heading-small {
font-size: 20px;
height: 33px;
padding-top: 12px;
text-align: center;
vertical-align: middle;
width: 105%;
}
.avito-service-image-text-content div#package_menu_head {
font-size: 20px;
height: 33px;
padding-top: 12px;
text-align: center;
vertical-align: middle;
width: 105%;
}
.avito-service-bump-button #package_menu_head {
font-size: 20px;
height: 33px;
padding-top: 12px;
text-align: center;
vertical-align: middle;
width: 105%;
}
.avito-service-background-image {
margin-left: -150px;
}
.float-left-class {
float: left;
}
.avito-service-paragraph {
margin-top: 20px;
}
.avito_service_textblock {
width: 46%;
padding: 0;
display: block;
float: left;
}
.avito_service_textblock .blockText {
font-size: 150%;
margin-left: 40px;
}
.avito_service_textblock .blockImg {
float: left;
display: inline;
padding-left: 60px;
}
.avito_service_textblock2 {
padding: 0;
display: block;
}
.avito_service_textblock2 .blockText {
font-size: 150%;
margin-left: 40px;
}
.avito-service-paragraph hr {
width: 980px;
height: 2px;
float: left;
border: 0;
color: #ccd1d9;
background-color: #ccd1d9;
}
.avito-service-paragraph2 hr {
width: 980px;
height: 2px;
float: left;
border: 0;
color: #ccd1d9;
background-color: #ccd1d9;
}
.avito-service-paragraph .hr2 {
width: 980px;
height: 2px;
float: left;
}
.avito-service-paragraph .blockImg {
display: inline;
padding-left: 60px;
margin-right: 10%;
padding-top: 10px;
}
.avito-service-paragraph .blockImg2 {
display: inline;
padding-left: 60px;
margin-right: 10%;
padding-top: 35px;
}
.avito-service-paragraph .blockImg .sprite_common_ma_sms-icon {
float: right;
}
.blockImgSMS {
display: block;
margin-right: 10%;
}
.blockImgSMS .sprite_common_ma_sms-icon {
float: right;
margin-bottom: 20px;
}
.blockImgSMS .SmsImg {
float: right;
}
.avito-service-paragraph .blockText {
font-size: 150%;
margin-left: 40px;
}
.avito-service-bump-button {
clear: both;
width: 30%;
margin: 0 auto;
left: 0;
text-align: center;
padding-right: 100px;
padding-top: 20px;
}
.avito-service-separator {
width: 100%;
clear: both;
background: #ccd1d9;
height: 14px;
position: absolute;
left: 0;
right: 0;
margin-bottom: 0px;
}
#avServices4 {
background-repeat: no-repeat;
width: 300px;
height: 155px;
margin: 0;
padding: 0;
margin-left: 15px;
float: left;
}
#avServices5 {
background-repeat: no-repeat;
width: 300px;
height: 155px;
margin: 0;
padding: 0;
float: left;
margin-left: 15px;
}
#avServices3 {
background-repeat: no-repeat;
width: 300px;
height: 155px;
margin: 0;
padding: 0;
float: left;
margin-left: 15px;
}
#avServices4Ar {
background-repeat: no-repeat;
width: 300px;
height: 155px;
margin: 0;
padding: 0;
margin-left: 15px;
float: left;
}
#avServices5Ar {
background-repeat: no-repeat;
width: 300px;
height: 155px;
margin: 0;
padding: 0;
float: left;
margin-left: 15px;
}
#avServices3Ar {
background-repeat: no-repeat;
width: 300px;
height: 155px;
margin: 0;
padding: 0;
float: left;
margin-left: 15px;
}
.avServicesBTN {
background-repeat: no-repeat;
width: 357px;
height: 74px;
margin: 0 auto;
}
.avServicesBTNAR {
padding-right: 20px;
background-repeat: no-repeat;
width: 357px;
height: 74px;
margin: 0 auto;
}
.LandingCenter {
width: 980px;
}
.avServicesImage1 {
height: 244px;
width: 390px;
margin-left: 40px;
float: left;
}
.avServicesImage2 {
margin-left: 49px;
float: left;
}
.avServicesImageLink {
margin-left: -43px;
}
.avServicesArrow {
margin-left: 49%;
}
.avServicesArrowAR {
margin-left: 47%;
}
/*Grey scaling the bumped icon in ad listing*/
.ad_list_bumped {
float: right;
filter: grayscale(100%);
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease;
/* Transition for Webkit browsers */
/*filter: url("data:image/svg+xml;utf8, #grayscale");*/
/* Firefox 10+, Firefox on Android */
}
.ad_list_bumped:hover {
filter: grayscale(0%);
filter: none;
/* IE6-9 */
-webkit-filter: grayscale(0%);
/* Chrome 19+ & Safari 6+ */
/*filter: url("data:image/svg+xml;utf8, #grayscale");*/
}
/*Grey scaling the shop icon in ad listing*/
.ad_list_shop {
float: right;
}
.ad_list_shop:hover {
opacity: 1.0;
}
.modalbox {
text-align: center;
vertical-align: middle;
margin: 10px;
width: 191px;
float: left;
background-color: #EEEEEB;
border-radius: 6px;
}
.modalbox-container {
width: 89%;
margin-left: auto;
margin-right: auto;
}
.panel-main {
margin-bottom: 10px;
}
.item-services {
margin-right: 10px;
margin-top: 30px;
}
.creditCard-Sidebar-icon {
margin-left: 40px;
}
.bump_error_cc {
color: #b1b1b1;
font-size: 20px;
font-weight: normal;
}
/*Style for the landing page modal popup*/
.modal_bump_paragraphe {
font-size: 12px;
width: 95%;
margin-right: 10px;
margin-left: 10px;
}
.modal_panel_heading_blue {
margin: 0 auto;
width: 35%;
}
.a_no_decoration {
text-decoration: none !important;
}
/* ArabicKeyboard layout */
#keyboardInputMaster {
position: absolute;
font: normal 11px Arial, sans-serif;
border-top: 1px solid #eeeeee;
border-right: 1px solid #888888;
border-bottom: 1px solid #444444;
border-left: 1px solid #cccccc;
-webkit-border-radius: 0.6em;
-moz-border-radius: 0.6em;
border-radius: 0.6em;
-webkit-box-shadow: 0px 2px 10px #444444;
-moz-box-shadow: 0px 2px 10px #444444;
box-shadow: 0px 2px 10px #444444;
opacity: 0.95;
filter: alpha(opacity=95);
background-color: #dddddd;
text-align: left;
z-index: 1000000;
width: auto;
height: auto;
min-width: 0;
min-height: 0;
margin: 0px;
padding: 0px;
line-height: normal;
-moz-user-select: none;
cursor: default;
}
#keyboardInputMaster * {
position: static;
color: #000000;
background: transparent;
font: normal 11px Arial, sans-serif;
width: auto;
height: auto;
min-width: 0;
min-height: 0;
margin: 0px;
padding: 0px;
border: 0px none;
outline: 0px;
vertical-align: baseline;
line-height: 1.3em;
}
#keyboardInputMaster table {
table-layout: auto;
}
#keyboardInputMaster.keyboardInputSize1,
#keyboardInputMaster.keyboardInputSize1 * {
font-size: 9px;
}
#keyboardInputMaster.keyboardInputSize3,
#keyboardInputMaster.keyboardInputSize3 * {
font-size: 13px;
}
#keyboardInputMaster.keyboardInputSize4,
#keyboardInputMaster.keyboardInputSize4 * {
font-size: 16px;
}
#keyboardInputMaster.keyboardInputSize5,
#keyboardInputMaster.keyboardInputSize5 * {
font-size: 20px;
}
#keyboardInputMaster thead tr th {
padding: 0.3em 0.3em 0.1em 0.3em;
background-color: #999999;
white-space: nowrap;
text-align: right;
-webkit-border-radius: 0.6em 0.6em 0px 0px;
-moz-border-radius: 0.6em 0.6em 0px 0px;
border-radius: 0.6em 0.6em 0px 0px;
}
#keyboardInputMaster thead tr th div {
float: left;
font-size: 130% !important;
height: 1.3em;
font-weight: bold;
position: relative;
z-index: 1;
margin-right: 0.5em;
cursor: pointer;
background-color: transparent;
}
#keyboardInputMaster thead tr th div ol {
position: absolute;
left: 0px;
top: 90%;
list-style-type: none;
height: 9.4em;
overflow-y: auto;
overflow-x: hidden;
background-color: #f6f6f6;
border: 1px solid #999999;
display: none;
text-align: left;
width: 12em;
}
#keyboardInputMaster thead tr th div ol li {
padding: 0.2em 0.4em;
cursor: pointer;
white-space: nowrap;
width: 12em;
}
#keyboardInputMaster thead tr th div ol li.selected {
background-color: #ffffcc;
}
#keyboardInputMaster thead tr th div ol li:hover,
#keyboardInputMaster thead tr th div ol li.hover {
background-color: #dddddd;
}
#keyboardInputMaster thead tr th span,
#keyboardInputMaster thead tr th strong,
#keyboardInputMaster thead tr th small,
#keyboardInputMaster thead tr th big {
display: inline-block;
padding: 0px 0.4em;
height: 1.4em;
line-height: 1.4em;
border-top: 1px solid #e5e5e5;
border-right: 1px solid #5d5d5d;
border-bottom: 1px solid #5d5d5d;
border-left: 1px solid #e5e5e5;
background-color: #cccccc;
cursor: pointer;
margin: 0px 0px 0px 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
vertical-align: middle;
-webkit-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;
}
#keyboardInputMaster thead tr th strong {
font-weight: bold;
}
#keyboardInputMaster thead tr th small {
-webkit-border-radius: 0.3em 0px 0px 0.3em;
-moz-border-radius: 0.3em 0px 0px 0.3em;
border-radius: 0.3em 0px 0px 0.3em;
border-right: 1px solid #aaaaaa;
padding: 0px 0.2em 0px 0.3em;
}
#keyboardInputMaster thead tr th big {
-webkit-border-radius: 0px 0.3em 0.3em 0px;
-moz-border-radius: 0px 0.3em 0.3em 0px;
border-radius: 0px 0.3em 0.3em 0px;
border-left: 0px none;
margin: 0px;
padding: 0px 0.3em 0px 0.2em;
}
#keyboardInputMaster thead tr th span:hover,
#keyboardInputMaster thead tr th span.hover,
#keyboardInputMaster thead tr th strong:hover,
#keyboardInputMaster thead tr th strong.hover,
#keyboardInputMaster thead tr th small:hover,
#keyboardInputMaster thead tr th small.hover,
#keyboardInputMaster thead tr th big:hover,
#keyboardInputMaster thead tr th big.hover {
background-color: #dddddd;
}
#keyboardInputMaster tbody tr td {
text-align: left;
padding: 0.2em 0.3em 0.3em 0.3em;
vertical-align: top;
}
#keyboardInputMaster tbody tr td div {
text-align: center;
position: relative;
zoom: 1;
}
#keyboardInputMaster tbody tr td table {
white-space: nowrap;
width: 100%;
border-collapse: separate;
border-spacing: 0px;
}
#keyboardInputMaster tbody tr td#keyboardInputNumpad table {
margin-left: 0.2em;
width: auto;
}
#keyboardInputMaster tbody tr td table.keyboardInputCenter {
width: auto;
margin: 0px auto;
}
#keyboardInputMaster tbody tr td table tbody tr td {
vertical-align: middle;
padding: 0px 0.45em;
white-space: pre;
height: 1.8em;
font-family: 'Lucida Console', 'Arial Unicode MS', monospace;
border-top: 1px solid #e5e5e5;
border-right: 1px solid #5d5d5d;
border-bottom: 1px solid #5d5d5d;
border-left: 1px solid #e5e5e5;
background-color: #eeeeee;
cursor: default;
min-width: 0.75em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
-webkit-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;
}
#keyboardInputMaster tbody tr td table tbody tr td.last {
width: 99%;
}
#keyboardInputMaster tbody tr td table tbody tr td.space {
padding: 0px 4em;
}
#keyboardInputMaster tbody tr td table tbody tr td.deadkey {
background-color: #ccccdd;
}
#keyboardInputMaster tbody tr td table tbody tr td.target {
background-color: #ddddcc;
}
#keyboardInputMaster tbody tr td table tbody tr td:hover,
#keyboardInputMaster tbody tr td table tbody tr td.hover {
border-top: 1px solid #d5d5d5;
border-right: 1px solid #555555;
border-bottom: 1px solid #555555;
border-left: 1px solid #d5d5d5;
background-color: #cccccc;
}
#keyboardInputMaster thead tr th span:active,
#keyboardInputMaster thead tr th span.pressed,
#keyboardInputMaster tbody tr td table tbody tr td:active,
#keyboardInputMaster tbody tr td table tbody tr td.pressed {
border-top: 1px solid #555555 !important;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
border-left: 1px solid #555555;
background-color: #cccccc;
}
#keyboardInputMaster tbody tr td table tbody tr td small {
display: block;
text-align: center;
font-size: 0.6em !important;
line-height: 1.1em;
}
#keyboardInputMaster tbody tr td div label {
position: absolute;
bottom: 0.2em;
left: 0.3em;
}
#keyboardInputMaster tbody tr td div label input {
background-color: #f6f6f6;
vertical-align: middle;
font-size: inherit;
width: 1.1em;
height: 1.1em;
}
#keyboardInputMaster tbody tr td div var {
position: absolute;
bottom: 0px;
right: 3px;
font-weight: bold;
font-style: italic;
color: #444444;
}
.keyboardInputInitiator {
margin: 0px 3px;
vertical-align: middle;
cursor: pointer;
}
.store-body-container {
clear: both;
/* taille des boutons */
}
.store-body-container .renouveler-store-link {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 17px;
font-weight: normal;
padding: 5px 6px;
display: inline-block;
margin-right: 2px;
line-height: 26px;
}
.store-body-container .renouveler-store-link .clear-fix {
clear: both;
}
.store-body-container .renouvellement-banner-holder {
background-color: #dff3fe;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #bfbfbf;
width: 730px;
margin: 10px auto;
}
.store-body-container .no-margin-left {
margin-left: 0;
}
.store-body-container .hidden {
display: none;
}
.store-body-container p {
margin: 0;
}
.store-body-container p:first-child {
margin-bottom: 8px;
}
.store-body-container .display-table {
display: table;
table-layout: fixed;
}
.store-body-container .display-table-cell {
display: table-cell;
float: none;
}
.store-body-container .valign-middle {
vertical-align: middle;
}
.store-body-container .full-width {
width: 100%;
}
.store-body-container .full-height {
height: 100%;
}
.store-body-container .cols {
height: 90px;
}
.store-body-container .shop_buttons .btn-large,
.store-body-container .shop_buttons .renouveler-store-link {
float: left;
width: 100%;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
margin-bottom: 2px;
border: 0;
}
.store-body-container .shop_buttons .btn-large {
padding: 3px 6px;
font-size: 12px;
color: #2072bb ;
background: #f7f7f9;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
font-weight: normal;
height: 30px;
}
.store-body-container .shop_buttons {
width: 190px;
margin-top: -8px !important;
}
.store-body-container .shop_buttons .btn i {
color: #2072bb;
}
.store-body-container .shop_buttons .btn i.fonticon-cancel::before {
font-size: 22px;
margin: 0px 1px 0px 2px;
}
.store-body-container .shop_buttons .btn span {
position: relative;
top: -2px;
}
.store-body-container .shop_item_info {
width: 388px !important;
}
.store-body-container .shop_item_info .wl {
width: 100% !important;
}
.store-body-container .listing .item {
padding: 19px 0px 8px;
}
.store-body-container .shop_price {
width: 115px;
}
.store-body-container a.my_ads {
color: #414143;
}
.store-body-container .position-relative {
position: relative;
}
.store-body-container .item-age {
margin-left: 0;
}
.store-body-container .item-age .item_age {
text-decoration: none;
}
.store-body-container .info-holder {
color: #a0a0a0;
font-size: 11px;
}
.store-body-container .info-holder,
.store-body-container .mtxs {
margin-top: 14px;
}
.store-body-container .panel-body {
padding: 0px;
background: transparent none repeat scroll 0% 0%;
border: none;
}
.store-body-container .renouvellement-banner-container {
padding-top: 10px;
background: #ffffff none repeat scroll 0% 0%;
border-left: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
}
.store-body-container .renouvellement-banner-container .renouvellement-banner-holder div.has-icon i {
width: 40px;
height: 40px;
display: block;
background: url(/img/message_forward.png) center center no-repeat;
float: right;
}
.store-body-container .renouvellement-banner-container .renouvellement-banner-holder div.border-right {
width: 4px ;
height: 70px ;
background: #dadde3 ;
position: absolute;
top: 10px ;
right: -30px;
}
.store-body-container .renouvellement-banner-container .renouvellement-banner-holder div.border-right.second {
right: -17px;
}
.store-body-container .listing {
padding: 6px 15px 7px;
border: 1px solid #CFCFCF;
background: #FFF ;
margin: 10px 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
}
.store-body-container .span18.second .listing:first-child {
margin-top: 0px;
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.store-body-container .sprite_common_ma_forward_orange {
display: inline;
margin-left: 10px;
margin-right: 11px;
width: 29px;
height: 29px;
background: transparent url("/img/common_ma.png?3409cbcf59a70deb5f4a2a0c7a6d217f6fea0d3a") no-repeat scroll -1684px -190px;
}
.store-bump-resulat-holder {
background: #fff;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.store-bump-resulat-holder #return-to-bump {
float: right;
}
.store-bump-resulat-holder .sprite_common_ma_rtl_check-icon-small {
width: 30px;
height: 30px;
background: transparent url("/img/common_ma_rtl.png?3409cbcf59a70deb5f4a2a0c7a6d217f6fea0d3a") no-repeat scroll -1207px -285px;
}
.shop_buttons .btn-large {
padding: 3px 6px;
font-size: 12px;
color: #2072bb ;
background: #f7f7f9;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
font-weight: normal;
height: 30px;
}
.shop_buttons .dropdown.span {
width: 100%;
margin: 0;
}
.listing .item .shop_buttons {
width: 190px;
float: right;
margin: 0 20px 0 0 !important;
}
.shop_buttons a.btn.btn-large {
width: 100%;
border: none;
border-radius: 0;
margin: 0;
margin-bottom: 2px;
padding: 5px 6px;
text-align: left;
line-height: 28px;
}
a#package_menu_head_mypages {
font-size: 17px;
color: #fff;
background-color: #1e73bb;
}
.shop_buttons a.btn.btn-large i {
color: #2072bb;
margin-right: 5px;
margin-left: 5px;
}
a#package_menu_head_mypages i {
margin-right: 0;
}
.store-bump-resulat-holder {
background: #fff;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.store-bump-resulat-holder #return-to-bump {
float: right;
}
.store-bump-resulat-holder .sprite_common_ma_rtl_check-icon-small {
width: 30px;
height: 30px;
background: transparent url("/img/common_ma_rtl.png") no-repeat scroll -1207px -285px;
}
.store-bump-resulat-holder .confirmation-panel {
width: 319px;
margin: auto;
}
.store-bump-resulat-holder .margin-top-2 {
margin-top: 2px;
}
#renouveller-form .sprite_common_ma_forward_orange {
display: inline;
margin-left: 0px;
margin-right: 0px;
width: 29px;
height: 29px;
background: transparent url("/img/common_ma.png") no-repeat scroll -1684px -190px;
}
#renouveller-form {
font-size: 15px;
}
#renouveller-form .btn {
padding: 6px 16px;
}
#renouveler-ads .close {
background: #e9eaee;
color: #fff;
width: 32px;
height: 32px;
font-size: 30px;
border-radius: 50%;
line-height: 0;
padding: 0px;
top: 13px;
opacity: 1;
position: absolute;
right: 13px;
}
#renouveler-ads .close span {
position: relative;
top: -4px;
}
#renouveler-ads .close:hover {
opacity: 0.8;
}
#renouveler-ads .warn_seller {
margin: 40px 40px;
font-size: 17px;
}
#renouveler-ads .bump_ul .sprite_common_ma_up_arrow_orange {
width: 15px;
height: 16px;
background: transparent url("/img/common_ma.png?3409cbcf59a70deb5f4a2a0c7a6d217f6fea0d3a") no-repeat scroll -600px -145px;
}
.my_ads_tab_store_bump {
margin-right: 0;
}
.my_ads_tab_store_bump .float-right {
float: right;
}
.my_ads_tab_store_bump .float-right a {
border: medium none;
background: transparent none repeat scroll 0% 0%;
box-shadow: none;
display: inline;
padding: 0px 2px !important;
color: #369;
}
.my_ads_tab_store_bump .float-right .store_limit_pagination {
padding-top: 8px;
}
.my_ads_tab_store_bump li a {
padding: 7px 13px;
}
.store_limit_pagination a.active {
color: #414141 !important;
cursor: text;
pointer-events: none;
}
/* arabic fix */
html[lang="ar-MA"] .my_ads_tab_store_bump li a {
padding: 7px 20px;
}
.position-absolute {
position: absolute;
}
.afs_box {
margin-top: 60px;
height: auto !important;
}
.afs_box_li {
height: auto;
}
#btn_go_back {
margin-bottom: 20px;
}
.forgotten-error {
height: 15px;
margin-top: 45px;
}
.verify_bump_div {
width: 250px;
margin: auto;
}
.sprite_shop_pack {
background: #FAFAF9 !important;
text-align: center;
}
.sprite_shop_pack .pack-header {
border-top: 4px solid #ebeae7;
color: #999999;
border-radius: 2px 2px 0px 2px;
-webkit-border-radius: 2px 2px 0px 2px;
-moz-border-radius: 2px 2px 0px 2px;
-o-border-radius: 2px 2px 0px 2px;
font-size: 26px;
padding: 19px 0;
font-weight: 500;
}
.sprite_shop_pack .pack-body {
background: #EBEAE7;
color: #2388dc;
font-size: 18px;
padding: 11px 0px;
border-top: 1px solid #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-bottom: 1px solid #fff;
font-weight: 300;
}
.sprite_shop_pack .pack-body strong {
font-weight: 400 !important;
}
.sprite_shop_pack .pack-footer {
padding: 0;
}
.sprite_shop_pack .pack-footer a {
border: 1px solid #cfcfcf;
display: inline-block;
padding: 8px 26px;
margin: 13px auto;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
width: 130px;
color: #414141;
font-weight: 400;
font-size: 16px;
background: #fafaf9;
background: -moz-linear-gradient(top, #fafaf9 0%, #ebeae7 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #fafaf9), color-stop(100%, #ebeae7));
background: -webkit-linear-gradient(top, #fafaf9 0%, #ebeae7 100%);
background: -o-linear-gradient(top, #fafaf9 0%, #ebeae7 100%);
background: -ms-linear-gradient(top, #fafaf9 0%, #ebeae7 100%);
background: linear-gradient(to bottom, #fafaf9 0%, #ebeae7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafaf9', endColorstr='#ebeae7', GradientType=0);
}
.sprite_shop_pack .pack-footer a:active,
.sprite_shop_pack .pack-footer a:hover {
text-decoration: none;
}
.sprite_shop_pack.shop_pack3 {
background: #1e73bb !important;
text-align: center;
}
.sprite_shop_pack.shop_pack3 .pack-header {
border-top: 4px solid #2388dc;
color: #fff;
}
.sprite_shop_pack.shop_pack3 .pack-body {
background: #2388dc;
color: #fff;
}
.sprite_shop_pack.shop_pack3 .pack-footer a {
border: 1px solid #cfcfcf;
background: #fafaf9;
background: -moz-linear-gradient(top, #f7de96 0%, #f7de96 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f7de96), color-stop(100%, #f7de96));
background: -webkit-linear-gradient(top, #fafaf9 0%, #f7de96 100%);
background: -o-linear-gradient(top, #f7de96 0%, #f7de96 100%);
background: -ms-linear-gradient(top, #f7de96 0%, #f7de96 100%);
background: linear-gradient(to bottom, #f7de96 0%, #f7de96 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafaf9', endColorstr='#ebeae7', GradientType=0);
}
.sprite_shop_pack._rtl .pack-header {
font-size: 30px;
}
.sprite_shop_pack._rtl .pack-body {
font-size: 24px;
line-height: 25px;
}
.sprite_shop_pack._rtl .pack-footer a {
font-size: 23px;
padding: 13px 26px;
margin: 11px auto;
}
.sprite_avservices_ma_avServicesBKG {
width: 1279px;
height: 457px;
background: url("/img/avServicesBKG.png") top left no-repeat;
}
.sky_sticky {
display: block;
height: 790px;
}
.sidebar_sky {
display: block;
}
/* Duplicated check touching points */
#dublicateBumpActiveButton i {
float: left;
}
a#dublicateBumpActiveButton {
width: 160px;
line-height: 30px;
}
/* VAS css */
.highlight {
background-color: rgba(253, 253, 149, 0.6);
}
.ad_list_vas_picto {
float: right;
width: 25px;
height: 25px;
}
/* Payment css */
div.method-disabled {
pointer-events: none;
opacity: 0.7;
background: #aaa;
position: relative;
top: -334px;
left: -13px;
height: 325px;
}
div.method-disabled-parent {
pointer-events: none;
}
.txt_h2_payment {
color: #b1b1b1;
font-size: 18px;
font-weight: normal;
line-height: 26 p;
}
.txt_h1_payment {
font-size: 24px;
}
.alert-box {
float: none;
margin: auto;
}
.alert-box .fa {
font-size: 22px;
margin-right: 5px;
}
/* VAS CSS begin */
.plans {
margin: 50px auto;
overflow: hidden;
padding: 20px;
padding-top: 35px;
color: #404040;
background: #eeebe4;
border-radius: 5px;
display: table;
max-width: 900px;
text-align: center;
}
.plans h3 {
margin-bottom: 15px;
}
.plan {
width: 200px;
margin: 20px 5px;
padding: 15px 15px;
text-align: center;
background: white;
background-clip: padding-box;
position: relative;
border: 1px solid #dedcd6;
border-radius: 8px;
padding-bottom: 50px;
}
.vas-btn-container {
position: absolute;
bottom: 0;
width: calc(100% - 30px);
}
.co-plan.plan-has-points .plan {
padding-bottom: 100px;
}
.plan p {
margin: 0;
font-size: 14px;
font-weight: 500;
color: #1976d2;
}
.plan b {
font-weight: bold;
text-decoration: underline;
}
.co-plan {
display: flex;
margin: auto;
justify-content: center;
align-items: initial;
flex-flow: row wrap;
}
.plan-title {
margin-bottom: 10px;
margin-top: 0;
padding-bottom: 10px;
color: #aaa;
border-bottom: 1px solid #e5ded6;
}
p.plan-price {
font-size: 14px;
font-weight: bold;
}
.plan-unit {
display: block;
margin-top: 5px;
font-size: 13px;
font-weight: normal;
color: #aaa;
}
.plan-features {
width: auto;
margin: 10px auto 10px;
padding-top: 15px;
border-top: 1px solid #e5ded6;
list-style: none;
}
.plan-feature + .plan-feature {
margin-top: 5px;
}
.plan-feature-unit {
margin-left: 2px;
font-size: 16px;
}
.plan-button {
position: relative;
display: block;
line-height: 40px;
font-size: 13px;
font-weight: 500;
color: white;
text-align: center;
margin-bottom: 10px;
background-color: #3cae56;
border-radius: 4px;
}
.plan-highlight {
border: 2px solid #1976d2;
padding-top: 10px;
border-radius: 0 0 8px 8px;
}
.plan-highlight .plan-button {
font-size: 13px;
}
p.plan-recommended {
width: 100%;
padding-bottom: 2px;
font-size: 14px;
font-weight: bold;
color: white;
text-shadow: 0 1px rgba(0, 0, 0, 0.05);
background: #1976d2;
position: absolute;
left: -2px;
top: -30px;
border: 2px solid #1976d2;
border-radius: 8px 8px 0 0;
}
.plan-discount {
width: 50px;
height: 50px;
position: absolute;
top: -2px;
right: -2px;
float: right;
}
.plan-highlight .plan-discount {
top: -30px;
right: -2px;
}
.plan-discount-19 {
background: url("/img/discount/discount_19.png") no-repeat;
}
.plan-discount-30 {
background: url("/img/discount/discount_30.png") no-repeat;
}
.plan-discount-36 {
background: url("/img/discount/discount_36.png") no-repeat;
}
.plan-discount-19-rtl {
background: url("/img/discount/discount_19_rtl.png") no-repeat;
}
.plan-discount-30-rtl {
background: url("/img/discount/discount_30_rtl.png") no-repeat;
}
.plan-discount-36-rtl {
background: url("/img/discount/discount_36_rtl.png") no-repeat;
}
/* my ads bump package - end */
.plan-title img {
max-width: 45px;
}
i.vas-icon {
width: 45px;
height: 36px;
background-size: 100% !important;
display: inline-block;
}
i.vas-icon-small {
float: left;
width: 24px;
height: 24px;
}
i.vas-bump {
background: url(../img/vas/bump.png) no-repeat;
}
i.vas-sticky {
background: url(../img/vas/gallery.png) no-repeat;
}
i.vas-gallery {
background: url(../img/vas/sticky.png) no-repeat;
}
i.vas-highlight {
background: url(../img/vas/highlight.png) no-repeat;
}
i.vas-pack-box {
background: url(../img/vas/pack-box.png) no-repeat;
}
i.vas-picto {
background: url("/img/vas/picto-vas.png") no-repeat;
}
.plans:not(.plans-shops) .plan-button:last-child {
background: #1976D2;
}
li.plan-feature {
font-size: 12px;
font-weight: normal;
color: #aaa;
}
.plan-button.btn-disabled {
background: gray;
cursor: default;
}
.plan-button.btn-disabled:active {
top: 0;
margin-bottom: 10px;
}
.plan-button.btn-disabled:focus {
text-decoration: initial;
}
i.picto-vas-new,
i.picto-vas-new_rtl {
float: right;
width: 35px;
height: 35px;
position: absolute;
top: -2px;
right: -2px;
}
i.picto-vas-new {
background: url("/img/vas/picto-new.png") no-repeat;
}
i.picto-vas-new_rtl {
background: url("/img/vas/picto-new-ar.png") no-repeat;
}
i.picto-vas-new-mypages {
margin-right: -11px;
}
a#package_menu_head_adview {
text-align: left;
font-weight: bold;
font-size: 17px;
padding: 10px;
padding-left: 5px;
color: #fff;
background-color: #1e73bb;
}
.position-relative {
position: relative;
}
/* legacy popup begin */
.plans-old {
width: 850px;
margin: 50px auto;
overflow: hidden;
padding: 20px;
color: #404040;
background: #eeebe4;
border-radius: 5px;
}
.plans-old .plan {
float: left;
width: 150px;
margin: 20px 2px;
padding: 15px 25px;
text-align: center;
background: white;
background-clip: padding-box;
border: 2px solid #e5ded6;
border-color: rgba(0, 0, 0, 0.1);
border-radius: 5px;
position: relative;
}
.plans-old .plan-title {
margin-bottom: 12px;
font-size: 20px;
color: #aaa;
}
.plans-old .plan-price {
margin-bottom: 20px;
line-height: 1;
font-size: 30px;
font-weight: bold;
color: #1976d2;
}
.plans-old .plan-price-currency {
font-size: 12px;
font-weight: normal;
}
.plans-old .plan-unit {
display: block;
margin-top: 5px;
font-size: 13px;
font-weight: normal;
color: #aaa;
}
.plans-old .plan-features {
width: auto;
margin: 20px auto 15px;
padding: 15px 0 0 15px;
border-top: 1px solid #e5ded6;
text-align: center;
list-style: none;
}
.plans-old .plan-feature {
list-style: none;
line-height: 20px;
font-size: 24px;
font-weight: 500;
color: #333;
text-align: center;
}
.plans-old .plan-feature + .plan-feature {
margin-top: 5px;
}
.plans-old .plan-feature-description {
height: 50px;
width: 135px;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.plans-old .plan-feature-unit {
margin-left: 2px;
font-size: 16px;
}
.plans-old .plan-feature-name {
font-size: 13px;
font-weight: normal;
color: #aaa;
}
.plans-old .plan-button {
position: relative;
display: block;
line-height: 40px;
font-size: 16px;
font-weight: 500;
color: white;
text-align: center;
text-decoration: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
background: #3cae56;
border-bottom: 2px solid #cf7e3b;
border-color: rgba(0, 0, 0, 0.15);
border-radius: 4px;
}
.plans-old .plan-highlight {
margin-top: 17px;
margin-bottom: 0;
border: 4px solid #1976d2;
padding-left: 0px;
padding-right: 0px;
width: 200px;
}
.plans-old .plan-highlight .plan-button {
font-size: 18px;
line-height: 49px;
background: #1976d2;
border-color: #3996b3;
border-color: rgba(0, 0, 0, 0.15);
margin-left: 10px;
margin-right: 10px;
font-size: 24px;
}
.plans-old .plan-highlight .plan-button {
font-size: 18px;
background: #1976d2;
border-color: #3996b3;
border-color: rgba(0, 0, 0, 0.15);
margin-left: 10px;
margin-right: 10px;
}
.plans-old .plan-highlight .plan-feature-description {
width: 185px;
}
.plans-old .plan-recommended {
width: 100%;
margin: 0 auto 15px;
border: 4px solid #1976d2;
padding-bottom: 2px;
line-height: 22px;
font-size: 14px;
font-weight: bold;
color: white;
text-shadow: 0 1px rgba(0, 0, 0, 0.05);
background: #1976d2;
}
.plans-old .plan-discount {
width: 50px;
height: 50px;
position: absolute;
top: -2px;
right: -2px;
float: right;
}
.plans-old .plan-highlight .plan-discount {
top: -31px;
right: -5px;
}
.plans-old .plan-discount-19 {
background: url("/img/discount/discount_19.png") no-repeat;
}
.plans-old .plan-discount-30 {
background: url("/img/discount/discount_30.png") no-repeat;
}
.plans-old .plan-discount-36 {
background: url("/img/discount/discount_36.png") no-repeat;
}
.plans-old .plan-discount-19-rtl {
background: url("/img/discount/discount_19_rtl.png") no-repeat;
}
.plans-old .plan-discount-30-rtl {
background: url("/img/discount/discount_30_rtl.png") no-repeat;
}
.plans-old .plan-discount-36-rtl {
background: url("/img/discount/discount_36_rtl.png") no-repeat;
}
/* legacy popup end */
/* VAS CSS END */
#dublicateBumpActiveButton i {
float: left;
}
a#dublicateBumpActiveButton {
width: 160px;
line-height: 30px;
}
.listing-holder-for-0-result .listing .item {
padding: 12px 0;
}
.listing-holder-for-0-result .listing .item-age i.fa {
color: #336699;
font-size: 24px;
position: relative;
top: 8px;
transition: color 0.3s ease-in;
-webkit-transition: color 0.3s ease-in;
-moz-transition: color 0.3s ease-in;
-o-transition: color 0.3s ease-in;
}
.listing-holder-for-0-result .listing .item-age i.fa-bookmark:before {
content: "\f02e";
}
.listing-holder-for-0-result .listing .item-info {
width: 286px;
}
.listing-holder-for-0-result .listing .item-img {
width: 100%;
height: 100%;
text-align: center;
display: table;
}
.listing-holder-for-0-result .listing .item-img a {
vertical-align: middle;
font-size: 35px;
display: table-cell;
}
.panel-main-0-result-page {
border: none;
}
.panel-main-0-result-page .pas.clearfix.listing-filtering {
background: rgba(52, 128, 196, 0.2);
color: #336699;
font-weight: normal;
border-top: 1px solid #cfcfcf;
}
.panel-main-0-result-page .pas.clearfix.listing-filtering h2 {
font-size: 13px;
text-align: center;
margin: 0;
padding: 0;
font-weight: 100;
}
.panel-main-0-result-page .pas.clearfix.listing-filtering h2.ar {
direction: rtl;
}
.panel-main-0-result-page .empty-space {
display: none;
}
.panel-main-0-result-page .image-and-nb {
overflow: hidden;
}
.panel-main.no-border {
border: none;
}
.panel-main.no-border span.empty-space {
display: none;
}
.density-count {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2d2d2d;
}
.density-title {
display: inline;
font-size: 14px;
}
.flex {
display: -webkit-flex;
display: flex;
}
.flex-inline {
display: -webkit-inline-flex;
-webkit-flex-wrap: nowrap;
display: inline-flex;
flex-wrap: nowrap;
}
.flex-column {
display: -webkit-flex;
-webkit-flex-direction: column;
display: flex;
flex-direction: column;
}
.element-center {
margin-left: auto;
margin-right: auto;
}
.content-center-vertical {
align-items: center;
justify-content: center;
}
.relative {
position: relative;
}
.margin-bottom-5 {
margin-bottom: 5px;
}
.margin-right-5 {
margin-right: 5px;
}
#report-already-sold #phonenumber_box {
border: 2px solid #1DB954;
border-radius: 4px;
width: 135px;
margin: 10px auto 10px auto;
padding: 10px 9px 6px 4px;
}
#report-already-sold button.close {
position: absolute;
right: 10px;
top: 10px;
}
#report-already-sold .fonticon-phone {
font-size: 19px;
color: #1DB954;
}
#report-already-sold-cta {
display: none;
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #ddd;
}
.report_ad_popup_text {
font-family: Roboto-Regular;
font-size: 12px;
color: #525D7D;
letter-spacing: -0.31px;
}
#report-already-sold #info_box span {
font-size: 12px;
line-height: 11px;
}
#report-already-sold #info_box span strong {
color: red;
}
#report-already-sold .btn-blue {
color: #FFFF;
text-shadow: none;
border: none;
font-height: regular;
background: #0C74D5;
margin-left: auto;
margin-right: auto;
font-weight: normal;
font-family: Roboto-Regular;
font-size: 12px;
letter-spacing: -0.31px;
width: 80px;
}
#report-already-sold .btn-green {
color: #FFFF;
text-shadow: none;
border: none;
font-height: regular;
background: #1DB954;
margin-left: auto;
margin-right: auto;
font-weight: normal;
font-family: Roboto-Regular;
font-size: 12px;
letter-spacing: -0.31px;
width: 80px;
}
#report-already-sold .rounded {
border-radius: 10px;
}
#report-already-sold-illustration {
margin: 20px 0 10px 0;
}
.pay_cont div[class*="span"]:not(.btn_payment) {
margin-left: 5px;
}
.pay_cont .method-disabled {
left: -5px;
}
.green-color {
color: #1db954;
}
.red-color {
color: #db4551;
}
.flex {
display: -webkit-flex;
display: flex;
}
.flex-inline {
display: -webkit-inline-flex;
-webkit-flex-wrap: nowrap;
display: inline-flex;
flex-wrap: nowrap;
}
.flex-column {
display: -webkit-flex;
-webkit-flex-direction: column;
display: flex;
flex-direction: column;
}
.element-center {
margin-left: auto;
margin-right: auto;
}
.content-center-vertical {
align-items: center;
justify-content: center;
}
.relative {
position: relative;
}
.margin-top-5 {
margin-top: 5px;
}
/* Cash payment */
.cash-container {
color: #525d7d;
}
.cash-code-container {
background: rgba(255, 255, 255, 0.85);
padding: 10px 25px;
}
.cash-code-container b {
font-weight: bold;
}
.cash-code-container hr {
margin: 5px;
border: 1px solid #555;
}
.cash-code-container i.fonticon-print {
color: #4891db;
margin-left: 5px;
}
.cash-code-container i.fa {
font-size: 20px;
}
.cash-code {
padding: 18px 0px;
border: 3px solid #72d5a6;
font-size: 36px;
font-weight: bold;
width: 350px;
border-radius: 5px;
}
.cash-code-expiry {
padding: 10px 0px;
color: #FC6062;
font-size: 24px;
font-weight: bold;
width: 350px;
border-radius: 5px;
}
.cash-panel {
overflow: hidden;
}
.cash-code-container .notify {
font-style: italic;
font-size: 12px;
}
.partner-logo {
margin-left: 15px;
}
.cash-title,
.cash-steps {
background: white;
}
.cash-title h1 {
line-height: 0px;
margin-top: 20px;
}
.cash-steps {
margin-top: 10px;
padding-top: 5px;
}
.cash-steps-description {
margin-bottom: 20px;
margin-left: 15px;
}
.cash-steps .cash-steps-counter {
margin-right: 10px;
background-color: #ff5f5f;
color: white;
font-weight: bold;
padding: 5px 7px;
border-radius: 50%;
width: 24px;
height: 24px;
text-align: center;
}
.cash-steps .cash-steps-element {
border-bottom: 12px solid;
width: 100%;
}
.cash-steps .cash-steps-element:first-child {
border-color: #ffcc88;
}
.cash-steps .cash-steps-element:nth-child(2) {
border-color: #68c1f4;
}
.cash-steps .cash-steps-element:nth-child(3) {
border-color: #05c758;
}
.cash-footer {
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
}
.cash-confirm {
margin-right: 10px;
}
.cash-agency-list {
margin-left: 10px;
}
.cash-footer a {
padding: 10px 40px;
background: #07c85b;
color: white;
text-shadow: none;
border: none;
font-weight: normal;
text-decoration: none;
cursor: pointer;
}
.cash-footer a:hover {
background: rgba(7, 200, 91, 0.8);
}
.cash-footer a.cash-url {
background: #ffcc88;
color: #525d7d;
}
.cash-footer a.cash-url:hover {
background: rgba(255, 204, 136, 0.8);
}
/* new VAS package design */
.vas-packages b {
font-weight: bold;
}
.vas-packages {
width: 90%;
margin-top: 25px;
}
.vas-packages-container,
.vas-package-details {
background: white;
}
.vas-package-details button.close {
background: none;
color: #525d7d;
font-size: 15px;
right: 0px;
top: 3px;
}
.vas-package-details button.help {
position: absolute;
bottom: 10px;
right: 10px;
font-size: 13px;
background: white;
border-radius: 50%;
padding: 0px 6px;
border: 1px solid #aaaaaa;
cursor: pointer;
}
.vas-package-details button.help:focus {
outline: none;
}
.vas-package {
padding: 0px 5px;
overflow-x: hidden;
background: #eeeeee !important;
max-width: 350px;
color: #525d7d;
}
.vas-package:not(:first-child) {
border-left: 3px solid white;
}
.vas-package-description {
background: #eeeeee !important;
padding-top: 10px;
margin-bottom: -10px;
}
.vas-package-description ul {
margin-left: 35px;
}
.vas-package-choose {
background: #1db954;
margin-bottom: 5px;
width: 100%;
}
.clickable {
cursor: pointer;
}
.vas-package-choose h3 {
font-weight: normal;
color: white;
}
.vas-package-choose i {
color: white;
font-size: 18px;
font-weight: bold;
width: 20px;
margin-right: 10px;
}
.vas-package-slide {
overflow: hidden;
}
.vas-package-slide-container,
.vas-package-content-slider-container {
transition-duration: 0.5s;
}
.vas-package-slide,
.vas-package-slide-container,
.vas-package-slide-element {
height: 245px;
margin-bottom: 5px;
}
.vas-package-slide .vas-package-slide-container {
transform: translateY(-250px);
}
.vas-package-slide.packages-active .vas-package-slide-container {
transform: translateY(0px);
}
.vas-package-slide-element {
background: white;
overflow-y: scroll;
}
.vas-package-list {
width: 100%;
border-bottom: 1px solid #eaeaea;
padding: 15px 0px;
}
.vas-package-list:hover {
background: rgba(0, 0, 0, 0.2);
border-bottom: 1px solid white;
}
.vas-package.bump .vas-package-list {
border-left: 4px solid #1976d2;
}
.vas-package.highlight .vas-package-list {
border-left: 4px solid #FFCC80;
}
.vas-package-pack-title {
font-size: 13px;
width: calc(100% - 140px);
margin-right: 5px;
}
.vas-package-duration {
width: 50px;
margin-left: 5px;
margin-right: 5px;
}
.vas-package-title {
font-size: 9px;
padding-right: 5px;
}
.vas-package-title h1,
.vas-package-title h7 {
margin: 0px;
}
.vas-pickage-picto {
margin-top: 10px;
}
.vas-pickage-picto i {
width: 120px !important;
height: 120px !important;
}
.vas-package-price,
.vas-package-pricechoose {
padding: 5px 8px;
border-radius: 3px;
font-size: 13px;
}
.vas-package-pricechoose {
background: #1976d2;
display: none;
}
.vas-package-list.no-solde .vas-package-pricechoose {
background: white;
}
.vas-package-list.no-solde .vas-package-pricechoose .choose a {
color: #da4453;
font-size: 11px;
}
.vas-package-pricechoose .choose a {
color: white;
}
.vas-package-list:hover .vas-package-pricechoose {
display: block;
}
.vas-package-list:hover .vas-package-price {
display: none;
transition-duration: 0.5s;
}
.vas-package.bump .vas-package-price {
border: 3px solid #1976d2;
color: #1976d2;
}
.vas-package.highlight .vas-package-price {
border: 3px solid #FFCC80;
color: #FFCC80;
}
.vas-package-plusinfos {
width: 100%;
background: white;
border-top: 1px solid #eee;
}
.vas-package-head {
width: calc(100% + 10px);
height: 25px;
margin-left: -5px;
margin-bottom: 40px;
}
.vas-package-head i {
top: 10px;
}
.vas-package.bump .vas-package-head {
background: #1976d2;
}
.vas-package.highlight .vas-package-head {
background: #FFCC80;
}
.vas-package-content li {
list-style: none;
}
.vas-package-content li:before {
font-family: 'FontAwesome';
content: "\f00c";
color: green;
margin-right: 10px;
margin-left: -25px;
float: left;
}
.price-discount {
position: absolute;
top: -28px;
right: -15px;
padding: 5px;
background: #da4453;
border-radius: 7px;
color: white;
font-size: 11px;
}
.vas-package-content-slider {
overflow: hidden;
}
.vas-package-content-slider-container,
.vas-package-content-slider,
.vas-package-content-slider-element {
height: 340px;
}
.vas-package-content-slider .vas-package-content-slider-container {
transform: translateY(0px);
}
.vas-package-content-slider.details-active .vas-package-content-slider-container {
transform: translateY(-340px);
}
.vas-package-plusinfos i {
font-size: 18px;
font-weight: bold;
width: 20px;
margin-right: 10px;
}
.vas-package-infos {
margin-left: 15px;
}
.modal[id^='vas-ads-'] .close {
background: #e9eaee;
color: #fff;
width: 32px;
height: 32px;
font-size: 30px;
border-radius: 50%;
line-height: 0;
padding: 0px;
top: 30px;
opacity: 1;
position: absolute;
right: 10px;
}
.modal[id^='vas-ads-'] .close span {
position: relative;
top: -4px;
}
.modal[id^='vas-ads-'] .close:focus {
outline: none;
}
.modal[id^='vas-ads-'] .close:hover {
opacity: 0.8;
}
.modal[id^='vas-ads-'] .vas-package-minprice {
background: white;
width: 100%;
padding: 5px 0px;
height: 40px;
}
.modal[id^='vas-ads-'] .vas-package-minprice {
font-weight: normal;
}
.modal[id^='vas-ads-'] .vas-package-minprice b {
font-size: 22px;
font-weight: bold;
}
.modal[id^='vas-ads-'] .vas-package-details-container {
padding-left: 15px;
}
.modal[id^='vas-ads-'] .vas-packages .flashmessage {
background: white;
}
.btn-large:active,
.btn-large.btn-active {
padding: 7px 11px;
}
.ad-preview {
padding: 20px;
padding-bottom: 10px;
background: #fbfbf7;
}
.ad-preview-content .item-services {
margin: 0px;
}
.ad-preview-content .item-price {
float: none;
margin-left: auto;
width: auto;
}
.ad-preview-header {
padding: 10px 0px;
background: white;
width: 100%;
}
.ad-preview-header .ad-preview-title {
color: #525d7d;
}
.ad-preview-header .ad-preview-title .ad-preview-subtitle {
font-weight: normal;
}
.ad-preview-header .ad-preview-price {
color: #1976d2;
margin-right: 5px;
}
.ad-preview-header .ad-preview-picto {
margin-left: 5px;
}
.ad-preview-header i.icon {
margin-right: 5px;
font-size: 20px;
}
/* icon down */
.clickable i.fa.down:before {
content: "\f106";
}
.clickable i.fa.details-active:before {
content: "\f106" !important;
}
/* icon up */
.clickable i.fa.up:before {
content: "\f107";
}
.clickable i.fa.packages-active:before {
content: "\f107" !important;
}
.loading {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
overflow: hidden;
z-index: 9999;
}
.loading .spinner div {
width: 20px;
height: 20px;
position: absolute;
background-color: #aaa;
border-radius: 50%;
animation: move 4s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.loading .spinner div:nth-child(2) {
animation-delay: 150ms;
}
.loading .spinner div:nth-child(3) {
animation-delay: 300ms;
}
.loading .spinner div:nth-child(4) {
animation-delay: 450ms;
}
.loading .loader-message {
color: #222;
background: #aaa;
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
padding: 3px;
}
@keyframes move {
0% {
left: 0%;
}
75% {
left: 100%;
}
100% {
left: 100%;
}
}
.affix {
top: 0px;
position: fixed;
display: block;
}
.affix-container {
margin: auto;
}
#progress_container {
margin-top: 10px;
text-align: center;
display: block;
background-color: #1976D2;
color: white;
border-radius: 5px;
}
#progress_insertion {
text-align: center;
display: block;
}
#progress_container i {
font-size: 13px;
color: white;
border-radius: 50%;
width: 14px;
height: 14px;
padding: 2px 4px 1px 0px;
border: 2px solid #fff;
/* color: #666; */
text-align: center;
margin-right: 5px;
}
#progress_container h4 {
width: 210px;
text-align: left;
padding: 15px 15px 0px;
font-size: 14px;
font-weight: normal;
}
#progress_container p {
width: 210px;
padding: 15px 15px 0px;
font-size: 12px;
line-height: 15px;
}
#progress_container p.first-msg,
#progress_container p.second-msg,
#progress_container p.third-msg {
display: none;
}
#progress_insertion canvas {
vertical-align: top;
}
#progress_insertion strong {
position: relative;
top: 78px;
font-size: 20px;
display: block;
}
#price,
#price_meter {
direction: ltr;
}
/* insertion fees */
.ai-insertionfees-container .ai-insertionfees-title {
margin-top: 50px;
padding: 0px 50px;
}
.ai-insertionfees-container .ai-insertionfees-title hr {
width: 20%;
margin: 30px auto;
background: white;
}
.ai-insertionfees-container .ai-insertionfees-title h1 {
color: white;
}
.ai-insertionfees-container .ai-insertionfees-title h3 {
color: #eee;
}
.ai-insertionfees-container .ai-insertionfees-button {
margin: 20px auto;
}
.ai-insertionfees-container .ai-insertionfees-button a {
text-decoration: none;
color: white;
padding: 15px 30px;
background: #1976d2;
border-radius: 3px;
font-size: 20px;
}
.ai-insertionfees-container .ai-insertionfees-button a:hover {
color: #eee;
}
.ai-insertionfees-container .ai-insertionfees-infos {
margin-top: 20px;
background: white;
padding: 30px 150px;
}
.ai-insertionfees-container .ai-insertionfees-infos h1 {
border-bottom: 3px solid #1976d2;
padding-bottom: 10px;
margin-bottom: 20px;
width: 220px;
color: #555;
}
.ai-insertionfees-container .ai-insertionfees-infos span {
color: #888;
font-size: 18px;
}
#push-notification-cover {
width: 100%;
height: 100%;
position: fixed;
background: rgba(255, 255, 255, 0.7);
display: block;
z-index: 99999;
}
#push-notification-cover #push-notification-pop-up {
border: 1px solid #98d9f2;
width: 430px;
height: 116px;
position: fixed;
background: #fff;
top: 15px;
left: 95px;
z-index: 99999;
}
#push-notification-cover #push-notification-pop-up .icon-holder {
width: 100px;
height: 100%;
padding: 16px 0px;
box-sizing: border-box;
float: left;
}
#push-notification-cover #push-notification-pop-up .icon-holder .icon {
width: 78px;
height: 79px;
background: url(/img/push-notification-icon.png) top left no-repeat;
display: inline-block;
}
#push-notification-cover #push-notification-pop-up .text-holder {
width: 330px;
float: left;
color: #989696;
padding: 18px 10px;
box-sizing: border-box;
}
#push-notification-cover #push-notification-pop-up .text-holder .notification-links {
padding: 3px 9px;
margin: 0px 4px;
color: #fff;
font-weight: normal;
text-decoration: none;
}
#push-notification-cover #push-notification-pop-up .text-holder .notification-links :hover {
text-decoration: none;
}
#push-notification-cover #push-notification-pop-up .text-holder .notification-yes {
background: #69a4d2;
}
#push-notification-cover #push-notification-pop-up .text-holder .notification-no {
background: none;
color: #989696;
text-decoration: underline;
}
#push-notification-cover #push-notification-pop-up .text-holder.ar {
font-size: 18px;
}
#push-notification-cover #push-notification-pop-up .pop-up-top-corner {
display: block;
width: 26px;
height: 15px;
background: url(/img/push-notification-top-corner.png) top left no-repeat;
position: absolute;
top: -15px;
left: 10px;
}
#push-notification-cover.hidden {
display: none;
}
#price-meter-hide {
position: absolute;
margin-left: 210px;
margin-top: 0px;
}
#price-meter-hide .controls {
margin-left: 95px;
margin-top: -35px;
}
#price-meter-hide .control-label {
margin-left: 115px;
margin-top: -31px;
width: auto;
}
.rect {
border-width: 1px;
border-style: solid;
border-radius: 1.91px;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
padding-bottom: 30px;
min-width: 100%;
float: left;
max-height: 369px;
}
.rect.blue {
box-shadow: 0px 1px 4px 1px #9EC8EE;
-moz-box-shadow: inset 0 0 10px #9EC8EE;
-webkit-box-shadow: inset 0 0 10px #9EC8EE;
box-shadow: inset 0 0 10px #9EC8EE;
border-color: rgba(70, 135, 215, 0.5);
}
.rect.orange {
border: 1px solid rgba(242, 119, 8, 0.5);
box-shadow: 0px 1px 5px 0px #F9C291;
-moz-box-shadow: inset 0 0 10px #F9C291;
-webkit-box-shadow: inset 0 0 10px #F9C291;
box-shadow: inset 0 0 10px #F9C291;
/* border-radius: 2.88px; */
}
.rect.green {
border: 1px solid rgba(44, 159, 72, 0.5);
box-shadow: 0px 1px 4px 1px #CCE3BE;
-moz-box-shadow: inset 0 0 10px #CCE3BE;
-webkit-box-shadow: inset 0 0 10px #CCE3BE;
box-shadow: inset 0 0 10px #CCE3BE;
border-radius: 2.88px;
}
.rect.grey {
border: 1px solid rgba(89, 89, 89, 0.5);
box-shadow: 0px 1px 4px 1px #969696;
-moz-box-shadow: inset 0 0 10px #969696;
-webkit-box-shadow: inset 0 0 10px #969696;
box-shadow: inset 0 0 10px #969696;
border-radius: 2.88px;
min-height: 210px !important;
background: none;
}
.rect-header {
position: relative;
min-width: 108%;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 10px;
float: left;
border-radius: 2.88px 2.88px 0px 0px;
text-align: center;
margin-top: -37px;
}
.rect-header.blue {
background: #67a4e1;
}
.rect-header.orange {
background: #F7B476;
}
.rect-header.green {
background: #78ba77;
}
.rect-header > p {
font-family: HelveticaNeue-Medium;
font-size: 16px;
color: #FFFFFF;
letter-spacing: 0px;
margin: 0px;
}
div.pack-picto {
text-align: center;
}
div.pack-picto > p.pack-picto-text {
margin: 0px;
/* reset the default p*/
margin-top: -14px;
margin-bottom: 20px;
color: white;
font-size: 10.57px;
font-weight: lighter;
width: 97px;
height: 20px;
}
div.pack-picto > p.pack-picto-text.blue {
background: #4687d7;
}
div.pack-picto > p.pack-picto-text.orange {
background: #f27750;
}
div.pack-picto > p.pack-picto-text.green {
background: #2c9f48;
}
.pack-duration {
text-align: center;
font-family: HelveticaNeue-Medium;
font-size: 14.63px;
color: #737171;
letter-spacing: 0px;
}
.rect > .pack-period {
text-align: center;
}
.rect-padded {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
}
.pack-title {
font-family: HelveticaNeue-Bold !important;
font-size: 16px !important;
}
.pack-price {
font-family: HelveticaNeue-Bold;
font-size: 17.88px;
color: #000000;
letter-spacing: 0px;
}
.rect > .pack-price {
text-align: center;
}
.pack-specs {
padding-top: 6px;
font-family: HelveticaNeue-Bold;
font-size: 10.57px;
color: #5D5D5D;
}
.rect > .pack-specs {
text-align: center;
}
.pack {
font-family: HelveticaNeue-Medium;
font-size: 16px;
letter-spacing: 0px;
text-align: center;
}
.pack.blue {
color: #4688D7;
}
.pack.orange {
color: #F27708;
}
.pack.green {
color: #30A64C;
}
.pack.grey {
color: #ACACAB;
}
.pack.picto {
padding-left: 15px;
}
.pack.pack-title.grey {
background: none !important;
}
.pack.picto-txt {
margin-top: -18px;
color: #5D5D5D;
font-family: HelveticaNeue-Medium;
font-size: 10.57px;
width: 81px;
height: 24px;
color: white;
font-weight: bold;
}
.pack.picto-txt.blue {
background-color: #4688D7;
}
.pack.picto-txt.orange {
background-color: #F27708;
}
.pack.picto-txt.green {
background-color: #30A64C;
}
.pack-details {
text-align: center;
font-family: HelveticaNeue;
font-size: 10.57px;
color: #5D5D5D;
max-height: 30px;
}
.rect > .pack-details {
text-align: center;
}
.circle {
width: 100px;
height: 100px;
background: white;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
border-width: 2px;
}
.circle.blue {
background: #FFFFFF;
border: 2px solid rgba(70, 135, 215, 0.5);
box-shadow: 0px 1px 4px 1px #9EC8EE;
}
.circle.orange {
background: #FFFFFF;
border: 1px solid rgba(242, 119, 8, 0.5);
box-shadow: 0px 1px 4px 1px rgba(242, 119, 8, 0.5);
}
.circle.green {
background: #FFFFFF;
border: 1px solid rgba(44, 159, 72, 0.5);
box-shadow: 0px 1px 4px 1px #CCE3BE;
}
.circle.grey {
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 4px 1px #999999;
top: 91%;
}
.pack-container {
display: block;
position: relative;
min-width: 100%;
float: left;
}
.pack-container > .rect {
position: relative;
width: 100%;
}
.pack-container > .circle {
position: absolute;
width: 35px;
height: 35px;
top: 94%;
left: 38%;
}
/*A hack*/
.circle-grey-topped {
top: 101% !important;
}
.vas-check {
font-size: 23px !important;
padding-top: 5px;
padding-left: 5px;
}
.circle.checked > .vas-check {
color: white;
}
.circle.checked.blue {
background: #8BB6E7;
border: 1px solid rgba(70, 135, 215, 0.5);
box-shadow: 0px 1px 4px 1px #9EC8EE;
}
.circle.checked.orange {
background: #F5A55A;
border: 1px solid rgba(242, 119, 8, 0.5);
box-shadow: 0px 1px 4px 1px rgba(242, 119, 8, 0.5);
}
.circle.checked.green {
background: #8AC895;
border: 1px solid rgba(44, 159, 72, 0.5);
box-shadow: 0px 1px 4px 1px #CCE3BE;
}
.circle.checked.grey {
background: #999999;
border: 1px solid rgba(89, 89, 89, 0.5);
box-shadow: 0px 1px 4px 1px #B1B1B1;
}
.empty-rect {
height: 177px;
}
@media (max-width: 768px) {
.rect-header {
margin-top: 50px;
}
}
.ai_vaspack_container {
padding: 10px;
}
.panel {
margin-bottom: 0px;
}
.panel.panel-congrats-heading {
background: #8bc996;
padding: 10px;
color: white;
font-weight: bold;
font-size: 18px;
padding-left: 40px;
padding-bottom: 15px;
}
.panel.panel-congrats-body {
background: white;
padding: 50px;
}
.panel.panel-congrats-footer {
background: white;
}
.preview {
float: left;
padding-left: 30%;
}
.center-container {
float: left;
padding-left: 25%;
}
.visibility-indicator-high {
background-color: rgba(79, 153, 98, 0);
color: #4f9962;
border: #4f9962;
border-radius: 4px;
border-style: solid;
border-width: 1px;
}
.visibility-indicator-medium {
background-color: rgba(79, 153, 98, 0);
color: #deb25d;
border: #deb25d;
border-radius: 4px;
border-style: solid;
border-width: 1px;
}
.visibility-indicator-low {
background-color: rgba(79, 153, 98, 0);
color: #c86e67;
border: #c86e67;
border-radius: 4px;
border-style: solid;
border-width: 1px;
}
.shop_statistic {
float: left;
}
.vas_bubbles_list {
margin: 0px;
}
.vas_bubbles_list li {
display: inline-block;
margin: 0 10px 0 0;
text-align: center;
width: 60px;
}
.vas_bubbles_container {
float: left;
}
.vas_bubbles_list li i {
height: 30px;
width: 30px;
margin: auto;
}
.vas_bubble_list_i {
width: 30px;
height: 30px;
}
.display_block {
display: block;
}
ul.stats li {
width: 53px;
}
.ul-flex-column {
list-style-type: circle;
display: flex;
flex-wrap: wrap;
}
.ul-flex-column li {
width: 170px;
}
/* Price diff new vas packages design */
.pd-packs {
width: 100%;
margin: auto;
}
.pd-packs-categories {
background: transparent;
width: 100%;
}
.pd-pack-category {
padding: 10px 5px;
overflow-x: hidden;
color: #525d7d;
width: 100%;
cursor: pointer;
}
.pd-cat-bump {
background: #4688D7;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
border: 0 solid #CCDBEE;
border-radius: 6.76px 6.76px 0 0;
color: #FFFFFF;
}
.pd-cat-highlight {
background: #FFCC80;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
border-radius: 4px;
color: #525D7D;
}
.pd-pack-category-inactive {
background: #FFFFFF !important;
color: #525D7D !important;
}
.pd-cat-icon {
padding: 10px 25px;
}
.pd-cat-desc {
text-align: left;
}
.pd-cat-title {
font-family: HelveticaNeue-Bold;
font-size: 18px;
letter-spacing: 0;
}
.pd-cat-subtitle {
font-family: HelveticaNeue-Bold;
font-size: 14.4px;
letter-spacing: 0;
margin-top: 5px;
max-width: 200px;
}
.pd-packs-container {
background: #FFFFFF;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
padding: 40px;
}
.pd_pnl_packs {
width: 100%;
display: -webkit-flex;
-webkit-flex-direction: row;
-webkit-justify-content: space-around;
display: flex;
flex-direction: row;
justify-content: space-around;
}
.pd-pack-pnl-default {
background: #FFFFFF;
border: 1px solid #CCDBEE;
border-radius: 2.11px;
width: 200px;
position: relative;
}
.pd-pack-pnl-recommended {
border: 1px solid !important;
}
#pd_pnl_bump .pd-pack-pnl-recommended {
border-color: #4688D7 !important;
}
#pd_pnl_highlight .pd-pack-pnl-recommended {
border-color: #FFCC80 !important;
}
.pd-pack-recommended-hat {
font-weight: bold;
position: absolute;
width: 100%;
top: -21px;
border-radius: 2.11px;
}
#pd_pnl_bump .pd-pack-recommended-hat {
background: #4688D7;
color: #FFFFFF;
}
#pd_pnl_highlight .pd-pack-recommended-hat {
background: #FFCC80;
color: #525D7D;
}
.pd-pack-pnl-active {
background: #FFFFFF;
border: 1px solid #CCDBEE;
box-shadow: 0 1px 8px 0 rgba(70, 135, 215, 0.46);
border-radius: 2.4px;
position: relative;
}
.pd-pack-price-from {
font-family: HelveticaNeue-Bold;
font-size: 18px;
color: #525D7D;
letter-spacing: 0;
margin: 15px 0px 80px 0px;
}
.pd-pack-subtitle {
font-family: HelveticaNeue-Medium;
font-size: 14px;
color: #5D5D5D;
}
.pd-pack-title {
margin: auto;
margin-top: 55px;
width: 65%;
}
.pd-pack-title-font {
font-size: 22px;
font-family: HelveticaNeue-Bold;
color: #525D7D;
}
.pd-pack-select {
height: 50px;
width: 100%;
position: absolute;
bottom: 0px;
}
#pd_pnl_bump .pd-pack-select {
background: #4688D7;
color: #FFFFFF;
}
#pd_pnl_highlight .pd-pack-select {
background: #FFCC80;
color: #525D7D;
}
.pd-choose-pay-meth {
font-family: HelveticaNeue-Bold;
font-size: 34px;
color: #525D7D;
letter-spacing: 0;
margin-top: 50px;
}
.pd-pack-pay-meths {
margin-top: 50px;
}
.pd-pay-meth-container {
margin-bottom: 20px;
display: -webkit-flex;
-webkit-flex-direction: row;
-webkit-justify-content: center;
display: flex;
flex-direction: row;
justify-content: center;
}
.pd-pack-pay-meth {
background: #FFFFFF;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);
width: 317px;
height: 288px;
margin: 0px 5px;
color: #525D7D;
display: -webkit-flex;
-webkit-flex-direction: column;
-webkit-justify-content: space-between;
display: flex;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
}
.pd-pack-pay-meth:hover,
.pd-pack-pay-meth:active,
.pd-pack-pay-meth:focus {
text-decoration: none;
}
.pd-pack-pay-meth-icon {
display: -webkit-flex;
-webkit-justify-content: center;
display: flex;
justify-content: center;
}
.pd-pay-meth-icon {
margin-top: 20px;
}
.pd-pack-pay-meth-title {
font-family: HelveticaNeue-Medium;
font-size: 20px;
letter-spacing: 0;
}
.pd-pack-pay-meth-price {
width: 100%;
height: 70px;
display: -webkit-flex;
-webkit-flex-direction: column;
-webkit-justify-content: center;
display: flex;
flex-direction: column;
justify-content: center;
background: #525D7D;
}
.pd-pack-pay-meth-disclaimer {
color: green;
}
.pd-pack-pay-meth-disclaimer > span {
font-size: 16px;
}
.pd-pack-pay-meth-disclaimer > span > i {
font-size: 16px;
padding-right: 12px;
}
.pd-pay-meth-sms-color {
/*Blue*/
background: #4688D7;
}
.pd-pay-meth-cc-color {
/*Vert*/
background: #1DB954;
}
.pd-pay-meth-cash-color {
/* Orange */
background: #F69843;
}
.pd-pay-meth-price {
font-family: HelveticaNeue-Bold;
font-size: 30px;
color: #FFFFFF;
letter-spacing: 0;
}
.pd-pack-pay-meths #sms:hover {
background: #1db954;
color: #FFFFFF;
}
.pd-pack-pay-meths #cc:hover {
background: #ffcc80;
}
.pd-pack-pay-meths #cash:hover {
background: #6fc0f7;
color: #FFFFFF;
}
.pd-pack-discount-countainer {
position: relative;
width: 0px;
height: 0px;
color: white;
font-size: 17px;
float: right;
border-top: 60px solid #D84D48;
border-left: 70px solid transparent;
}
.pd-pack-discount {
position: absolute;
right: 2px;
top: 5px;
color: white;
font-size: 15px;
font-weight: bold;
}
.pd-hide {
display: none !important;
}
.pd-pack-panel {
cursor: pointer;
}
.pd-pack-panel-disabled {
cursor: not-allowed;
}
.pd-check {
display: block;
position: absolute;
border: 5px solid #FFFFFF;
border-radius: 100%;
height: 15px;
width: 15px;
top: 12px;
left: 10px;
z-index: 5;
background: #FFFFFF;
transition: border .25s linear;
-webkit-transition: border .25s linear;
}
.pd-pack-select label {
font-family: HelveticaNeue-Medium;
font-size: 14.78px;
letter-spacing: 0;
position: absolute;
left: 49px;
top: 15px;
cursor: pointer;
}
.pd-pack-select input[type=radio] {
position: absolute;
visibility: hidden;
}
.pd-pack-select input[type=radio]:checked ~ .pd-check {
background: transparent;
}
.pd-pack-select-shops {
display: -webkit-flex;
-webkit-flex-direction: column;
-webkit-justify-content: center;
display: flex;
flex-direction: column;
justify-content: center;
font-family: HelveticaNeue-Medium;
font-size: 14.78px;
}
.pd-pack-select-disabled {
background: #adadab !important;
}
.pd-btn-bump {
background: #4688D7 !important;
color: #FFFFFF !important;
}
.pd-btn-highlight {
background: #FFCC80 !important;
color: #2072bd !important;
}
i.pd-vas-icon-small {
float: left;
width: 20px;
height: 20px;
margin-left: 8px;
}
/* Modal validation shops */
.pd-model-container {
width: 370px;
}
.pd-modal-content {
width: 370px;
height: 310px;
background-color: #FFFFFF;
}
.pd-model-close-button {
width: 30px;
height: 30px;
font-size: 30px;
}
.pd-modal-logo {
display: -webkit-flex;
-webkit-flex-direction: row;
-webkit-justify-content: center;
display: flex;
flex-direction: row;
justify-content: center;
}
.pd-modal-body {
padding: 30px 20px;
font-family: HelveticaNeue;
font-size: 14px;
color: #434A54;
letter-spacing: 0.22px;
text-align: left;
}
.pd-modal-footer {
display: -webkit-flex;
-webkit-flex-direction: row;
-webkit-justify-content: center;
display: flex;
flex-direction: row;
justify-content: center;
}
.pd-model-validate-btn {
background: #1DB954;
border-radius: 4px;
font-family: Helvetica-Bold;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
width: 99px;
}
.pd-touch-vi-bump {
font-size: 15px;
background: #4688D7;
}
.pd-touch-vi-highlight {
font-size: 15px;
background: #FFCC80;
}
.pd-alert-solde {
margin-top: 10px;
}
.alert-solde-insufficient {
background-color: #f0ad4e;
}
.nav-counter-green {
background: #75a940;
border: 1px solid #42582b;
background-image: -webkit-linear-gradient(top, #8ec15b, #689739);
background-image: -moz-linear-gradient(top, #8ec15b, #689739);
background-image: -o-linear-gradient(top, #8ec15b, #689739);
background-image: linear-gradient(to bottom, #8ec15b, #689739);
}
/* Forums link styling */
.olympus-badge {
background: #1d72db;
border-radius: 10px;
color: white;
padding: 3px 8px;
font-size: 9px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.4;
letter-spacing: normal;
}
.forum-badge {
top: 8px;
right: 12px;
background: #fc942d;
border-radius: 8px;
padding: 2px 5px;
position: absolute;
font-size: 10px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
}
.av-badge-new,
.av-badge-new_rtl {
background: #ff5664;
border-radius: 8px;
padding: 2px 5px;
top: 8px;
font-size: 10px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
}
#nav_header_new_construction .av-badge-new {
position: absolute;
margin-left: 48px;
}
#nav_header_new_construction .av-badge-new_rtl {
position: absolute;
margin-left: 82px;
}
.create_account {
color: green !important;
font-weight: 900 !important;
text-align: center !important;
}
.hline {
margin: 0 !important;
}
.forums {
position: relative;
}
.messages {
position: relative;
}
.messages a {
cursor: pointer;
}
.messages .forum-badge {
background: #fc942d;
}
.messages .forum-badge.msg-counter {
height: 11px;
width: 11px;
text-align: center;
line-height: 10px;
font-size: 10px;
border-radius: 50%;
}
/* Zoho request solde form */
#zohoRequestSolde table {
font-size: 12px;
font-family: Arial;
}
#zohoRequestSolde tr,
#zohoRequestSolde td {
padding: 6px;
border-spacing: 0px;
border-width: 0px;
}
#zohoRequestSolde td {
width: 250px;
}
#zohoRequestSolde .col-width {
width: 250px;
}
#zohoRequestSolde .right-align {
text-align: right;
}
.rkt-edit strong {
font-size: 12px;
color: red;
}
.opt-body {
font-family: sans-serif;
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
top: 0;
z-index: 9;
visibility: visible;
opacity: 1;
transition: opacity 0.2s ease-in;
}
.opt-body .vi-price-label {
display: none;
}
.insetion_helper {
display: none;
}
.modal-container {
margin: 60px auto;
padding-top: 0px;
opacity: 1;
background-color: #fff;
max-width: 600px;
width: 600px;
height: 518px;
position: fixed;
left: calc(50% - 300px);
top: 50px;
border-radius: 4px;
z-index: 999;
pointer-events: auto;
cursor: auto;
visibility: visible;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.6);
}
.modal-container .modal-content {
height: 100%;
}
.modal-container .modal-close {
position: absolute;
right: 0px;
top: -30px;
padding-top: 3px;
background: transparent;
color: white;
font-size: 20px;
width: 25px;
height: 25px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
.modal-container .modal-close:hover {
color: #333;
}
.modal-container .modal-body {
overflow-y: hidden;
text-align: center;
}
.modal-container .modal-body .head-elem {
width: 100%;
display: flex;
border-bottom: 1px solid #E2E2E2;
color: #006BD0;
}
.modal-container .modal-body .head-elem span {
display: inline-block;
width: 50%;
margin-left: 0;
height: 48px;
line-height: 45px;
}
.modal-container .modal-body ul {
list-style-type: none;
width: 50%;
text-align: left;
margin: 0;
padding: 0;
}
.modal-container .modal-body li {
min-height: 50px;
border: 1px solid #E2E2E2;
display: table;
width: 100%;
font-weight: 100;
cursor: pointer;
height: 50px;
}
.modal-container .modal-body li .sub-categories-elm {
display: none;
position: absolute;
top: 50px;
margin-top: -1px;
overflow: scroll;
height: calc(100% - 51px);
}
.modal-container .modal-body li .sub-categories-elm li {
width: calc(100% - 3px);
}
.modal-container .modal-body li:hover {
background-color: #F3F3F3;
font-weight: 400;
}
.modal-container .modal-body li:hover .sub-categories-elm {
display: block;
}
.modal-container .modal-body li i {
width: 37px;
height: 36px;
position: absolute;
left: 9px;
margin-top: 6px;
}
.modal-container .modal-body li div {
display: table-cell;
vertical-align: middle;
padding-left: 50px;
}
.modal-container .block > span {
font-size: 20px;
color: #434A54;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 320px) {
.modal-container {
left: 0;
}
}
.Rectangle_1 {
background-color: #f3f3f3;
position: absolute;
left: 611px;
top: 435px;
width: 1015px;
height: 137px;
z-index: 194;
}
[dir="rtl"] .modal-container .modal-body ul li img {
right: 10px;
}
[dir="rtl"] .modal-container .modal-body ul li div {
display: table-cell;
vertical-align: middle;
padding-right: 60px;
}
.ul-flex-column {
list-style-type: circle;
display: flex;
flex-wrap: wrap;
}
.ul-flex-column li {
width: 170px;
}
a.centered-text {
text-align: center;
}
.bottom-offset {
margin-bottom: 43px;
}
._bootstrap {
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
/**
* Fixes
*/
}
._bootstrap html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
._bootstrap body {
margin: 0;
}
._bootstrap article,
._bootstrap aside,
._bootstrap details,
._bootstrap figcaption,
._bootstrap figure,
._bootstrap footer,
._bootstrap header,
._bootstrap hgroup,
._bootstrap main,
._bootstrap menu,
._bootstrap nav,
._bootstrap section,
._bootstrap summary {
display: block;
}
._bootstrap audio,
._bootstrap canvas,
._bootstrap progress,
._bootstrap video {
display: inline-block;
vertical-align: baseline;
}
._bootstrap audio:not([controls]) {
display: none;
height: 0;
}
._bootstrap [hidden],
._bootstrap template {
display: none;
}
._bootstrap a {
background-color: transparent;
}
._bootstrap a:active,
._bootstrap a:hover {
outline: 0;
}
._bootstrap abbr[title] {
border-bottom: 1px dotted;
}
._bootstrap b,
._bootstrap strong {
font-weight: bold;
}
._bootstrap dfn {
font-style: italic;
}
._bootstrap h1 {
font-size: 2em;
margin: 0.67em 0;
}
._bootstrap mark {
background: #ff0;
color: #000;
}
._bootstrap small {
font-size: 80%;
}
._bootstrap sub,
._bootstrap sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
._bootstrap sup {
top: -0.5em;
}
._bootstrap sub {
bottom: -0.25em;
}
._bootstrap img {
border: 0;
}
._bootstrap svg:not(:root) {
overflow: hidden;
}
._bootstrap figure {
margin: 1em 40px;
}
._bootstrap hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
._bootstrap pre {
overflow: auto;
}
._bootstrap code,
._bootstrap kbd,
._bootstrap pre,
._bootstrap samp {
font-family: monospace, monospace;
font-size: 1em;
}
._bootstrap button,
._bootstrap input,
._bootstrap optgroup,
._bootstrap select,
._bootstrap textarea {
color: inherit;
font: inherit;
margin: 0;
}
._bootstrap button {
overflow: visible;
}
._bootstrap button,
._bootstrap select {
text-transform: none;
}
._bootstrap button,
._bootstrap html input[type="button"],
._bootstrap input[type="reset"],
._bootstrap input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
._bootstrap button[disabled],
._bootstrap html input[disabled] {
cursor: default;
}
._bootstrap button::-moz-focus-inner,
._bootstrap input::-moz-focus-inner {
border: 0;
padding: 0;
}
._bootstrap input {
line-height: normal;
}
._bootstrap input[type="checkbox"],
._bootstrap input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
._bootstrap input[type="number"]::-webkit-inner-spin-button,
._bootstrap input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
._bootstrap input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
._bootstrap input[type="search"]::-webkit-search-cancel-button,
._bootstrap input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
._bootstrap fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
._bootstrap legend {
border: 0;
padding: 0;
}
._bootstrap textarea {
overflow: auto;
}
._bootstrap optgroup {
font-weight: bold;
}
._bootstrap table {
border-collapse: collapse;
border-spacing: 0;
}
._bootstrap td,
._bootstrap th {
padding: 0;
}
@media print {
._bootstrap *,
._bootstrap *:before,
._bootstrap *:after {
background: transparent !important;
color: #000 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
._bootstrap a,
._bootstrap a:visited {
text-decoration: underline;
}
._bootstrap a[href]:after {
content: " (" attr(href) ")";
}
._bootstrap abbr[title]:after {
content: " (" attr(title) ")";
}
._bootstrap a[href^="#"]:after,
._bootstrap a[href^="javascript:"]:after {
content: "";
}
._bootstrap pre,
._bootstrap blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
._bootstrap thead {
display: table-header-group;
}
._bootstrap tr,
._bootstrap img {
page-break-inside: avoid;
}
._bootstrap img {
max-width: 100% !important;
}
._bootstrap p,
._bootstrap h2,
._bootstrap h3 {
orphans: 3;
widows: 3;
}
._bootstrap h2,
._bootstrap h3 {
page-break-after: avoid;
}
._bootstrap .navbar {
display: none;
}
._bootstrap .btn > .caret,
._bootstrap .dropup > .btn > .caret {
border-top-color: #000 !important;
}
._bootstrap .label {
border: 1px solid #000;
}
._bootstrap .table {
border-collapse: collapse !important;
}
._bootstrap .table td,
._bootstrap .table th {
background-color: #fff !important;
}
._bootstrap .table-bordered th,
._bootstrap .table-bordered td {
border: 1px solid #ddd !important;
}
}
._bootstrap * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
._bootstrap *:before,
._bootstrap *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
._bootstrap html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
._bootstrap body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: #ffffff;
}
._bootstrap input,
._bootstrap button,
._bootstrap select,
._bootstrap textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
._bootstrap a {
color: #337ab7;
text-decoration: none;
}
._bootstrap a:hover,
._bootstrap a:focus {
color: #23527c;
text-decoration: underline;
}
._bootstrap a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
._bootstrap figure {
margin: 0;
}
._bootstrap img {
vertical-align: middle;
}
._bootstrap .img-responsive {
display: block;
max-width: 100%;
height: auto;
}
._bootstrap .img-rounded {
border-radius: 6px;
}
._bootstrap .img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
._bootstrap .img-circle {
border-radius: 50%;
}
._bootstrap hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
._bootstrap .sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
._bootstrap .sr-only-focusable:active,
._bootstrap .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
._bootstrap [role="button"] {
cursor: pointer;
}
._bootstrap h1,
._bootstrap h2,
._bootstrap h3,
._bootstrap h4,
._bootstrap h5,
._bootstrap h6,
._bootstrap .h1,
._bootstrap .h2,
._bootstrap .h3,
._bootstrap .h4,
._bootstrap .h5,
._bootstrap .h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
._bootstrap h1 small,
._bootstrap h2 small,
._bootstrap h3 small,
._bootstrap h4 small,
._bootstrap h5 small,
._bootstrap h6 small,
._bootstrap .h1 small,
._bootstrap .h2 small,
._bootstrap .h3 small,
._bootstrap .h4 small,
._bootstrap .h5 small,
._bootstrap .h6 small,
._bootstrap h1 .small,
._bootstrap h2 .small,
._bootstrap h3 .small,
._bootstrap h4 .small,
._bootstrap h5 .small,
._bootstrap h6 .small,
._bootstrap .h1 .small,
._bootstrap .h2 .small,
._bootstrap .h3 .small,
._bootstrap .h4 .small,
._bootstrap .h5 .small,
._bootstrap .h6 .small {
font-weight: normal;
line-height: 1;
color: #777777;
}
._bootstrap h1,
._bootstrap .h1,
._bootstrap h2,
._bootstrap .h2,
._bootstrap h3,
._bootstrap .h3 {
margin-top: 20px;
margin-bottom: 10px;
}
._bootstrap h1 small,
._bootstrap .h1 small,
._bootstrap h2 small,
._bootstrap .h2 small,
._bootstrap h3 small,
._bootstrap .h3 small,
._bootstrap h1 .small,
._bootstrap .h1 .small,
._bootstrap h2 .small,
._bootstrap .h2 .small,
._bootstrap h3 .small,
._bootstrap .h3 .small {
font-size: 65%;
}
._bootstrap h4,
._bootstrap .h4,
._bootstrap h5,
._bootstrap .h5,
._bootstrap h6,
._bootstrap .h6 {
margin-top: 10px;
margin-bottom: 10px;
}
._bootstrap h4 small,
._bootstrap .h4 small,
._bootstrap h5 small,
._bootstrap .h5 small,
._bootstrap h6 small,
._bootstrap .h6 small,
._bootstrap h4 .small,
._bootstrap .h4 .small,
._bootstrap h5 .small,
._bootstrap .h5 .small,
._bootstrap h6 .small,
._bootstrap .h6 .small {
font-size: 75%;
}
._bootstrap h1,
._bootstrap .h1 {
font-size: 36px;
}
._bootstrap h2,
._bootstrap .h2 {
font-size: 30px;
}
._bootstrap h3,
._bootstrap .h3 {
font-size: 24px;
}
._bootstrap h4,
._bootstrap .h4 {
font-size: 18px;
}
._bootstrap h5,
._bootstrap .h5 {
font-size: 14px;
}
._bootstrap h6,
._bootstrap .h6 {
font-size: 12px;
}
._bootstrap p {
margin: 0 0 10px;
}
._bootstrap .lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
._bootstrap .lead {
font-size: 21px;
}
}
._bootstrap small,
._bootstrap .small {
font-size: 85%;
}
._bootstrap mark,
._bootstrap .mark {
background-color: #fcf8e3;
padding: .2em;
}
._bootstrap .text-left {
text-align: left;
}
._bootstrap .text-right {
text-align: right;
}
._bootstrap .text-center {
text-align: center;
}
._bootstrap .text-justify {
text-align: justify;
}
._bootstrap .text-nowrap {
white-space: nowrap;
}
._bootstrap .text-lowercase {
text-transform: lowercase;
}
._bootstrap .text-uppercase {
text-transform: uppercase;
}
._bootstrap .text-capitalize {
text-transform: capitalize;
}
._bootstrap .text-muted {
color: #777777;
}
._bootstrap .text-primary {
color: #337ab7;
}
._bootstrap a.text-primary:hover,
._bootstrap a.text-primary:focus {
color: #286090;
}
._bootstrap .text-success {
color: #3c763d;
}
._bootstrap a.text-success:hover,
._bootstrap a.text-success:focus {
color: #2b542c;
}
._bootstrap .text-info {
color: #31708f;
}
._bootstrap a.text-info:hover,
._bootstrap a.text-info:focus {
color: #245269;
}
._bootstrap .text-warning {
color: #8a6d3b;
}
._bootstrap a.text-warning:hover,
._bootstrap a.text-warning:focus {
color: #66512c;
}
._bootstrap .text-danger {
color: #a94442;
}
._bootstrap a.text-danger:hover,
._bootstrap a.text-danger:focus {
color: #843534;
}
._bootstrap .bg-primary {
color: #fff;
background-color: #337ab7;
}
._bootstrap a.bg-primary:hover,
._bootstrap a.bg-primary:focus {
background-color: #286090;
}
._bootstrap .bg-success {
background-color: #dff0d8;
}
._bootstrap a.bg-success:hover,
._bootstrap a.bg-success:focus {
background-color: #c1e2b3;
}
._bootstrap .bg-info {
background-color: #d9edf7;
}
._bootstrap a.bg-info:hover,
._bootstrap a.bg-info:focus {
background-color: #afd9ee;
}
._bootstrap .bg-warning {
background-color: #fcf8e3;
}
._bootstrap a.bg-warning:hover,
._bootstrap a.bg-warning:focus {
background-color: #f7ecb5;
}
._bootstrap .bg-danger {
background-color: #f2dede;
}
._bootstrap a.bg-danger:hover,
._bootstrap a.bg-danger:focus {
background-color: #e4b9b9;
}
._bootstrap .page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eeeeee;
}
._bootstrap ul,
._bootstrap ol {
margin-top: 0;
margin-bottom: 10px;
}
._bootstrap ul ul,
._bootstrap ol ul,
._bootstrap ul ol,
._bootstrap ol ol {
margin-bottom: 0;
}
._bootstrap .list-unstyled {
padding-left: 0;
list-style: none;
}
._bootstrap .list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
._bootstrap .list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
._bootstrap dl {
margin-top: 0;
margin-bottom: 20px;
}
._bootstrap dt,
._bootstrap dd {
line-height: 1.42857143;
}
._bootstrap dt {
font-weight: bold;
}
._bootstrap dd {
margin-left: 0;
}
@media (min-width: 768px) {
._bootstrap .dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
._bootstrap .dl-horizontal dd {
margin-left: 180px;
}
}
._bootstrap abbr[title],
._bootstrap abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777777;
}
._bootstrap .initialism {
font-size: 90%;
text-transform: uppercase;
}
._bootstrap blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eeeeee;
}
._bootstrap blockquote p:last-child,
._bootstrap blockquote ul:last-child,
._bootstrap blockquote ol:last-child {
margin-bottom: 0;
}
._bootstrap blockquote footer,
._bootstrap blockquote small,
._bootstrap blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777777;
}
._bootstrap blockquote footer:before,
._bootstrap blockquote small:before,
._bootstrap blockquote .small:before {
content: '\2014 \00A0';
}
._bootstrap .blockquote-reverse,
._bootstrap blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
text-align: right;
}
._bootstrap .blockquote-reverse footer:before,
._bootstrap blockquote.pull-right footer:before,
._bootstrap .blockquote-reverse small:before,
._bootstrap blockquote.pull-right small:before,
._bootstrap .blockquote-reverse .small:before,
._bootstrap blockquote.pull-right .small:before {
content: '';
}
._bootstrap .blockquote-reverse footer:after,
._bootstrap blockquote.pull-right footer:after,
._bootstrap .blockquote-reverse small:after,
._bootstrap blockquote.pull-right small:after,
._bootstrap .blockquote-reverse .small:after,
._bootstrap blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
._bootstrap address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
._bootstrap .bs-container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
._bootstrap .bs-container {
width: 750px;
}
}
@media (min-width: 992px) {
._bootstrap .bs-container {
width: 970px;
}
}
@media (min-width: 1200px) {
._bootstrap .bs-container {
width: 1170px;
}
}
._bootstrap .bs-container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
._bootstrap .row {
margin-left: -15px;
margin-right: -15px;
}
._bootstrap .col-xs-1,
._bootstrap .col-sm-1,
._bootstrap .col-md-1,
._bootstrap .col-lg-1,
._bootstrap .col-xs-2,
._bootstrap .col-sm-2,
._bootstrap .col-md-2,
._bootstrap .col-lg-2,
._bootstrap .col-xs-3,
._bootstrap .col-sm-3,
._bootstrap .col-md-3,
._bootstrap .col-lg-3,
._bootstrap .col-xs-4,
._bootstrap .col-sm-4,
._bootstrap .col-md-4,
._bootstrap .col-lg-4,
._bootstrap .col-xs-5,
._bootstrap .col-sm-5,
._bootstrap .col-md-5,
._bootstrap .col-lg-5,
._bootstrap .col-xs-6,
._bootstrap .col-sm-6,
._bootstrap .col-md-6,
._bootstrap .col-lg-6,
._bootstrap .col-xs-7,
._bootstrap .col-sm-7,
._bootstrap .col-md-7,
._bootstrap .col-lg-7,
._bootstrap .col-xs-8,
._bootstrap .col-sm-8,
._bootstrap .col-md-8,
._bootstrap .col-lg-8,
._bootstrap .col-xs-9,
._bootstrap .col-sm-9,
._bootstrap .col-md-9,
._bootstrap .col-lg-9,
._bootstrap .col-xs-10,
._bootstrap .col-sm-10,
._bootstrap .col-md-10,
._bootstrap .col-lg-10,
._bootstrap .col-xs-11,
._bootstrap .col-sm-11,
._bootstrap .col-md-11,
._bootstrap .col-lg-11,
._bootstrap .col-xs-12,
._bootstrap .col-sm-12,
._bootstrap .col-md-12,
._bootstrap .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
._bootstrap .col-xs-1,
._bootstrap .col-xs-2,
._bootstrap .col-xs-3,
._bootstrap .col-xs-4,
._bootstrap .col-xs-5,
._bootstrap .col-xs-6,
._bootstrap .col-xs-7,
._bootstrap .col-xs-8,
._bootstrap .col-xs-9,
._bootstrap .col-xs-10,
._bootstrap .col-xs-11,
._bootstrap .col-xs-12 {
float: left;
}
._bootstrap .col-xs-12 {
width: 100%;
}
._bootstrap .col-xs-11 {
width: 91.66666667%;
}
._bootstrap .col-xs-10 {
width: 83.33333333%;
}
._bootstrap .col-xs-9 {
width: 75%;
}
._bootstrap .col-xs-8 {
width: 66.66666667%;
}
._bootstrap .col-xs-7 {
width: 58.33333333%;
}
._bootstrap .col-xs-6 {
width: 50%;
}
._bootstrap .col-xs-5 {
width: 41.66666667%;
}
._bootstrap .col-xs-4 {
width: 33.33333333%;
}
._bootstrap .col-xs-3 {
width: 25%;
}
._bootstrap .col-xs-2 {
width: 16.66666667%;
}
._bootstrap .col-xs-1 {
width: 8.33333333%;
}
._bootstrap .col-xs-pull-12 {
right: 100%;
}
._bootstrap .col-xs-pull-11 {
right: 91.66666667%;
}
._bootstrap .col-xs-pull-10 {
right: 83.33333333%;
}
._bootstrap .col-xs-pull-9 {
right: 75%;
}
._bootstrap .col-xs-pull-8 {
right: 66.66666667%;
}
._bootstrap .col-xs-pull-7 {
right: 58.33333333%;
}
._bootstrap .col-xs-pull-6 {
right: 50%;
}
._bootstrap .col-xs-pull-5 {
right: 41.66666667%;
}
._bootstrap .col-xs-pull-4 {
right: 33.33333333%;
}
._bootstrap .col-xs-pull-3 {
right: 25%;
}
._bootstrap .col-xs-pull-2 {
right: 16.66666667%;
}
._bootstrap .col-xs-pull-1 {
right: 8.33333333%;
}
._bootstrap .col-xs-pull-0 {
right: auto;
}
._bootstrap .col-xs-push-12 {
left: 100%;
}
._bootstrap .col-xs-push-11 {
left: 91.66666667%;
}
._bootstrap .col-xs-push-10 {
left: 83.33333333%;
}
._bootstrap .col-xs-push-9 {
left: 75%;
}
._bootstrap .col-xs-push-8 {
left: 66.66666667%;
}
._bootstrap .col-xs-push-7 {
left: 58.33333333%;
}
._bootstrap .col-xs-push-6 {
left: 50%;
}
._bootstrap .col-xs-push-5 {
left: 41.66666667%;
}
._bootstrap .col-xs-push-4 {
left: 33.33333333%;
}
._bootstrap .col-xs-push-3 {
left: 25%;
}
._bootstrap .col-xs-push-2 {
left: 16.66666667%;
}
._bootstrap .col-xs-push-1 {
left: 8.33333333%;
}
._bootstrap .col-xs-push-0 {
left: auto;
}
._bootstrap .col-xs-offset-12 {
margin-left: 100%;
}
._bootstrap .col-xs-offset-11 {
margin-left: 91.66666667%;
}
._bootstrap .col-xs-offset-10 {
margin-left: 83.33333333%;
}
._bootstrap .col-xs-offset-9 {
margin-left: 75%;
}
._bootstrap .col-xs-offset-8 {
margin-left: 66.66666667%;
}
._bootstrap .col-xs-offset-7 {
margin-left: 58.33333333%;
}
._bootstrap .col-xs-offset-6 {
margin-left: 50%;
}
._bootstrap .col-xs-offset-5 {
margin-left: 41.66666667%;
}
._bootstrap .col-xs-offset-4 {
margin-left: 33.33333333%;
}
._bootstrap .col-xs-offset-3 {
margin-left: 25%;
}
._bootstrap .col-xs-offset-2 {
margin-left: 16.66666667%;
}
._bootstrap .col-xs-offset-1 {
margin-left: 8.33333333%;
}
._bootstrap .col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
._bootstrap .col-sm-1,
._bootstrap .col-sm-2,
._bootstrap .col-sm-3,
._bootstrap .col-sm-4,
._bootstrap .col-sm-5,
._bootstrap .col-sm-6,
._bootstrap .col-sm-7,
._bootstrap .col-sm-8,
._bootstrap .col-sm-9,
._bootstrap .col-sm-10,
._bootstrap .col-sm-11,
._bootstrap .col-sm-12 {
float: left;
}
._bootstrap .col-sm-12 {
width: 100%;
}
._bootstrap .col-sm-11 {
width: 91.66666667%;
}
._bootstrap .col-sm-10 {
width: 83.33333333%;
}
._bootstrap .col-sm-9 {
width: 75%;
}
._bootstrap .col-sm-8 {
width: 66.66666667%;
}
._bootstrap .col-sm-7 {
width: 58.33333333%;
}
._bootstrap .col-sm-6 {
width: 50%;
}
._bootstrap .col-sm-5 {
width: 41.66666667%;
}
._bootstrap .col-sm-4 {
width: 33.33333333%;
}
._bootstrap .col-sm-3 {
width: 25%;
}
._bootstrap .col-sm-2 {
width: 16.66666667%;
}
._bootstrap .col-sm-1 {
width: 8.33333333%;
}
._bootstrap .col-sm-pull-12 {
right: 100%;
}
._bootstrap .col-sm-pull-11 {
right: 91.66666667%;
}
._bootstrap .col-sm-pull-10 {
right: 83.33333333%;
}
._bootstrap .col-sm-pull-9 {
right: 75%;
}
._bootstrap .col-sm-pull-8 {
right: 66.66666667%;
}
._bootstrap .col-sm-pull-7 {
right: 58.33333333%;
}
._bootstrap .col-sm-pull-6 {
right: 50%;
}
._bootstrap .col-sm-pull-5 {
right: 41.66666667%;
}
._bootstrap .col-sm-pull-4 {
right: 33.33333333%;
}
._bootstrap .col-sm-pull-3 {
right: 25%;
}
._bootstrap .col-sm-pull-2 {
right: 16.66666667%;
}
._bootstrap .col-sm-pull-1 {
right: 8.33333333%;
}
._bootstrap .col-sm-pull-0 {
right: auto;
}
._bootstrap .col-sm-push-12 {
left: 100%;
}
._bootstrap .col-sm-push-11 {
left: 91.66666667%;
}
._bootstrap .col-sm-push-10 {
left: 83.33333333%;
}
._bootstrap .col-sm-push-9 {
left: 75%;
}
._bootstrap .col-sm-push-8 {
left: 66.66666667%;
}
._bootstrap .col-sm-push-7 {
left: 58.33333333%;
}
._bootstrap .col-sm-push-6 {
left: 50%;
}
._bootstrap .col-sm-push-5 {
left: 41.66666667%;
}
._bootstrap .col-sm-push-4 {
left: 33.33333333%;
}
._bootstrap .col-sm-push-3 {
left: 25%;
}
._bootstrap .col-sm-push-2 {
left: 16.66666667%;
}
._bootstrap .col-sm-push-1 {
left: 8.33333333%;
}
._bootstrap .col-sm-push-0 {
left: auto;
}
._bootstrap .col-sm-offset-12 {
margin-left: 100%;
}
._bootstrap .col-sm-offset-11 {
margin-left: 91.66666667%;
}
._bootstrap .col-sm-offset-10 {
margin-left: 83.33333333%;
}
._bootstrap .col-sm-offset-9 {
margin-left: 75%;
}
._bootstrap .col-sm-offset-8 {
margin-left: 66.66666667%;
}
._bootstrap .col-sm-offset-7 {
margin-left: 58.33333333%;
}
._bootstrap .col-sm-offset-6 {
margin-left: 50%;
}
._bootstrap .col-sm-offset-5 {
margin-left: 41.66666667%;
}
._bootstrap .col-sm-offset-4 {
margin-left: 33.33333333%;
}
._bootstrap .col-sm-offset-3 {
margin-left: 25%;
}
._bootstrap .col-sm-offset-2 {
margin-left: 16.66666667%;
}
._bootstrap .col-sm-offset-1 {
margin-left: 8.33333333%;
}
._bootstrap .col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
._bootstrap .col-md-1,
._bootstrap .col-md-2,
._bootstrap .col-md-3,
._bootstrap .col-md-4,
._bootstrap .col-md-5,
._bootstrap .col-md-6,
._bootstrap .col-md-7,
._bootstrap .col-md-8,
._bootstrap .col-md-9,
._bootstrap .col-md-10,
._bootstrap .col-md-11,
._bootstrap .col-md-12 {
float: left;
}
._bootstrap .col-md-12 {
width: 100%;
}
._bootstrap .col-md-11 {
width: 91.66666667%;
}
._bootstrap .col-md-10 {
width: 83.33333333%;
}
._bootstrap .col-md-9 {
width: 75%;
}
._bootstrap .col-md-8 {
width: 66.66666667%;
}
._bootstrap .col-md-7 {
width: 58.33333333%;
}
._bootstrap .col-md-6 {
width: 50%;
}
._bootstrap .col-md-5 {
width: 41.66666667%;
}
._bootstrap .col-md-4 {
width: 33.33333333%;
}
._bootstrap .col-md-3 {
width: 25%;
}
._bootstrap .col-md-2 {
width: 16.66666667%;
}
._bootstrap .col-md-1 {
width: 8.33333333%;
}
._bootstrap .col-md-pull-12 {
right: 100%;
}
._bootstrap .col-md-pull-11 {
right: 91.66666667%;
}
._bootstrap .col-md-pull-10 {
right: 83.33333333%;
}
._bootstrap .col-md-pull-9 {
right: 75%;
}
._bootstrap .col-md-pull-8 {
right: 66.66666667%;
}
._bootstrap .col-md-pull-7 {
right: 58.33333333%;
}
._bootstrap .col-md-pull-6 {
right: 50%;
}
._bootstrap .col-md-pull-5 {
right: 41.66666667%;
}
._bootstrap .col-md-pull-4 {
right: 33.33333333%;
}
._bootstrap .col-md-pull-3 {
right: 25%;
}
._bootstrap .col-md-pull-2 {
right: 16.66666667%;
}
._bootstrap .col-md-pull-1 {
right: 8.33333333%;
}
._bootstrap .col-md-pull-0 {
right: auto;
}
._bootstrap .col-md-push-12 {
left: 100%;
}
._bootstrap .col-md-push-11 {
left: 91.66666667%;
}
._bootstrap .col-md-push-10 {
left: 83.33333333%;
}
._bootstrap .col-md-push-9 {
left: 75%;
}
._bootstrap .col-md-push-8 {
left: 66.66666667%;
}
._bootstrap .col-md-push-7 {
left: 58.33333333%;
}
._bootstrap .col-md-push-6 {
left: 50%;
}
._bootstrap .col-md-push-5 {
left: 41.66666667%;
}
._bootstrap .col-md-push-4 {
left: 33.33333333%;
}
._bootstrap .col-md-push-3 {
left: 25%;
}
._bootstrap .col-md-push-2 {
left: 16.66666667%;
}
._bootstrap .col-md-push-1 {
left: 8.33333333%;
}
._bootstrap .col-md-push-0 {
left: auto;
}
._bootstrap .col-md-offset-12 {
margin-left: 100%;
}
._bootstrap .col-md-offset-11 {
margin-left: 91.66666667%;
}
._bootstrap .col-md-offset-10 {
margin-left: 83.33333333%;
}
._bootstrap .col-md-offset-9 {
margin-left: 75%;
}
._bootstrap .col-md-offset-8 {
margin-left: 66.66666667%;
}
._bootstrap .col-md-offset-7 {
margin-left: 58.33333333%;
}
._bootstrap .col-md-offset-6 {
margin-left: 50%;
}
._bootstrap .col-md-offset-5 {
margin-left: 41.66666667%;
}
._bootstrap .col-md-offset-4 {
margin-left: 33.33333333%;
}
._bootstrap .col-md-offset-3 {
margin-left: 25%;
}
._bootstrap .col-md-offset-2 {
margin-left: 16.66666667%;
}
._bootstrap .col-md-offset-1 {
margin-left: 8.33333333%;
}
._bootstrap .col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
._bootstrap .col-lg-1,
._bootstrap .col-lg-2,
._bootstrap .col-lg-3,
._bootstrap .col-lg-4,
._bootstrap .col-lg-5,
._bootstrap .col-lg-6,
._bootstrap .col-lg-7,
._bootstrap .col-lg-8,
._bootstrap .col-lg-9,
._bootstrap .col-lg-10,
._bootstrap .col-lg-11,
._bootstrap .col-lg-12 {
float: left;
}
._bootstrap .col-lg-12 {
width: 100%;
}
._bootstrap .col-lg-11 {
width: 91.66666667%;
}
._bootstrap .col-lg-10 {
width: 83.33333333%;
}
._bootstrap .col-lg-9 {
width: 75%;
}
._bootstrap .col-lg-8 {
width: 66.66666667%;
}
._bootstrap .col-lg-7 {
width: 58.33333333%;
}
._bootstrap .col-lg-6 {
width: 50%;
}
._bootstrap .col-lg-5 {
width: 41.66666667%;
}
._bootstrap .col-lg-4 {
width: 33.33333333%;
}
._bootstrap .col-lg-3 {
width: 25%;
}
._bootstrap .col-lg-2 {
width: 16.66666667%;
}
._bootstrap .col-lg-1 {
width: 8.33333333%;
}
._bootstrap .col-lg-pull-12 {
right: 100%;
}
._bootstrap .col-lg-pull-11 {
right: 91.66666667%;
}
._bootstrap .col-lg-pull-10 {
right: 83.33333333%;
}
._bootstrap .col-lg-pull-9 {
right: 75%;
}
._bootstrap .col-lg-pull-8 {
right: 66.66666667%;
}
._bootstrap .col-lg-pull-7 {
right: 58.33333333%;
}
._bootstrap .col-lg-pull-6 {
right: 50%;
}
._bootstrap .col-lg-pull-5 {
right: 41.66666667%;
}
._bootstrap .col-lg-pull-4 {
right: 33.33333333%;
}
._bootstrap .col-lg-pull-3 {
right: 25%;
}
._bootstrap .col-lg-pull-2 {
right: 16.66666667%;
}
._bootstrap .col-lg-pull-1 {
right: 8.33333333%;
}
._bootstrap .col-lg-pull-0 {
right: auto;
}
._bootstrap .col-lg-push-12 {
left: 100%;
}
._bootstrap .col-lg-push-11 {
left: 91.66666667%;
}
._bootstrap .col-lg-push-10 {
left: 83.33333333%;
}
._bootstrap .col-lg-push-9 {
left: 75%;
}
._bootstrap .col-lg-push-8 {
left: 66.66666667%;
}
._bootstrap .col-lg-push-7 {
left: 58.33333333%;
}
._bootstrap .col-lg-push-6 {
left: 50%;
}
._bootstrap .col-lg-push-5 {
left: 41.66666667%;
}
._bootstrap .col-lg-push-4 {
left: 33.33333333%;
}
._bootstrap .col-lg-push-3 {
left: 25%;
}
._bootstrap .col-lg-push-2 {
left: 16.66666667%;
}
._bootstrap .col-lg-push-1 {
left: 8.33333333%;
}
._bootstrap .col-lg-push-0 {
left: auto;
}
._bootstrap .col-lg-offset-12 {
margin-left: 100%;
}
._bootstrap .col-lg-offset-11 {
margin-left: 91.66666667%;
}
._bootstrap .col-lg-offset-10 {
margin-left: 83.33333333%;
}
._bootstrap .col-lg-offset-9 {
margin-left: 75%;
}
._bootstrap .col-lg-offset-8 {
margin-left: 66.66666667%;
}
._bootstrap .col-lg-offset-7 {
margin-left: 58.33333333%;
}
._bootstrap .col-lg-offset-6 {
margin-left: 50%;
}
._bootstrap .col-lg-offset-5 {
margin-left: 41.66666667%;
}
._bootstrap .col-lg-offset-4 {
margin-left: 33.33333333%;
}
._bootstrap .col-lg-offset-3 {
margin-left: 25%;
}
._bootstrap .col-lg-offset-2 {
margin-left: 16.66666667%;
}
._bootstrap .col-lg-offset-1 {
margin-left: 8.33333333%;
}
._bootstrap .col-lg-offset-0 {
margin-left: 0%;
}
}
._bootstrap .clearfix:before,
._bootstrap .clearfix:after,
._bootstrap .dl-horizontal dd:before,
._bootstrap .dl-horizontal dd:after,
._bootstrap .bs-container:before,
._bootstrap .bs-container:after,
._bootstrap .bs-container-fluid:before,
._bootstrap .bs-container-fluid:after,
._bootstrap .row:before,
._bootstrap .row:after {
content: " ";
display: table;
}
._bootstrap .clearfix:after,
._bootstrap .dl-horizontal dd:after,
._bootstrap .bs-container:after,
._bootstrap .bs-container-fluid:after,
._bootstrap .row:after {
clear: both;
}
._bootstrap .center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
._bootstrap .pull-right {
float: right !important;
}
._bootstrap .pull-left {
float: left !important;
}
._bootstrap .hide {
display: none !important;
}
._bootstrap .show {
display: block !important;
}
._bootstrap .invisible {
visibility: hidden;
}
._bootstrap .text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
._bootstrap .hidden {
display: none !important;
}
._bootstrap .affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
._bootstrap .visible-xs,
._bootstrap .visible-sm,
._bootstrap .visible-md,
._bootstrap .visible-lg {
display: none !important;
}
._bootstrap .visible-xs-block,
._bootstrap .visible-xs-inline,
._bootstrap .visible-xs-inline-block,
._bootstrap .visible-sm-block,
._bootstrap .visible-sm-inline,
._bootstrap .visible-sm-inline-block,
._bootstrap .visible-md-block,
._bootstrap .visible-md-inline,
._bootstrap .visible-md-inline-block,
._bootstrap .visible-lg-block,
._bootstrap .visible-lg-inline,
._bootstrap .visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
._bootstrap .visible-xs {
display: block !important;
}
._bootstrap table.visible-xs {
display: table !important;
}
._bootstrap tr.visible-xs {
display: table-row !important;
}
._bootstrap th.visible-xs,
._bootstrap td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
._bootstrap .visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
._bootstrap .visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
._bootstrap .visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
._bootstrap .visible-sm {
display: block !important;
}
._bootstrap table.visible-sm {
display: table !important;
}
._bootstrap tr.visible-sm {
display: table-row !important;
}
._bootstrap th.visible-sm,
._bootstrap td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
._bootstrap .visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
._bootstrap .visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
._bootstrap .visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
._bootstrap .visible-md {
display: block !important;
}
._bootstrap table.visible-md {
display: table !important;
}
._bootstrap tr.visible-md {
display: table-row !important;
}
._bootstrap th.visible-md,
._bootstrap td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
._bootstrap .visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
._bootstrap .visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
._bootstrap .visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
._bootstrap .visible-lg {
display: block !important;
}
._bootstrap table.visible-lg {
display: table !important;
}
._bootstrap tr.visible-lg {
display: table-row !important;
}
._bootstrap th.visible-lg,
._bootstrap td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
._bootstrap .visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
._bootstrap .visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
._bootstrap .visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
._bootstrap .hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
._bootstrap .hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
._bootstrap .hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
._bootstrap .hidden-lg {
display: none !important;
}
}
._bootstrap .visible-print {
display: none !important;
}
@media print {
._bootstrap .visible-print {
display: block !important;
}
._bootstrap table.visible-print {
display: table !important;
}
._bootstrap tr.visible-print {
display: table-row !important;
}
._bootstrap th.visible-print,
._bootstrap td.visible-print {
display: table-cell !important;
}
}
._bootstrap .visible-print-block {
display: none !important;
}
@media print {
._bootstrap .visible-print-block {
display: block !important;
}
}
._bootstrap .visible-print-inline {
display: none !important;
}
@media print {
._bootstrap .visible-print-inline {
display: inline !important;
}
}
._bootstrap .visible-print-inline-block {
display: none !important;
}
@media print {
._bootstrap .visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
._bootstrap .hidden-print {
display: none !important;
}
}
._bootstrap *,
._bootstrap *:before,
._bootstrap *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
._bootstrap .bs-container .row *,
._bootstrap .bs-container .row *:before,
._bootstrap .bs-container .row *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
._bootstrap ul,
._bootstrap li,
._bootstrap a {
box-sizing: content-box !important;
}
#vi-map-viewbox {
width: 380px;
height: 380px;
}
#vi-map-viewbox #map {
width: 100%;
height: 100%;
background: grey;
}
.width-200pcnt {
width: 160%;
}
.store_confirm_vas_ai {
border: none;
position: absolute;
top: 400px;
right: 500px;
width: 150px;
}
/*new payment page css*/
#successPage {
padding-bottom: 50px;
margin-top: -20px;
font-family: Roboto, sans-serif !important;
}
#successPage .steps-container {
background: white;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
#successPage .submit-action-container a {
background: #1dba53;
border: none;
color: white;
font-size: 16px;
font-weight: normal;
text-shadow: none;
text-decoration: none;
padding-right: 0;
padding-left: 0;
}
#successPage .submit-action-container a:hover {
color: #eee;
}
@media (max-width: 992px) {
#successPage {
height: auto;
background-color: transparent;
}
}
#successPage .jumbotron {
padding-left: 20px;
padding-right: 20px;
background: #fff;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: -20px;
}
#successPage .jumbotron.store {
margin-bottom: 0px;
}
#successPage .jumbotron.payment-step-2 {
margin-bottom: 5px;
}
@media (max-width: 767px) {
#successPage .jumbotron {
padding-left: 0px;
padding-right: 0px;
}
}
#successPage .jumbotron.no-background {
background: inherit;
background-color: inherit;
box-shadow: inherit;
margin-top: 0;
padding-top: 10px;
}
#successPage .jumbotron .main-message {
font-size: 16px;
font-weight: 200;
}
#successPage .jumbotron .main-message .greating-message {
font-size: 20px;
font-weight: bold;
}
@media (max-width: 767px) {
#successPage .jumbotron .main-message {
font-size: 13px;
}
#successPage .jumbotron .main-message .greating-message {
font-size: 17px;
}
}
#successPage .jumbotron .secondary-message {
font-size: 12px;
font-weight: 300;
color: #848484;
margin-bottom: 10px;
}
#successPage .jumbotron .actions {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
}
#successPage .jumbotron .actions a {
width: 230px;
font-size: 15px;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 10px;
}
#successPage .head-section {
text-align: left;
padding-bottom: 6px;
line-height: 25px;
}
#successPage .head-section .payment-details-head {
font-weight: bold;
font-size: 20px;
}
#successPage .head-section .payment-details-subhead {
color: #9b9b9b;
}
#successPage .head-section .payment-details-subhead-mobile {
display: none;
}
@media (max-width: 992px) {
#successPage .head-section .payment-details-subhead-mobile {
display: inline-flex;
}
#successPage .head-section .payment-details-subhead-mobile span {
padding-right: 10px;
}
}
#successPage .head-section .payment-details-subhead-mobile .payment-details-subhead-mobile-image {
width: 20px;
}
@media (max-width: 992px) {
.payment-step-1 {
background-color: white;
box-shadow: none !important;
padding-bottom: 0;
}
.payment-step-1 table tbody {
font-size: 10px;
}
}
.payment-step-1 {
padding: 20px;
padding-bottom: 0;
background: white;
border-radius: 3px;
font-family: Roboto, sans-serif !important;
color: black;
}
.payment-step-1.adInsertVas.vas-select-pack * {
font-size: 13px;
}
.payment-step-1 .payment-table hr {
margin-top: 0;
margin-bottom: 0;
}
.payment-step-1 .payment-table table {
margin-bottom: 0;
width: 100%;
}
.payment-step-1 .payment-table table thead tr {
height: 40px;
background-color: #eaeaea;
text-align: left;
}
.payment-step-1 .payment-table table thead tr td {
min-width: 60px;
vertical-align: middle;
}
.payment-step-1 .payment-table table tbody {
font-weight: bold;
}
.payment-step-1 .payment-table table tbody tr {
height: 50px;
text-align: left;
cursor: pointer;
}
.payment-step-1 .payment-table table tbody tr:first-child td {
margin-top: 10px;
overflow: auto;
}
.payment-step-1 .payment-table table tbody td {
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
}
.payment-step-1 .payment-table table tbody td .vas-img-container {
height: 92px;
width: 92px;
min-width: 92px;
}
.payment-step-1 .payment-table table tbody td .vas-img-container img {
height: 100%;
width: 100%;
}
.payment-step-1 .payment-table table tbody td .vas-description {
width: calc(8%);
}
.payment-step-1 .payment-table table td:first-child {
padding-left: 20px;
}
.payment-step-1 .payment-table table td:last-child {
text-align: right;
padding-right: 20px;
min-width: 80px;
}
.payment-step-1 .payment-table .pack-cell {
display: flex;
flex-direction: row;
}
.payment-step-1 .payment-table .pack-cell .selected-pack-description {
font-weight: initial;
color: #848484;
}
.payment-step-1 .payment-table .pack-cell div:last-child {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 10px;
width: 100%;
}
.payment-step-1 .packages-indications .owl-nav img {
width: 90%;
margin-top: 5px;
}
.payment-step-2 {
padding: 20px;
padding-bottom: 5px;
height: auto;
overflow: hidden;
background: white;
border-radius: 3px;
display: flex;
}
.payment-step-2 .payment-methods {
display: flex;
}
.payment-step-2 .image-container-section img {
text-align: center;
}
.payment-step-2 .method-title {
display: block;
height: 20px;
}
@media (width: 992px) {
.payment-methods {
color: inherit;
}
.payment-step-2 .section {
margin-left: 20px;
}
.payment-step-2 .image-container-section {
display: block;
padding-top: 80px;
}
.payment-step-2 .section .payment-methods .payment-method .radio-container {
padding: 25px !important;
margin-bottom: 10px;
}
}
@media (max-width: 991px) {
.payment-step-2 {
background-color: white;
box-shadow: none !important;
}
.payment-step-2 .image-container-section {
display: none;
}
.payment-step-2 .section .payment-methods .payment-method .radio-container {
padding: 20px !important;
margin: 10px;
order: 3;
}
}
.payment-step-2 .section {
flex-grow: 1;
padding-left: 0;
}
.payment-step-2 .section .explanation {
display: flex;
flex-direction: column;
color: #838383;
line-height: 1.5;
font-weight: 300;
}
.payment-step-2 .section .explanation .title {
font-size: 20px;
}
.payment-step-2 .section .explanation .description {
align-self: center;
font-size: 14px;
max-width: 90%;
}
.payment-step-2 .section .payment-methods .payment-method {
padding-top: 10px;
text-align: center;
}
.payment-step-2 .section .payment-methods .payment-method span {
font-weight: bold;
}
.payment-step-2 .section .payment-methods .payment-method .icon-container {
padding-top: 20px;
padding-bottom: 20px;
height: 80px;
}
.payment-step-2 .section .payment-methods .payment-method .radio-container {
padding: 10px;
border-radius: 2px;
border: 1px solid #d6d6d6;
}
.payment-step-2 .section .payment-methods .payment-method .radio-container:hover {
border: 1px solid #1d72db;
color: #1d72db;
}
.payment-step-2 .section .payment-methods .payment-method .radio-container input {
margin-right: 5px;
}
@media (max-width: 992px) {
.payment-step-2 .section .payment-methods .payment-method {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #eaeaea;
width: 100%;
}
.payment-step-2 .section .payment-methods .payment-method span {
margin-top: 30px;
padding-left: 20px;
width: 20%;
order: 2;
text-align: justify;
}
.payment-step-2 .section .payment-methods .payment-method .radio-container-mobile {
display: block;
margin-top: 28px;
}
.payment-step-2 .section .payment-methods .payment-method .icon-container {
padding-top: 22px;
order: 1;
width: 10%;
text-align: justify;
}
.payment-step-2 .payment-methods {
flex-direction: column;
}
}
.payment-step-2 .section:last-child {
padding: 10px;
border-left: 1px solid #d2d2d2;
height: auto;
text-align: center;
}
.btn-green {
text-align: center;
border-radius: 4px;
color: white;
font-size: 13px;
letter-spacing: 0.1em;
font-weight: bold;
background: #1db954;
}
.btn-green:hover {
color: #eee;
}
.submit-action-container {
padding: 0;
}
.submit-action-container a {
font-size: 16px;
width: 100%;
}
.adInsertVas.vas-select-pack {
padding-right: 0;
background-color: white;
display: flex;
}
.adInsertVas .payment-table {
padding-left: 0;
}
@media (min-width: 992px) {
.adInsertVas .payment-table {
border-right: 1px solid #eaeaea;
}
}
.adInsertVas tbody tr {
position: relative;
}
.adInsertVas tbody tr td {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.adInsertVas tbody tr td #free_pack:after {
content: "";
background-color: transparent !important;
}
.adInsertVas tbody tr td #basic_pack:after {
content: "";
width: 40%;
background-color: #5a1db961 !important;
}
.adInsertVas tbody tr td #standard_pack:after {
content: "";
width: 60%;
background-color: #b9421d61 !important;
}
.adInsertVas tbody tr td #premium_pack:after {
content: "";
width: 90%;
background-color: #1db9a561 !important;
}
.adInsertVas tbody tr .pack-cell {
height: 92px;
}
.adInsertVas tbody tr .radio-container {
padding-right: 10px;
}
.adInsertVas tbody tr .radio-container input {
vertical-align: middle;
padding-top: 0px;
margin: 1px;
height: 80%;
}
.adInsertVas tbody tr .vas-description {
position: relative;
}
.adInsertVas tbody tr .vas-description span {
padding-left: 10px;
}
.adInsertVas tbody tr .vas-description:after {
content: "";
width: 40%;
opacity: 0.2;
height: 92px;
position: absolute;
display: inline-block;
/*Fix Moz intercession of packages colors*/
top: 0px;
}
@media (max-width: 991px) {
.image-container-section {
display: none;
}
}
.packages-indications {
margin-top: 0;
}
.packages-indications .slider-item {
text-align: center;
}
.packages-indications .slider-item .image-container {
width: 120px;
margin: auto;
margin-bottom: 20px;
}
.packages-indications .slider-item .image-container img {
width: 100%;
}
.packages-indications .slider-item .explanation-title-container {
color: #1976d2;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.packages-indications .slider-item .explanation-container {
color: #666666;
font-size: 13px;
}
.packages-indications .slider-item .explanation-container p {
line-height: 1.5;
}
.packages-indications .owl-prev {
width: 40px;
background: transparent !important;
position: absolute;
left: -20px;
top: 127px;
}
.packages-indications .owl-next {
width: 40px;
background: transparent !important;
position: absolute;
right: -20px;
top: 127px;
}
.highlight-word {
color: #35a2d1;
font-weight: bold;
font-size: 14px;
padding: 3px;
}
.top-list {
color: #35a2d1;
font-weight: bold;
font-size: 14px;
padding: 3px;
}
.no-selected-vas-pack {
color: red;
font-size: 14px;
}
/* End new payment css*/
.login-footer {
position: fixed;
bottom: 0;
width: 100%;
}
/* VAS LOADER*/
.circle-loader {
margin-left: 48%;
margin-top: 30%;
fill: transparent;
stroke: #1d72db;
stroke-width: 5;
animation: dash 2s ease infinite,rotate 2s linear infinite;
}
@keyframes dash {
0% {
stroke-dasharray: 1,95;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 85,95;
stroke-dashoffset: -25;
}
100% {
stroke-dasharray: 85,95;
stroke-dashoffset: -93;
}
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* /VAS LOADER*/
/* --------Err Credit Shop ----------- */
.creditShopeModal {
width: 728px;
height: 482px;
object-fit: contain;
}
.creditShopetitle {
padding-top: 80px;
height: 50px;
font-family: Roboto;
font-size: 30px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #403e7c;
}
.creditShopetexte {
height: 88px;
font-family: Roboto;
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #403e7c;
padding-top: 50px;
}
.creditShopebutton {
background: #1d72db;
margin: 0 auto;
display: block;
width: 161px;
height: 40px;
background-color: #1d72db;
}
.creditShopebuttonText {
width: 163px;
height: 24px;
font-family: Roboto;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: left;
color: #ffffff;
margin-right: 10px;
}
.creditShopebuttoncancel {
margin-top: 12px;
margin-right: 13px;
width: 60px;
height: 24px;
object-fit: contain;
font-family: Roboto;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: center;
color: #2271d8;
float: right;
}
.creditShopePhoneImage {
margin: 2px 12px -3px 0px;
}
.creditShopeFooterImage {
display: block;
}
.verifyCongrarulationModal {
width: 1024px;
height: 613px;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.9);
border: solid 1px rgba(0, 0, 0, 0.1);
}
.verifyCongrarulationImage {
width: 864px;
height: 290px;
margin: auto;
display: block;
padding-top: 48px;
}
.verifyCongrarulationText {
font-family: Roboto;
font-size: 20px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.65;
letter-spacing: normal;
text-align: center;
color: #40395a;
margin-top: 25px;
}
.verifyCongrarulationText1 {
font-size: 28px;
font-weight: 900;
line-height: 1.18;
}
.verifyCongrarulationText2 {
font-size: 28px;
font-weight: 900;
line-height: 1.18;
}
.verifyCongrarulationText3 {
font-size: 14px;
line-height: 2.36;
}
.verifyCongrarulationbuttunOK {
float: right;
width: 340px;
height: 25px;
background: #1d72db;
border-radius: 4px;
display: inline-block;
padding: 6px 9px;
overflow: visible;
line-height: 22px;
text-align: center;
vertical-align: middle;
cursor: pointer;
margin-right: 80px;
}
.verifyCongrarulationbuttunKO {
float: left;
margin-left: 80px;
width: 200px;
height: 25px;
background: #eaeaea;
border-radius: 4px;
display: inline-block;
padding: 6px 9px;
overflow: visible;
line-height: 22px;
text-align: center;
vertical-align: middle;
}
.verifyCongrarulationbuttunOKTitle {
width: 308px;
height: 18px;
font-family: Roboto;
font-size: 16px;
text-align: center;
color: #fcfcfc;
}
.verifyCongrarulationbuttunKOTitle {
width: 93px;
height: 18px;
font-family: Roboto;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.13;
letter-spacing: normal;
text-align: center;
color: #666666;
}
.hrCongratulations {
width: 864px;
height: 2px;
background-color: #ededed;
border: none;
margin: 22px 80px 20px 80px;
}
.pendingPaymentButtun {
float: right;
text-align: center;
width: 220px;
}
.PhoneVerifyImg {
width: 300px;
height: auto;
}
.PhoneVerifyText1 {
margin-left: 124px;
width: 760px;
height: 132px;
font-family: Roboto;
font-size: 20px;
line-height: 1.65;
text-align: center;
color: #40395a;
}
#vasProductCatalogueComponent .helperText,
#vasProductCatalogueComponent .helperTextError {
font-size: 13px;
}
#vasProductCatalogueComponent .helperText {
color: #1d72db;
}
#vasProductCatalogueComponent .helperTextError {
color: #fc6376;
}
#vasProductCatalogueComponent #vasWholePageLoader {
height: 200px;
width: 100%;
background: #FFF;
}
#vasProductCatalogueComponent #vasWholePageLoader p.loaderText {
text-align: center;
margin-top: 70px;
}
#vasProductCatalogueComponent #vasWholePageLoader svg.circle-loader {
margin-top: 0;
}
#vasProductCatalogueComponent .packages-indications.owl-carousel.owl-theme.owl-loaded.owl-drag,
#vas_component .packages-indications.owl-carousel.owl-theme.owl-loaded.owl-drag {
margin-top: 45px !important;
}
@media only screen and (max-width: 480px) {
#payment .wrap .container {
width: 100% !important;
}
#payment .wrap {
background: white;
}
#payment .container.pb-5 {
display: flex;
flex-direction: column-reverse;
}
#payment .breadcrumb-wrap,
#payment #scripts,
#payment #livechat-compact-container {
display: none;
}
#payment .span18 {
width: 100% !important;
margin: 0;
}
#payment .span18 .span17 {
width: 100% !important;
padding: 5px !important;
box-sizing: border-box;
margin: 0;
}
#payment .span18 .span17 .span4 {
width: auto;
}
#payment .span18 .span17 a#btn_go_back {
float: none;
width: 95%;
font-weight: normal;
}
#payment .container.mbm .span5 {
display: none;
}
#payment .container.mbm .span13 {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
#payment .container.mbm .span13 * {
font-size: 1em !important;
line-height: normal;
box-sizing: border-box !important;
}
#payment .container.mbm .span13 .panel .ad-preview-title.span9 {
width: 65%;
font-size: .9em !important;
margin: 0 !important;
}
#payment .container.mbm .span13 .panel .ad-preview {
width: 100%;
padding: 0px !important;
margin: 0;
}
#payment .container.mbm .span13 .panel .ad-preview .item.flex .item-info.ctext1.mls {
width: auto;
max-width: 30%;
}
#payment .container.mbm .span13 .panel .ad-preview .item.flex .item-info.ctext1.mls .ctext2 .ctext3 .fs14 a {
font-size: .9em !important;
display: block;
width: 90px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#payment .container.mbm .span13 .panel .ad-preview .item.flex .item-info.ctext1.mls .ctext2 .ctext3 .item-info-extra small a,
#payment .container.mbm .span13 .panel .ad-preview .item.flex .item-info.ctext1.mls .ctext2 .ctext3 .item-info-extra small strong {
font-size: .9em !important;
display: block;
width: 90px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#payment .container.mbm .span13 .panel .ad-preview .item.flex .item-price.element-bottom {
width: auto;
}
#payment .container.mbm .span13 .panel .ad-preview .ad_list_vas_picto {
position: relative;
left: 0;
bottom: 0;
}
#payment .container.mbm .span13 .panel .panel-heading {
display: flex;
flex-direction: column;
border: none;
background: white;
}
#payment .container.mbm .span13 .panel .panel-heading #cc {
display: none;
}
#payment .container.mbm .span13 .panel .panel-heading #cc_txt_price {
font-size: 12px !important;
color: #666666;
}
#payment .container.mbm .span13 .panel .panel-heading #cc_text_info {
display: block !important;
font-size: 16px !important;
color: #2d2d2d !important;
width: 100%;
margin-bottom: 10px;
font-weight: normal;
}
#payment .container.mbm .span13 .panel .panel-heading i.sprite_common_ma_creditCard-Picto.mrm.mls {
display: none;
}
#payment .container.mbm .span13 .panel .panel-heading i.sprite_vas_cash_picto_45.mrm.mls.float-left {
width: 80px;
}
#payment .container.mbm .span13 .panel #credit_card_form .panel-body {
padding: 10px 0 10px 0 !important;
}
#payment .container.mbm .span13 .panel #credit_card_form .panel-body .control-group {
margin: 0;
padding-left: 20px;
}
#payment .container.mbm .span13 .panel #credit_card_form .panel-body .control-group label.control-label {
width: 100% !important;
float: none !important;
text-align: left !important;
padding: 0 !important;
display: none;
}
#payment .container.mbm .span13 .panel #credit_card_form .panel-body .control-group .controls {
margin: 0 !important;
width: 100% !important;
box-sizing: content-box !important;
}
#payment .container.mbm .span13 .panel #credit_card_form .panel-body .control-group .controls .input-icon i {
margin-top: -9px !important;
}
#payment .container.mbm .span13 .panel #credit_card_form .panel-body .control-group .controls input {
width: 95% !important;
font-size: 16px !important;
color: #9b9b9b;
height: 48px;
border-radius: 4px !important;
border: solid 1px #d0d0d0 !important;
margin-bottom: 16px;
padding-left: 36px !important;
}
#payment .container.mbm .span13 .panel #credit_card_form .panel-footer {
padding: 20px !important;
background: white;
border: none;
color: #666666;
}
#payment .container.mbm .span13 .panel #credit_card_form .panel-footer input#ar_form_send {
width: 100% !important;
height: 48px;
border-radius: 4px !important;
background-color: #29a160;
border: none !important;
margin-top: 14px;
text-transform: uppercase;
}
#payment .span13 .panel-body div#loading {
width: 100% !important;
margin-bottom: 10px;
}
#payment .brand-header {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
border: none !important;
}
#payment .navbar-bottom .navbar-inner {
padding-top: 25px !important;
}
#payment .form-alert-red {
background: white !important;
}
#payment .form-alert-red strong {
color: red !important;
}
#payment .fonticon-up-dir {
display: none;
}
#payment .form-alert {
padding-top: 0;
margin-bottom: 24px !important;
}
#payment #chat-widget-container {
display: none;
}
#payment .container.mbm {
width: 100% !important;
}
#payment .container.mbm .row {
width: inherit;
margin: 0;
}
#payment .container.mbm .row * {
font-size: 1em;
border: none !important;
}
#payment .container.mbm .row .cash-container.flex {
width: inherit;
}
#payment .container.mbm .row .cash-container.flex .flex.sprite_vas_rtl_cash_cover {
width: 100% !important;
}
#payment .container.mbm .row .cash-container.flex .cash-panel.flex-column.element-center {
width: 100% !important;
}
#payment .container.mbm .row .cash-container.flex .cash-code-container.element-center.element-middle {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
#payment .container.mbm .row .cash-container.flex p.cash-code.element-center.text-center {
margin: 0 auto;
padding: 10px;
width: 60%;
}
#payment .container.mbm .row .cash-container.flex .flex.sprite_vas_cash_cover {
width: inherit;
height: auto !important;
}
#payment .container.mbm .row .cash-container.flex .flex.sprite_vas_cash_cover span.notify {
font-size: 12px !important;
width: 90% !important;
display: block;
margin: auto;
}
#payment .container.mbm .row .cash-container.flex .cash-steps.element-center {
width: 100%;
}
#payment .container.mbm .row .cash-container.flex .cash-steps.element-center .cash-steps-description.flex {
margin: 5px;
}
#payment .container.mbm .row .cash-container.flex .cash-steps.element-center .cash-steps-element.flex-column {
border-bottom: 4px solid;
height: 66px;
padding-top: 2.5%;
box-sizing: border-box;
}
#payment .container.mbm .row .cash-container.flex .cash-steps.element-center .container.flex-inline.text-left {
width: inherit !important;
display: flex;
flex-direction: column;
}
#payment .container.mbm .row .cash-container.flex .cash-steps.element-center .element-center.element-bottom {
display: none;
}
#payment .container.mbm .row .cash-footer {
display: flex;
flex-direction: column;
}
#payment .container.mbm .row .cash-footer .cash-confirm.float-right,
#payment .container.mbm .row .cash-footer .cash-agency-list.float-left {
float: none !important;
width: 95%;
margin: 5px 10px;
}
#payment .container.mbm .row .cash-footer .cash-confirm.float-right a.text-center,
#payment .container.mbm .row .cash-footer .cash-agency-list.float-left a.text-center {
display: block;
margin-bottom: 5px;
}
#payment #vasProductCatalogueComponent #vasWholePageLoader {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#payment #vasProductCatalogueComponent #vasWholePageLoader svg.circle-loader {
margin-left: 45% !important;
}
#payment #vasProductCatalogueComponent #PaymentSection .payment-step-2 > .section {
padding: 0;
}
#payment #vasProductCatalogueComponent #PaymentSection .payment-step-2 .payment-methods * {
font-size: .9em !important;
}
#payment #vasProductCatalogueComponent #PaymentSection label.payment-method {
padding: 0 !important;
}
#payment #vasProductCatalogueComponent #PaymentSection label.payment-method span.method-title {
width: 40% !important;
text-align: center !important;
}
#payment #vasProductCatalogueComponent #PaymentSection label.payment-method .icon-container {
width: 25% !important;
}
#payment #vasProductCatalogueComponent #PaymentSection label.payment-method .icon-container img {
max-width: 100px;
}
#payment #vasProductCatalogueComponent button {
width: 100% !important;
}
#payment #vasProductCatalogueComponent #vasProductCatalogueComponent #SelectedPackSection .payment-step-1 .payment-table table tbody td .vas-img-container img {
margin-top: 12px !important;
}
#payment #vasProductCatalogueComponent #PaymentSection {
margin-top: 10px;
}
#payment #vasProductCatalogueComponent #SelectedPackSection,
#payment #vasProductCatalogueComponent #PaymentSection,
#payment #vasProductCatalogueComponent #PacksSection {
padding: 0 !important;
}
#payment #vasProductCatalogueComponent #SelectedPackSection .panel-body,
#payment #vasProductCatalogueComponent #PaymentSection .panel-body,
#payment #vasProductCatalogueComponent #PacksSection .panel-body {
padding: 0 !important;
}
#payment #vasProductCatalogueComponent #SelectedPackSection .heading *,
#payment #vasProductCatalogueComponent #PaymentSection .heading *,
#payment #vasProductCatalogueComponent #PacksSection .heading * {
font-size: 12px !important;
}
#payment #vasProductCatalogueComponent #SelectedPackSection .heading h1,
#payment #vasProductCatalogueComponent #PaymentSection .heading h1,
#payment #vasProductCatalogueComponent #PacksSection .heading h1 {
font-size: 15px !important;
}
#payment #vasProductCatalogueComponent #SelectedPackSection td.pack-cell,
#payment #vasProductCatalogueComponent #PaymentSection td.pack-cell,
#payment #vasProductCatalogueComponent #PacksSection td.pack-cell {
padding: 0;
height: 90px !important;
}
#payment #vasProductCatalogueComponent #SelectedPackSection .adInsertVas tbody tr .vas-description:after,
#payment #vasProductCatalogueComponent #PaymentSection .adInsertVas tbody tr .vas-description:after,
#payment #vasProductCatalogueComponent #PacksSection .adInsertVas tbody tr .vas-description:after {
height: 90px !important;
}
#payment #vasProductCatalogueComponent #SelectedPackSection .adInsertVas tbody tr .vas-description,
#payment #vasProductCatalogueComponent #PaymentSection .adInsertVas tbody tr .vas-description,
#payment #vasProductCatalogueComponent #PacksSection .adInsertVas tbody tr .vas-description {
width: 100% !important;
}
#payment #vasProductCatalogueComponent #SelectedPackSection .adInsertVas tbody tr .vas-description *,
#payment #vasProductCatalogueComponent #PaymentSection .adInsertVas tbody tr .vas-description *,
#payment #vasProductCatalogueComponent #PacksSection .adInsertVas tbody tr .vas-description * {
font-size: .9em !important;
}
#payment #vasProductCatalogueComponent #SelectedPackSection span.selected-pack-title,
#payment #vasProductCatalogueComponent #PaymentSection span.selected-pack-title,
#payment #vasProductCatalogueComponent #PacksSection span.selected-pack-title,
#payment #vasProductCatalogueComponent #SelectedPackSection span.selected-pack-description,
#payment #vasProductCatalogueComponent #PaymentSection span.selected-pack-description,
#payment #vasProductCatalogueComponent #PacksSection span.selected-pack-description {
width: 100% !important;
}
#payment #vasProductCatalogueComponent #SelectedPackSection .payment-table,
#payment #vasProductCatalogueComponent #PaymentSection .payment-table,
#payment #vasProductCatalogueComponent #PacksSection .payment-table {
padding-right: 0;
}
#payment #vasProductCatalogueComponent #SelectedPackSection .payment-table table tbody tr td:last-child,
#payment #vasProductCatalogueComponent #PaymentSection .payment-table table tbody tr td:last-child,
#payment #vasProductCatalogueComponent #PacksSection .payment-table table tbody tr td:last-child {
max-width: 100% !important;
overflow: visible !important;
max-width: 100px !important;
}
#payment #vasProductCatalogueComponent #SelectedPackSection .payment-table table tbody tr td:last-child select,
#payment #vasProductCatalogueComponent #PaymentSection .payment-table table tbody tr td:last-child select,
#payment #vasProductCatalogueComponent #PacksSection .payment-table table tbody tr td:last-child select {
max-width: 100px !important;
font-size: 11px;
}
#payment #vasProductCatalogueComponent #SelectedPackSection .payment-step-1 .payment-table table tbody td .vas-img-container,
#payment #vasProductCatalogueComponent #PaymentSection .payment-step-1 .payment-table table tbody td .vas-img-container,
#payment #vasProductCatalogueComponent #PacksSection .payment-step-1 .payment-table table tbody td .vas-img-container {
height: 0;
width: 0;
min-width: 52px;
}
#payment #vasProductCatalogueComponent #SelectedPackSection .payment-step-1 .payment-table table tbody td .vas-img-container img,
#payment #vasProductCatalogueComponent #PaymentSection .payment-step-1 .payment-table table tbody td .vas-img-container img,
#payment #vasProductCatalogueComponent #PacksSection .payment-step-1 .payment-table table tbody td .vas-img-container img {
height: 62px !important;
width: 62px !important;
}
#payment .navbar-inner.sticky {
width: 100%;
}
#payment .navbar-inner.sticky .container a {
display: flex;
justify-content: center;
}
#payment .navbar-inner.sticky .container #nav_header {
display: none;
}
#payment #nav_footer {
display: flex;
flex-direction: row;
}
#payment #nav_footer li {
padding: 0 10px;
margin: 0;
}
#payment .world-sites {
display: none;
}
#payment .float-right.footer-fonticon-links {
margin: 0px 10px !important;
text-align: center;
}
}
/* ----------------------------------------------
* Generated by Animista on 2018-4-26 14:17:37
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
.flip-out-hor-top {
-webkit-animation: flip-out-hor-top 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
animation: flip-out-hor-top 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.flip-in-hor-bottom {
-webkit-animation: flip-in-hor-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: flip-in-hor-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@-webkit-keyframes flip-in-hor-bottom {
0% {
-webkit-transform: rotateX(80deg);
transform: rotateX(80deg);
opacity: 0;
}
100% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
}
@keyframes flip-in-hor-bottom {
0% {
-webkit-transform: rotateX(80deg);
transform: rotateX(80deg);
opacity: 0;
}
100% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
}
@-webkit-keyframes flip-out-hor-top {
0% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
100% {
-webkit-transform: rotateX(70deg);
transform: rotateX(70deg);
opacity: 0;
}
}
@keyframes flip-out-hor-top {
0% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
100% {
-webkit-transform: rotateX(70deg);
transform: rotateX(70deg);
opacity: 0;
}
}
.progressBar {
list-style: none;
margin: 0;
padding: 0;
display: table;
table-layout: fixed;
width: 80%;
color: #849397;
margin-left: 14%;
}
.progressBar > li {
position: relative;
display: table-cell;
text-align: center;
font-size: 1.6em;
}
.progressBar > li:before {
content: attr(data-step);
display: block;
margin: 0 auto;
background: #dfe3e4;
width: 3em;
height: 3em;
text-align: center;
margin-bottom: 0.25em;
line-height: 3em;
border-radius: 100%;
position: relative;
z-index: 2;
}
.progressBar > li:after {
content: "";
position: absolute;
display: block;
background: #dfe3e4;
width: 100%;
height: 0.3em;
top: 1.4em;
left: 50%;
margin-left: 1.5em\9;
z-index: 1;
}
.progressBar > li:last-child:after {
display: none;
}
.progressBar > li.is-complete {
color: #1d72db;
}
.progressBar > li.is-complete:before,
.progressBar > li.is-complete:after {
color: #fff;
background: #1d72db;
}
.progressBar > li.is-active {
color: #1d72db;
}
.progressBar > li.is-active:before {
color: #fff;
background: #1d72db;
}
/**
* Needed for IE8
*/
.progressBar__last:after {
display: none !important;
}
/**
* Size Extensions
*/
.progressBar--medium {
font-size: 1.5em;
}
.progressBar--large {
font-size: 2em;
}
.progressBar {
margin-bottom: 16px;
}
.imageProgressBar {
margin-top: -56px !important;
z-index: 3;
display: -webkit-inline-box;
position: absolute;
margin-left: -15px;
height: 30px;
}
.PhoneVerifyImage {
height: 220px;
object-fit: contain;
margin-top: 50px;
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.PhoneVerifyTextStep1 {
margin-left: 5% !important;
border: none;
width: 75% !important;
height: 75% !important;
font-size: 16px !important;
letter-spacing: normal;
text-align: left;
color: #b6b6b6;
margin-top: 5px;
}
.PhoneVerifyInputPhone {
height: 44px;
width: 390px;
text-align: center;
margin-left: 31%;
border-radius: 4px;
background-color: #ffffff;
border: solid 1px #1d72db;
}
.PhoneVerificationText1 {
margin-left: 124px;
width: 760px;
height: 80px;
font-family: Roboto;
font-size: 20px;
line-height: 1.65;
text-align: center;
color: #40395a;
}
.PhoneVerificationIcone {
margin-bottom: -4px;
width: 20px;
height: 25px;
}
.PhoneverifyCongrarulationbuttunOK {
float: right;
width: 340px;
height: 36px;
background: #1d72db;
border-radius: 4px;
display: inline-block;
padding: 6px 9px;
overflow: visible;
line-height: 36px;
text-align: center;
vertical-align: middle;
cursor: pointer;
margin-right: 80px;
}
.PhoneverifyCongrarulationbuttunKO {
float: left;
margin-left: 80px;
width: 200px;
height: 36px;
background: #eaeaea;
border-radius: 4px;
display: inline-block;
padding: 6px 9px;
overflow: visible;
line-height: 36px;
text-align: center;
vertical-align: middle;
}
.PhoneverifyCongrarulationbuttunStep3 {
width: 340px;
background: #1d72db;
display: block;
padding: 6px 9px;
overflow: visible;
line-height: 36px;
text-align: center;
vertical-align: middle;
cursor: pointer;
margin-right: auto;
margin-left: auto;
margin-top: 40px;
margin-bottom: 50px;
border-radius: 4px;
height: 30px;
}
.VerifyPhoneErrorText {
width: 260px;
margin-top: 0.25rem;
font-size: 14px;
color: #c72a3d;
display: block;
margin-bottom: 10px;
}
.PhoneVerifselect {
width: 100%;
height: 38px;
padding: 10px;
border-radius: 5px;
font-size: 15px;
outline: none!important;
border: 1px solid rgba(0, 0, 0, 0.3);
text-align: center;
font-size: 20px;
}
.PhoneVerifselect.input-cart-number {
width: 30px;
display: inline-block;
margin-right: 8px;
}
.PhoneVerifselect.input-cart-number:last-child {
margin-right: 0;
}
.PhoneVerifselect {
position: relative;
}
.PhoneVerifselect::after {
content: '';
border-top: 8px solid #222;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
position: absolute;
z-index: 2;
top: 14px;
right: 10px;
pointer-events: none;
}
.PhoneVerifselect .PhoneVerifselect {
appearance: none;
position: absolute;
padding: 0;
border: none;
width: 100%;
outline: none!important;
top: 6px;
left: 6px;
background: none;
}
.PhoneVerifselect .PhoneVerifselect :-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.PhoneVerificationTextPhone {
display: inline-block;
min-height: 20px;
padding: 5px 6px;
margin-bottom: 6px;
font-size: 14px;
line-height: 20px;
color: #414141;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
vertical-align: middle;
}
.PhoneVerificationPhoneError {
width: 390px;
text-align: center;
margin-left: 31%;
}
.PhoneVerificationcard-num {
margin-left: auto;
margin-right: auto;
width: 25%;
margin-top: 30px;
}
.IconeAdviewPhoneVerifyH2 {
margin-left: -11%;
margin-right: -11%;
}
.IconeAdviewPhoneVerifySpan {
margin-left: 3%;
margin-right: 3%;
}
.login-popup {
z-index: 1000 !important;
display: block;
position: fixed;
padding: 10px 0;
left: 50%;
margin-left: -200px;
top: 50%;
margin-top: -300px;
z-index: 20;
width: 400px;
height: 590px;
border-radius: 4px;
background-color: #ffffff;
font-family: Roboto;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
}
.login-popup #oauth {
padding: 0 42px;
}
.login-popup .glyph-close {
font-size: 20px;
float: right;
cursor: pointer;
margin-right: 6px;
}
.login-popup .popup-title {
margin-top: 25px;
margin-bottom: 25px;
text-align: center;
}
.login-popup .popup-title h2 {
width: 100%;
font-family: Roboto;
font-size: 28px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
}
.login-popup .popup-tabs {
height: 52px;
background-color: #f7f7f7;
box-shadow: inset 0 -1px 0 0 #e1e1e1;
text-align: center;
}
.login-popup .popup-tabs .tab {
position: relative;
cursor: pointer;
height: 100%;
display: inline-block;
width: 49.5%;
}
.login-popup .popup-tabs .tab.active {
box-shadow: inset 0 -4px 0 #1d72db;
color: #1d72db;
}
.login-popup .popup-tabs .tab .text {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.login-popup form {
padding: 25px 30px 0 30px;
}
.login-popup form .iconSvg {
padding: 5px 5px 5px 5px !important;
position: absolute;
pointer-events: none;
height: 24px;
width: 24px;
}
.login-popup form .form-group {
padding: 12px;
}
.login-popup form .form-group.sign_up {
text-align: center;
font-weight: normal;
}
.login-popup form .form-group.sign_up div {
display: inline-block;
}
.login-popup form .form-group.sign_up a {
color: #1d72db;
font-weight: bold;
}
.login-popup form input,
.login-popup form input:focus {
padding-left: 40px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
width: 82%;
height: 23px !important;
}
@media (max-width: 320px) {
.login-popup form input,
.login-popup form input:focus {
width: 100%;
}
}
.login-popup form .btn_login {
width: 192px;
height: 40px;
background-color: #1d72db;
border: none;
border-radius: 4px;
color: #fcfcfc;
outline: none;
}
.login-popup form .form-error {
text-align: center;
color: indianred;
}
.login-popup form a#forgot_password {
float: right;
font-size: 14px;
color: #b6b6b6;
font-weight: 400;
}
.login-popup form button.btn_login {
display: block;
margin: auto;
width: 100%;
cursor: pointer;
margin-top: 30px;
}
.login-popup:after {
position: fixed;
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: -2;
}
.login-popup:before {
position: absolute;
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #FFF;
z-index: -1;
}
#widget-store {
font-family: Roboto;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
}
#widget-store .msg-empty__main-title {
margin-bottom: 10px;
}
#widget-store .msg-empty__main-title {
font-size: 1.4rem;
color: #666666;
}
#widget-store .msg-empty__subtitle {
color: #9d9d9d;
font-size: 17px;
}
#widget-store .msg-layout_visible .msg-header__username,
#widget-store .msg-empty__button {
background-color: #1d72db;
}
#widget-store .msg-highlight__wrapper {
border-radius: 8px;
background-color: #37c0a1;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
color: #fff;
}
#widget-store .msg-list__counter {
background: #fc6376;
}
#widget-store .msg-input__button {
border-radius: 3px;
background-color: #1d72db;
color: #fff;
}
#widget-store .msg-chat__bubble_first-person {
background-color: #1d72db;
color: #fff;
border-color: #1d72db;
}
#widget-store .msg-chat__loading {
animation-duration: 0.75s;
animation-iteration-count: infinite;
animation-name: rotate-forever;
animation-timing-function: linear;
height: 30px;
width: 30px;
border: 4px solid #1d72db;
border-right-color: transparent;
border-radius: 50%;
display: inline-block;
position: absolute;
left: 50%;
top: 45%;
}
@keyframes rotate-forever {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
#widget-store .msg_chat__items_loading_spinner {
animation-duration: 0.75s;
animation-iteration-count: infinite;
animation-name: rotate-forever;
animation-timing-function: linear;
height: 30px;
width: 30px;
border: 4px solid #1d72db;
border-right-color: transparent;
border-radius: 50%;
display: inline-block;
margin: auto;
}
@keyframes rotate-forever {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
#widget-store .msg-empty__loading_spinner {
animation-duration: 0.75s;
animation-iteration-count: infinite;
animation-name: rotate-forever;
animation-timing-function: linear;
height: 40px;
width: 40px;
border: 4px solid #1d72db;
border-right-color: transparent;
border-radius: 50%;
display: inline-block;
margin-bottom: 5px;
}
@keyframes rotate-forever {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
#widget-store .msg-list__thumbnail_img,
#widget-store .msg-header__thumb_img {
border-radius: 3px;
}
#widget-store .msg-header__title,
#widget-store .msg-list__username,
#widget-store .msg-list__product {
color: #666666;
}
#widget-store .msg-list__username {
font-weight: 700;
}
#widget-store .msg-list__product {
font-weight: 500;
}
#widget-store .msg-header__price {
font-weight: 700;
color: #1d72db;
}
#widget-store .msg-header {
-webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2);
border: none;
}
#widget-store .msg-input,
#widget-store .msg-list__item,
#widget-store .msg-layout,
#widget-store .msg-layout__primary {
border-color: rgba(0, 0, 0, 0.1);
}
#widget-store .msg-layout,
#widget-store .msg-layout__primary {
border-top: none;
}
#widget-store .msg-input__textarea {
line-height: 32px !important;
height: 32px !important;
}
#widget-store .msg-list__item.selected {
border-left-color: #1d72db;
background-color: #f2f2f2;
border-left-width: 5px;
}
#widget-store .msg-chat_medium {
bottom: 0 !important;
}
#widget-store .msg-empty__image {
background-image: url('/img/messaging/empty_inbox.png');
}
#widget-store .msg-empty__image {
background-position: top;
}
#widget-store .msg-empty__main-title {
margin-bottom: 10px;
}
#widget-store .msg-empty__main-title {
font-size: 1.4rem;
color: #666666;
}
#widget-store .msg-empty__subtitle {
color: #9d9d9d;
font-size: 17px;
}
#messaging-widget-overlay {
display: none !important;
}
#messaging-widget-empty {
top: 0;
}
#adreply_footer_btn span.forum-badge,
#adreply_sidebar_btn span.forum-badge {
position: relative;
top: 0;
right: 0;
margin-left: 6px;
background-color: #fc6376;
}
#adreply_footer_btn img,
#adreply_sidebar_btn img {
width: 17px;
position: relative;
top: 3px;
margin-right: 4px;
}
#av--similar_ads_container .av-sa-shop-empty {
text-align: center;
padding: 30px;
font-size: 16px;
font-weight: bold;
}
#av--similar_ads_container .av-sa-shop-empty p {
margin: 0 !important;
}
#av--similar_ads_container .av-sa-seeall {
color: #336699;
font-size: 18px;
position: absolute;
top: 3px;
right: -17px;
}
#av--similar_ads_container .av-subject {
color: #666666;
}
#av--similar_ads_container .av-price {
font-size: 16px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2d2d2d;
}
#av--similar_ads_container .av-price span {
direction: ltr !important;
unicode-bidi: embed;
}
#av--similar_ads_container .av-card {
background-color: white;
flex-direction: column;
overflow: hidden;
width: 160px;
height: 270px;
border-radius: 8px;
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.07);
}
#av--similar_ads_container .av-card:hover .av-card-image {
-webkit-filter: contrast(100%);
filter: contrast(100%);
}
#av--similar_ads_container .av-card-content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: 10px;
direction: initial;
}
#av--similar_ads_container .av-card-image {
background-position: center center;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
-webkit-filter: contrast(85%);
filter: contrast(85%);
overflow: hidden;
position: relative;
transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91), -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
}
#av--similar_ads_container .av-icon-fav {
float: right;
padding: 6px;
}
#av--similar_ads_container .av-cards-shop-mau,
#av--similar_ads_container .av-cards-private-rec,
#av--similar_ads_container .av-cards-shop-rec,
#av--similar_ads_container .av-cards-private-mau {
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
#av--similar_ads_container .av-card-item {
display: inline-block;
padding: 5px 10px 5px 0;
}
#av--similar_ads_container .av-sa-scrolling-wrapper-shop,
#av--similar_ads_container .av-sa-scrolling-wrapper-private,
#av--similar_ads_container .av-sa-scrolling-wrapper-userBasedRec {
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
}
#av--similar_ads_container .av-sa-scrolling-wrapper-shop::-webkit-scrollbar,
#av--similar_ads_container .av-sa-scrolling-wrapper-private::-webkit-scrollbar,
#av--similar_ads_container .av-sa-scrolling-wrapper-userBasedRec::-webkit-scrollbar {
display: none;
}
#av--similar_ads_container .av-icon-footer {
color: white;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
position: absolute;
bottom: 0;
width: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.23+100 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#3b000000', GradientType=0);
/* IE6-9 */
}
#av--similar_ads_container .av-icon-header {
width: 100%;
position: absolute;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.7+0,0+100 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b000000', endColorstr='#00000000', GradientType=0);
/* IE6-9 */
}
#av--similar_ads_container .av-icon-date-wrapper .av-icon-date {
margin: 0 2px 0 2px;
}
#av--similar_ads_container .av-icon-date-wrapper .av-date {
bottom: 6px;
position: relative;
font-size: 13px;
}
#av--similar_ads_container .av-icon-imgcount-wrapper .av-icon-imgcount {
margin: 8px 9px 0 8px;
}
#av--similar_ads_container .av-icon-imgcount-wrapper .av-imgcount {
position: relative;
bottom: 1px;
}
#av--similar_ads_container .av-as-header {
display: inline-block;
color: #666666;
font-weight: bold;
font-size: 16px;
width: 438px;
}
#av--similar_ads_container .av-as-header + a {
position: absolute;
right: 21px;
}
#av--similar_ads_container .av-card-link,
#av--similar_ads_container .av-card-link:hover {
text-decoration: none;
font-weight: normal;
}
#av--similar_ads_container .paginate {
z-index: 99;
position: relative;
bottom: 191px;
}
#av--similar_ads_container .av-sa-wrapper {
position: relative;
}
#av--similar_ads_container .av-cards-userBasedRec-ubr {
margin: 0 !important;
}
#av--similar_ads_container .paginate {
position: relative;
width: 40px;
height: 40px;
cursor: pointer;
transform: translate3d(0, 0, 0);
top: 50%;
touch-action: manipulation !important;
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.07);
border-radius: 50% !important;
border-width: 2px !important;
border-style: solid !important;
border-color: transparent !important;
background: #ffffff !important;
}
#av--similar_ads_container .paginate:focus {
border-width: 1px !important;
border-color: #3aa4ff !important;
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.07);
}
#av--similar_ads_container .paginate i {
color: #9a9a9a;
font-size: 28px;
margin-left: -9px;
}
#av--similar_ads_container .paginate.left {
right: 20px;
}
#av--similar_ads_container .paginate.right {
float: right;
left: 20px;
}
#av--similar_ads_container button {
-webkit-appearance: none;
background: transparent;
border: 0;
outline: 0;
}
footer.navbar.navbar-bottom.mtl {
margin-bottom: 40px;
}
#av--similar_ads_container:not(:empty) + .sk-cube-grid {
display: none;
}
.sk-cube-grid {
width: 40px;
height: 40px;
margin: 100px auto;
}
.sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
float: left;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
animation-delay: 0.2s;
background-color: #3aa4ff;
}
.sk-cube-grid .sk-cube2 {
animation-delay: 0.3s;
background-color: #3aa4ff;
}
.sk-cube-grid .sk-cube3 {
animation-delay: 0.4s;
background-color: #ff4c59;
}
.sk-cube-grid .sk-cube4 {
animation-delay: 0.1s;
background-color: #3aa4ff;
}
.sk-cube-grid .sk-cube5 {
animation-delay: 0.2s;
background-color: #ff4c59;
}
.sk-cube-grid .sk-cube6 {
animation-delay: 0.3s;
background-color: #00ac64;
}
.sk-cube-grid .sk-cube7 {
animation-delay: 0s;
background-color: #ff4c59;
}
.sk-cube-grid .sk-cube8 {
animation-delay: 0.1s;
background-color: #00ac64;
}
.sk-cube-grid .sk-cube9 {
animation-delay: 0.2s;
background-color: #00ac64;
}
@keyframes sk-cubeGridScaleDelay {
0%,
70%,
100% {
transform: scale3D(1, 1, 1);
}
35% {
transform: scale3D(0, 0, 1);
}
}
#forgot-email-input {
width: 320px;
margin-left: 2px;
}
#oauth-error {
margin-top: 5px;
}
#oauth-error .form-error {
text-align: center;
color: indianred;
}
#oauth-providers,
#oauth-error {
text-align: center;
}
#oauth-error {
margin-top: 5px;
}
#oauth-error .form-error {
text-align: center;
color: indianred;
}
#oauth-providers {
text-align: center;
width: 330px;
margin: auto;
}
#oauth-providers .fb_iframe_widget {
display: inline;
}
.quick_firstcontact_container #oauth-providers {
margin-top: 5px;
width: 100%;
}
.shop_banner_ {
text-align: center;
}
.shop_banner_img {
height: 250px;
width: 970px;
text-align: center;
cursor: pointer;
}
.ctaComponent-cover-img {
max-width: 100%;
margin-top: 12px;
margin-bottom: 12px;
}
.shopCtaComponent {
width: 100%;
height: 486px;
margin: 0 auto;
border: 1px solid lightgray;
padding: 1rem;
border-radius: 4px;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
text-align: center;
}
.shopCtaComponent-button {
margin-right: 2.5rem;
margin-top: 28px;
width: 282px;
height: 48px;
background-color: #1d72db;
color: #fff !important;
border: 0;
padding: 13px;
font-size: 16px;
font-weight: 500;
border-radius: 3px;
margin-left: -44px !important;
}
.shopCtaComponent-button img {
width: 24px;
margin-left: 20px;
}
.shopCtaComponent-button-text {
font-size: 16px;
font-weight: 500;
}
.shopCtaComponent-icon {
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
padding: 0.5rem;
}
.shopCtaComponent-title {
height: 14px;
border-bottom: 2px solid #d8d8d8;
text-align: center;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 18px;
width: 80%;
}
.shopCtaComponent-title span {
font-size: 20px;
background-color: #f4f4f4;
padding: 1rem;
}
.shopCtaComponent-media {
text-align: center;
padding: 0.5rem;
margin-top: 90px;
}
.av-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 1.5rem;
margin-right: 0;
margin-left: 0;
border-width: .2rem;
text-align: left;
}
.av-media-icon {
width: 40px;
margin-top: -8px;
margin-right: 1rem;
}
.av-media-title {
font-size: 20px;
color: #111111;
font-weight: 600;
margin-bottom: 18px;
}
.av-paymentPage-btn {
width: 287px;
margin: auto;
display: block;
height: 24px;
margin-top: 12px;
color: white;
font-size: 16px;
margin-bottom: 66px;
}
.av-paymentPage-btn a {
background: #1db855;
width: 100%;
color: white !important;
font-size: 16px;
height: 100%;
padding-top: 11px;
}
[dir="rtl"] .shopCtaComponent-button-img {
transform: rotate(180deg);
}
/* Verbolia's links */
.seo-lp-wrapper {
display: flex;
flex-direction: column;
margin-top: -40px;
margin-bottom: 40px;
}
.seo-lp-list {
list-style: none;
margin: 0;
padding: 10px;
border-radius: 8px;
background: white;
display: flex;
flex-wrap: wrap;
}
.seo-lp-item {
margin: 6px;
line-height: 24px;
}
.seo-lp-anchor:hover {
color: #2e6bff;
border: solid 1px #2e6bff;
background-color: #2e6bff19;
text-decoration: none !important;
}
.seo-lp-anchor:focus {
color: white;
border: solid 1px #2e6bff;
background-color: #2e6bff;
text-decoration: none !important;
}
.seo-lp-anchor {
padding: 5px 18px;
display: inline-flex;
line-height: inherit;
background-color: #fff;
overflow: hidden;
border-radius: 14px;
border: solid 1px #9b9b9b;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #666666;
}
.backdrop-56916726 {
display: none;
z-index: 999;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
}
#dates-container-40151061 {
position: relative;
}
#dates-btn-11002961 {
font-size: 16px;
max-width: 266px;
width: 100%;
height: 48px;
border-radius: 4px;
border: solid 1px #9b9b9b;
background-color: white;
padding: 14px 12px;
display: flex;
align-items: center;
}
/* @noflip */
#dates-btn-11002961 :last-child {
margin-left: auto;
}
/* @noflip */
#dates-btn-11002961 > * + span {
padding-left: 12px;
}
#calendar-15844498 {
display: none;
position: absolute;
width: 808px;
top: calc(66px);
background-color: white;
box-shadow: 0 8px 38px 0 rgba(0, 0, 0, 0.1);
border-radius: 8px;
z-index: 1000;
}
#dates-text-18804550 {
text-transform: capitalize;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.litepicker {
font-size: 16px;
position: absolute;
max-width: 808px;
top: calc(66px);
background-color: white;
box-shadow: 0 8px 38px 0 rgba(0, 0, 0, 0.1);
border-radius: 8px;
z-index: 1000;
box-sizing: border-box;
display: flex !important;
flex-direction: column;
justify-content: space-between;
padding: 32px 32px 38px 32px;
}
.container__footer {
display: none;
}
.day-item {
transition: all !important;
padding: 0 !important;
display: flex;
justify-content: center;
height: var(--dayHeight);
line-height: var(--dayHeight);
font-weight: normal !important;
cursor: pointer !important;
}
.button-cancel,
.button-apply {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1.2px;
font-weight: 500;
}
.container__main {
margin-bottom: 39px;
}
.month-item-header {
padding: 0 !important;
border: 1px solid #d0d0d0;
border-radius: 24px;
text-transform: capitalize;
height: 48px;
}
.month-item-name,
.month-item-year {
color: #2d2d2d;
font-weight: 500 !important;
}
.button-next-month > svg,
.button-previous-month > svg {
vertical-align: middle !important;
fill: #2d2d2d !important;
}
.button-next-month,
.button-previous-month {
cursor: pointer !important;
}
.no-previous-month > .month-item-header > .button-previous-month {
visibility: visible !important;
pointer-events: none !important;
}
.no-previous-month > .month-item-header > .button-previous-month > svg {
fill: #d0d0d0 !important;
}
.month-item-weekdays-row {
text-transform: capitalize;
font-weight: 300 !important;
color: #9b9b9b !important;
}
.month-item-weekdays-row > * {
font-size: 14px !important;
}
.container__months {
border-radius: 0 !important;
box-shadow: none !important;
width: 100% !important;
justify-content: space-between;
}
.is-start-date,
.is-end-date {
border-radius: 50% !important;
transform-style: preserve-3d;
}
.is-start-date::after {
content: '';
position: absolute;
/* @noflip */
right: 0;
width: 24px;
height: 48px;
background-color: #eaf0ff;
transform: translatez(-1px);
}
/* @noflip */
.day-item:not(.is-locked):not(.is-start-date):not(.is-end-date):hover {
background-color: transparent !important;
border-radius: 50% !important;
color: #2e6bff !important;
/* @noflip */
box-shadow: inset 0px 0px 0px 2px #2e6bff !important;
}
.day-item:not(.is-locked):not(.is-start-date):not(.is-end-date):hover::after {
content: none;
}
.is-end-date::after {
content: '';
position: absolute;
/* @noflip */
left: 0;
width: 24px;
height: 48px;
background-color: #eaf0ff;
transform: translatez(-1px);
}
.is-end-date.is-start-date::after {
content: none;
}
.is-start-date:hover,
.is-end-date:hover {
box-shadow: none !important;
}
.day-item.is-in-range:not(.is-end-date) {
background-color: #eaf0ff !important;
}
.day-item.is-in-range:hover:not(.is-end-date) {
/* @noflip */
box-shadow: inset 0px 0px 0px 2px #2e6bff !important;
border-radius: 50% !important;
background-color: transparent !important;
color: #2e6bff !important;
transform-style: preserve-3d;
}
.day-item.is-in-range:not(.is-end-date):hover::after {
content: '' !important;
position: absolute;
top: 0;
left: 0;
/* @noflip */
right: 0;
width: 100%;
height: 100%;
background-color: #eaf0ff !important;
transform: translatez(-1px);
}
.day-item.is-locked:not(.is-start-date) {
position: relative;
}
.day-item.is-locked:not(.is-start-date)::after {
/* line-through */
content: '';
border-bottom: 1px solid;
width: 20px;
position: absolute;
top: 50%;
left: 0;
/* @noflip */
right: 0;
margin: auto;
}
.day-item.no-backward {
pointer-events: none;
}
#booking_preview_0 {
display: none;
flex-direction: row;
margin-bottom: 24px;
}
[dir=rtl] #booking_preview_0 {
font-family: Tajawal !important;
}
#checkin_preview_0 {
margin-right: 44px;
}
#checkout_preview_0 {
margin-right: 65px;
}
#checkin_preview_0::after {
content: '';
display: block;
position: absolute;
top: 50%;
bottom: 50%;
left: calc(116%);
width: 12px;
background-color: #d8d8d8;
height: 1px;
}
#checkout_preview_0::after {
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: calc(132%);
height: 48px;
width: 1px;
background-color: #f2f2f2;
}
#checkin_preview_0,
#checkout_preview_0 {
position: relative;
}
#checkin_preview_0,
#checkout_preview_0,
#stay_0 {
display: flex;
flex-direction: column;
}
#checkin_preview_0 > *:first-child,
#checkout_preview_0 > *:first-child,
#stay_0 > *:first-child {
color: #666;
font-size: 12px;
}
[dir=rtl] #checkin_preview_0 > *:first-child,
[dir=rtl] #checkout_preview_0 > *:first-child,
[dir=rtl] #stay_0 > *:first-child {
font-size: 14px;
font-weight: 500px;
}
#checkin_preview_0 > *:nth-child(2),
#checkout_preview_0 > *:nth-child(2),
#stay_0 > *:nth-child(2) {
color: #2d2d2d;
font-size: 20px;
}
[dir=rtl] #checkin_preview_0 > *:nth-child(2),
[dir=rtl] #checkout_preview_0 > *:nth-child(2),
[dir=rtl] #stay_0 > *:nth-child(2) {
font-weight: 500;
}
#instructions_0 {
display: flex;
flex-direction: column;
margin-bottom: 24px;
}
[dir=rtl] #instructions_0 {
font-family: Tajawal !important;
}
#instructions_0 > :first-child {
font-size: 20px;
color: #2d2d2d;
}
[dir=rtl] #instructions_0 > :first-child {
font-size: 24px;
font-weight: 500;
}
.month-item {
padding: 0 !important;
}
.day-item.is-start-date.is-locked:hover {
color: white !important;
}
/* RTL Styles */
/* @noflip */
[dir=rtl] .button-previous-month,
[dir=rtl] .button-next-month {
transform: scaleX(-1);
}
[dir=rtl] .month-item-name {
margin-right: 0 !important;
/* @noflip */
margin-left: 5px;
}
[dir=rtl] #dates-btn-11002961 :last-child {
margin-left: 0 !important;
/* @noflip */
margin-right: auto;
}
[dir=rtl] #dates-btn-11002961 > * + span {
padding-left: 0 !important;
/* @noflip */
padding-right: 12px;
}
[dir=rtl] .is-end-date::after {
left: auto !important;
/* @noflip */
right: 0;
}
[dir=rtl] .is-start-date::after {
right: auto !important;
/* @noflip */
left: 0;
}
[dir=rtl] .container__days > * {
font-family: Rubik !important;
}
[dir=rtl] .litepicker,
[dir=rtl] #dates-btn-11002961 > * {
font-family: Tajawal !important;
}
[dir=rtl] .footer_1_ > * {
font-family: Tajawal !important;
}
/* Redirection alert */
.alert_wrapper_0 {
display: none;
overflow: hidden;
border-radius: 4px;
max-width: 980px;
margin-right: auto;
margin-left: auto;
margin-bottom: 5px;
}
.redirection-alert {
position: relative;
display: flex;
background-color: #eaf0ff;
border: 1px solid #2e6bff;
border-left-width: 3px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 12px;
}
.redirection-alert * {
color: #2d2d2d;
}
.alert-content {
display: flex;
width: calc(100% - 17px - 24px - 32px);
}
.redirection-alert .left_icon_1 {
padding-right: 12px;
flex-shrink: 0;
}
.redirection-alert .alert-close_1 {
position: absolute;
right: 17px;
top: 18px;
background-color: transparent !important;
border: 0 !important;
cursor: pointer;
}
.redirection-alert > .alert-content > div > * {
margin: 0 !important;
}
.alert-title {
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
}
.alert-message {
font-weight: normal;
font-size: 14px;
}
.alert-action {
margin-left: auto;
padding-top: 10px;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
align-self: flex-start;
}
/* RTL Styles */