/*
WELCOME TO THE ATOMIA 2.0 STRAWBERRY MILK THEME STYLESHEET
Copyright 2009-2014 Atomia AB
Author: Dejan Bondzic
*/

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                     RESET                       */
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600);

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
*, *:before, *:after {box-sizing: border-box;-moz-box-sizing: border-box }

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: 600;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover 
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                TYPOGRAPHY                       */

/* Fonts in use
       Oswald: 300, 400, 700
       Dosis: 300, 500
       Courgette: 400
*/

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\                             MAIN FONT SIZE                       */

	html, .formrow > *, .data-row > *, .col_set > *, .addons li, .action-button ul > * { /* Reset sub element font size to default */
		font-size: 14px;
	}
	.formrow, .data-row, .col_set, .addons, .action-button ul { /* Elements with no space between them*/
	    font-size: 0 !important;
	}
	.formrow, .data-row {
		margin: 1rem 0 /* 1em 0 */
	}
	.col_set {
		margin: 2rem 0 /* 2em 0 */
	}
	.card_content > .formrow {
	    margin: 0 2rem /* 0 2em */
	}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

.settingsbox h3, .head_tray h3, .iconbox h3, .iconbox h4, #sidebar h3, #signed ul:before, .preview-paper-mid h1 {
	font-family: 'Titillium Web', sans-serif;
    font-size: 2.8em;
    font-weight: 300;
    margin: 1em 0 .4em;
    color: #7d7971
}
.breadcrumb + .settingsbox > h3:first-child {
	margin-top: -.2em
}
.iconbox h3 {
	border-bottom: .05em solid;
	position: relative;
	margin: 1.4em 0 .8em
}
.iconbox h3:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -.12em;
	border-bottom: .03em solid;
	width: 100%
}
.iconbox h4 {
	font-size: 2.4em;
	margin: .8em 0 .4em
}
.settingsbox h4, .notification h4, .settingsbox > h5, .iconbox a, .overview-widget h5, .ui-dialog-title, .ui-dialog-content h4, .ui-dialog-content > h5 {
	font-weight: 300;
	font-size: 2em;
	text-transform: uppercase;
    margin: 1.2em 0 .6em
}
.settingsbox h4 span {
    font-size: .5em;
    text-transform: none;
    line-height: 1em
}
h4.fancy {
	font-family: Titillium Web,sans-serif;
	text-transform: none
}
h4.fancy:first-child {
    margin-top: 0
}
h4.fancy strong {
	font-weight: 500;
	color: #423c32
}
.settingsbox > h5 {
	font-size: 1.1em;
	font-weight: 700
}
p {
    margin: .8em 0
}
a {
    color: #232324;
	text-decoration: none
}
a:hover {
    color: #b5004c;
}
.settingsbox a {
	text-decoration: underline
}
.notice, .success, .warning, .error {
	color: #423c32;
	padding: 2.5em 2em 2.5em 7.4em;
	position: relative
}
span.notice, span.success, span.warning, span.error {
	padding: 0 1em 0 4em;
	display: inline-block;
	vertical-align: middle
}
.notice:before, .success:before, .warning:before, .error:before, tr.notice .reason:before, .infotip:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 5.25em;
	height: 100%;
}
.notice:after, .success:after, .warning:after, .error:after, tr.notice .reason:after, .infotip:after {
	position: absolute;
	left: .4em;
	top: 50%;
	margin-top: -.5em;
	font-family: 'atomicons';
	font-size: 3em;
	color: #fff
}
tr.notice:before, tr.success:before, tr.warning:before, tr.error:before, tr.notice:after, tr.success:after, tr.warning:after, tr.error:after {
	content: none;
}

span.notice:before, span.success:before, span.warning:before, span.error:before {
	width: 3em;
}
span.notice:after, span.success:after, span.warning:after, span.error:after {
    left: 0.5em;
    margin-top: -0.85em;
    font-size: 1.5em;
}
.notice h4, .success h4, .warning h4, .error h4 {
	margin: 0 0 .4em
}
.notice, tr.notice .reason, .infotip {
	background-color: #c5e5fc;
}
.notice:before, tr.notice .reason:before, .infotip:before {
	background-color: #3fa9f5;
}
.notice:after, tr.notice .reason:after, .infotip:after {
	content: '\e617';
}
.success {
	background-color: #ddeec6;
}
.success:before {
	background-color: #8dc640;
}
.success:after {
	content: '\e626';
}
.warning {
	background-color: #fee4bc;
}
.warning:before {
	background-color: #fba621;
}
.warning:after {
	content: '\e628';
}
.error {
	background-color: #edbcc6;
}
.error:before {
	background-color: #99C809;
}
.error:after {
	content: '\e633';
}
hr {
	border-top: 4px dashed rgba(0, 0, 0, 0.1);
	margin: 3em 0
}
em {
	font-style: normal
}
::selection {
	background-color: #99C809;
	color: #fff
}
::-moz-selection {
	background-color: #99C809;
	color: #fff
}
dl {
	line-height: 2.6em
}
dt {
	display: inline-block;
	width: 30%
}
dd {
	display: inline-block;
	width: 68%
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                   HELPERS                       */

.right {
	text-align: right!important;
}
.left {
	text-align: left!important;
}
.center {
	text-align: center!important;
}
.float_left {
	float: left !important
}
.float_right {
	float: right !important
}
.float_none {
	float: none !important
}
.fade, .quiet {
	opacity: .5
}
em.quiet {
	margin-left: 1em
}
.fine-print {
    font-size: .8em;
    opacity: .5;
    display: inline-block;
    line-height: 1.2em
}
.button .fine-print {
	display: block;
	margin: -.4em 0 .4em;
	opacity: 0.8;
	font-weight: 300;
}
.button .fine-print .separator {
	display: inline-block;
	padding: 0 .3em
}
.auto-width {
    width: auto !important
}
.half-width {
	width: 50% !important
}
br.clear {
	display: none
}
.nowrap {
    white-space: nowrap
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                             FORM ELEMENTS                       */

*:focus, *:active {
	outline: none
}
input[type=text], input[type=password], textarea, select, label.select, .tags, #inputMeter, .fancy-dropdown > span {
	/*font-family: 'dosis', cursive;*/
		font-family: 'Titillium Web', sans-serif;
    font-size: 1.3333em;
    color: #99C809;
    background-color: #fff;
    line-height: 2.0003em;
    height: 2.0003em;
    width: 20.85em;
    padding: 0 1em;
    border: none;
    border-radius: 0
}
textarea, .tags {
	height: 20em
}


::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}
input[type='checkbox'], input[type='radio'] {
	display: none
}
input[type='checkbox'] + label, input[type='checkbox'] + input[type='hidden'] + label, input[type='radio'] + label {
	display: inline-block;
	width: 1.22em;
	height: 1.22em;
	background-color: #fff;
	border: 1px solid #ccc;
    position: relative;
    top: .1em
}
.ui-widget-content input[type=text], .ui-widget-content input[type=password], .ui-widget-content textarea, .ui-widget-content select, .ui-widget-content label.select, .ui-widget-content input[type='checkbox'] + label, .ui-widget-content input[type='checkbox'] + input[type='hidden'] + label, .ui-widget-content input[type='radio'] + label, .ui-widget-content .tags,
.form_dialog input[type=text], .form_dialog input[type=password], .form_dialog textarea, .form_dialog select, .form_dialog label.select, .form_dialog input[type='checkbox'] + label, .form_dialog input[type='checkbox'] + input[type='hidden'] + label, .form_dialog input[type='radio'] + label, .form_dialog .tags {
	box-shadow: 0 0 3em rgba(0,0,0,0.05)
}
.ui-dialog .ui-widget-content input[type=text] {
	background-color: #fff
}
h4 input[type='checkbox'] + label, h4 input[type='checkbox'] + input[type='hidden'] + label, h4 input[type='radio'] + label {
    top: -.1em;
    font-size: .5em
}
input[type='radio'] + label {
    border-radius: 50%
}
input[type='checkbox']:checked + label, input[type='checkbox']:checked + input[type='hidden'] + label, input[type='radio']:checked + label {
    background-color: #99C809;
 	box-shadow: 0 0 0 3px #fff inset;
}
.ui-widget-content input[type='checkbox']:checked + label, .ui-widget-content input[type='checkbox']:checked + input[type='hidden'] + label, .ui-widget-content input[type='radio']:checked + label {
 	box-shadow: 0 0 0 3px #f1f1ec inset;
}
input[type=text].date-input {
	width: 7em
}
.formrow, .data-row {
    line-height: 48px;
}
.formrow h5, .data-row > strong {
    display: inline-block;
    width: 20%;
    margin-right: 2%;
    color: #423c32;
    vertical-align: top;
}
.formrow h5 label {
    margin-left: .8em;
    opacity: .7
}
.formrow h5 .required {
    margin-left: 0;
    color: #423c32;
    opacity: 1
}
.formrow h5 .required span, .formrow h5 span.required, span.required {
    color: #232324;
    font-size: 1.4em
}
.formrow .col2row, .data-row > span {
    display: inline-block;
    width: 78%
}
.input_prefix > span {
    position: absolute;
    line-height: 48px;
    margin-left: 1em
}
.input_prefix input[type=text] {
    padding-left: 2em
}
.actions {
    margin-top: 4em
}
label.select {
    position: relative;
    display: inline-block;
    background-color: #fff;
    width: 20.84em;
    padding: 0;
    overflow: hidden;
    vertical-align: middle
}
label.select:after, .adv_combo_box:after, .fancy-dropdown:after {
	content: "";
	width: 0;
	height: 0;
	border: .3em solid transparent;
	border-top-color: #423c32;
    position: absolute;
    top: 1em;
    right: .58em;
    pointer-events: none
}
label.select select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    font-size: 1em;
    padding: 0 .5em 0 1em;
    width: 135%
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Targetting Webkit browsers only. */
    label.select select {
    	width: 100%;
	    padding: 0 1.5em 0 1em;
	    width: 110%
    }
}
input[type=text].errorinfo, input[type=text].input-validation-error, input[type=password].errorinfo, input[type=password].input-validation-error, textarea.errorinfo, textarea.input-validation-error, select.errorinfo, select.input-validation-error {
	box-shadow: 6px 0 0 #fba621 inset;
	background-color: #fee4bc;
}
input[type=radio].errorinfo + label, input[type=radio].input-validation-error + label, input[type=checkbox].errorinfo + label, input[type=checkbox].errorinfo + input[type=hidden] + label, input[type=checkbox].input-validation-error + label, input[type=checkbox].input-validation-error + input[type=hidden] + label {
	background-color: #fee4bc;
	border-color: #fba621
}
p.errorinfo, p.input-validation-error, span.input-validation-error, span.field-validation-error {
	color: #423c32;
	margin: .4em 0 0 .4em;
	line-height: 1.4em;
	opacity: .7;
}
span.input-validation-error, span.field-validation-error {
	display: block
}
/*
p.errorinfo:before {
	content: '\e628';
	font-family: 'atomicons';
	color: #fba621;
	font-size: 1.4em;
	vertical-align: top;
	margin-right: 0.3em;	
}
*/
#cc-box {
	margin-left: 4em
}
#ccv, #SelectedPaymentMethod_Form_CardSecurityCode {
	width: 9em
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                      TAGS                       */

.tags {
	padding: 1em;
	font-size: 1em;
	width: 27.8em
}
.tags li, .tag {	
	/*font-family: 'Oswald', sans-serif;*/
		font-family: 'Titillium Web', sans-serif;
	text-transform: uppercase;
	display: inline-block;
	padding: 0 .5em;
	margin: .2em .1em;
	background-color: #68635b;
	color: #fff
}
.tags li.tag_input {
	background-color: transparent
}
.tags a {
	font-size: .9em;
	display: inline-block;
	text-indent: -20em;
	overflow: hidden;
	width: 1.2em;
	height: 1.2em;
	position: relative;
	top: .03em;
	left: .2em;
	color: #fff;
	opacity: .3
}
.tags a:hover {
	opacity: 1
}
.tags a:before {
	content: '\e606';
	font-family: atomicons;
	position: absolute;
	top: -.45em;
	right: -18.9em
}
.tags input {
	width: 2em;
	min-width: 2em;
	padding: 0
}
.tag {
	font-size: .8em;
	cursor: pointer
}
.tag:hover {
	background-color: #908a80
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                              MODAL DIALOG                       */

.ui-widget-overlay {
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-dialog {
	background-color: #f1f1ec;
	min-width: 50em
}
.ui-dialog > * {
	padding: 1em 2em
}
.ui-dialog-titlebar {
	background-color: #99C809;
	color: #fff;
	position: relative;
	cursor: move
}
.ui-dialog-title {
	font-size: 1.4em
}
.ui-dialog-titlebar-close span {
	display: none
}
.ui-dialog-titlebar-close:before {
	content: "\e605";
	font-family: atomicons;
	font-size: 2.2em;
	position: absolute;
	top: .43em;
	right: .7em;
	color: rgba(255,255,255,0.24)
}
.ui-dialog-titlebar:hover .ui-dialog-titlebar-close:before {
	color: rgba(255,255,255,0.5)
}
.ui-dialog-titlebar .ui-dialog-titlebar-close:hover:before {
	color: #fff
}
.ui-dialog-content {
	padding: 3em 2em 2em;
	height: auto !important
}
.ui-dialog-content h4, .ui-dialog-content h5 {
	margin-top: 0
}
.ui-dialog-buttonpane {
	padding-bottom: 2em
}
.ui-dialog-buttonpane button + button {
	margin-left: .6em;
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                               FORM DIALOG                       */

.form_dialog, .ui-tabs-panel, .bulk {
	display: block;
	padding: 3em;
	margin: 3em 0px;
	background-color: #f7f7f5;
	box-shadow: 0 0 3em rgba(0,0,0,0.05), 0 0 3em #fff inset;
}
.form_dialog > h4:first-child {
	margin-top: 0
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                               DATE PICKER                       */

.ui-daterangepickercontain, .ui-datepicker {
	position: absolute;
	z-index: 20;
	background-color: #f1f1ec;
	box-shadow: 0 0 5em rgba(0, 0, 0, 0.18);
}
.ui-datepicker {
	display: none
}
.ui-datepicker-header {
	background-color: #99C809;
	color: #fff;
	text-align: center;
	position: relative
}
.ui-datepicker-calendar {
	margin: 0
}
.ui-datepicker-calendar th, .ui-datepicker-calendar td {
	padding: .5em 1em;
	text-align: center
}
.title-start, .title-end {
	display: none
}
.ui-datepicker-title {
	text-transform: uppercase;
	font-size: 1.4em;
	padding: 1em 0;
}
.ui-datepicker-month {
	font-weight: 300;
}
.ui-datepicker-year {
	font-size: 1.7em;
	font-weight: 300;
}
select.ui-datepicker-month, select.ui-datepicker-year {
	background-color: transparent;
	color: #fff;
	width: auto;
	-webkit-appearance: none;
	padding: 0 .1em;
	vertical-align: inherit;
	cursor: pointer
}
td.ui-datepicker-week-end {
	box-shadow: 0 0 0 3em rgba(194, 31, 66, 0.1) inset
}
.ui-datepicker-today {
	text-decoration: underline
}
.ui-datepicker-current-day {
	background-color: #8dc640 !important;
}
.ui-datepicker-current-day a {
	color: #fff;
}
.ui-datepicker-other-month {
	color: rgba(125, 121, 113, 0.2)
}
.ui-datepicker-prev, .ui-datepicker-next {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	width: 1em;
	height: 1em;
}
.ui-datepicker-prev:before, .ui-datepicker-next:before {
	opacity: .3;
	color: #fff;
	cursor: pointer;
	font-size: 1.2em
}
.ui-datepicker-prev:hover:before, .ui-datepicker-next:hover:before {
	opacity: 1
}
.ui-datepicker-prev {
	left: .5em;
}
.ui-datepicker-next {
	right: .5em;
}
.ui-datepicker-prev span, .ui-datepicker-next span {
	font-size: 0
}
.ui-daterangepicker .btnDone {
	display: none !important
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                    LAYOUT                       */

html {
	height: 100%
}
body {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	background-color: #E4E4EA;
	color: #68635b;
	min-height: 100%;
    padding-bottom: 200px;
	position: relative;
}
header {
	height: 4.1667em;
	background-color: #232324;
	text-align: right
}
footer {
	height: 7.333em;
	background-color: #423c32;
	color: #f1f1ec;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 15px 0
}
.margins {
	width: 80em;
	margin: 0 auto
}
.col_set.tight {
	padding: 0;
}
.col_set > * {
	display: inline-block;
	vertical-align: top;
	margin: 0 2% 0 0
}
.col_2:last-child, .col_3:last-child {
	margin-right: 0
}
.col_2 {
	width: 49%
}
.col_3 {
	width: 32%
}
.col_4 {
	width: 23%;
}
.col_5 {
	width: 18%;
}
.col_set > div > h4 {
	margin-top: 0;
}
.inline_col {
	display: inline-block;
	vertical-align: top
}
.no_gutter .col_2, .no_gutter .col_3, .no_gutter .col_4, .no_gutter .col_5 {
	margin-right: 0
}
.no_gutter .col_2 {
	width: 50%
}
.no_gutter .col_3 {
	width: 25%
}
.no_gutter .col_4 {
	width: 25%;
}
.no_gutter .col_5 {
	width: 20%;
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                    HEADER                       */

#logo {
    display: inline-block;
    overflow: hidden;
    height: 4.1667em;
    float: left;
	background-image: url("../../img/logo.png");
	border: 0px solid #FFF;
	margin-top: 15px;
	height: 34px;
	width: 134px;	
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                    FOOTER                       */

footer p {
    margin: 0
}
#footer_demo {
	text-transform: uppercase;
	line-height: 2em
}
#copyright_placeholder {
	opacity: .5;
	line-height: 2em
}
#footer_version {
	opacity: .3;
	font-size: .8em;
	margin-top: .5em
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                     TOP MENU NAV & ADDONS                       */

header nav, header nav ul, .addons {
	display: inline-block;
	vertical-align: top
}
.addons {
	vertical-align: top;
}
#apps > li, .addons > li, #atoms > li {
	display: inline-block;
	vertical-align: top;
	position: relative
}
.addons li .submenu:after, #atoms li .submenu:after, .action-button .submenu:after, .action-menu > span:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .22em;
	vertical-align: middle;
	border: .25em solid transparent;
	border-top-color: #fff;
}
header li a, header li > span, #atoms li a, #atoms li > span, .action-button ul ul a, .action-menu a {
	color: #fff;
	padding: 0 2em;
	display: block;
	height: 4.1667em;
	line-height: 4.1667em;
	position: relative;
	text-transform: uppercase;
	cursor: pointer
}
header li.active:before, #atoms li.active:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border: 1.12em solid transparent;
	border-bottom-color: #fff;
	margin-left: -1em;
	position: absolute;
	bottom: 0;
	left: 50%;
}
#atoms li.active:before {
	margin-left: -1.12em;
	border-bottom-color: #f1f1ec;
}
header li > a:hover, header li > span:hover, header li .opened, .addons li a.opened {
	background-color: #fff;
	color: #423c32;
}
.addons li .submenu:hover:after, .addons li .submenu.opened:after {
	border-top-color: #423c32;
}
.addons li a {
	color: #fff;
	padding: 0 2em;
	display: block;
	height: 4.1667em;
	line-height: 4.1667em;
	position: relative;
}
#head_cart_trigger:before {
	font-size: 1.4em;
	position: absolute;
	top: .55em;
	left: 50%;
	margin-left: -.5em
}
#head_cart_trigger span, #sidebar_trigger span {
	/*font-family: 'Oswald', sans-serif;*/
		font-family: 'Titillium Web', sans-serif;
	font-size: .7em;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	line-height: 1.42em;
	min-width: 1.35em;
	border-radius: .71em;
	padding: 0 .35em;
	background-color: #fff;
	color: #232324;
	position: relative;
	top: -1.269em;
}
.addons li #head_cart_trigger:hover span, .addons li #head_cart_trigger.opened span {
	background-color: #423c32;
	color: #fff
}
#head_cart_trigger span.empty {
	opacity: .5
}
#signed span.submenu {
	text-indent: 2em;
	overflow: hidden;
	width: 0
}
#signed span.submenu:before {
	content: '\e61f';
	font-family: atomicons;
	font-size: 2em;
	position: absolute;
	left: -.5em;
}
#signed ul:before {
	content: attr(data-signed-user);
	margin: 0 auto 0.5em;
	width: 28.5em;
	display: block;
	text-align: right;
}
#signed ul li {
	width: 80em;
	margin: 0 auto;
	padding: 0 0 0 72em;
}
#signed ul li a {
	text-transform: none;
	padding: 0
}
#signed ul li a:before {
	font-family: atomicons;
	font-size: 2em;
	margin-right: .8em;
	vertical-align: top
}
#signed ul li:first-child a:before {
	content: "\e61f";
}
#signed ul li:last-child a:before {
	content: "\e654";
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                              SUBHEAD MENU                       */

#subhead_menu {
	height: 3.4445em;
    line-height: 3.4445em;
    background-color: #fff;
}
#subhead_menu .margins {
    position: relative
}
#atoms {
	position: absolute;
	right: 0;
	top: 0
}
#atoms li .submenu:after {
	border-top-color: #68635b
}
#atoms li.active:before {
	border-width: .8em;
	margin-left: -.7em;
}
#atoms > li > a, #atoms > li > span {
    color: #68635b;
	padding: 0 1em;
	line-height: 3.4445em;
	height: 3.4445em;
}
#atoms > li > a:hover, #atoms > li > span:hover, #atoms a.opened, #atoms span.opened, #sidebar_trigger:hover, #sidebar_trigger.opened, .action-button .submenu.opened, .action-menu > span.opened {
	background-color: #68635b;
	color: #fff
}
#atoms li .submenu:hover:after {
	border-top-color: #fff
}
#atoms ul, .action-button ul ul, .action-menu ul {
	position: absolute;
	width: 18em;
	width: 18rem;
	background-color: #68635b;
	z-index: 20
}
#atoms ul a, #atoms ul li.separator, .action-button ul ul a, .action-menu a {
	color: #fff;
	line-height: 1.5em;
	height: auto;
	padding: .8em 2em
}
.app_hcp #atoms ul a{
	padding-left: 5em
}
#atoms ul li.separator {
	color: rgba(255,255,255,0.5);
	padding: .5em 1.5em;
	border-top: .2em dotted rgba(255, 255, 255, .12);
}
#atoms ul li.current a {
	background-color: rgba(255,255,255,0.2);
}
#atoms ul li a:hover, .action-button ul ul a:hover, .action-menu a:hover {
	background-color: #b3b0ac;
	color: #68635b
}
#atoms ul li {
    position: relative;
}
.app_hcp [id^="menuItem"] a:before {
	position: absolute;
	left: .9em;
	top: 50%;
	margin-top: -.75em;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	padding-left: .05em;
	font-size: 1.417em;
	background-color: #fff;
	color: #68635b;
	border-radius: 50%;
}
.app_hcp [id^="menuItem"] a:hover:before {
	background-color: #68635b;
	color: #b3b0ac
}
#atoms ul li.separator:before {
	content: none
}
#blatest {
	position: absolute;
	left: 1.6em;
	top: 50%;
	margin-top: -1em;
	color: #68635b;
	width: 1.8889em;
	height: 1.8889em;
	text-align: center;
	z-index: 20
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                     MENUS                       */

.action-button .submenu, .action-menu > span {
	position: relative;
	cursor: pointer
}
.action-button .submenu:after, .action-menu > span:after {
	
}
.action-button ul ul, .action-menu ul {
	display: none;
	position: absolute;
	width: 12em;
	width: 12rem;
}
.action-menu {
	display: inline-block;
	position: relative
}
.action-menu ul {
	top: 2em;
	right: .2em;
	text-align: right
}
.action-button ul ul a, .action-menu a {
	text-decoration: none
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                 HEAD TRAY                       */

.head_tray, .notification, #signed ul {
	display: none;
	position: absolute;
	left: 0;
	top: 4.1667em;
	width: 100%;
	max-height: 500px;
	padding: 2.4em 0 4em;
	background-color: #fff;
	border-bottom: .45em solid #99C809;
	z-index: 40;
	text-align: left;
	overflow-x: auto;
}
/* Override notification display to let knockout model set it */
.notification {
    display: block;
}
.head_tray h3 {
	margin-top: 0
}
#language_selector .margins {
	text-align: right
}
.lngbox {
	display: inline-block;
	text-align: left
}
#language_selector li {
	line-height: 2.6em
}
#language_selector a, #signed a {
	color: #68635b;
	padding: 0;
	display: inline;
	line-height: 2.6em;
	text-transform: none;
}
#language_selector a:hover, #signed a:hover {
	color: #99C809;
}
#language_selector a:hover span {
	background-color: #99C809
}
#language_selector span {
	text-transform: uppercase;
	background-color: #68635b;
	color: #fff;
	border-radius: 50%;
	width: 1.8889em;
	height: 1.8889em;
	display: inline-block;
	margin-right: 1.6em;
	text-align: center;
	line-height: 1.8889em
}
#head_cart th:last-child, #head_cart td:last-child {
	background-color: transparent
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                              NOTIFICATION                       */

.notification {
    position: fixed;
    top: 0;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.95)
}
.notification .margins {
    padding: 4em 0 4em 8em;
    position: relative
}
.notification .margins:after {
    content:'\e617';
    position: absolute;
    left: .4em;
    top: 50%;
    margin-top: -.5em;
    font-family: 'atomicons';
    font-size: 4.3em;
    color: #3fa9f5;
}
.notification .icn_close {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.5em;
    color: #dfdfdf;
    font-size: 2.4em;
}
.notification .icn_close:hover {
    color: #aaa
}
    .notification h4 {
    margin: 0
}
.notification p {
    margin: .3em 0 0
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                   SIDEBAR                       */

#sidebar_trigger {
	position: absolute;
	padding: 0 .6223em;
	cursor: pointer;
	font-family: atomicons;
	font-size: 1.6em;
	z-index: 30
}
#sidebar_trigger span {
	margin-left: .4em;
	font-size: .45em;
	display: inline-block;
	top: -.45em;
	background-color: #68635b;
	color: #fff
}
#sidebar_trigger:hover span, #sidebar_trigger.opened span {
	background-color: #fff;
	color:	#68635b
}
#sidebar {
	position: absolute;
	left: 0;
	top: 4.1667em;
	width: 46em;
	padding: 4em;
	border-top: 3.4445em solid #68635b;
	border-right: .3em solid #68635b;
	border-bottom: .3em solid #68635b;
	background-color: #fff;
	z-index: 20;
}
.messagebox li {
	padding: 1em 2em .6em 4em;
	position: relative
}
.messagebox li .icn_warning, .messagebox li .icn_info {
	font-size: 2em;
	position: absolute;
	left: .5em;
	top: .55em
}
.messagebox li .icn_warning {
	color: #fba621;
}
.messagebox li .icn_info {
	color: #3fa9f5;
}
.messagebox li .icn_close:before {
	position: absolute;
	right: 0;
	top: .9em;
	font-size: 1.5em;
	color: rgba(171,171,171,0.2)
}
.messagebox li:hover .icn_close:before {
	color: #aaa
}
.messagebox li .icn_close:hover:before {
	color: #444
}
.messagebox li .fine-print {
	font-size: .8889em;
	font-weight: 300;
	line-height: 1em
}
#sidebar h3 {
	position: relative
}
[class^="sbox_"], [class*=" sbox_"] {
	font-size: .8em;
	position: absolute;
	right: 1.3em;
	top: .3em
}
.status_bar h4 {
	text-transform: uppercase;
	font-size: 1.2em;
	margin-bottom: .2em
}
.status_bar span {
	font-size: 1.2em;
	position: relative;
	top: -1.75em;
	left: .6em;
	color: #fff;
	text-shadow: 0 0 .8em rgba(0,0,0,.26)
}
.horibar, .horibar div {
	height: 2.4em;
}
.horibar {
	background-color: #779C3E;
}
.horibar div {
	background-color: #8DC640;
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                             GLOBAL SEARCH                       */

#global-search {
	display: inline-block
}
#global-search p {
	margin: 0;
	position: relative;
	display: inline-block
}
#global-search p:before {
	content: '\e637';
	font-family: atomicons;
	position: absolute;
	right: .2em;
	font-size: 2em;
}
#global-search input[type=submit] {
	display: none
}
#global-search input[type=text] {
	padding: 0 2em 0 0;
	width: 0;
	background-color: transparent;
	position: relative;
	z-index: 10;
    -webkit-transition: width 1s ease-in-out, background-color 1s ease-in-out;
    -moz-transition: width 1s ease-in-out, background-color 1s ease-in-out;
    transition: width 1s ease-in-out, background-color 1s ease-in-out;
    cursor: pointer
}
#global-search input[type=text]:focus {
	width: 14em;
	background-color: #fff;
    -webkit-transition: width 1s ease-in-out, background-color 1s ease-in-out;
    -moz-transition: width 1s ease-in-out, background-color 1s ease-in-out;
    transition: width 1s ease-in-out, background-color 1s ease-in-out;
    cursor: text
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                     STATS                       */

#stats {
	margin: 1em 0;
	padding: 0 3em 0 .3em;
	position: relative;
	overflow: hidden;
	height: 3em;
	background-color: #fff;
	transition: height .5s ease 0; 
	-webkit-transition: height .5s ease 0;
	-moz-transition: height .5s ease 0;
}
#stats li {
	display: inline-block;
	line-height: 3rem;
}
#stats .inline-label {
	font-size: 1em;
	padding: 0;
	margin: 0 1em;
	height: auto
}
#stats .inline-label > strong {
	background-color: transparent;
	color: #423c32;
	font-size: 1em;
	padding: 0;
	vertical-align: middle
}
#stats .inline-label > span {
	background-color: #68635b;
	color: #fff;
	padding: .1em .4em;
	border-radius: 1em;
	font-size: 1.1em;
	vertical-align: middle;
	min-width: 1.4em;
	display: inline-block;
	text-align: center;
}
#stats .inline-label.yellow > span, #stats .inline-label.red > span {
	background-color: #d88400
}
#stats .inline-label .fine-print {
	font-weight: 300;
	position: relative;
	top: -.05em;
}
#stats.opened {
	height: 6em
}
#stats_switch {
	position: absolute;
	top: .95rem;
	right: .6rem;
	font-size: 0;
	height: 1.2rem;
	width: 1.2rem;
	color: rgba(104, 99, 91, 0.5);
	transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	-moz-transform: rotateZ(180deg);
	-ms-transform: rotateZ(180deg);
	transition: all .5s ease 0; 
	-webkit-transition: all .5s ease 0;
	-moz-transition: all .5s ease 0;
}
#stats_switch:hover {
	color: #68635b
}
#stats_switch .icn_less:before {
	font-size: 1.2rem;
	vertical-align: top
}
#stats.opened #stats_switch {
	transform: rotateZ(0deg);
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                BREADCRUMB                       */

.breadcrumb {
    font-size: .8em;
    line-height: 3em;
    opacity: .5;
    position: relative;
    z-index: 10
}
.breadcrumb li {
	display: inline-block
}
.breadcrumb li + li:before {
	content: "> ";
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                               QUICK GUIDE                       */

.qg-settingsbox {
	background-color: #232324;
	position: relative;
	margin: 1em 0;
}
#stats ~ #homecontent .qg-settingsbox, #stats ~ .qg-settingsbox {
	margin-top: -.9em
}
.qg-settingsbox > h3 {
	color: #fff;
	font-size: 2em;
	margin: 0 .6em;
	line-height: 1.5em
}
.collapse, .expand {
	font-size: 0
}
.collapse:before, .expand:before {
	position: absolute;
	top: .75em;
	right: .5em;
	font-size: 1.2rem;
	text-decoration: none;
	color: rgba(255,255,255,0.55);
	transition: all .5s ease 0; 
	-webkit-transition: all .5s ease 0;
	-moz-transition: all .5s ease 0;
}
.expand:before {
	transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	-moz-transform: rotateZ(180deg);
	-ms-transform: rotateZ(180deg);
}
#qg-domain h5 {
	display: none
}
#qg_dac {
	position: absolute;
	top: 0;
	left: 200px;
}
#qg_dac:after {
	border-top-color: rgba(255,255,255,.8)
}
#qg_dac > input {
	background-color: transparent;
	color: rgba(255,255,255,.8);
	min-width: 10em;
	max-width: 30em;
	height: 3rem;
	line-height: 3rem
}
#qg_dac ul {
	min-width: 20em;
}
#qg_dac > input:hover, #qg_dac > input:focus {
	background-color: rgba(0, 0, 0, 0.1);
	color: #fff
}
#qg_dac > input::-webkit-input-placeholder { /* WebKit browsers */
    color: rgba(255,255,255,0.4)
}
#qg_dac > input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(255,255,255,0.4)
}
#qg_dac > input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: rgba(255,255,255,0.4)
}
#qg-tabs {
	margin-top: 2em
}
#inputMeter {
	width: auto
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                   INFOTIP                       */

.infotip-btn {
	position: relative;
	cursor: help;
	border-bottom: .2em dotted rgba(63, 169, 245, 0.35)
}
.infotip-btn:after {
	content: "\e617";
	font-family: atomicons;
	font-weight: normal;
	color: #3fa9f5;
	margin-left: .5em;
}
.infotip {
	position: absolute;
	top: 2em;
	left: 0;
	width: 27em;
	padding: 1.5em 1.5em 1.5em 7em;
	line-height: 1.2em;
	font-weight: 300;
	color: #423c32;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear .5s, opacity .5s ease-in-out
}
.infotip-btn:hover .infotip {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s
}
.infotip.notice {
	padding: 1.5em 1.5em 1.5em 7em;
}
.infotip.notice:before {
	width: 5.25em
}
.infotip.notice:after {
	left: .4em;
	margin-top: -.2em;
	font-size: 3em;
}
.infotip strong {
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	margin-bottom: .5em
}
.infotip strong + br {
	display: none
}
.infotip br + strong {
	margin-top: 1.5em
}
.infotip:after {
	margin-top: -.2em
}
strong > .infotip-btn {
	font-weight: 600
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                  PROGRESS                       */

.progress_block {
    background-color: #fff
}
.progress_block + #main {
	margin-top: 3em
}
ol.progress {
    list-style: none;
    background-color: #fff;
    height: 6.5557em
}
.breadcrumb + ol.progress {
	padding-top: 1em;
	margin-top: -2.4em
}
#homecontent ol.progress:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 6.5557em;
	background-color: #fff;
}
#homecontent .breadcrumb + ol.progress:before {
	height: 7.5557em;
	margin-top: -1em
}
ol.progress li {
    display: inline-block;
    position: relative;
    padding: 0 0 0 2.55em;
    margin-right: 3em;
    height: 6.5557em;
    width: 21%;
}
ol.progress li.current:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border: 1.12em solid transparent;
	border-bottom-color: #f1f1ec;
	position: absolute;
	bottom: 0;
	left: 2em;
 
}
ol.progress div, ol.progress .step_no {
    font-size: 3em;
	font-family: 'Titillium Web', sans-serif;
    font-weight: 500;
    line-height: 2.1852em;
    color: #423c32;
    position: absolute;
    left: 0;
    width: .65em;
    text-align: right
}
ol.progress h4, ol.progress .step_title {
    color: #423c32;
    text-transform: uppercase;
    margin-top: 1.95em
}
ol.progress p, ol.progress .step_desc {
    font-size: .92111em;
    color: #423c32;
    margin: 0;
    opacity: .6
}
ol.progress .step_title, ol.progress .step_desc {
	display: block
}
ol.progress a:hover .step_no, ol.progress a:hover .step_title, ol.progress a:hover .step_desc {
	color: #99C809
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                BIG SEARCH                       */

.big_search {
    margin: 5.4em 0
}
.big_search input[type=text] {
    width: 20em
}
.big_search input[type=text] {
    font-size: 2em;
    line-height: 2.167em;
    height: 2.167em;
    padding: 0 1em;
}
.big_search .button.green {
    background-color: #99C809;
    color: #fff;
    font-size: 2em;
    line-height: 2.167em;
    text-transform: uppercase;
    padding: 0 1em;
    margin-left: -.1em;
    display: inline-block
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                 DASHBOARD                       */

.iconbox div div {
	width: 18em;
	height: 14em;
	display: inline-block;
	margin: 0 2.4em 2em 0;
	padding: 1em;
	text-align: center;
	vertical-align: top;
	border-radius: .3em;
	position: relative
}
.iconbox div div:nth-child(4n) {
	margin-right: 0
}
.iconbox div div:hover {
	background-color: rgba(255,255,255,0.5);
	box-shadow: 0 0 3em rgba(0,0,0,0.05);
}
.iconbox div div > span {
	font-size: 6em;
	color: #a31b38
}
.iconbox p {
	color: #a19e98;
	margin-top: 1.8em
}
.iconbox a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 4.2em .5em 0;
	color: #7d7971;
	font-size: 1.8em
}
.iconbox div div > span.icn_customer:before {
	font-size: 0.85em;
	vertical-align: top;
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                      TABS                       */

.ui-tabs-nav, .light-tabs {
	background-color: #232324
}
.ui-tabs-nav li, .light-tabs li {
	display: inline-block
}
.ui-tabs-nav a, .not_a_tab h4, .light-tabs a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 1em 2em;
	display: inline-block;
	vertical-align: middle
}
.ui-tabs-nav .ui-state-active a, .ui-tabs-nav a:hover, .light-tabs li.current a, .light-tabs li:hover a {
	background-color: #f7f7f5;
	color: #423c32;
	box-shadow: 0 0 2em #fff inset
}
.ui-tabs-hide {
	display: none !important
}
.ui-tabs-panel {
	margin-top: 0
}
.not_a_tab {
	color: #fff;
}
.not_a_tab h4 {
	margin: 0;
	font-size: 1.7em;
	line-height: 2em;
	padding: 0em 1em;
}
.not_a_tab.float_right {
	margin: -3.5em 1em 0 0;
}
.not_a_tab.float_right > label {
	vertical-align: middle
}
.light-tabs-group {
	background-color: #f7f7f5;
	box-shadow: 0 0 3em rgba(0,0,0,0.05), 0 0 3em #fff inset;
}
.light-tabs {
	font-size: .9em;
	margin: 2em 0 0;
}
.light-tabs a {
	padding: .6em 1em
}
.not_a_tab {
	padding: 0 1em;
	vertical-align: middle
}
.not_a_tab > label {
	line-height: 2.6em;
	color: rgba(255, 255, 255, 0.85)
}
.not_a_tab > label:hover {
	color: #fff
}
.light-tabs-group > div {
	padding: 2em
}
.light-tabs-group div > h4:first-child {
	margin-top: 0
}
.light-tabs .locked:before {
	padding-right: .4em
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                           OVERVIEW WIDGET                       */

.overview-widget {
	position: relative
}
.settingsboxinner > .overview-widget {
	width: 30em;
	margin: 3em 0
}
.qg-settingsbox .overview-widget h5 {
	margin: .5em 0 .3em 2.6em
}
.overview-widget h5 + a {
	text-decoration: none;
	position: absolute;
	left: 0em;
	top: -0.4em;
	font-size: 4em;
	color: #68635b;
}
.overview-widget > img {
	display: none
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                   INVOICE                       */

.preview-paper-mid {
	background-color: #fff;
	padding: 3em;
	margin: 3em 0;
	box-shadow: 0 0 5em rgba(0, 0, 0, 0.06);
	position: relative
}
.preview-paper-mid h1 {
	margin-top: 0
}
.invoice_details span {
	width: 8em
}
.bill_to {
	position: relative;
	text-align: right;
	width: 18em;
	background-color: #f1f1ec;
	padding: 1em;
	float: right;
	margin: -8em 0 2em;
}
.bill_to span {
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: -6em;
	color: #000;
	text-align: right;
	width: 5em;
}
.preview-paper-mid tbody td {
	border-bottom: 0.2em solid #f1f1ec;
	background-color: #fff !important
}
.preview-paper-mid tfoot td {
	background-color: #fff
}
.preview-paper-mid table {
	border-bottom: 0.45em solid #99C809;
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                           PREMIUM DOMAINS                       */

.domains {
    margin-bottom: 3em
}
.domains li {
	display: inline-block;
    margin: 1em 4em 1em 0;
}
.domain {
	font-family: 'Titillium Web', sans-serif;
    font-size: 3.33333em;
    font-weight: 300;
	color: #423c32;
    margin-right: .1em
}
li .price {
    vertical-align: super
}
.price input[type='checkbox'] + label {
    border-color: #79ad32;
    margin-right: .2em
}
.price em, .taken {
    font-style: normal;
    color: #99C809;
    text-transform: uppercase;
    margin-right: .4em
}
li.available .price {
    font-size: inherit;
    vertical-align: super
}
li.not_available .domain, li.not_available .price {
    color: #c6c5c1
}
#domainlist strong {
	font-weight: 600;
	color: #423c32
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                      CARD                       */

.card {
	color: #ccc;
	background-color: #FFF;
    margin: 2em 0;
	position: relative
}
.card.selectable {
	
}
.card.tight {
	margin: 0
}
.card.selectable:hover .card_content_title:before, .card.selectable.selected .card_content_title:before {
	content: '\e613';
	position: absolute;
	top: 0;
	right: .8em;
	font-family: 'atomicons';
	color: rgba(255,255,255,0.3)
}
.card.selectable.selected .card_content_title:before {
	color: #fff
}
.card_content {
	padding-bottom: 2em;
	color: #ccc
}
.card_content > *, .card_buttons {
	padding: 0 1em
}
.card_content ul {
	list-style: disc;
	margin: 1em 0 1em 3em;
	line-height: 2em;
	color: #fff
}
.card_content ul.label_set {
    list-style: none;
    line-height: 2.4em;
    margin-left: 0
}
.card .card_content_title {
	text-transform: none;
	background-color: #99C809;
	color: #fff;
	line-height: 2.389em;
	padding: 0 1em;
	margin: 0 0 .4em;
	position: relative
}
.card_content_description {

}

.card_sticker_drop label.select {
	background-color: transparent;
	position: relative;
	z-index: 30;
}


.card_sticker_drop {
	color: #ccc;
	text-transform: uppercase;
	position: absolute;
	bottom: 0px;
	padding-right: 0px;
	
}

.card_sticker {
	color: #ccc;
	text-transform: uppercase;
	position: absolute;
	bottom: 0px;
	padding-right: 0px;
	left: 20px;
	
}

.card_sticker_drop label.select > select{
	width: 20px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 150px 0px 10px;
	background-color: transparent;
	position: relative;
	left: 0px;
	z-index: 10;	
	font-size: 15px;
	}
	
	select::-ms-expand {
    display: none;
}
	
/*.card_sticker_drop label.select > *{
	padding: 0px 5px 0px 5px;
	margin: 0px;
	}	*/
	
.card_sticker_drop label.select optgroup.paddGroup {
	padding: 0px;
}

.card_sticker_drop label.select select:hover {
	cursor: pointer;
	cursor: hand;
}	




.card_sticker > * {
	display: block;
	line-height: 1em;
	position: relative;
	z-index: 1;
}
.card_sticker_small {
	font-size: .8em;
}
.card_sticker_big {
	font-size: 2em;
	font-weight: 300;
	margin: .1em 0;
}
.card_buttons {
	background-color: #fff;
	height: 4.778em;
	/*min-height: 100px;*/
	line-height: 4.778em;
	text-align: right;
}
.card_buttons .button {
	background-color: #423c32;
}
.card_buttons .button:hover {
	box-shadow: 0 0 5.55em rgba(255,255,255,0.1) inset;
}
.col_3:nth-child(2n) .card {
	background-color: #FFFFFF
}
.col_3:nth-child(3n) .card {
	background-color: #FFFFFF
}
.col_3:nth-child(2n) .card_content_title {
	background-color: #99C809
}
.col_3:nth-child(3n) .card_content_title {
	background-color: #99C809
}
/*.col_3:nth-child(2n) .card_buttons {
	background-color: #FFFFFF
}
.col_3:nth-child(3n) .card_buttons {
	background-color: #FFFFFF
}*/
.card_content_title_actions {
    float: right;
    margin-top: 1.5em
}
.card .formrow h5 {
	color: #d9eefd
}
.card .formrow h5 .required {
	color: #fff
}
.card label.select, .card .adv_combo_box, .card .adv_combo_box > input {
	width: 100%;
	max-width: 27.8em
}

.card_content_description {
	font-size: 14px;
	line-height: 18px;
	color: #333;
	/*padding-bottom: 40px;*/
}

.card_content_description ul{
	padding: 1em 0 1em 1em;
	margin: 0px;
	min-height: 142px;
	border-top: 1px solid #ccc;
	}


.card_content_description ul li{
	font-size: 12px;
	line-height: 18px;	
	color: #333;
}

.card_content a  {
	text-transform: uppercase;
	color: #99C809;
	text-decoration: none;
}

.card_content a:hover  {
	color: #8CB708;
}

.card_content {
	
	background-color: #fff;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding-bottom: 1px;
}

.col_3:nth-child(2n) .card_buttons {
border-left: 0px;	
}

.col_3:nth-child(3n) .card_buttons {
border-left: 0px;
}

.col_3:nth-child(2n) .card_content {
border-left: 0px;	
}

.col_3:nth-child(3n) .card_content {
border-left: 0px;
}

.card_buttons {
	
	background-color: #f9f9f9;
	padding-top: 0px;
	margin-top: 0px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.card_sticker_big{
	color: #333;
}

.card_sticker_small{
	color: #111;
}

.card.full-width.stickers.selectable.selected .card_buttons {
	background-color: #ddedad;
}





/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                   CONTACT                       */

.contact {
	width: 25em;
	margin: 1em 0
}
.contact.line {
	width: auto;
	margin: 0;
}
.contact > strong {
    display: block;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 400;
    color: #423c32;
}
.contact .nowrap strong {
    color: #423c32;
    font-weight: 700
}
.contact .nowrap span {
    
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                    TABLES                       */

table {
	width: 100%;
	margin: 1em 0;
	background-color: #fff
}
th, td {
	font-weight: normal;
	padding: 1em 2em
}
table.strong th, table.strong td {
	font-size: 1.3333em;
}
th, .head-row td {
	color: #fff;
	background-color: #99C809 !important;
	text-transform: uppercase;
	vertical-align: bottom;
	text-align: left;
}
td {
	color: #7d7971;
	vertical-align: baseline
}
tbody tr:nth-child(2n) > td {
	background-color: rgba(0,0,0,.04)
}
tbody tr:hover > td {
	background-color: rgba(0,0,0,.02)
}
tbody tr:nth-child(2n):hover > td {
	background-color: rgba(0,0,0,.06)
}
tfoot td {
	padding: .5em 2em;
	text-transform: uppercase;
	text-align: right;
	background-color: #f1f1ec
}
tr.strong td {
	font-size: 1.5em;
	color: #423c32;
	padding: .335em 1.33em
}
table.strong tr.strong td {
	font-size: 2em;
}
td > .button, .action-menu > span {
	font-size: 1em !important;
	margin: 0 .2em .2em 0
}
tr.notice, tr.warning {
	background-color: inherit
}
tr.notice:before, tr.notice:after, tr.warning:before, tr.warning:after {
	content: none
}
.reason {
	position: relative;
	padding-left: 4.5em
}
tr.notice .reason:before, tr.warning .reason:before {
	width: 3em
}
tr.notice .reason:after, tr.warning .reason:after {
	font-size: 2em;
	left: .25em
}
.exp-parent {
	display: none
}
.exp-head > td {
	background-color: #b3b0ac !important;
	color: #68635b
}
.exp-body > td {
    padding: 3em;
	margin: 3em 0px;
	background-color: #f1f1ec !important;
	box-shadow: 0 0 3em rgba(0,0,0,0.05), 0 0 3em #fff inset;
	border-bottom: .3em solid #b3b0ac
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                    SLIDER                       */

.wrap_slider_labels {
	position: relative;
	top: -29px;
	z-index: 4;
	margin: 0
}
.slider {
	padding: 0 2em
}
.slider.spaced {
	margin: 0 1em 4em
}
.valign_top + .slider {
	top: -8px
}
.slider_labels {
	list-style: none;
	position:relative;
	margin: 0
}
.slider_labels li {
	font-size: .8em;
	line-height: 1em;
	display: inline-block;
	color: #666;
	text-align: center;
	margin: 0;
	padding: 3em 0 .2em;
	cursor: pointer
}
.slider_labels li.even {
	padding-top:48px;
}
.slider_labels li span, .slider_labels li span {
	color: #888
}
.slider_labels li:hover span, .slider_labels li.active span {
	color: #000
}
label.section {
	display: block;
	margin: 2em 0 .4em
}
.ui-slider, .zone {
	position: relative;
	z-index: 5;
	margin: 0 1em;
	text-align: left;
	background-color: #dbdbd2;
	border-radius: .6em;
}
.thermo .ui-slider {
	background: #88e82e; /* Old browsers */
	background: -moz-linear-gradient(left,  #88e82e 0%, #f7d92e 57%, #f48e2e 87%, #e00000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#88e82e), color-stop(57%,#f7d92e), color-stop(87%,#f48e2e), color-stop(100%,#e00000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #88e82e 0%,#f7d92e 57%,#f48e2e 87%,#e00000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #88e82e 0%,#f7d92e 57%,#f48e2e 87%,#e00000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #88e82e 0%,#f7d92e 57%,#f48e2e 87%,#e00000 100%); /* IE10+ */
	background: linear-gradient(to right,  #88e82e 0%,#f7d92e 57%,#f48e2e 87%,#e00000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88e82e', endColorstr='#e00000',GradientType=1 ); /* IE6-9 */
}
.thermo.reverse .ui-slider {
	background: #e00000; /* Old browsers */
	background: -moz-linear-gradient(left,  #e00000 0%, #f48e2e 13%, #f7d92e 43%, #88e82e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e00000), color-stop(13%,#f48e2e), color-stop(43%,#f7d92e), color-stop(100%,#88e82e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #e00000 0%,#f48e2e 13%,#f7d92e 43%,#88e82e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #e00000 0%,#f48e2e 13%,#f7d92e 43%,#88e82e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #e00000 0%,#f48e2e 13%,#f7d92e 43%,#88e82e 100%); /* IE10+ */
	background: linear-gradient(to right,  #e00000 0%,#f48e2e 13%,#f7d92e 43%,#88e82e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00000', endColorstr='#88e82e',GradientType=1 ); /* IE6-9 */
}
.zone {
	display: block;
	height: 10px;
	margin: 0;
	z-index: 0;
	border-radius: 3px 0 0 3px;
	box-shadow: 0 2px 6px rgba(0,0,0,.4) inset
}
.zone.blue {
	background-color: #40B9F1
}
.ui-dateplustimepicker-value .ui-slider {
	background-color: #ccc;
}
.ui-dateplustimepicker-div .ui-slider {
	margin: 0
}
.ui-slider .ui-slider-handle {
	position: absolute;
	padding: 0;
	cursor: pointer;
	margin: -.6em 0 0 -1.3em;
	border: .4em solid #dbdbd2;
	width: 2.4em;
	height: 2.4em;
	background-color: #8dc640;
	border-radius: 50%;
	z-index: 20;
}
.ui-slider .ui-slider-handle.ui-state-active, .ui-slider .ui-slider-handle.ui-state-hover {
	border-color: #fff;
	box-shadow: 0 0 .6em rgba(0, 0, 0, 0.1)
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 40;
	font-size: .7em;
	background-color: #8dc640;
	display: block;
	border: 0;
	border-radius: 2em;
	pointer-events: none
}
.ui-slider-horizontal {
	height: 1.3em;
	margin: 1em 0;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                DATATABLES                       */

.dataTables_length {
	float: left
}
.dataTables_length label.select {
	width: auto;
	margin: 0 .4em
}
.dataTables_length + .dataTables_paginate {
	float: right
}
.dataTables_paginate {
	text-align: center
}
.dataTables_paginate span, .action-button .previous, .action-button .next {
	text-indent: -10em;
	overflow: hidden
}
.dataTables_paginate span span {
	text-indent: 0;
	padding: 0 .3em
}
.paginate_button, .paginate_active {
	display: inline-block;
	min-width: 2em;
	height: 2em;
	line-height: 2em;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	position: relative
}
.paginate_button:hover, .paginate_active:hover, .paginate_active {
	background-color: #68635b;
	color: #fff
}
.paginate_active {
	cursor: default
}
.paginate_button img {
	display: none
}
.paginate_button.first:before, .paginate_button.previous:before, .paginate_button.next:before, .paginate_button.last:before, .action-button .previous:before, .action-button .next:before {
	font-family: atomicons;
	position: absolute;
	left: 6em
}
.paginate_button.first:before {
	content: '\e60a';
}
.paginate_button.previous:before, .action-button .previous:before {
	content: '\e60b';
}
.paginate_button.next:before, .action-button .next:before {
	content: '\e60c';
}
.paginate_button.last:before {
	content: '\e60d';
}
.dataTables_info {
	margin-top: 1em;
	text-align: center
}
.dataTables_length + .dataTables_paginate + .dataTables_info {
	margin-top: 4em;
}
.dataTables_filter {
	width: 19em;
	overflow: hidden;
	height: 2.7em;
	white-space: nowrap;
	float: right;
	margin-bottom: 1em;
	text-indent: -100em;
	text-align: right;
	position: relative
}
.bulk + .dataTables_wrapper > .dataTables_filter {
	margin: -3.6em 1em 1em 0
}
.dataTables_filter input {
	width: 14em;
	margin-left: .4em
}
.bulk {
	margin: 2em 0 0;
	padding: 1em;
}
.bulk.tall {
	padding-bottom: 4.7em
}
.bulk.tall.extended {
	padding-bottom: 1em
}
.bulk > div, .bulk > div.ui-effects-wrapper > div {
	padding: 0 1em
}
.bulk div > h4 {
	margin-top: 0
}
.bulk > div.ui-effects-wrapper {
	padding: 0
}
.dataTables_wrapper {
	margin: 1em 0
}
.bulk + .dataTables_wrapper, .dataTables_wrapper > table {
	margin-top: 0
}
.dataTables_processing {
	display: none
}
.search_clear {
	position: absolute;
	top: .5em;
	right: .5em;
	text-decoration: none !important;
	width: 1.5em;
	text-indent: 0
}
.search_clear:before {
	font-size: 1.5em;
	color: #c6c4c1;
	margin-right: 1em
}
.search_clear:hover:before {
	font-size: 1.5em;
	color: #423c31
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                   BUTTONS                       */

.button, button, .available .price, .action-button > ul > li > a, .action-button > ul > li > span, .action-button .submenu, .action-menu > span {
	background-color: #99C809;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.3333em;
	padding: 0 .95em;
	line-height: 2.0003em;
	vertical-align: middle;
	display: inline-block;
	text-align: center
}
.settingsbox .button, .action-button a {
    	text-decoration: none
}
.button:hover, button:hover, .available .price:hover, .action-button a:hover, .action-button .submenu:hover, .action-menu > span:hover {
	box-shadow: 0 0 5.55em rgba(0,0,0,.1) inset;
    color: #fff
}
p .button.small, .card_content_title_actions .button.small {
	font-size: 1em;
	line-height: 1.8em;
}
.formrow .button.small, .data-row .button.small {
	font-size: 1.3333em;
	line-height: 2.0003em;
}
.button.orange, .button.red {
	background-color: #fba621
}
button, input[type=submit] {
	border: none;
	font-family: 'Titillium Web', sans-serif;
}
.action-button {
	display: inline;
	margin: 0 1em 0 0;
}
.action-button ul {
	display: inline;
}
.action-button li {
	display: inline-block;
	position: relative
}
.action-button ul ul li {
	display: block
}
.action-button .previous {
	
}
.action-button .next {
	
}
.button.spinner:before {
	-webkit-animation: rotateplane 1s infinite linear;
	-moz-animation: rotateplane 1s infinite linear;
	animation: rotateplane 1s infinite linear;
}
.button.disabled {
	background-color: rgba(97,97,97,0.2);
	cursor: default
}
.button.disabled:hover {
	box-shadow: none
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                 ATOMICONS                       */

@font-face {
	font-family: 'atomicons';
	src:url('../../fonts/Binero/atomicons.eot?wo9dv9');
	src:url('../../fonts/Binero/atomicons.eot?#iefixwo9dv9') format('embedded-opentype'),
		url('../../fonts/Binero/atomicons.woff?wo9dv9') format('woff'),
		url('../../fonts/Binero/atomicons.ttf?wo9dv9') format('truetype'),
		url('../../fonts/Binero/atomicons.svg?wo9dv9#atomicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icn_"], [class^="dsh_icon_"], [class^="sbox_"], [class^="mnu_"], [id^="menuItem"] a:before, .light-tabs .locked:before, .fancy-dropdown li.current:before, .fancy-dropdown li.add_item:before, .search_clear:before, .ui-datepicker-prev:before, .ui-datepicker-next:before {
	font-family: 'atomicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.icn_checked:before {
	content: "\e601";
}
.icn_star:before {
	content: "\e602";
}
.icn_plus:before, .fancy-dropdown li.add_item:before {
	content: "\e603";
}
.icn_minus:before {
	content: "\e604";
}
.icn_close:before, .search_clear:before {
	content: "\e605";
}
.icn_clear:before {
	content: "\e606";
}
.icn_more:before {
	content: "\e607";
}
.icn_less:before {
	content: "\e608";
}
.icn_menu:before {
	content: "\e609";
}
.icn_first:before {
	content: "\e60a";
}
.icn_previous:before, .ui-datepicker-prev:before {
	content: "\e60b";
}
.icn_next:before, .ui-datepicker-next:before {
	content: "\e60c";
}
.icn_last:before {
	content: "\e60d";
}
.icn_maxlayout:before {
	content: "\e60e";
}
.icn_regularlayout:before {
	content: "\e60f";
}
.icn_external:before {
	content: "\e610";
}
.icn_unlocked:before {
	content: "\e611";
}
.icn_locked:before, .light-tabs .locked:before {
	content: "\e612";
}
.icn_checked2:before, .sbox_tasks:before, .fancy-dropdown li.current:before {
	content: "\e613";
}
.icn_comments:before {
	content: "\e614";
}
.icn_history:before, .sbox_recent:before {
	content: "\e615";
}
.icn_cart:before {
	content: "\e616";
}
.icn_info:before {
	content: "\e617";
}
.icn_unsuspended:before {
	content: "\e618";
}
.icn_upgrade:before {
	content: "\e619";
}
.icn_downgrade:before {
	content: "\e61a";
}
.icn_edit:before {
	content: "\e61b";
}
.icn_manualreviewok:before {
	content: "\e61c";
}
.icn_recycle:before {
	content: "\e61d";
}
.icn_extend:before {
	content: "\e61e";
}
.icn_customer:before, .dsh_customer:before, .mnu_customer:before {
	content: "\e61f";
}
.icn_reseller:before {
	content: "\e620";
}
.icn_notareseller:before {
	content: "\e630";
}
.icn_placementok:before {
	content: "\e621";
}
.icn_new:before {
	content: "\e622";
}
.icn_email:before {
	content: "\e623";
}
.icn_credited:before {
	content: "\e624";
}
.icn_resize:before {
	content: "\e625";
}
.icn_ok:before {
	content: "\e626";
}
.icn_pending:before {
	content: "\e627";
}
.icn_warning:before {
	content: "\e628";
}
.icn_unsuspended2:before {
	content: "\e629";
}
.icn_unmatched:before {
	content: "\e62a";
}
.icn_underpaid:before {
	content: "\e62b";
}
.icn_timedout:before {
	content: "\e62c";
}
.icn_suspended:before {
	content: "\e62d";
}
.icn_placementfailed:before {
	content: "\e62e";
}
.icn_overpaid:before {
	content: "\e62f";
}
.icn_new2:before {
	content: "\e631";
}
.icn_manualreview:before {
	content: "\e632";
}
.icn_closed:before {
	content: "\e633";
}
.icn_deleted:before {
	content: "\e634";
}
.icn_unmatched2:before {
	content: "\e635";
}
.icn_canceled:before {
	content: "\e636";
}
.icn_search:before {
	content: "\e637";
}
.icn_email2:before, .dsh_icon_eml_accs:before, .mnu_icon_eml_accs:before, #menuItemEmailAccountIndex a:before {
	content: "\e638";
}
.icn_defaultemail:before, .dsh_icon_eml_dflt:before, .mnu_icon_eml_dflt:before, #menuItemEmailDefaultAccountIndex a:before {
	content: "\e639";
}
.icn_emailforwards:before, .dsh_icon_eml_fwds:before, .mnu_icon_eml_fwds:before, #menuItemEmailForwardsIndex a:before {
	content: "\e63a";
}
.icn_mailinglists:before, .dsh_icon_eml_lists:before, .mnu_icon_eml_lists:before, #menuItemEmailMailingListsIndex a:before {
	content: "\e63b";
}
.icn_statistics:before, .dsh_icon_web_stats:before, .mnu_icon_web_stats:before, #menuItemWebsiteStatisticsIndex a:before {
	content: "\e63c";
}
.icn_dns:before, .dsh_icon_dmn_dns:before, .mnu_icon_dmn_dns:before, #menuItemDomainsDNSIndex a:before {
	content: "\e63d";
}
.icn_transferdomain:before, .dsh_icon_dmn_tst:before, .mnu_icon_dmn_tst:before, #menuItemTransferDomains a:before, #menuItemTransferStatus a:before {
	content: "\e63e";
}
.icn_errorpages:before, .dsh_icon_web_err_pgs:before, .mnu_icon_web_err_pgs:before, #menuItemWebsiteErrorPagesIndex a:before {
	content: "\e63f";
}
.icn_buydomain:before, .dsh_icon_dmn_buy:before, .mnu_icon_dmn_buy:before, #menuItemBuyDomainName a:before {
	content: "\e640";
}
.icn_nameservers:before, .dsh_icon_dmn_nms:before, .mnu_icon_dmn_nms:before {
	content: "\e641";
}
.icn_ssl:before, .dsh_icon_ssl:before, .mnu_icon_ssl:before, #menuItemAdvancedWebsiteSettingsSSLIndex a:before {
	content: "\e642";
}
.icn_defaultdirectories:before {
	content: "\e643";
}
.icn_passwordprotection:before, .dsh_icon_web_pass_prot:before, .mnu_icon_web_pass_prot:before {
	content: "\e644";
}
.icn_virtualdirectories:before, .dsh_icon_virtualdirectories:before, .mnu_icon_virtualdirectories:before {
	content: "\e645";
}
.icn_handlermappings:before, .dsh_icon_handlermappings:before, .mnu_icon_handlermappings:before {
	content: "\e646";
}
.icn_office365:before, .dsh_icon_o365:before, .mnu_icon_o365:before {
	content: "\e647";
}
.icn_vps:before, .dsh_icon_vps:before, .mnu_icon_vps:before, #menuItemVPSManagerIndex a:before {
	content: "\e648";
}
.icn_firewall:before, .dsh_icon_vps_firewall:before, .mnu_icon_vps_firewall:before, #menuItemVPSFirewallIndex a:before {
	content: "\e649";
}
.icn_volumes:before, .dsh_icon_vps_volumes:before, .mnu_icon_vps_volumes:before {
	content: "\e64a";
}
.icn_keypairs:before, .dsh_icon_vps_keys:before, .mnu_icon_vps_keys:before, #menuItemVPSKeypairsIndex a:before {
	content: "\e64b";
}
.icn_cronjobs:before, .dsh_icon_fls_cron:before, .mnu_icon_fls_cron:before, #menuItemWebsiteCronTasksIndex a:before {
	content: "\e64c";
}
.icn_ftp:before, .dsh_icon_fls_ftp:before, .mnu_icon_fls_ftp:before, #menuItemFilesFTPIndex a:before {
	content: "\e64d";
}
.icn_domainmanager:before, .dsh_icon_dmn_website:before, .mnu_icon_dmn_website:before, #menuItemDomainManagerManagerIndex a:before {
	content: "\e64e";
}
.icn_sitebuilder:before, .dsh_icon_web_site_builder:before, .mnu_icon_web_site_builder:before {
	content: "\e64f";
}
.icn_appinstaller:before, .dsh_icon_app_installer:before, .mnu_icon_app_installer:before, #menuItemWebsiteOneClickInstallerIndex a:before {
	content: "\e650";
}
.icn_authcodes:before, .dsh_icon_dmn_atc:before, .mnu_icon_dmn_atc:before {
	content: "\e651";
}
.icn_mysql:before, .dsh_icon_dbs_mysql:before, .mnu_icon_dbs_mysql:before, #menuItemDatabasesMySQLIndex a:before {
	content: "\e652";
}
.icn_mssql:before, .dsh_icon_dbs_mssql:before, .mnu_icon_dbs_mssql:before, #menuItemDatabasesMSSQLIndex a:before {
	content: "\e653";
}
.icn_postgresql:before, .dsh_icon_dbs_postgresql:before, .mnu_icon_dbs_postgresql:before {
	content: "\e65c";
}
.icn_msexchange:before, .dsh_msexchange:before, .mnu_msexchange:before {
	content: "\e656";
}
.icn_accountpassword:before, .dsh_accountpassword:before, .mnu_accountpassword:before {
	content: "\e657";
}
.icn_mimetypes:before, .dsh_mimetypes:before, .mnu_mimetypes:before {
	content: "\e658";
}
.icn_defaultdocs:before, .dsh_defaultdocs:before, .mnu_defaultdocs:before {
	content: "\e659";
}
.icn_restrictedips:before, .dsh_restrictedips:before, .mnu_restrictedips:before {
	content: "\e65a";
}
.icn_dmn_dmn_subs:before, .dsh_icon_dmn_dmn_subs:before, .mnu_icon_dmn_dmn_subs:before, #menuItemDomainsWebsitesIndex a:before, #menuItemDomainsWebsitesBulkEditWizard a:before {
	content: "\e65b";
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                FLAG ICONS                       */

[class^="flg_"] {
	background: url(../../img/Binero/icons/flags.png);
	display: inline-block;
	width: 24px;
	height: 21px;
	vertical-align: text-top
}
[class^="flg_"].large {
	width: 48px;
	height: 40px;
	vertical-align: middle
}
.flg_en-gb {
	background-position: 0 -48px;
}
.flg_en-gb.large {
	background-position: 0 0;
}
.flg_sv-se {
	background-position: -48px -48px;
}
.flg_sv-se.large {
	background-position: -48px 0;
}
.flg_da-dk {
	background-position: -96px -48px;
}
.flg_da-dk.large {
	background-position: -96px 0;
}
.flg_es-es {
	background-position: -144px -48px;
}
.flg_es-es.large {
	background-position: -144px 0;
}
.flg_no {
	background-position: -192px -48px;
}
.flg_no.large {
	background-position: -192px 0;
}
.flg_nl-nl {
	background-position: -240px -48px;
}
.flg_nl-nl.large {
	background-position: -240px 0;
}
.flg_pt-pt {
	background-position: -288px -48px;
}
.flg_pt-pt.large {
	background-position: -288px 0;
}
.flg_pt-br {
	background-position: -336px -48px;
}
.flg_pt-br.large {
	background-position: -336px 0;
}
.flg_de-de {
	background-position: -384px -48px;
}
.flg_de-de.large {
	background-position: -384px 0;
}
.flg_es-ar {
	background-position: -432px -48px;
}
.flg_es-ar.large {
	background-position: -432px 0;
}
.flg_pl-pl {
	background-position: 0 -144px;
}
.flg_pl-pl.large {
	background-position: 0 -96px;
}
.flg_en-us {
	background-position: -48px -144px;
}
.flg_en-us.large {
	background-position: -48px -96px;
}
.flg_fr-ch, .flg_de-ch, .flg_it-ch {
	background-position: -96px -144px;
}
.flg_fr-ch.large, .flg_de-ch.large, .flg_it-ch.large {
	background-position: -96px -96px;
}
.flg_ru-ru {
	background-position: -144px -144px;
}
.flg_ru-ru.large {
	background-position: -144px -96px;
}
.flg_ro-ro {
	background-position: -192px -144px;
}
.flg_ro-ro.large {
	background-position: -192px -96px;
}
.flg_it-it {
	background-position: -240px -144px;
}
.flg_it-it.large {
	background-position: -240px -96px;
}
.flg_en-is {
	background-position: -288px -144px;
}
.flg_en-is.large {
	background-position: -288px -96px;
}
.flg_is-is {
	background-position: -336px -144px;
}
.flg_is-is.large {
	background-position: -336px -96px;
}
.flg_zh-hk {
	background-position: -384px -144px;
}
.flg_zh-hk.large {
	background-position: -384px -96px;
}
.flg_fr-fr {
	background-position: -432px -144px;
}
.flg_fr-fr.large {
	background-position: -432px -96px;
}
.flg_es-cl {
	background-position: 0 -240px;
}
.flg_es-cl.large {
	background-position: 0 -192px;
}
.flg_de-at {
	background-position: -48px -240px;
}
.flg_de-at.large {
	background-position: -48px -192px;
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                              INLINE LABEL                       */

.inline-label {
	background-color: #fff;
	color: #423c32;
	font-size: 1.273em;
	line-height: 1.4em;
	height: 1.4em;
	padding-right: .5em;
	white-space: nowrap;
	display: inline-block;
	vertical-align: middle
}
.inline-label strong {
	background-color: #68635b;
	color: #fff;
	font-size: .8em;
	font-weight: 400;
	line-height: 1.8em;
	padding: 0 1em;
	margin-right: 0.4em;
	display: inline-block;
	vertical-align: top;
}
.inline-label.simple {
	padding-right: 0
}
.inline-label.simple strong {
	margin-right: 0
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                        ADVANCED COMBO BOX                       */

.adv_combo_box, .fancy-dropdown {
	position: relative;
	display: inline-block;
	height: 2.667em;
	vertical-align: middle
}
.adv_combo_box:after, .fancy-dropdown:after {
	border-width: .4em;
	top: 50%;
	right: .9em;
	margin-top: -.1em
}
.adv_combo_box.lng_list > span {
	position: absolute;
	top: 50%;
	left: .7em;
	margin-top: -10px;
}
.adv_combo_box.lng_list li span {
	float: left;
	margin: .1em .6em 0 0
}
.adv_combo_box > input {
	vertical-align: top;
}
.adv_combo_box.lng_list input {
	padding-left: 2.2em
}
.adv_combo_box ul, .fancy-dropdown ul {
	position: absolute;
	top: 2em;
	font-size: 1.3333em;
	background-color: #fff;
	color: #68635b;
	width: 100%;
	max-height: 15.6em;
	overflow: auto;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	border-bottom: 6px solid #99C809;
	z-index: 10;
	list-style: none;
	line-height: 2em;
	margin: 0
}
.adv_combo_box li {
	padding: .4em 1em;
	cursor: pointer
}
.adv_combo_box li.disabled {
	opacity: .5;
	cursor: default
}
.adv_combo_box li p {
	margin: 0
}
.adv_combo_box li > strong {
	color: #000
}
.adv_combo_box li:hover, .adv_combo_box li.hover, .fancy-dropdown li:hover {
	background-color: rgba(0,0,0,.02)
}
.adv_combo_box li.disabled:hover, .adv_combo_box li.disabled.hover{
	background-color: inherit
}
.adv_combo_box li:nth-child(2n) {
	
}
.adv_combo_box .title, .fancy-dropdown li > strong {
	line-height: 1.2em;
	color: #232324;
	margin-bottom: .3em
}
.adv_combo_box .description, .fancy-dropdown li {
	font-size: .8em;
	line-height: 1.4em;
	opacity: .5
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                            FANCY DROPDOWN                       */

.fancy-dropdown > span {
	display: inline-block;
	vertical-align: top
}
.fancy-dropdown li {
	opacity: 1;
	color: rgba(104, 99, 91, 0.5);
	padding: 1em 1em 1em 4em;
	position: relative
}
.fancy-dropdown li.add_item {
	background-color: rgba(0,0,0,.02);
	color: #68635b
}
.fancy-dropdown li.current {
	background-color: rgba(140, 199, 63, 0.16);
	color: #68635b
}
.fancy-dropdown li.current:before, .fancy-dropdown li.add_item:before {
	position: absolute;
	left: .4em;
	top: 50%;
	margin-top: -.5em;
	color: #8dc640;
	font-size: 2em
}
.fancy-dropdown li.add_item:before {
	color: #68635b
}
.fancy-dropdown li > strong {
	display: block
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                 LOCAL & GLOBAL PROCESSING                       */

.global_processing, span.processing, p.processing:after {
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	-webkit-animation: rotateplane 1s infinite linear;
	-moz-animation: rotateplane 1s infinite linear;
	animation: rotateplane 1s infinite linear;
}
.global_processing {
	font-size: 3em;
	position: fixed;
	top: 50%;
	left: 50%;
	vertical-align: middle;
	margin: -.5em 0 0 -.5em;
	z-index: 9001;
}
.global_processing:after, .processing:after {
	content: '\e655';
	font-family: atomicons;
	color: #fff;
}
@-webkit-keyframes rotateplane {
	0% {	transform: rotateZ(0deg);
    		-webkit-transform: rotateZ(0deg)
    		 }
	100% {	transform: rotateZ(360deg);
    		-webkit-transform: rotateZ(360deg) }
}
@-moz-keyframes rotateplane {
	0% {	transform: rotateZ(0deg);
    		-moz-transform: rotateZ(0deg)
    		 }
	100% {	transform: rotateZ(360deg);
    		-moz-transform: rotateZ(360deg) }
}
.notification-overlay, .blocker {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	background-color: #000;
	opacity: .1;
	filter: alpha(opacity=30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.blocker {
	z-index: 9000;
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                                       VPS                       */

.presets li {
	display: inline-block;
	margin: 1em 2em 1em 0;
}
.presets a {
	width: 100%
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                 LOCAL & GLOBAL PROCESSING                       */

#key_pairs_list_length .select {
	width: auto;
	vertical-align: middle;
	margin: 0 .4em
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                   MEDIA QUERY SMART PHONE                       */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.margins {
		width: auto;
		padding: 0 1em
	}
	ol.progress li {
		margin-right: 2em
	}
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                          MEDIA QUERY IPAD                       */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.margins {
		width: auto;
		padding: 0 1em
	}
	ol.progress li {
		margin-right: 2em
	}
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                  MEDIA QUERY SMALL SCREEN                       */

@media only screen 
and (max-width : 1440px) {
	html, .formrow > *, .data-row > *, .col_set > *, .addons li, .action-button ul > * { /* Reset sub element font size to default */
		font-size: 12px;
	}
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

/*!|                                                                                                                  MEDIA QUERY LARGE SCREEN                       */

@media only screen 
and (min-width : 2000px) {
	html, .formrow > *, .data-row > *, .col_set > *, .addons li, .action-button ul > * { /* Reset sub element font size to default */
		font-size: 16px;
	}
}

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/




/*Alexstyles*/
#outerdiv1 {
background:white url('/Themes/Binero/Content/img/preloader.gif') center center no-repeat;
}

#outerdiv2{
background:white url('/Themes/Binero/Content/img/preloader.gif') center center no-repeat;
}

#outerdiv3 {
background: white url('/Themes/Binero/Content/img/preloader.gif') center center no-repeat;
}

#outerdiv4 {
background: white url('/Themes/Binero/Content/img/preloader.gif') center center no-repeat;
}

/*HEADER*/

header {
	background-color:#121225;
	height: 62px;
	position:fixed;
	z-index:1111;
}

header {
	width:100%
}

#logo {
	margin: 12px 0 0 25px;
}

#head_cart_trigger span {
	top: 2.991em;
}

.top_rtnav {
	float:right;
}

.top_rtnav ul {
	list-style: none;
    margin: 0px;
    padding: 0px;
}

.top_rtnav ul li {
    float: left;
    width: 73px;
    text-align: center;
}

.top_rtnav ul li a {
    display: block;
    padding: 3px 0 10px;
    font-size: 9px;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0px 3px 0px #e1761c inset, 1px 0px 0px #d56a10 inset;
    background: #fc831f;
	height:62px;
	color: #fff;
    font-weight: 600;
    box-shadow: 0px 3px 0px #e1761c inset, 1px 0px 0px #d56a10 inset;
    background: #fc831f;
	padding-top:14px;
	line-height:2;
}

#head_cart_trigger span {
    top: 22px;}
	
#head_cart_trigger span.empty {
	font-size:10px;
}

.top_rtnav li a:hover {
	background: #3f3f4e;
    box-shadow: 1px 0px 0px #121225 inset, -1px 0px 0px #121225 inset;
	color:#fff;
}

.top_rtnav li a {
	 -webkit-transition-duration: 0.7s; 
    -o-transition-duration: 0.7s; 
    -moz-transition-duration: 0.7s; 
    transition-duration: 0.7s;
}

.top_rtnav ul li a span {
	margin: 0 0 6px;
    font-size: 20px;
    line-height: 16px;
    text-align: center;
    display: block;
}

.head_tray, .notification, #signed ul {
	top: 60px;
}

.search_box {
	float: right;
    padding: 0px;
    position: relative;
}

.navbar-form {
    border-color: #e7e7e7;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

input {
    width: 234px;
}

.navbar-form .form-control {
	font-family: 'Titillium Web', cursive;
    font-size: 14px;
    color: #fff;
    background-color: #fff;
    line-height: 2.0003em;
    height: 62px !important;
    width: 240px !important;
    padding: 6px 10px 6px 50px;
	background: url(https://www.binero.se/wp-content/themes/binero/images/search_icon.png) no-repeat 20px center #272739; !important;
    border: none;
    border-radius: 0;
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('/Themes/Binero/Content/fonts/Binero/glyphicons-halflings-regular.eot');
	src: url('/Themes/Binero/Content/fonts/Binero/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/Themes/Binero/Content/fonts/Binero/glyphicons-halflings-regular.woff') format('woff'), url('/Themes/Binero/Content/fonts/Binero/glyphicons-halflings-regular.ttf') format('truetype'), url('/Themes/Binero/Content/fonts/Binero/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.glyphicon-cog:before {
	content: "\e019";
}

.glyphicon-envelope:before {
	content: "\2709";
}

.glyphicon-globe:before {
	content: "\e135";
}

/*Рабочий стиль
.addons li a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0px 3px 0px #e1761c inset, 1px 0px 0px #d56a10 inset;
    background: #fc831f;
	height:5.1667em;
}

.addons li a:hover {
	background: #3f3f4e;
    box-shadow: 1px 0px 0px #121225 inset, -1px 0px 0px #121225 inset;
	color:#fff;
}

.addons li a {
	 -webkit-transition-duration: 0.7s; 
    -o-transition-duration: 0.7s; 
    -moz-transition-duration: 0.7s; 
    transition-duration: 0.7s;
}

.addons li {
	width: 73px;
    text-align: center;
}

.head_tray, .notification, #signed ul {
	top: 5.1667em;
}

.search_box {
	float: right ;
    width: 234px;
    padding: 0px;
}
*/



/*===========================*/

/*MAIN*/

#homecontent {
	color: #222;
	overflow: hidden;
	background-color: #fff;
    padding: 0px 40px 0 40px;
    border-radius: 5px;
	margin-bottom: 50px;
}

.progress_block {
	padding-top: 60px;
}

.green {
	background-color: #99c809 !important;
}

.orange {
	background-color: #fc831f !important;
}

#register_box {
	border:1px solid #D9D9D9;
	border-right:0px;
	height: 2.160em;
}

.big_search .button.green {
	margin-left: -0.2em;
}

#next_step_skip{
	padding:10px;
}

/*2*/

.settingsbox h4 {
	font-size:17px !important;
}

.card_sticker_big {
	font-size:1.4em !important;
}

/*end*/

/*3*/
#Account_Form input {
	border:1px solid #D9D9D9!important;
}

#Account_Form label.select {
	border:1px solid #D9D9D9;
}

.formrow input {
	border:1px solid #D9D9D9!important;
}

.col2row a {
	margin-bottom:1px;
}

#product_list {
	text-align:left!important;
}

#product_list .right {
	text-align:left!important;
}

#product_list table.strong th, table.strong td {
	text-align:left!important;
}

/*end*/

/*4*/
#CCPayment-box input {
	border:1px solid #D9D9D9!important;
}

#CCPayment-box label.select {
	border:1px solid #D9D9D9!important;
}

/*end*/
/*===========================*/





/*FOOTER*/

footer {
    background: #121225;
	height:200px;
	text-align:left;
	line-height: 18px;
}

.footerContent {
    width: 80em;
    margin: 0 auto;
}

/*clearfix*/
.footerContent:after {   
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*end*/
}

.footerImage {
	width:50%;
	padding-right: 15px;
    padding-left: 15px;
}

.footerContact {
	width:25%;
	padding-right: 15px;
    padding-left: 15px;
}

.footerContact p {
	color: #d4d4de;
    font-size: 11px;
}

.footerContact a {
	color: #d4d4de;
}

.footerContact a:hover {
	text-decoration:underline;
	color: #d4d4de;
}

.footerAddress {
	width:25%;
	padding-right: 15px;
    padding-left: 15px;
}

.footerAddress p {
	color: #d4d4de;
    font-size: 11px;
}

.footerImage h4 , 
.footerContact h4 , 
.footerAddress h4  {
	font-weight: 600;
    line-height: 1.1;
	font-size: 22px	;
	margin: 0 0 24px;
	color:#d4d4de;
}

.footerCopyright {
	padding-right: 15px;
    padding-left: 15px;
}

.footerCopyrightLeft {
	float:left;
	font-size: 11px;
	margin-top: 22px;
}

.footerCopyrightLeft a {
	color: #d4d4de;
}

.footerCopyrightLeft a:hover {
	text-decoration:underline;
	color: #d4d4de;
}

.footerCopyrightLeftRight {
	float:right;
}
/*===========================*/

/*social box*/

.socialBox {
	height:58px;
	background: #7BB804;
}

.socialBoxContainer {
	width: 22%;
    float: left;
	height:338px;
}

.socialBox .margins {
	padding: 54px 0 60px;
	
}
.socialBoxMargin {
	margin-left:3.8%;
}

#outerdiv1 
{ 
width:255px; 
height:315px; 
overflow:hidden; 
position:relative; 
}

#innerIframe1
{ 
position:absolute; 
top:-1756px; 
left:-62px; 
width:1280px; 
height:3800px; 
}

#outerdiv2 
{ 
width:255px; 
height:315px;
overflow:hidden; 
position:relative; 
}

#innerIframe2
{ 
position:absolute; 
top:-1756px; 
left:-364px; 
width:1280px; 
height:3800px; 
}

#outerdiv3 
{ 
width:255px; 
height:315px;
overflow:hidden; 
position:relative; 
}

#innerIframe3 
{ 
position:absolute; 
top:-1756px; 
left:-665px; 
width:1280px; 
height:3800px; 
}

#outerdiv4 
{ 
width:255px; 
height:315px;
overflow:hidden; 
position:relative; 
}

#innerIframe4 
{ 
position:absolute; 
top:-1756px; 
left:-967px; 
width:1280px; 
height:3800px; 
}

.campaignInfo {

	color: green;

}

.currentCampaignInfo {

	color: green;

}




/*===========================*/

/*************Custom***********/

div.extra_service_description {
    line-height: normal;
    width: 45%;
    float: left;
    margin-right: 35px;
    text-align: justify;
}


/*****************************/