@charset "UTF-8";
/*** CSS File: /assets/228942c4/srbac.css ***/
/**
 * CSS styles for form and input fields.
 *
 * These styles are used with form and input fields generated via yiic script.
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2009 Yii Software LLC
 * @license http://www.yiiframework.com/license/
*/

/* FORM ELEMENTS*/

div.srbacForm {
    border: 2px solid #B7DDF2;
    background: #EBF4FB;
    margin: 0;
    padding: 5px;
}

div.srbacForm label.required {
}

div.srbacForm span.required {
    color: red;
}

div.errorSummary {
    border: 2px solid #C00;
    padding: 7px 7px 12px 7px;
    margin: 0 0 20px 0;
    background: #FEE;
    font-size: 0.9em;
}

div.errorSummary p {
    margin: 0;
    padding: 5px;
}

div.errorSummary ul {
    margin: 0;
    padding: 0 0 0 20px;
}

div.errorSummary ul li {
    list-style: square;
}

div.srbacForm p.hint {
    color: gray;
    font-size: 90%;
    margin: 0 0 0 110px;
}

div.srbacForm fieldset {
    border: #DDD 1px solid;
    margin: 10px 0;
    padding: 10px;
}

div.srbacForm legend {
    font-weight: bold;
}

div.srbacForm label {
}

div.srbacForm div.action {
    clear: left;
    margin-left: 110px;
    padding: 0.25em 0;
}

div.srbacForm div.simple,
div.srbacForm div.complex {
    clear: left;
    padding: 0.25em 0;
}

div.srbacForm div.simple label,
div.srbacForm div.complex span {
    display: block;
    float: left;
    margin-right: 10px;
    position: relative;
    text-align: right;
    width: 100px;
}

div.srbacForm label.error,
div.srbacForm span.error {
    color: #C00;
}

div.srbacForm input.error,
div.srbacForm textarea.error,
div.srbacForm select.error {
    background: #FEE;
    border-color: #C00;
}

div.srbacForm div.simple div,
div.srbacForm div.complex div {
    margin-left: 110px;
}

/* SRBAC ELEMENTS*/
.iconSet {
    border: #dddddd solid 1px;
    background: #EBF4FB;
    padding: 0.4em;
    -moz-border-radius: 0.7em;
    height: 54px;
}

.iconBox a {
    color: #222222;
    text-decoration: none;
    font-weight: normal;
}

.controlPanel a {
    color: #222222;
    text-decoration: none;
    font-weight: normal;
}

.icon {
    vertical-align: middle;
    border: 0;
}

.controlPanel {
    background: #EBF4FB;
    padding: 0.4em;
    -moz-border-radius: 0.7em;
    border: #dddddd solid 1px;
}

.marginBottom {
    margin-bottom: 0.5em;
}

.reset {
    clear: both;
}

.controlPanel a {
    margin-right: 0.5em;
}

div.iconBox {
    float: left;
    padding: 0.2em;
    -moz-border-radius: 0.7em;
    margin: 0.6em;
    border: 1px outset #666666;
    background-color: white;
}

.iconBox:hover {
    background-color: #EEEEEE;
    cursor: pointer;
}

.controlPanel .iconBox {
    margin: 0px;
}

div.srbac {
    border: 2px solid #B7DDF2;
    background: #EBF4FB;
    margin: 0;
    padding: 5px;
    /*width: 600px;*/
}

div.srbac .dropdown {
    width: 100%;
}

div.srbac div.message {
    color: red;
    text-align: center;
    font-weight: bold;
}

/* begin data grid style */
table.srbacDataGrid {
    background: white;
    border-collapse: collapse;
    width: 99%;
}

table.srbacDataGrid th, table.srbacDataGrid td {
    font-size: 0.9em;
    border: 1px #4F81BD solid;
    padding: 0.5em;
    text-align: left;
}

table.srbacDataGrid th {
    background: #d3dfee;
    text-align: center;
}

table.srbacDataGrid th.label {
    width: 150px;
}

table.srbacDataGrid tr.odd {
    background: #E6F2FF;
}

/* end of data grid style */

div.error {
    color: red;
}

div.title {

    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-bottom: 8px;
}

table.roles {
    background: white;
    width: 100%;
}

table.tasks {

    float: right;
    width: 75%;
    vertical-align: top;
    background-color: #66ffff;
}

table.operations {
    float: right;
    width: 60%;
    background-color: #9999ff;
}

/* TABVIEW ELEMENTS */
.horTab .yiiTab ul.tabs {
    padding: 2px 0;
    margin: 0;
    border-bottom: 1px solid #4F81BD;
    font: bold 12px Verdana, sans-serif;
    text-align: left;
}

.horTab .yiiTab ul.tabs li {
    list-style: none;
    margin: 0;
    display: inline;
}

.horTab .yiiTab ul.tabs a {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    padding: 2px 0.5em;
    margin: 0 0 0 3px;
    border: 1px solid #4F81BD;
    border-bottom: none;
    background: #d3dfee;
    text-decoration: none;
}

.horTab .yiiTab ul.tabs a:link {
    color: #667;
}

.horTab .yiiTab ul.tabs a:visited {
    color: #667;
}

.horTab .yiiTab ul.tabs a:hover {
    color: #000;
    background: #E6F2FF;
    border-color: #227;
}

.horTab .yiiTab ul.tabs a.active {
    background: white;
    border-bottom: 1px solid white;
}

.horTab .yiiTab div.view {
    border-left: 1px solid #4F81BD;
    border-right: 1px solid #4F81BD;
    border-bottom: 1px solid #4F81BD;
    padding: 8px;
    margin: 0;
}

/* VERT TAB */

.vertTab {
    width: 90%;
}

.vertTab .yiiTab ul.tabs {
    padding: 2px 0;
    margin: 0;
    font: bold 12px Verdana, sans-serif;
    text-align: left;
    float: left;

}

.vertTab .yiiTab ul.tabs li {
    list-style: none;
    display: inline;
    margin: 0;
}

.vertTab .yiiTab ul.tabs a {
    display: block;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    padding: 6px;
    margin: 0;
    border: 1px solid #4F81BD;
    border-right: 1px solid #4F81BD;
    background: #d3dfee;
    text-decoration: none;
}

.vertTab .yiiTab ul.tabs a:link {
    color: #667;
}

.vertTab .yiiTab ul.tabs a:visited {
    color: #667;
}

.vertTab .yiiTab ul.tabs a:hover {
    color: #000;
    background: #E6F2FF;
    border-color: #227;
}

.vertTab .yiiTab ul.tabs a.active {
    background: white;
    border-right: 1px solid white;
}

.vertTab .yiiTab div.view {
    border-right: 1px solid #4F81BD;
    border-top: 1px solid #4F81BD;
    border-bottom: 1px solid #4F81BD;
    border-left: 0;
    padding: 8px;
    margin: 0;
    text-align: left;
    float: none;
    /*height:200px;*/
    overflow: scroll;
}

/* LOADING INDICATORS */
div.srbacLoading {
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    background-image: url('../../assets/228942c4/process-working.gif');
}

div.srbacLoading * {
    opacity: .2;
}

/*Installing srbac styles*/

div.installNoError {
    color: green;
}

div.installError {
    color: red;
    font-weight: bold;
}

div.installNoError {
    background-image: url(../../assets/228942c4/noError.png);
    background-repeat: no-repeat;

    background-position: right;
}

div.installError {
    background-image: url(../../assets/228942c4/error.png);
    background-repeat: no-repeat;
    background-position: right;
}

#srbacError {
    color: red;
    font-weight: bold;
    font-size: 110%;
    padding-top: 10px;
}



/*** CSS File: /js/rangeSlider/css/ion.rangeSlider.css ***/
/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.irs {
    position: relative; display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
    .irs-line {
        position: relative; display: block;
        overflow: hidden;
        outline: none !important;
    }
        .irs-line-left, .irs-line-mid, .irs-line-right {
            position: absolute; display: block;
            top: 0;
        }
        .irs-line-left {
            left: 0; width: 11%;
        }
        .irs-line-mid {
            left: 9%; width: 82%;
        }
        .irs-line-right {
            right: 0; width: 11%;
        }

    .irs-bar {
        position: absolute; display: block;
        left: 0; width: 0;
    }
        .irs-bar-edge {
            position: absolute; display: block;
            top: 0; left: 0;
        }

    .irs-shadow {
        position: absolute; display: none;
        left: 0; width: 0;
    }

    .irs-slider {
        position: absolute; display: block;
        cursor: default;
        z-index: 1;
    }
        .irs-slider.single {

        }
        .irs-slider.from {

        }
        .irs-slider.to {

        }
        .irs-slider.type_last {
            z-index: 2;
        }

    .irs-min {
        position: absolute; display: block;
        left: 0;
        cursor: default;
    }
    .irs-max {
        position: absolute; display: block;
        right: 0;
        cursor: default;
    }

    .irs-from, .irs-to, .irs-single {
        position: absolute; display: block;
        top: 0; left: 0;
        cursor: default;
        white-space: nowrap;
    }

.irs-grid {
    position: absolute; display: none;
    bottom: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
    .irs-grid-pol {
        position: absolute;
        top: 0; left: 0;
        width: 1px; height: 8px;
        background: #000;
    }
    .irs-grid-pol.small {
        height: 4px;
    }
    .irs-grid-text {
        position: absolute;
        bottom: 0; left: 0;
        white-space: nowrap;
        text-align: center;
        font-size: 9px; line-height: 9px;
        padding: 0 3px;
        color: #000;
    }

.irs-disable-mask {
    position: absolute; display: block;
    top: 0; left: -1%;
    width: 102%; height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}
.irs-disabled {
    opacity: 0.4;
}
.lt-ie9 .irs-disabled {
    filter: alpha(opacity=40);
}


.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}


/*** CSS File: /js/rangeSlider/css/ion.rangeSlider.skinHTML5.css ***/
/* Ion.RangeSlider, Simple Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// © guybowden, 2014        https://github.com/guybowden
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs {
    height: 55px;
}
.irs-with-grid {
    height: 75px;
}
.irs-line {
    height: 10px; top: 33px;
    background: #EEE;
    background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */
    border: 1px solid #CCC;
    border-radius: 16px;
    -moz-border-radius: 16px;
}
    .irs-line-left {
        height: 8px;
    }
    .irs-line-mid {
        height: 8px;
    }
    .irs-line-right {
        height: 8px;
    }

.irs-bar {
    height: 10px; top: 33px;
    border-top: 1px solid #428bca;
    border-bottom: 1px solid #428bca;
    background: #428bca;
    background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */
}
    .irs-bar-edge {
        height: 10px; top: 33px;
        width: 14px;
        border: 1px solid #428bca;
        border-right: 0;
        background: #428bca;
        background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */
        border-radius: 16px 0 0 16px;
        -moz-border-radius: 16px 0 0 16px;
    }

.irs-shadow {
    height: 2px; top: 38px;
    background: #000;
    opacity: 0.3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30);
}

.irs-slider {
    top: 25px;
    width: 27px; height: 27px;
    border: 1px solid #AAA;
    background: #DDD;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%); /* W3C */
    border-radius: 27px;
    -moz-border-radius: 27px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    cursor: pointer;
}

.irs-slider.state_hover, .irs-slider:hover {
    background: #FFF;
}

.irs-min, .irs-max {
    color: #333;
    font-size: 12px; line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.lt-ie9 .irs-min, .lt-ie9 .irs-max {
    background: #ccc;
}

.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 14px; line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #428bca;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
    background: #999;
}

.irs-grid {
    height: 27px;
}
.irs-grid-pol {
    opacity: 0.5;
    background: #428bca;
}
.irs-grid-pol.small {
    background: #999;
}

.irs-grid-text {
    bottom: 5px;
    color: #99a4ac;
}

.irs-disabled {
}


/*** CSS File: /css/mainboard/search_filter.css ***/
/*****************Function***************/
.mainboard-filter-container {
  width: 100%;
}
.mainboard-filter {
  width: 100%;
}
.mainboard-filter ul.dropdown-menu {
  max-height: 250px !important;
}
#mainboard-result {
  position: relative;
  padding: 40px 20px;
  max-width: 1240px;
  margin: 0 auto;
}
#mainboard-result .mainboard-list-loading {
  display: none;
  top: 50px;
  bottom: auto;
}


/*** CSS File: /js/bootstrap-select/bootstrap-select.css ***/
/*!
 * bootstrap-select v1.3.5
 * http://silviomoreto.github.io/bootstrap-select/
 *
 * Copyright 2013 bootstrap-select
 * Licensed under the MIT license
 */

.bootstrap-select.btn-group,
.bootstrap-select.btn-group[class*="span"] {
	float: none;
	display: inline-block;
	margin-bottom: 10px;
	margin-left: 0;
}

.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group {
	margin-bottom: 0;
}

.bootstrap-select.form-control {
	padding: 0;
	border: none;
}

.bootstrap-select.btn-group.pull-right,
.bootstrap-select.btn-group[class*="span"].pull-right,
.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
	float: right;
}

.input-append .bootstrap-select.btn-group {
	margin-left: -1px;
}

.input-prepend .bootstrap-select.btn-group {
	margin-right: -1px;
}

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
	width: 220px;
}

.bootstrap-select {
	/*width: 220px\9; IE8 and below*/
	width: 220px \0; /*IE9 and below*/
}

.bootstrap-select.form-control:not([class*="span"]) {
	width: 100%;
}

.bootstrap-select > .btn {
	width: 100%;
}

.error .bootstrap-select .btn {
	border: 1px solid #B94A48;
}

.dropdown-menu {
	z-index: 2000;
}

.bootstrap-select.show-menu-arrow.open > .btn {
	z-index: 2051;
}

.bootstrap-select .btn:focus {
	outline: thin dotted #333333 !important;
	outline: 5px auto -webkit-focus-ring-color !important;
	outline-offset: -2px;
}

.bootstrap-select.btn-group .btn .filter-option {
	overflow: hidden;
	position: absolute;
	left: 12px;
	right: 25px;
	text-align: left;
}

.bootstrap-select.btn-group .btn .caret {
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -2px;
	vertical-align: middle;
}

.bootstrap-select.btn-group > .disabled,
.bootstrap-select.btn-group .dropdown-menu li.disabled > a {
	cursor: not-allowed;
}

.bootstrap-select.btn-group > .disabled:focus {
	outline: none !important;
}

.bootstrap-select.btn-group[class*="span"] .btn {
	width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
	min-width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
	position: static;
	border: 0;
	padding: 0;
	margin: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu dt {
	display: block;
	padding: 3px 20px;
	cursor: default;
}

.bootstrap-select.btn-group .div-contain {
	overflow: hidden;
}

.bootstrap-select.btn-group .dropdown-menu li {
	position: relative;
}

.bootstrap-select.btn-group .dropdown-menu li > a.opt {
	position: relative;
	padding-left: 35px;
}

.bootstrap-select.btn-group .dropdown-menu li > a {
	cursor: pointer;
}

.bootstrap-select.btn-group .dropdown-menu li > dt small {
	font-weight: normal;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
	display: inline-block;
	position: absolute;
	right: 15px;
	margin-top: 2.5px;
}

.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
	display: none;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
	margin-right: 34px;
}

.bootstrap-select.btn-group .dropdown-menu li small {
	padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small {
	color: #64B1D8;
	color: rgba(255, 255, 255, 0.4);
}

.bootstrap-select.btn-group .dropdown-menu li > dt small {
	font-weight: normal;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #CCC;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	bottom: -4px;
	left: 9px;
	display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid white;
	position: absolute;
	bottom: -4px;
	left: 10px;
	display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
	bottom: auto;
	top: -3px;
	border-top: 7px solid #CCC;
	border-bottom: 0;
	border-top-color: rgba(0, 0, 0, 0.2);
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
	bottom: auto;
	top: -3px;
	border-top: 6px solid #FFFFFF;
	border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
	right: 12px;
	left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
	right: 13px;
	left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
	display: block;
}

.mobile-device {
	position: absolute;
	top: 0;
	left: 0;
	display: block !important;
	width: 100%;
	height: 100% !important;
	opacity: 0;
}

.bootstrap-select.fit-width {
	width: auto !important;
}

.bootstrap-select.btn-group.fit-width .btn .filter-option {
	position: static;
}

.bootstrap-select.btn-group.fit-width .btn .caret {
	position: static;
	top: auto;
	margin-top: -1px;
}

.control-group.error .bootstrap-select .dropdown-toggle {
	border-color: #B94A48;
}

.bootstrap-select-searchbox {
	padding: 4px 8px;
}

/*** CSS File: /assets/3c429a4/listview/styles.css ***/
.list-view-loading
{
	background:url(../../assets/3c429a4/listview/loading.gif) no-repeat;
}

.list-view .summary
{
	margin: 0 0 5px 0;
	text-align: right;
}

.list-view .sorter
{
	margin: 0 0 5px 0;
	text-align: right;
}

.list-view .pager
{
	margin: 5px 0 0 0;
	text-align: right;
}

.list-view .sorter
{
	font-size: 0.9em;
}

.list-view .sorter ul
{
	display: inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

.list-view .sorter li
{
	display: inline;
	margin: 0 0 0 5px;
	padding: 0;
}

.list-view .sorter a.asc
{
	background:url(../../assets/3c429a4/listview/up.gif) right center no-repeat;
	padding-right: 10px;
}

.list-view .sorter a.desc
{
	background:url(../../assets/3c429a4/listview/down.gif) right center no-repeat;
	padding-right: 10px;
}


/*** CSS File: /js/jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css ***/
/*! jQuery UI - v1.10.4 - 2015-05-05
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.menu.css, jquery.ui.tabs.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
	display: none
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-clearfix {
	min-height: 0
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0)
}

.ui-front {
	z-index: 100
}

.ui-state-disabled {
	cursor: default !important
}

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

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0
}

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
	padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none
}

.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0;
	font-weight: normal
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5
}

.ui-menu .ui-state-disabled a {
	cursor: default
}

.ui-menu-icons {
	position: relative
}

.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em
}

.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em
}

.ui-menu .ui-menu-icon {
	position: static;
	float: right
}

.ui-tabs {
	position: relative;
	padding: .2em
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none
}

.ui-widget {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.1em
}

.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 1em
}

.ui-widget-content {
	border: 1px solid #DDD;
	background: #EEE url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
	color: #333
}

.ui-widget-content a {
	color: #333
}

.ui-widget-header {
	border: 1px solid #E78F08;
	background: #F6A828 url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
	color: #FFF;
	font-weight: bold
}

.ui-widget-header a {
	color: #FFF
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #CCC;
	background: #F6F6F6 url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #1C94C4
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #1C94C4;
	text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: 1px solid #FBCB09;
	background: #FDF5CE url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #C77405
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
	color: #C77405;
	text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #FBD850;
	background: #FFF url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #EB8F00
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #EB8F00;
	text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #FED22F;
	background: #FFE45C url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
	color: #363636
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
	color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	border: 1px solid #CD0A0A;
	background: #B81900 url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
	color: #FFF
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
	color: #FFF
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
	color: #FFF
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
	font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35)
}

.ui-icon {
	width: 16px;
	height: 16px
}

.ui-icon, .ui-widget-content .ui-icon {
	background-image: url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-icons_222222_256x240.png")
}

.ui-widget-header .ui-icon {
	background-image: url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-icons_ffffff_256x240.png")
}

.ui-state-default .ui-icon {
	background-image: url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-icons_ef8c08_256x240.png")
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	background-image: url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-icons_ef8c08_256x240.png")
}

.ui-state-active .ui-icon {
	background-image: url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-icons_ef8c08_256x240.png")
}

.ui-state-highlight .ui-icon {
	background-image: url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-icons_228ef1_256x240.png")
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
	background-image: url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-icons_ffd27a_256x240.png")
}

.ui-icon-blank {
	background-position: 16px 16px
}

.ui-icon-carat-1-n {
	background-position: 0 0
}

.ui-icon-carat-1-ne {
	background-position: -16px 0
}

.ui-icon-carat-1-e {
	background-position: -32px 0
}

.ui-icon-carat-1-se {
	background-position: -48px 0
}

.ui-icon-carat-1-s {
	background-position: -64px 0
}

.ui-icon-carat-1-sw {
	background-position: -80px 0
}

.ui-icon-carat-1-w {
	background-position: -96px 0
}

.ui-icon-carat-1-nw {
	background-position: -112px 0
}

.ui-icon-carat-2-n-s {
	background-position: -128px 0
}

.ui-icon-carat-2-e-w {
	background-position: -144px 0
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px
}

.ui-icon-arrow-1-s {
	background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
	background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px
}

.ui-icon-arrow-4 {
	background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px
}

.ui-icon-extlink {
	background-position: -32px -80px
}

.ui-icon-newwin {
	background-position: -48px -80px
}

.ui-icon-refresh {
	background-position: -64px -80px
}

.ui-icon-shuffle {
	background-position: -80px -80px
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px
}

.ui-icon-folder-open {
	background-position: -16px -96px
}

.ui-icon-document {
	background-position: -32px -96px
}

.ui-icon-document-b {
	background-position: -48px -96px
}

.ui-icon-note {
	background-position: -64px -96px
}

.ui-icon-mail-closed {
	background-position: -80px -96px
}

.ui-icon-mail-open {
	background-position: -96px -96px
}

.ui-icon-suitcase {
	background-position: -112px -96px
}

.ui-icon-comment {
	background-position: -128px -96px
}

.ui-icon-person {
	background-position: -144px -96px
}

.ui-icon-print {
	background-position: -160px -96px
}

.ui-icon-trash {
	background-position: -176px -96px
}

.ui-icon-locked {
	background-position: -192px -96px
}

.ui-icon-unlocked {
	background-position: -208px -96px
}

.ui-icon-bookmark {
	background-position: -224px -96px
}

.ui-icon-tag {
	background-position: -240px -96px
}

.ui-icon-home {
	background-position: 0 -112px
}

.ui-icon-flag {
	background-position: -16px -112px
}

.ui-icon-calendar {
	background-position: -32px -112px
}

.ui-icon-cart {
	background-position: -48px -112px
}

.ui-icon-pencil {
	background-position: -64px -112px
}

.ui-icon-clock {
	background-position: -80px -112px
}

.ui-icon-disk {
	background-position: -96px -112px
}

.ui-icon-calculator {
	background-position: -112px -112px
}

.ui-icon-zoomin {
	background-position: -128px -112px
}

.ui-icon-zoomout {
	background-position: -144px -112px
}

.ui-icon-search {
	background-position: -160px -112px
}

.ui-icon-wrench {
	background-position: -176px -112px
}

.ui-icon-gear {
	background-position: -192px -112px
}

.ui-icon-heart {
	background-position: -208px -112px
}

.ui-icon-star {
	background-position: -224px -112px
}

.ui-icon-link {
	background-position: -240px -112px
}

.ui-icon-cancel {
	background-position: 0 -128px
}

.ui-icon-plus {
	background-position: -16px -128px
}

.ui-icon-plusthick {
	background-position: -32px -128px
}

.ui-icon-minus {
	background-position: -48px -128px
}

.ui-icon-minusthick {
	background-position: -64px -128px
}

.ui-icon-close {
	background-position: -80px -128px
}

.ui-icon-closethick {
	background-position: -96px -128px
}

.ui-icon-key {
	background-position: -112px -128px
}

.ui-icon-lightbulb {
	background-position: -128px -128px
}

.ui-icon-scissors {
	background-position: -144px -128px
}

.ui-icon-clipboard {
	background-position: -160px -128px
}

.ui-icon-copy {
	background-position: -176px -128px
}

.ui-icon-contact {
	background-position: -192px -128px
}

.ui-icon-image {
	background-position: -208px -128px
}

.ui-icon-video {
	background-position: -224px -128px
}

.ui-icon-script {
	background-position: -240px -128px
}

.ui-icon-alert {
	background-position: 0 -144px
}

.ui-icon-info {
	background-position: -16px -144px
}

.ui-icon-notice {
	background-position: -32px -144px
}

.ui-icon-help {
	background-position: -48px -144px
}

.ui-icon-check {
	background-position: -64px -144px
}

.ui-icon-bullet {
	background-position: -80px -144px
}

.ui-icon-radio-on {
	background-position: -96px -144px
}

.ui-icon-radio-off {
	background-position: -112px -144px
}

.ui-icon-pin-w {
	background-position: -128px -144px
}

.ui-icon-pin-s {
	background-position: -144px -144px
}

.ui-icon-play {
	background-position: 0 -160px
}

.ui-icon-pause {
	background-position: -16px -160px
}

.ui-icon-seek-next {
	background-position: -32px -160px
}

.ui-icon-seek-prev {
	background-position: -48px -160px
}

.ui-icon-seek-end {
	background-position: -64px -160px
}

.ui-icon-seek-start {
	background-position: -80px -160px
}

.ui-icon-seek-first {
	background-position: -80px -160px
}

.ui-icon-stop {
	background-position: -96px -160px
}

.ui-icon-eject {
	background-position: -112px -160px
}

.ui-icon-volume-off {
	background-position: -128px -160px
}

.ui-icon-volume-on {
	background-position: -144px -160px
}

.ui-icon-power {
	background-position: 0 -176px
}

.ui-icon-signal-diag {
	background-position: -16px -176px
}

.ui-icon-signal {
	background-position: -32px -176px
}

.ui-icon-battery-0 {
	background-position: -48px -176px
}

.ui-icon-battery-1 {
	background-position: -64px -176px
}

.ui-icon-battery-2 {
	background-position: -80px -176px
}

.ui-icon-battery-3 {
	background-position: -96px -176px
}

.ui-icon-circle-plus {
	background-position: 0 -192px
}

.ui-icon-circle-minus {
	background-position: -16px -192px
}

.ui-icon-circle-close {
	background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px
}

.ui-icon-circle-check {
	background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 4px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 4px
}

.ui-widget-overlay {
	background: #666 url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000 url("../../js/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
	opacity: .2;
	filter: Alpha(Opacity=20);
	border-radius: 5px
}

/*** CSS File: /js/shadowbox-3.0.3/shadowbox.css ***/
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
	font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 200;
	color: #FFF;
}

#sb-container {
	position: fixed;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 999;
	text-align: left;
	visibility: hidden;
	display: none;
	max-height: 100% !important;
}

#sb-overlay {
	position: relative;
	height: 100%;
	width: 100%;
}

#sb-wrapper {
	position: absolute;
	visibility: hidden;
	width: 100px;
}

/* #sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}  Commented by luke*/
#sb-body {
	position: relative;
	height: 100%;
}

#sb-body-inner {
	position: absolute;
	height: 100%;
	width: 100%;
}

#sb-player.html {
	height: 100%;
	overflow: auto;
}

#sb-body img {
	border: none;
}

#sb-loading {
	position: relative;
	height: 100%;
}

#sb-loading-inner {
	position: absolute;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	top: 50%;
	margin-top: -12px;
	width: 100%;
	text-align: center;
}

#sb-loading-inner span {
	background: url(../../js/shadowbox-3.0.3/loading.gif) no-repeat;
	padding-left: 34px;
	display: inline-block;
}

/*#sb-body,#sb-loading{background-color:#060606;}*/
#sb-title, #sb-info {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#sb-title, #sb-title-inner {
	height: 26px;
	line-height: 26px;
}

#sb-title-inner {
	font-size: 16px;
}

#sb-info, #sb-info-inner {
	height: 20px;
	line-height: 20px;
}

#sb-info-inner {
	font-size: 12px;
}

#sb-nav {
	float: right;
	height: 16px;
	padding: 2px 0;
	width: 45%;
}

#sb-nav a {
	display: block;
	float: right;
	height: 16px;
	width: 16px;
	margin-left: 3px;
	cursor: pointer;
	background-repeat: no-repeat;
}

/* #sb-nav-close{background-image:url(../../js/shadowbox-3.0.3/close.png);}  Commented by luke*/
#sb-nav-next {
	background-image: url(../../js/shadowbox-3.0.3/next.png);
}

#sb-nav-previous {
	background-image: url(../../js/shadowbox-3.0.3/previous.png);
}

#sb-nav-play {
	background-image: url(../../js/shadowbox-3.0.3/play.png);
}

#sb-nav-pause {
	background-image: url(../../js/shadowbox-3.0.3/pause.png);
}

#sb-counter {
	float: left;
	width: 45%;
}

#sb-counter a {
	padding: 0 4px 0 0;
	text-decoration: none;
	cursor: pointer;
	color: #FFF;
}

#sb-counter a.sb-counter-current {
	text-decoration: underline;
}

div.sb-message {
	font-size: 12px;
	padding: 10px;
	text-align: center;
}

div.sb-message a:link, div.sb-message a:visited {
	color: #FFF;
	text-decoration: underline;
}

/* Customized by William */
/*#sb-body,#sb-loading{background-color:transparent; border:none;}*/
/* Moves close button inside the working area and make it bigger*/
#sb-title {
	display: none;
}

#sb-info {
	position: absolute;
	top: 1.7em;
	right: 1.7em;
	z-index: 1000;
}

#sb-nav-close {
	background-color: transparent;
	background-size: 1em 1em;
	height: 1em;
	width: 1em;
}

#sb-wrapper-inner {
	position: relative;
	border: 0 solid #303030;
	overflow: hidden;
	height: 100px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#sb-nav-close {
	display: none !important;
	background-image: none;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	transition: .5s;
	text-decoration: none;
	font-size: 25px;
	font-weight: bold;
	line-height: 18px;
	color: #FFFFFF;
	filter: alpha(opacity=20);

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	text-align: center;
	font-weight: normal;



}


/*** CSS File: /js/bootstrap-3.0.2/css/bootstrap.min.css ***/
/*!
 * Bootstrap v3.0.2 by @fat and @mdo
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}

audio, canvas, video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden], template {
	display: none
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	margin: 0
}

a {
	background: transparent
}

a:focus {
	outline: thin dotted
}

a:active, a:hover {
	outline: 0
}

h1 {
	margin: .67em 0;
	font-size: 2em
}

abbr[title] {
	border-bottom: 1px dotted
}

b, strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

hr {
	height: 0;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

mark {
	color: #000;
	background: #FF0
}

code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em
}

pre {
	white-space: pre-wrap
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
	font-size: 80%
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

fieldset {
	padding: .35em .625em .75em;
	margin: 0 2px;
	border: 1px solid #C0C0C0
}

legend {
	padding: 0;
	border: 0
}

button, input, select, textarea {
	margin: 0;
	font-family: inherit;
	font-size: 100%
}

button, input {
	line-height: normal
}

button, select {
	text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button
}

button[disabled], html input[disabled] {
	cursor: default
}

input[type="checkbox"], input[type="radio"] {
	padding: 0;
	box-sizing: border-box
}

input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

@media print {
	* {
		color: #000 !important;
		text-shadow: none !important;
		background: transparent !important;
		box-shadow: none !important
	}
	
	a, a:visited {
		text-decoration: underline
	}
	
	a[href]:after {
		content: " (" attr(href) ")"
	}
	
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	
	a[href^="javascript:"]:after, a[href^="#"]:after {
		content: ""
	}
	
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	
	thead {
		display: table-header-group
	}
	
	tr, img {
		page-break-inside: avoid
	}
	
	img {
		max-width: 100% !important
	}
	
	@page {
		margin: 2cm .5cm
	}
	
	p, h2, h3 {
		orphans: 3;
		widows: 3
	}
	
	h2, h3 {
		page-break-after: avoid
	}
	
	select {
		background: #FFF !important
	}
	
	.navbar {
		display: none
	}
	
	.table td, .table th {
		background-color: #FFF !important
	}
	
	.btn > .caret, .dropup > .btn > .caret {
		border-top-color: #000 !important
	}
	
	.label {
		border: 1px solid #000
	}
	
	.table {
		border-collapse: collapse !important
	}
	
	.table-bordered th, .table-bordered td {
		border: 1px solid #DDD !important
	}
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-size: 62.5%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333;
	background-color: #FFF
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

a {
	color: #428BCA;
	text-decoration: none
}

a:hover, a:focus {
	color: #2A6496;
	text-decoration: underline
}

a:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

img {
	vertical-align: middle
}

.img-responsive {
	display: block;
	height: auto;
	max-width: 100%
}

.img-rounded {
	border-radius: 6px
}

.img-thumbnail {
	display: inline-block;
	height: auto;
	max-width: 100%;
	padding: 4px;
	line-height: 1.428571429;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.img-circle {
	border-radius: 50%
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #EEE
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

p {
	margin: 0 0 10px
}

.lead {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 200;
	line-height: 1.4
}

@media (min-width: 768px) {
	.lead {
		font-size: 21px
	}
}

small, .small {
	font-size: 85%
}

cite {
	font-style: normal
}

.text-muted {
	color: #999
}

.text-primary {
	color: #428BCA
}

.text-primary:hover {
	color: #3071A9
}

.text-warning {
	color: #C09853
}

.text-warning:hover {
	color: #A47E3C
}

.text-danger {
	color: #B94A48
}

.text-danger:hover {
	color: #953B39
}

.text-success {
	color: #468847
}

.text-success:hover {
	color: #356635
}

.text-info {
	color: #3A87AD
}

.text-info:hover {
	color: #2D6987
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
	font-weight: normal;
	line-height: 1;
	color: #999
}

h1, h2, h3 {
	margin-top: 20px;
	margin-bottom: 10px
}

h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
	font-size: 65%
}

h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px
}

h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small {
	font-size: 75%
}

h1, .h1 {
	font-size: 36px
}

h2, .h2 {
	font-size: 30px
}

h3, .h3 {
	font-size: 24px
}

h4, .h4 {
	font-size: 18px
}

h5, .h5 {
	font-size: 14px
}

h6, .h6 {
	font-size: 12px
}

.page-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #EEE
}

ul, ol {
	margin-top: 0;
	margin-bottom: 10px
}

ul ul, ol ul, ul ol, ol ol {
	margin-bottom: 0
}

.list-unstyled {
	padding-left: 0;
	list-style: none
}

.list-inline {
	padding-left: 0;
	list-style: none
}

.list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px
}

.list-inline > li:first-child {
	padding-left: 0
}

dl {
	margin-bottom: 20px
}

dt, dd {
	line-height: 1.428571429
}

dt {
	font-weight: bold
}

dd {
	margin-left: 0
}

@media (min-width: 768px) {
	.dl-horizontal dt {
		float: left;
		width: 160px;
		overflow: hidden;
		clear: left;
		text-align: right;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	
	.dl-horizontal dd {
		margin-left: 180px
	}
	
	.dl-horizontal dd:before, .dl-horizontal dd:after {
		display: table;
		content: " "
	}
	
	.dl-horizontal dd:after {
		clear: both
	}
	
	.dl-horizontal dd:before, .dl-horizontal dd:after {
		display: table;
		content: " "
	}
	
	.dl-horizontal dd:after {
		clear: both
	}
}

abbr[title], abbr[data-original-title] {
	cursor: help;
	border-bottom: 1px dotted #999
}

abbr.initialism {
	font-size: 90%;
	text-transform: uppercase
}

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	border-left: 5px solid #EEE
}

blockquote p {
	font-size: 17.5px;
	font-weight: 300;
	line-height: 1.25
}

blockquote p:last-child {
	margin-bottom: 0
}

blockquote small {
	display: block;
	line-height: 1.428571429;
	color: #999
}

blockquote small:before {
	content: '\2014 \00A0'
}

blockquote.pull-right {
	padding-right: 15px;
	padding-left: 0;
	border-right: 5px solid #EEE;
	border-left: 0
}

blockquote.pull-right p, blockquote.pull-right small, blockquote.pull-right .small {
	text-align: right
}

blockquote.pull-right small:before, blockquote.pull-right .small:before {
	content: ''
}

blockquote.pull-right small:after, blockquote.pull-right .small:after {
	content: '\00A0 \2014'
}

blockquote:before, blockquote:after {
	content: ""
}

address {
	margin-bottom: 20px;
	font-style: normal;
	line-height: 1.428571429
}

code, kbd, pre, samp {
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace
}

code {
	padding: 2px 4px;
	font-size: 90%;
	color: #C7254E;
	white-space: nowrap;
	background-color: #F9F2F4;
	border-radius: 4px
}

pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.428571429;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #F5F5F5;
	border: 1px solid #CCC;
	border-radius: 4px
}

pre code {
	padding: 0;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 0
}

.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.container:before, .container:after {
	display: table;
	content: " "
}

.container:after {
	clear: both
}

.container:before, .container:after {
	display: table;
	content: " "
}

.container:after {
	clear: both
}

.row {
	margin-right: -15px;
	margin-left: -15px
}

.row:before, .row:after {
	display: table;
	content: " "
}

.row:after {
	clear: both
}

.row:before, .row:after {
	display: table;
	content: " "
}

.row:after {
	clear: both
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 {
	float: left
}

.col-xs-12 {
	width: 100%
}

.col-xs-11 {
	width: 91.66666666666666%
}

.col-xs-10 {
	width: 83.33333333333334%
}

.col-xs-9 {
	width: 75%
}

.col-xs-8 {
	width: 66.66666666666666%
}

.col-xs-7 {
	width: 58.333333333333336%
}

.col-xs-6 {
	width: 50%
}

.col-xs-5 {
	width: 41.66666666666667%
}

.col-xs-4 {
	width: 33.33333333333333%
}

.col-xs-3 {
	width: 25%
}

.col-xs-2 {
	width: 16.666666666666664%
}

.col-xs-1 {
	width: 8.333333333333332%
}

.col-xs-pull-12 {
	right: 100%
}

.col-xs-pull-11 {
	right: 91.66666666666666%
}

.col-xs-pull-10 {
	right: 83.33333333333334%
}

.col-xs-pull-9 {
	right: 75%
}

.col-xs-pull-8 {
	right: 66.66666666666666%
}

.col-xs-pull-7 {
	right: 58.333333333333336%
}

.col-xs-pull-6 {
	right: 50%
}

.col-xs-pull-5 {
	right: 41.66666666666667%
}

.col-xs-pull-4 {
	right: 33.33333333333333%
}

.col-xs-pull-3 {
	right: 25%
}

.col-xs-pull-2 {
	right: 16.666666666666664%
}

.col-xs-pull-1 {
	right: 8.333333333333332%
}

.col-xs-pull-0 {
	right: 0
}

.col-xs-push-12 {
	left: 100%
}

.col-xs-push-11 {
	left: 91.66666666666666%
}

.col-xs-push-10 {
	left: 83.33333333333334%
}

.col-xs-push-9 {
	left: 75%
}

.col-xs-push-8 {
	left: 66.66666666666666%
}

.col-xs-push-7 {
	left: 58.333333333333336%
}

.col-xs-push-6 {
	left: 50%
}

.col-xs-push-5 {
	left: 41.66666666666667%
}

.col-xs-push-4 {
	left: 33.33333333333333%
}

.col-xs-push-3 {
	left: 25%
}

.col-xs-push-2 {
	left: 16.666666666666664%
}

.col-xs-push-1 {
	left: 8.333333333333332%
}

.col-xs-push-0 {
	left: 0
}

.col-xs-offset-12 {
	margin-left: 100%
}

.col-xs-offset-11 {
	margin-left: 91.66666666666666%
}

.col-xs-offset-10 {
	margin-left: 83.33333333333334%
}

.col-xs-offset-9 {
	margin-left: 75%
}

.col-xs-offset-8 {
	margin-left: 66.66666666666666%
}

.col-xs-offset-7 {
	margin-left: 58.333333333333336%
}

.col-xs-offset-6 {
	margin-left: 50%
}

.col-xs-offset-5 {
	margin-left: 41.66666666666667%
}

.col-xs-offset-4 {
	margin-left: 33.33333333333333%
}

.col-xs-offset-3 {
	margin-left: 25%
}

.col-xs-offset-2 {
	margin-left: 16.666666666666664%
}

.col-xs-offset-1 {
	margin-left: 8.333333333333332%
}

.col-xs-offset-0 {
	margin-left: 0
}

@media (min-width: 768px) {
	.container {
		width: 750px
	}
	
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {
		float: left
	}
	
	.col-sm-12 {
		width: 100%
	}
	
	.col-sm-11 {
		width: 91.66666666666666%
	}
	
	.col-sm-10 {
		width: 83.33333333333334%
	}
	
	.col-sm-9 {
		width: 75%
	}
	
	.col-sm-8 {
		width: 66.66666666666666%
	}
	
	.col-sm-7 {
		width: 58.333333333333336%
	}
	
	.col-sm-6 {
		width: 50%
	}
	
	.col-sm-5 {
		width: 41.66666666666667%
	}
	
	.col-sm-4 {
		width: 33.33333333333333%
	}
	
	.col-sm-3 {
		width: 25%
	}
	
	.col-sm-2 {
		width: 16.666666666666664%
	}
	
	.col-sm-1 {
		width: 8.333333333333332%
	}
	
	.col-sm-pull-12 {
		right: 100%
	}
	
	.col-sm-pull-11 {
		right: 91.66666666666666%
	}
	
	.col-sm-pull-10 {
		right: 83.33333333333334%
	}
	
	.col-sm-pull-9 {
		right: 75%
	}
	
	.col-sm-pull-8 {
		right: 66.66666666666666%
	}
	
	.col-sm-pull-7 {
		right: 58.333333333333336%
	}
	
	.col-sm-pull-6 {
		right: 50%
	}
	
	.col-sm-pull-5 {
		right: 41.66666666666667%
	}
	
	.col-sm-pull-4 {
		right: 33.33333333333333%
	}
	
	.col-sm-pull-3 {
		right: 25%
	}
	
	.col-sm-pull-2 {
		right: 16.666666666666664%
	}
	
	.col-sm-pull-1 {
		right: 8.333333333333332%
	}
	
	.col-sm-pull-0 {
		right: 0
	}
	
	.col-sm-push-12 {
		left: 100%
	}
	
	.col-sm-push-11 {
		left: 91.66666666666666%
	}
	
	.col-sm-push-10 {
		left: 83.33333333333334%
	}
	
	.col-sm-push-9 {
		left: 75%
	}
	
	.col-sm-push-8 {
		left: 66.66666666666666%
	}
	
	.col-sm-push-7 {
		left: 58.333333333333336%
	}
	
	.col-sm-push-6 {
		left: 50%
	}
	
	.col-sm-push-5 {
		left: 41.66666666666667%
	}
	
	.col-sm-push-4 {
		left: 33.33333333333333%
	}
	
	.col-sm-push-3 {
		left: 25%
	}
	
	.col-sm-push-2 {
		left: 16.666666666666664%
	}
	
	.col-sm-push-1 {
		left: 8.333333333333332%
	}
	
	.col-sm-push-0 {
		left: 0
	}
	
	.col-sm-offset-12 {
		margin-left: 100%
	}
	
	.col-sm-offset-11 {
		margin-left: 91.66666666666666%
	}
	
	.col-sm-offset-10 {
		margin-left: 83.33333333333334%
	}
	
	.col-sm-offset-9 {
		margin-left: 75%
	}
	
	.col-sm-offset-8 {
		margin-left: 66.66666666666666%
	}
	
	.col-sm-offset-7 {
		margin-left: 58.333333333333336%
	}
	
	.col-sm-offset-6 {
		margin-left: 50%
	}
	
	.col-sm-offset-5 {
		margin-left: 41.66666666666667%
	}
	
	.col-sm-offset-4 {
		margin-left: 33.33333333333333%
	}
	
	.col-sm-offset-3 {
		margin-left: 25%
	}
	
	.col-sm-offset-2 {
		margin-left: 16.666666666666664%
	}
	
	.col-sm-offset-1 {
		margin-left: 8.333333333333332%
	}
	
	.col-sm-offset-0 {
		margin-left: 0
	}
}

@media (min-width: 992px) {
	.container {
		width: 970px
	}
	
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {
		float: left
	}
	
	.col-md-12 {
		width: 100%
	}
	
	.col-md-11 {
		width: 91.66666666666666%
	}
	
	.col-md-10 {
		width: 83.33333333333334%
	}
	
	.col-md-9 {
		width: 75%
	}
	
	.col-md-8 {
		width: 66.66666666666666%
	}
	
	.col-md-7 {
		width: 58.333333333333336%
	}
	
	.col-md-6 {
		width: 50%
	}
	
	.col-md-5 {
		width: 41.66666666666667%
	}
	
	.col-md-4 {
		width: 33.33333333333333%
	}
	
	.col-md-3 {
		width: 25%
	}
	
	.col-md-2 {
		width: 16.666666666666664%
	}
	
	.col-md-1 {
		width: 8.333333333333332%
	}
	
	.col-md-pull-12 {
		right: 100%
	}
	
	.col-md-pull-11 {
		right: 91.66666666666666%
	}
	
	.col-md-pull-10 {
		right: 83.33333333333334%
	}
	
	.col-md-pull-9 {
		right: 75%
	}
	
	.col-md-pull-8 {
		right: 66.66666666666666%
	}
	
	.col-md-pull-7 {
		right: 58.333333333333336%
	}
	
	.col-md-pull-6 {
		right: 50%
	}
	
	.col-md-pull-5 {
		right: 41.66666666666667%
	}
	
	.col-md-pull-4 {
		right: 33.33333333333333%
	}
	
	.col-md-pull-3 {
		right: 25%
	}
	
	.col-md-pull-2 {
		right: 16.666666666666664%
	}
	
	.col-md-pull-1 {
		right: 8.333333333333332%
	}
	
	.col-md-pull-0 {
		right: 0
	}
	
	.col-md-push-12 {
		left: 100%
	}
	
	.col-md-push-11 {
		left: 91.66666666666666%
	}
	
	.col-md-push-10 {
		left: 83.33333333333334%
	}
	
	.col-md-push-9 {
		left: 75%
	}
	
	.col-md-push-8 {
		left: 66.66666666666666%
	}
	
	.col-md-push-7 {
		left: 58.333333333333336%
	}
	
	.col-md-push-6 {
		left: 50%
	}
	
	.col-md-push-5 {
		left: 41.66666666666667%
	}
	
	.col-md-push-4 {
		left: 33.33333333333333%
	}
	
	.col-md-push-3 {
		left: 25%
	}
	
	.col-md-push-2 {
		left: 16.666666666666664%
	}
	
	.col-md-push-1 {
		left: 8.333333333333332%
	}
	
	.col-md-push-0 {
		left: 0
	}
	
	.col-md-offset-12 {
		margin-left: 100%
	}
	
	.col-md-offset-11 {
		margin-left: 91.66666666666666%
	}
	
	.col-md-offset-10 {
		margin-left: 83.33333333333334%
	}
	
	.col-md-offset-9 {
		margin-left: 75%
	}
	
	.col-md-offset-8 {
		margin-left: 66.66666666666666%
	}
	
	.col-md-offset-7 {
		margin-left: 58.333333333333336%
	}
	
	.col-md-offset-6 {
		margin-left: 50%
	}
	
	.col-md-offset-5 {
		margin-left: 41.66666666666667%
	}
	
	.col-md-offset-4 {
		margin-left: 33.33333333333333%
	}
	
	.col-md-offset-3 {
		margin-left: 25%
	}
	
	.col-md-offset-2 {
		margin-left: 16.666666666666664%
	}
	
	.col-md-offset-1 {
		margin-left: 8.333333333333332%
	}
	
	.col-md-offset-0 {
		margin-left: 0
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1170px
	}
	
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 {
		float: left
	}
	
	.col-lg-12 {
		width: 100%
	}
	
	.col-lg-11 {
		width: 91.66666666666666%
	}
	
	.col-lg-10 {
		width: 83.33333333333334%
	}
	
	.col-lg-9 {
		width: 75%
	}
	
	.col-lg-8 {
		width: 66.66666666666666%
	}
	
	.col-lg-7 {
		width: 58.333333333333336%
	}
	
	.col-lg-6 {
		width: 50%
	}
	
	.col-lg-5 {
		width: 41.66666666666667%
	}
	
	.col-lg-4 {
		width: 33.33333333333333%
	}
	
	.col-lg-3 {
		width: 25%
	}
	
	.col-lg-2 {
		width: 16.666666666666664%
	}
	
	.col-lg-1 {
		width: 8.333333333333332%
	}
	
	.col-lg-pull-12 {
		right: 100%
	}
	
	.col-lg-pull-11 {
		right: 91.66666666666666%
	}
	
	.col-lg-pull-10 {
		right: 83.33333333333334%
	}
	
	.col-lg-pull-9 {
		right: 75%
	}
	
	.col-lg-pull-8 {
		right: 66.66666666666666%
	}
	
	.col-lg-pull-7 {
		right: 58.333333333333336%
	}
	
	.col-lg-pull-6 {
		right: 50%
	}
	
	.col-lg-pull-5 {
		right: 41.66666666666667%
	}
	
	.col-lg-pull-4 {
		right: 33.33333333333333%
	}
	
	.col-lg-pull-3 {
		right: 25%
	}
	
	.col-lg-pull-2 {
		right: 16.666666666666664%
	}
	
	.col-lg-pull-1 {
		right: 8.333333333333332%
	}
	
	.col-lg-pull-0 {
		right: 0
	}
	
	.col-lg-push-12 {
		left: 100%
	}
	
	.col-lg-push-11 {
		left: 91.66666666666666%
	}
	
	.col-lg-push-10 {
		left: 83.33333333333334%
	}
	
	.col-lg-push-9 {
		left: 75%
	}
	
	.col-lg-push-8 {
		left: 66.66666666666666%
	}
	
	.col-lg-push-7 {
		left: 58.333333333333336%
	}
	
	.col-lg-push-6 {
		left: 50%
	}
	
	.col-lg-push-5 {
		left: 41.66666666666667%
	}
	
	.col-lg-push-4 {
		left: 33.33333333333333%
	}
	
	.col-lg-push-3 {
		left: 25%
	}
	
	.col-lg-push-2 {
		left: 16.666666666666664%
	}
	
	.col-lg-push-1 {
		left: 8.333333333333332%
	}
	
	.col-lg-push-0 {
		left: 0
	}
	
	.col-lg-offset-12 {
		margin-left: 100%
	}
	
	.col-lg-offset-11 {
		margin-left: 91.66666666666666%
	}
	
	.col-lg-offset-10 {
		margin-left: 83.33333333333334%
	}
	
	.col-lg-offset-9 {
		margin-left: 75%
	}
	
	.col-lg-offset-8 {
		margin-left: 66.66666666666666%
	}
	
	.col-lg-offset-7 {
		margin-left: 58.333333333333336%
	}
	
	.col-lg-offset-6 {
		margin-left: 50%
	}
	
	.col-lg-offset-5 {
		margin-left: 41.66666666666667%
	}
	
	.col-lg-offset-4 {
		margin-left: 33.33333333333333%
	}
	
	.col-lg-offset-3 {
		margin-left: 25%
	}
	
	.col-lg-offset-2 {
		margin-left: 16.666666666666664%
	}
	
	.col-lg-offset-1 {
		margin-left: 8.333333333333332%
	}
	
	.col-lg-offset-0 {
		margin-left: 0
	}
}

table {
	max-width: 100%;
	background-color: transparent
}

th {
	text-align: left
}

.table {
	width: 100%;
	margin-bottom: 20px
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #DDD
}

.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #DDD
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
	border-top: 0
}

.table > tbody + tbody {
	border-top: 2px solid #DDD
}

.table .table {
	background-color: #FFF
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
	padding: 5px
}

.table-bordered {
	border: 1px solid #DDD
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border: 1px solid #DDD
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
	border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #F9F9F9
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
	background-color: #F5F5F5
}

table col[class*="col-"] {
	display: table-column;
	float: none
}

table td[class*="col-"], table th[class*="col-"] {
	display: table-cell;
	float: none
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
	background-color: #F5F5F5
}

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
	background-color: #DFF0D8
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
	background-color: #D0E9C6
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
	background-color: #F2DEDE
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
	background-color: #EBCCCC
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
	background-color: #FCF8E3
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
	background-color: #FAF2CC
}

@media (max-width: 767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-x: scroll;
		overflow-y: hidden;
		border: 1px solid #DDD;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch
	}
	
	.table-responsive > .table {
		margin-bottom: 0
	}
	
	.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
		white-space: nowrap
	}
	
	.table-responsive > .table-bordered {
		border: 0
	}
	
	.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
		border-left: 0
	}
	
	.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
		border-right: 0
	}
	
	.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
		border-bottom: 0
	}
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom: 1px solid #E5E5E5
}

label {
	display: inline-block;
	margin-bottom: 5px;
	font-weight: bold
}

input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal
}

input[type="file"] {
	display: block
}

select[multiple], select[size] {
	height: auto
}

select optgroup {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
	height: auto
}

output {
	display: block;
	padding-top: 7px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #CCC;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
	border-color: #66AFE9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control:-moz-placeholder {
	color: #999
}

.form-control::-moz-placeholder {
	color: #999
}

.form-control:-ms-input-placeholder {
	color: #999
}

.form-control::-webkit-input-placeholder {
	color: #999
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	cursor: not-allowed;
	background-color: #EEE
}

textarea.form-control {
	height: auto
}

.form-group {
	margin-bottom: 15px
}

.radio, .checkbox {
	display: block;
	min-height: 20px;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: middle
}

.radio label, .checkbox label {
	display: inline;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	float: left;
	margin-left: -20px
}

.radio + .radio, .checkbox + .checkbox {
	margin-top: -5px
}

.radio-inline, .checkbox-inline {
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	vertical-align: middle;
	cursor: pointer
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
	margin-top: 0;
	margin-left: 10px
}

input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline {
	cursor: not-allowed
}

.input-sm {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

select.input-sm {
	height: 30px;
	line-height: 30px
}

textarea.input-sm {
	height: auto
}

.input-lg {
	height: 45px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px
}

select.input-lg {
	height: 45px;
	line-height: 45px
}

textarea.input-lg {
	height: auto
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
	color: #C09853
}

.has-warning .form-control {
	border-color: #C09853;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
	border-color: #A47E3C;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #DBC59E;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #DBC59E
}

.has-warning .input-group-addon {
	color: #C09853;
	background-color: #FCF8E3;
	border-color: #C09853
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
	color: #B94A48
}

.has-error .form-control {
	border-color: #B94A48;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
	border-color: #953B39;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #D59392;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #D59392
}

.has-error .input-group-addon {
	color: #B94A48;
	background-color: #F2DEDE;
	border-color: #B94A48
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
	color: #468847
}

.has-success .form-control {
	border-color: #468847;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
	border-color: #356635;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ABA7B;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ABA7B
}

.has-success .input-group-addon {
	color: #468847;
	background-color: #DFF0D8;
	border-color: #468847
}

.form-control-static {
	margin-bottom: 0
}

.help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #737373
}

@media (min-width: 768px) {
	.form-inline .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle
	}
	
	.form-inline .form-control {
		display: inline-block
	}
	
	.form-inline .radio, .form-inline .checkbox {
		display: inline-block;
		padding-left: 0;
		margin-top: 0;
		margin-bottom: 0
	}
	
	.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
		float: none;
		margin-left: 0
	}
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
	padding-top: 7px;
	margin-top: 0;
	margin-bottom: 0
}

.form-horizontal .form-group {
	margin-right: -15px;
	margin-left: -15px
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
	display: table;
	content: " "
}

.form-horizontal .form-group:after {
	clear: both
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
	display: table;
	content: " "
}

.form-horizontal .form-group:after {
	clear: both
}

.form-horizontal .form-control-static {
	padding-top: 7px
}

@media (min-width: 768px) {
	.form-horizontal .control-label {
		text-align: right
	}
}

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}

.btn:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.btn:hover, .btn:focus {
	color: #333;
	text-decoration: none
}

.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	pointer-events: none;
	cursor: not-allowed;
	opacity: .65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn-default {
	color: #333;
	background-color: #FFF;
	border-color: #CCC
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	color: #333;
	background-color: #EBEBEB;
	border-color: #ADADAD
}

.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	background-image: none
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
	background-color: #FFF;
	border-color: #CCC
}

.btn-primary {
	color: #FFF;
	background-color: #428BCA;
	border-color: #357EBD
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	color: #FFF;
	background-color: #3276B1;
	border-color: #285E8E
}

.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-image: none
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
	background-color: #428BCA;
	border-color: #357EBD
}

.btn-warning {
	color: #FFF;
	background-color: #F0AD4E;
	border-color: #EEA236
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
	color: #FFF;
	background-color: #ED9C28;
	border-color: #D58512
}

.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
	background-image: none
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
	background-color: #F0AD4E;
	border-color: #EEA236
}

.btn-danger {
	color: #FFF;
	background-color: #D9534F;
	border-color: #D43F3A
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
	color: #FFF;
	background-color: #D2322D;
	border-color: #AC2925
}

.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
	background-image: none
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
	background-color: #D9534F;
	border-color: #D43F3A
}

.btn-success {
	color: #FFF;
	background-color: #5CB85C;
	border-color: #4CAE4C
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
	color: #FFF;
	background-color: #47A447;
	border-color: #398439
}

.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
	background-image: none
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
	background-color: #5CB85C;
	border-color: #4CAE4C
}

.btn-info {
	color: #FFF;
	background-color: #5BC0DE;
	border-color: #46B8DA
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
	color: #FFF;
	background-color: #39B3D7;
	border-color: #269ABC
}

.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
	background-image: none
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
	background-color: #5BC0DE;
	border-color: #46B8DA
}

.btn-link {
	font-weight: normal;
	color: #428BCA;
	cursor: pointer;
	border-radius: 0
}

.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
	border-color: transparent
}

.btn-link:hover, .btn-link:focus {
	color: #2A6496;
	text-decoration: underline;
	background-color: transparent
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
	color: #999;
	text-decoration: none
}

.btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px
}

.btn-sm, .btn-xs {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.btn-xs {
	padding: 1px 5px
}

.btn-block {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0
}

.btn-block + .btn-block {
	margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
	width: 100%
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	transition: opacity .15s linear
}

.fade.in {
	opacity: 1
}

.collapse {
	display: none
}

.collapse.in {
	display: block
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height .35s ease;
	transition: height .35s ease
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../../js/bootstrap-3.0.2/css/../fonts/glyphicons-halflings-regular.eot');
	src: url('../../js/bootstrap-3.0.2/css/../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../js/bootstrap-3.0.2/css/../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../js/bootstrap-3.0.2/css/../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../js/bootstrap-3.0.2/css/../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale
}

.glyphicon:empty {
	width: 1em
}

.glyphicon-asterisk:before {
	content: "\2a"
}

.glyphicon-plus:before {
	content: "\2b"
}

.glyphicon-euro:before {
	content: "\20ac"
}

.glyphicon-minus:before {
	content: "\2212"
}

.glyphicon-cloud:before {
	content: "\2601"
}

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

.glyphicon-pencil:before {
	content: "\270f"
}

.glyphicon-glass:before {
	content: "\e001"
}

.glyphicon-music:before {
	content: "\e002"
}

.glyphicon-search:before {
	content: "\e003"
}

.glyphicon-heart:before {
	content: "\e005"
}

.glyphicon-star:before {
	content: "\e006"
}

.glyphicon-star-empty:before {
	content: "\e007"
}

.glyphicon-user:before {
	content: "\e008"
}

.glyphicon-film:before {
	content: "\e009"
}

.glyphicon-th-large:before {
	content: "\e010"
}

.glyphicon-th:before {
	content: "\e011"
}

.glyphicon-th-list:before {
	content: "\e012"
}

.glyphicon-ok:before {
	content: "\e013"
}

.glyphicon-remove:before {
	content: "\e014"
}

.glyphicon-zoom-in:before {
	content: "\e015"
}

.glyphicon-zoom-out:before {
	content: "\e016"
}

.glyphicon-off:before {
	content: "\e017"
}

.glyphicon-signal:before {
	content: "\e018"
}

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

.glyphicon-trash:before {
	content: "\e020"
}

.glyphicon-home:before {
	content: "\e021"
}

.glyphicon-file:before {
	content: "\e022"
}

.glyphicon-time:before {
	content: "\e023"
}

.glyphicon-road:before {
	content: "\e024"
}

.glyphicon-download-alt:before {
	content: "\e025"
}

.glyphicon-download:before {
	content: "\e026"
}

.glyphicon-upload:before {
	content: "\e027"
}

.glyphicon-inbox:before {
	content: "\e028"
}

.glyphicon-play-circle:before {
	content: "\e029"
}

.glyphicon-repeat:before {
	content: "\e030"
}

.glyphicon-refresh:before {
	content: "\e031"
}

.glyphicon-list-alt:before {
	content: "\e032"
}

.glyphicon-lock:before {
	content: "\e033"
}

.glyphicon-flag:before {
	content: "\e034"
}

.glyphicon-headphones:before {
	content: "\e035"
}

.glyphicon-volume-off:before {
	content: "\e036"
}

.glyphicon-volume-down:before {
	content: "\e037"
}

.glyphicon-volume-up:before {
	content: "\e038"
}

.glyphicon-qrcode:before {
	content: "\e039"
}

.glyphicon-barcode:before {
	content: "\e040"
}

.glyphicon-tag:before {
	content: "\e041"
}

.glyphicon-tags:before {
	content: "\e042"
}

.glyphicon-book:before {
	content: "\e043"
}

.glyphicon-bookmark:before {
	content: "\e044"
}

.glyphicon-print:before {
	content: "\e045"
}

.glyphicon-camera:before {
	content: "\e046"
}

.glyphicon-font:before {
	content: "\e047"
}

.glyphicon-bold:before {
	content: "\e048"
}

.glyphicon-italic:before {
	content: "\e049"
}

.glyphicon-text-height:before {
	content: "\e050"
}

.glyphicon-text-width:before {
	content: "\e051"
}

.glyphicon-align-left:before {
	content: "\e052"
}

.glyphicon-align-center:before {
	content: "\e053"
}

.glyphicon-align-right:before {
	content: "\e054"
}

.glyphicon-align-justify:before {
	content: "\e055"
}

.glyphicon-list:before {
	content: "\e056"
}

.glyphicon-indent-left:before {
	content: "\e057"
}

.glyphicon-indent-right:before {
	content: "\e058"
}

.glyphicon-facetime-video:before {
	content: "\e059"
}

.glyphicon-picture:before {
	content: "\e060"
}

.glyphicon-map-marker:before {
	content: "\e062"
}

.glyphicon-adjust:before {
	content: "\e063"
}

.glyphicon-tint:before {
	content: "\e064"
}

.glyphicon-edit:before {
	content: "\e065"
}

.glyphicon-share:before {
	content: "\e066"
}

.glyphicon-check:before {
	content: "\e067"
}

.glyphicon-move:before {
	content: "\e068"
}

.glyphicon-step-backward:before {
	content: "\e069"
}

.glyphicon-fast-backward:before {
	content: "\e070"
}

.glyphicon-backward:before {
	content: "\e071"
}

.glyphicon-play:before {
	content: "\e072"
}

.glyphicon-pause:before {
	content: "\e073"
}

.glyphicon-stop:before {
	content: "\e074"
}

.glyphicon-forward:before {
	content: "\e075"
}

.glyphicon-fast-forward:before {
	content: "\e076"
}

.glyphicon-step-forward:before {
	content: "\e077"
}

.glyphicon-eject:before {
	content: "\e078"
}

.glyphicon-chevron-left:before {
	content: "\e079"
}

.glyphicon-chevron-right:before {
	content: "\e080"
}

.glyphicon-plus-sign:before {
	content: "\e081"
}

.glyphicon-minus-sign:before {
	content: "\e082"
}

.glyphicon-remove-sign:before {
	content: "\e083"
}

.glyphicon-ok-sign:before {
	content: "\e084"
}

.glyphicon-question-sign:before {
	content: "\e085"
}

.glyphicon-info-sign:before {
	content: "\e086"
}

.glyphicon-screenshot:before {
	content: "\e087"
}

.glyphicon-remove-circle:before {
	content: "\e088"
}

.glyphicon-ok-circle:before {
	content: "\e089"
}

.glyphicon-ban-circle:before {
	content: "\e090"
}

.glyphicon-arrow-left:before {
	content: "\e091"
}

.glyphicon-arrow-right:before {
	content: "\e092"
}

.glyphicon-arrow-up:before {
	content: "\e093"
}

.glyphicon-arrow-down:before {
	content: "\e094"
}

.glyphicon-share-alt:before {
	content: "\e095"
}

.glyphicon-resize-full:before {
	content: "\e096"
}

.glyphicon-resize-small:before {
	content: "\e097"
}

.glyphicon-exclamation-sign:before {
	content: "\e101"
}

.glyphicon-gift:before {
	content: "\e102"
}

.glyphicon-leaf:before {
	content: "\e103"
}

.glyphicon-fire:before {
	content: "\e104"
}

.glyphicon-eye-open:before {
	content: "\e105"
}

.glyphicon-eye-close:before {
	content: "\e106"
}

.glyphicon-warning-sign:before {
	content: "\e107"
}

.glyphicon-plane:before {
	content: "\e108"
}

.glyphicon-calendar:before {
	content: "\e109"
}

.glyphicon-random:before {
	content: "\e110"
}

.glyphicon-comment:before {
	content: "\e111"
}

.glyphicon-magnet:before {
	content: "\e112"
}

.glyphicon-chevron-up:before {
	content: "\e113"
}

.glyphicon-chevron-down:before {
	content: "\e114"
}

.glyphicon-retweet:before {
	content: "\e115"
}

.glyphicon-shopping-cart:before {
	content: "\e116"
}

.glyphicon-folder-close:before {
	content: "\e117"
}

.glyphicon-folder-open:before {
	content: "\e118"
}

.glyphicon-resize-vertical:before {
	content: "\e119"
}

.glyphicon-resize-horizontal:before {
	content: "\e120"
}

.glyphicon-hdd:before {
	content: "\e121"
}

.glyphicon-bullhorn:before {
	content: "\e122"
}

.glyphicon-bell:before {
	content: "\e123"
}

.glyphicon-certificate:before {
	content: "\e124"
}

.glyphicon-thumbs-up:before {
	content: "\e125"
}

.glyphicon-thumbs-down:before {
	content: "\e126"
}

.glyphicon-hand-right:before {
	content: "\e127"
}

.glyphicon-hand-left:before {
	content: "\e128"
}

.glyphicon-hand-up:before {
	content: "\e129"
}

.glyphicon-hand-down:before {
	content: "\e130"
}

.glyphicon-circle-arrow-right:before {
	content: "\e131"
}

.glyphicon-circle-arrow-left:before {
	content: "\e132"
}

.glyphicon-circle-arrow-up:before {
	content: "\e133"
}

.glyphicon-circle-arrow-down:before {
	content: "\e134"
}

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

.glyphicon-wrench:before {
	content: "\e136"
}

.glyphicon-tasks:before {
	content: "\e137"
}

.glyphicon-filter:before {
	content: "\e138"
}

.glyphicon-briefcase:before {
	content: "\e139"
}

.glyphicon-fullscreen:before {
	content: "\e140"
}

.glyphicon-dashboard:before {
	content: "\e141"
}

.glyphicon-paperclip:before {
	content: "\e142"
}

.glyphicon-heart-empty:before {
	content: "\e143"
}

.glyphicon-link:before {
	content: "\e144"
}

.glyphicon-phone:before {
	content: "\e145"
}

.glyphicon-pushpin:before {
	content: "\e146"
}

.glyphicon-usd:before {
	content: "\e148"
}

.glyphicon-gbp:before {
	content: "\e149"
}

.glyphicon-sort:before {
	content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
	content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
	content: "\e152"
}

.glyphicon-sort-by-order:before {
	content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
	content: "\e154"
}

.glyphicon-sort-by-attributes:before {
	content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
	content: "\e156"
}

.glyphicon-unchecked:before {
	content: "\e157"
}

.glyphicon-expand:before {
	content: "\e158"
}

.glyphicon-collapse-down:before {
	content: "\e159"
}

.glyphicon-collapse-up:before {
	content: "\e160"
}

.glyphicon-log-in:before {
	content: "\e161"
}

.glyphicon-flash:before {
	content: "\e162"
}

.glyphicon-log-out:before {
	content: "\e163"
}

.glyphicon-new-window:before {
	content: "\e164"
}

.glyphicon-record:before {
	content: "\e165"
}

.glyphicon-save:before {
	content: "\e166"
}

.glyphicon-open:before {
	content: "\e167"
}

.glyphicon-saved:before {
	content: "\e168"
}

.glyphicon-import:before {
	content: "\e169"
}

.glyphicon-export:before {
	content: "\e170"
}

.glyphicon-send:before {
	content: "\e171"
}

.glyphicon-floppy-disk:before {
	content: "\e172"
}

.glyphicon-floppy-saved:before {
	content: "\e173"
}

.glyphicon-floppy-remove:before {
	content: "\e174"
}

.glyphicon-floppy-save:before {
	content: "\e175"
}

.glyphicon-floppy-open:before {
	content: "\e176"
}

.glyphicon-credit-card:before {
	content: "\e177"
}

.glyphicon-transfer:before {
	content: "\e178"
}

.glyphicon-cutlery:before {
	content: "\e179"
}

.glyphicon-header:before {
	content: "\e180"
}

.glyphicon-compressed:before {
	content: "\e181"
}

.glyphicon-earphone:before {
	content: "\e182"
}

.glyphicon-phone-alt:before {
	content: "\e183"
}

.glyphicon-tower:before {
	content: "\e184"
}

.glyphicon-stats:before {
	content: "\e185"
}

.glyphicon-sd-video:before {
	content: "\e186"
}

.glyphicon-hd-video:before {
	content: "\e187"
}

.glyphicon-subtitles:before {
	content: "\e188"
}

.glyphicon-sound-stereo:before {
	content: "\e189"
}

.glyphicon-sound-dolby:before {
	content: "\e190"
}

.glyphicon-sound-5-1:before {
	content: "\e191"
}

.glyphicon-sound-6-1:before {
	content: "\e192"
}

.glyphicon-sound-7-1:before {
	content: "\e193"
}

.glyphicon-copyright-mark:before {
	content: "\e194"
}

.glyphicon-registration-mark:before {
	content: "\e195"
}

.glyphicon-cloud-download:before {
	content: "\e197"
}

.glyphicon-cloud-upload:before {
	content: "\e198"
}

.glyphicon-tree-conifer:before {
	content: "\e199"
}

.glyphicon-tree-deciduous:before {
	content: "\e200"
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid #000;
	border-right: 4px solid transparent;
	border-bottom: 0 dotted;
	border-left: 4px solid transparent
}

.dropdown {
	position: relative
}

.dropdown-toggle:focus {
	outline: 0
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	list-style: none;
	background-color: #FFF;
	border: 1px solid #CCC;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box
}

.dropdown-menu.pull-right {
	right: 0;
	left: auto
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #E5E5E5
}

.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #333;
	white-space: nowrap
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: #262626;
	text-decoration: none;
	background-color: #F5F5F5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #FFF;
	text-decoration: none;
	background-color: #428BCA;
	outline: 0
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
	color: #999
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open > .dropdown-menu {
	display: block
}

.open > a {
	outline: 0
}

.dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: 12px;
	line-height: 1.428571429;
	color: #999
}

.dropdown-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 990
}

.pull-right > .dropdown-menu {
	right: 0;
	left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
	border-top: 0 dotted;
	border-bottom: 4px solid #000;
	content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 1px
}

@media (min-width: 768px) {
	.navbar-right .dropdown-menu {
		right: 0;
		left: auto
	}
}

.btn-default .caret {
	border-top-color: #333
}

.btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret {
	border-top-color: #FFF
}

.dropup .btn-default .caret {
	border-bottom-color: #333
}

.dropup .btn-primary .caret, .dropup .btn-success .caret, .dropup .btn-warning .caret, .dropup .btn-danger .caret, .dropup .btn-info .caret {
	border-bottom-color: #FFF
}

.btn-group, .btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.btn-group > .btn, .btn-group-vertical > .btn {
	position: relative;
	float: left
}

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
	z-index: 2
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
	outline: 0
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
	margin-left: -1px
}

.btn-toolbar:before, .btn-toolbar:after {
	display: table;
	content: " "
}

.btn-toolbar:after {
	clear: both
}

.btn-toolbar:before, .btn-toolbar:after {
	display: table;
	content: " "
}

.btn-toolbar:after {
	clear: both
}

.btn-toolbar .btn-group {
	float: left
}

.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group {
	margin-left: 5px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0
}

.btn-group > .btn:first-child {
	margin-left: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.btn-group > .btn-group {
	float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
	border-radius: 0
}

.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.btn-group > .btn-group:last-child > .btn:first-child {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
	outline: 0
}

.btn-group-xs > .btn {
	padding: 5px 10px;
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.btn-group-sm > .btn {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.btn-group-lg > .btn {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px
}

.btn-group > .btn + .dropdown-toggle {
	padding-right: 8px;
	padding-left: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
	padding-right: 12px;
	padding-left: 12px
}

.btn-group.open .dropdown-toggle {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn .caret {
	margin-left: 0
}

.btn-lg .caret {
	border-width: 5px 5px 0;
	border-bottom-width: 0
}

.dropup .btn-lg .caret {
	border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
	display: table;
	content: " "
}

.btn-group-vertical > .btn-group:after {
	clear: both
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
	display: table;
	content: " "
}

.btn-group-vertical > .btn-group:after {
	clear: both
}

.btn-group-vertical > .btn-group > .btn {
	float: none
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
	margin-top: -1px;
	margin-left: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
	border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
	border-top-right-radius: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
	border-radius: 0
}

.btn-group-vertical > .btn-group:first-child > .btn:last-child, .btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child > .btn:first-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.btn-group-justified {
	display: table;
	width: 100%;
	border-collapse: separate;
	table-layout: fixed
}

.btn-group-justified .btn {
	display: table-cell;
	float: none;
	width: 1%
}

[data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] {
	display: none
}

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

.input-group.col {
	float: none;
	padding-right: 0;
	padding-left: 0
}

.input-group .form-control {
	width: 100%;
	margin-bottom: 0
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
	height: 45px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
	height: 45px;
	line-height: 45px
}

textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn {
	height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
	height: 30px;
	line-height: 30px
}

textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn {
	height: auto
}

.input-group-addon, .input-group-btn, .input-group .form-control {
	display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
	border-radius: 0
}

.input-group-addon, .input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle
}

.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #EEE;
	border: 1px solid #CCC;
	border-radius: 4px
}

.input-group-addon.input-sm {
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 3px
}

.input-group-addon.input-lg {
	padding: 10px 16px;
	font-size: 18px;
	border-radius: 6px
}

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
	margin-top: 0
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group-addon:first-child {
	border-right: 0
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.input-group-addon:last-child {
	border-left: 0
}

.input-group-btn {
	position: relative;
	white-space: nowrap
}

.input-group-btn:first-child > .btn {
	margin-right: -1px
}

.input-group-btn:last-child > .btn {
	margin-left: -1px
}

.input-group-btn > .btn {
	position: relative
}

.input-group-btn > .btn + .btn {
	margin-left: -4px
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:active {
	z-index: 2
}

.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.nav:before, .nav:after {
	display: table;
	content: " "
}

.nav:after {
	clear: both
}

.nav:before, .nav:after {
	display: table;
	content: " "
}

.nav:after {
	clear: both
}

.nav > li {
	position: relative;
	display: block
}

.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 15px
}

.nav > li > a:hover, .nav > li > a:focus {
	text-decoration: none;
	background-color: #EEE
}

.nav > li.disabled > a {
	color: #999
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
	color: #999;
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: #EEE;
	border-color: #428BCA
}

.nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret {
	border-top-color: #2A6496;
	border-bottom-color: #2A6496
}

.nav .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #E5E5E5
}

.nav > li > a > img {
	max-width: none
}

.nav-tabs {
	border-bottom: 1px solid #DDD
}

.nav-tabs > li {
	float: left;
	margin-bottom: -1px
}

.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.428571429;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0
}

.nav-tabs > li > a:hover {
	border-color: #EEE #EEE #DDD
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #555;
	cursor: default;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-bottom-color: transparent
}

.nav-tabs.nav-justified {
	width: 100%;
	border-bottom: 0
}

.nav-tabs.nav-justified > li {
	float: none
}

.nav-tabs.nav-justified > li > a {
	margin-bottom: 5px;
	text-align: center
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
	top: auto;
	left: auto
}

@media (min-width: 768px) {
	.nav-tabs.nav-justified > li {
		display: table-cell;
		width: 1%
	}
	
	.nav-tabs.nav-justified > li > a {
		margin-bottom: 0
	}
}

.nav-tabs.nav-justified > li > a {
	margin-right: 0;
	border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
	border: 1px solid #DDD
}

@media (min-width: 768px) {
	.nav-tabs.nav-justified > li > a {
		border-bottom: 1px solid #DDD;
		border-radius: 4px 4px 0 0
	}
	
	.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
		border-bottom-color: #FFF
	}
}

.nav-pills > li {
	float: left
}

.nav-pills > li > a {
	border-radius: 4px
}

.nav-pills > li + li {
	margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	color: #FFF;
	background-color: #428BCA
}

.nav-pills > li.active > a .caret, .nav-pills > li.active > a:hover .caret, .nav-pills > li.active > a:focus .caret {
	border-top-color: #FFF;
	border-bottom-color: #FFF
}

.nav-stacked > li {
	float: none
}

.nav-stacked > li + li {
	margin-top: 2px;
	margin-left: 0
}

.nav-justified {
	width: 100%
}

.nav-justified > li {
	float: none
}

.nav-justified > li > a {
	margin-bottom: 5px;
	text-align: center
}

.nav-justified > .dropdown .dropdown-menu {
	top: auto;
	left: auto
}

@media (min-width: 768px) {
	.nav-justified > li {
		display: table-cell;
		width: 1%
	}
	
	.nav-justified > li > a {
		margin-bottom: 0
	}
}

.nav-tabs-justified {
	border-bottom: 0
}

.nav-tabs-justified > li > a {
	margin-right: 0;
	border-radius: 4px
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
	border: 1px solid #DDD
}

@media (min-width: 768px) {
	.nav-tabs-justified > li > a {
		border-bottom: 1px solid #DDD;
		border-radius: 4px 4px 0 0
	}
	
	.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
		border-bottom-color: #FFF
	}
}

.tab-content > .tab-pane {
	display: none
}

.tab-content > .active {
	display: block
}

.nav .caret {
	border-top-color: #428BCA;
	border-bottom-color: #428BCA
}

.nav a:hover .caret {
	border-top-color: #2A6496;
	border-bottom-color: #2A6496
}

.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 20px;
	border: 1px solid transparent
}

.navbar:before, .navbar:after {
	display: table;
	content: " "
}

.navbar:after {
	clear: both
}

.navbar:before, .navbar:after {
	display: table;
	content: " "
}

.navbar:after {
	clear: both
}

@media (min-width: 768px) {
	.navbar {
		border-radius: 4px
	}
}

.navbar-header:before, .navbar-header:after {
	display: table;
	content: " "
}

.navbar-header:after {
	clear: both
}

.navbar-header:before, .navbar-header:after {
	display: table;
	content: " "
}

.navbar-header:after {
	clear: both
}

@media (min-width: 768px) {
	.navbar-header {
		float: left
	}
}

.navbar-collapse {
	max-height: 340px;
	padding-right: 15px;
	padding-left: 15px;
	overflow-x: visible;
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	-webkit-overflow-scrolling: touch
}

.navbar-collapse:before, .navbar-collapse:after {
	display: table;
	content: " "
}

.navbar-collapse:after {
	clear: both
}

.navbar-collapse:before, .navbar-collapse:after {
	display: table;
	content: " "
}

.navbar-collapse:after {
	clear: both
}

.navbar-collapse.in {
	overflow-y: auto
}

@media (min-width: 768px) {
	.navbar-collapse {
		width: auto;
		border-top: 0;
		box-shadow: none
	}
	
	.navbar-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important
	}
	
	.navbar-collapse.in {
		overflow-y: auto
	}
	
	.navbar-collapse .navbar-nav.navbar-left:first-child {
		margin-left: -15px
	}
	
	.navbar-collapse .navbar-nav.navbar-right:last-child {
		margin-right: -15px
	}
	
	.navbar-collapse .navbar-text:last-child {
		margin-right: 0
	}
}

.container > .navbar-header, .container > .navbar-collapse {
	margin-right: -15px;
	margin-left: -15px
}

@media (min-width: 768px) {
	.container > .navbar-header, .container > .navbar-collapse {
		margin-right: 0;
		margin-left: 0
	}
}

.navbar-static-top {
	z-index: 1000;
	border-width: 0 0 1px
}

@media (min-width: 768px) {
	.navbar-static-top {
		border-radius: 0
	}
}

.navbar-fixed-top, .navbar-fixed-bottom {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030
}

@media (min-width: 768px) {
	.navbar-fixed-top, .navbar-fixed-bottom {
		border-radius: 0
	}
}

.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px
}

.navbar-fixed-bottom {
	bottom: 0;
	margin-bottom: 0;
	border-width: 1px 0 0
}

.navbar-brand {
	float: left;
	padding: 15px 15px;
	font-size: 18px;
	line-height: 20px
}

.navbar-brand:hover, .navbar-brand:focus {
	text-decoration: none
}

@media (min-width: 768px) {
	.navbar > .container .navbar-brand {
		margin-left: -15px
	}
}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 4px
}

.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px
}

@media (min-width: 768px) {
	.navbar-toggle {
		display: none
	}
}

.navbar-nav {
	margin: 7.5px -15px
}

.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px
}

@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		box-shadow: none
	}
	
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px
	}
	
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px
	}
	
	.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
		background-image: none
	}
}

@media (min-width: 768px) {
	.navbar-nav {
		float: left;
		margin: 0
	}
	
	.navbar-nav > li {
		float: left
	}
	
	.navbar-nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px
	}
}

@media (min-width: 768px) {
	.navbar-left {
		float: left !important
	}
	
	.navbar-right {
		float: right !important
	}
}

.navbar-form {
	padding: 10px 15px;
	margin-top: 8px;
	margin-right: -15px;
	margin-bottom: 8px;
	margin-left: -15px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1)
}

@media (min-width: 768px) {
	.navbar-form .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle
	}
	
	.navbar-form .form-control {
		display: inline-block
	}
	
	.navbar-form .radio, .navbar-form .checkbox {
		display: inline-block;
		padding-left: 0;
		margin-top: 0;
		margin-bottom: 0
	}
	
	.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
		float: none;
		margin-left: 0
	}
}

@media (max-width: 767px) {
	.navbar-form .form-group {
		margin-bottom: 5px
	}
}

@media (min-width: 768px) {
	.navbar-form {
		width: auto;
		padding-top: 0;
		padding-bottom: 0;
		margin-right: 0;
		margin-left: 0;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none
	}
}

.navbar-nav > li > .dropdown-menu {
	margin-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {
	right: 0;
	left: auto
}

.navbar-btn {
	margin-top: 8px;
	margin-bottom: 8px
}

.navbar-text {
	float: left;
	margin-top: 15px;
	margin-bottom: 15px
}

@media (min-width: 768px) {
	.navbar-text {
		margin-right: 15px;
		margin-left: 15px
	}
}

.navbar-default {
	background-color: #F8F8F8;
	border-color: #E7E7E7
}

.navbar-default .navbar-brand {
	color: #777
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #5E5E5E;
	background-color: transparent
}

.navbar-default .navbar-text {
	color: #777
}

.navbar-default .navbar-nav > li > a {
	color: #777
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #333;
	background-color: transparent
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #555;
	background-color: #E7E7E7
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
	color: #CCC;
	background-color: transparent
}

.navbar-default .navbar-toggle {
	border-color: #DDD
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #DDD
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #CCC
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #E7E7E7
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
	border-top-color: #333;
	border-bottom-color: #333
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #555;
	background-color: #E7E7E7
}

.navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret {
	border-top-color: #555;
	border-bottom-color: #555
}

.navbar-default .navbar-nav > .dropdown > a .caret {
	border-top-color: #777;
	border-bottom-color: #777
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #777
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #333;
		background-color: transparent
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #555;
		background-color: #E7E7E7
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #CCC;
		background-color: transparent
	}
}

.navbar-default .navbar-link {
	color: #777
}

.navbar-default .navbar-link:hover {
	color: #333
}

.navbar-inverse {
	background-color: #222;
	border-color: #080808
}

.navbar-inverse .navbar-brand {
	color: #999
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
	color: #FFF;
	background-color: transparent
}

.navbar-inverse .navbar-text {
	color: #999
}

.navbar-inverse .navbar-nav > li > a {
	color: #999
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: #FFF;
	background-color: transparent
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: #FFF;
	background-color: #080808
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
	color: #444;
	background-color: transparent
}

.navbar-inverse .navbar-toggle {
	border-color: #333
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #FFF
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #101010
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	color: #FFF;
	background-color: #080808
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
	border-top-color: #FFF;
	border-bottom-color: #FFF
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
	border-top-color: #999;
	border-bottom-color: #999
}

.navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret {
	border-top-color: #FFF;
	border-bottom-color: #FFF
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
		border-color: #080808
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #999
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #FFF;
		background-color: transparent
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #FFF;
		background-color: #080808
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #444;
		background-color: transparent
	}
}

.navbar-inverse .navbar-link {
	color: #999
}

.navbar-inverse .navbar-link:hover {
	color: #FFF
}

.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #F5F5F5;
	border-radius: 4px
}

.breadcrumb > li {
	display: inline-block
}

.breadcrumb > li + li:before {
	padding: 0 5px;
	color: #CCC;
	content: "/\00a0"
}

.breadcrumb > .active {
	color: #999
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}

.pagination > li {
	display: inline
}

.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.428571429;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #DDD
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	background-color: #EEE
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 2;
	color: #FFF;
	cursor: default;
	background-color: #428BCA;
	border-color: #428BCA
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	color: #999;
	cursor: not-allowed;
	background-color: #FFF;
	border-color: #DDD
}

.pagination-lg > li > a, .pagination-lg > li > span {
	padding: 10px 16px;
	font-size: 18px
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
	padding: 5px 10px;
	font-size: 12px
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none
}

.pager:before, .pager:after {
	display: table;
	content: " "
}

.pager:after {
	clear: both
}

.pager:before, .pager:after {
	display: table;
	content: " "
}

.pager:after {
	clear: both
}

.pager li {
	display: inline
}

.pager li > a, .pager li > span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 15px
}

.pager li > a:hover, .pager li > a:focus {
	text-decoration: none;
	background-color: #EEE
}

.pager .next > a, .pager .next > span {
	float: right
}

.pager .previous > a, .pager .previous > span {
	float: left
}

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
	color: #999;
	cursor: not-allowed;
	background-color: #FFF
}

.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em
}

.label[href]:hover, .label[href]:focus {
	color: #FFF;
	text-decoration: none;
	cursor: pointer
}

.label:empty {
	display: none
}

.label-default {
	background-color: #999
}

.label-default[href]:hover, .label-default[href]:focus {
	background-color: #808080
}

.label-primary {
	background-color: #428BCA
}

.label-primary[href]:hover, .label-primary[href]:focus {
	background-color: #3071A9
}

.label-success {
	background-color: #5CB85C
}

.label-success[href]:hover, .label-success[href]:focus {
	background-color: #449D44
}

.label-info {
	background-color: #5BC0DE
}

.label-info[href]:hover, .label-info[href]:focus {
	background-color: #31B0D5
}

.label-warning {
	background-color: #F0AD4E
}

.label-warning[href]:hover, .label-warning[href]:focus {
	background-color: #EC971F
}

.label-danger {
	background-color: #D9534F
}

.label-danger[href]:hover, .label-danger[href]:focus {
	background-color: #C9302C
}

.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #999;
	border-radius: 10px
}

.badge:empty {
	display: none
}

a.badge:hover, a.badge:focus {
	color: #FFF;
	text-decoration: none;
	cursor: pointer
}

.btn .badge {
	position: relative;
	top: -1px
}

a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
	color: #428BCA;
	background-color: #FFF
}

.nav-pills > li > a > .badge {
	margin-left: 3px
}

.jumbotron {
	padding: 30px;
	margin-bottom: 30px;
	font-size: 21px;
	font-weight: 200;
	line-height: 2.1428571435;
	color: inherit;
	background-color: #EEE
}

.jumbotron h1 {
	line-height: 1;
	color: inherit
}

.jumbotron p {
	line-height: 1.4
}

.container .jumbotron {
	border-radius: 6px
}

@media screen and (min-width: 768px) {
	.jumbotron {
		padding-top: 48px;
		padding-bottom: 48px
	}
	
	.container .jumbotron {
		padding-right: 60px;
		padding-left: 60px
	}
	
	.jumbotron h1 {
		font-size: 63px
	}
}

.thumbnail {
	display: inline-block;
	display: block;
	height: auto;
	max-width: 100%;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.428571429;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.thumbnail > img {
	display: block;
	height: auto;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
	border-color: #428BCA
}

.thumbnail .caption {
	padding: 9px;
	color: #333
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px
}

.alert h4 {
	margin-top: 0;
	color: inherit
}

.alert .alert-link {
	font-weight: bold
}

.alert > p, .alert > ul {
	margin-bottom: 0
}

.alert > p + p {
	margin-top: 5px
}

.alert-dismissable {
	padding-right: 35px
}

.alert-dismissable .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit
}

.alert-success {
	color: #468847;
	background-color: #DFF0D8;
	border-color: #D6E9C6
}

.alert-success hr {
	border-top-color: #C9E2B3
}

.alert-success .alert-link {
	color: #356635
}

.alert-info {
	color: #3A87AD;
	background-color: #D9EDF7;
	border-color: #BCE8F1
}

.alert-info hr {
	border-top-color: #A6E1EC
}

.alert-info .alert-link {
	color: #2D6987
}

.alert-warning {
	color: #C09853;
	background-color: #FCF8E3;
	border-color: #FAEBCC
}

.alert-warning hr {
	border-top-color: #F7E1B5
}

.alert-warning .alert-link {
	color: #A47E3C
}

.alert-danger {
	color: #B94A48;
	background-color: #F2DEDE;
	border-color: #EBCCD1
}

.alert-danger hr {
	border-top-color: #E4B9C0
}

.alert-danger .alert-link {
	color: #953B39
}

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}
	to {
		background-position: 0 0
	}
}

@-moz-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}
	to {
		background-position: 0 0
	}
}

@-o-keyframes progress-bar-stripes {
	from {
		background-position: 0 0
	}
	to {
		background-position: 40px 0
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}
	to {
		background-position: 0 0
	}
}

.progress {
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #F5F5F5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	text-align: center;
	background-color: #428BCA;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-transition: width .6s ease;
	transition: width .6s ease
}

.progress-striped .progress-bar {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px
}

.progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
	background-color: #5CB85C
}

.progress-striped .progress-bar-success {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
	background-color: #5BC0DE
}

.progress-striped .progress-bar-info {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
	background-color: #F0AD4E
}

.progress-striped .progress-bar-warning {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
	background-color: #D9534F
}

.progress-striped .progress-bar-danger {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.media, .media-body {
	overflow: hidden;
	zoom: 1
}

.media, .media .media {
	margin-top: 15px
}

.media:first-child {
	margin-top: 0
}

.media-object {
	display: block
}

.media-heading {
	margin: 0 0 5px
}

.media > .pull-left {
	margin-right: 10px
}

.media > .pull-right {
	margin-left: 10px
}

.media-list {
	padding-left: 0;
	list-style: none
}

.list-group {
	padding-left: 0;
	margin-bottom: 20px
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #FFF;
	border: 1px solid #DDD
}

.list-group-item:first-child {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px
}

.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}

.list-group-item > .badge {
	float: right
}

.list-group-item > .badge + .badge {
	margin-right: 5px
}

a.list-group-item {
	color: #555
}

a.list-group-item .list-group-item-heading {
	color: #333
}

a.list-group-item:hover, a.list-group-item:focus {
	text-decoration: none;
	background-color: #F5F5F5
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
	z-index: 2;
	color: #FFF;
	background-color: #428BCA;
	border-color: #428BCA
}

a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading {
	color: inherit
}

a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text {
	color: #E1EDF7
}

.list-group-item-heading {
	margin-top: 0;
	margin-bottom: 5px
}

.list-group-item-text {
	margin-bottom: 0;
	line-height: 1.3
}

.panel {
	margin-bottom: 20px;
	background-color: #FFF;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
	padding: 15px
}

.panel-body:before, .panel-body:after {
	display: table;
	content: " "
}

.panel-body:after {
	clear: both
}

.panel-body:before, .panel-body:after {
	display: table;
	content: " "
}

.panel-body:after {
	clear: both
}

.panel > .list-group {
	margin-bottom: 0
}

.panel > .list-group .list-group-item {
	border-width: 1px 0
}

.panel > .list-group .list-group-item:first-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.panel > .list-group .list-group-item:last-child {
	border-bottom: 0
}

.panel-heading + .list-group .list-group-item:first-child {
	border-top-width: 0
}

.panel > .table, .panel > .table-responsive {
	margin-bottom: 0
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive {
	border-top: 1px solid #DDD
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
	border: 0
}

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
	border-left: 0
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
	border-right: 0
}

.panel > .table-bordered > thead > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:last-child > th, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:last-child > td, .panel > .table-responsive > .table-bordered > thead > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
	border-bottom: 0
}

.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.panel-heading > .dropdown .dropdown-toggle {
	color: inherit
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px
}

.panel-title > a {
	color: inherit
}

.panel-footer {
	padding: 10px 15px;
	background-color: #F5F5F5;
	border-top: 1px solid #DDD;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.panel-group .panel {
	margin-bottom: 0;
	overflow: hidden;
	border-radius: 4px
}

.panel-group .panel + .panel {
	margin-top: 5px
}

.panel-group .panel-heading {
	border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse .panel-body {
	border-top: 1px solid #DDD
}

.panel-group .panel-footer {
	border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
	border-bottom: 1px solid #DDD
}

.panel-default {
	border-color: #DDD
}

.panel-default > .panel-heading {
	color: #333;
	background-color: #F5F5F5;
	border-color: #DDD
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #DDD
}

.panel-default > .panel-heading > .dropdown .caret {
	border-color: #333 transparent
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #DDD
}

.panel-primary {
	border-color: #428BCA
}

.panel-primary > .panel-heading {
	color: #FFF;
	background-color: #428BCA;
	border-color: #428BCA
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #428BCA
}

.panel-primary > .panel-heading > .dropdown .caret {
	border-color: #FFF transparent
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #428BCA
}

.panel-success {
	border-color: #D6E9C6
}

.panel-success > .panel-heading {
	color: #468847;
	background-color: #DFF0D8;
	border-color: #D6E9C6
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #D6E9C6
}

.panel-success > .panel-heading > .dropdown .caret {
	border-color: #468847 transparent
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #D6E9C6
}

.panel-warning {
	border-color: #FAEBCC
}

.panel-warning > .panel-heading {
	color: #C09853;
	background-color: #FCF8E3;
	border-color: #FAEBCC
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #FAEBCC
}

.panel-warning > .panel-heading > .dropdown .caret {
	border-color: #C09853 transparent
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #FAEBCC
}

.panel-danger {
	border-color: #EBCCD1
}

.panel-danger > .panel-heading {
	color: #B94A48;
	background-color: #F2DEDE;
	border-color: #EBCCD1
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #EBCCD1
}

.panel-danger > .panel-heading > .dropdown .caret {
	border-color: #B94A48 transparent
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #EBCCD1
}

.panel-info {
	border-color: #BCE8F1
}

.panel-info > .panel-heading {
	color: #3A87AD;
	background-color: #D9EDF7;
	border-color: #BCE8F1
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #BCE8F1
}

.panel-info > .panel-heading > .dropdown .caret {
	border-color: #3A87AD transparent
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #BCE8F1
}

.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #F5F5F5;
	border: 1px solid #E3E3E3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
	border-color: #DDD;
	border-color: rgba(0, 0, 0, 0.15)
}

.well-lg {
	padding: 24px;
	border-radius: 6px
}

.well-sm {
	padding: 9px;
	border-radius: 3px
}

.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #FFF;
	opacity: .2;
	filter: alpha(opacity=20)
}

.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .5;
	filter: alpha(opacity=50)
}

button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none
}

.modal-open {
	overflow: hidden
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	display: none;
	overflow: auto;
	overflow-y: scroll
}

.modal.fade .modal-dialog {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.modal-dialog {
	position: relative;
	z-index: 1050;
	width: auto;
	padding: 10px;
	margin-right: auto;
	margin-left: auto
}

.modal-content {
	position: relative;
	background-color: #FFF;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
	background-color: #000
}

.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0)
}

.modal-backdrop.in {
	opacity: .5;
	filter: alpha(opacity=50)
}

.modal-header {
	min-height: 16.428571429px;
	padding: 15px;
	border-bottom: 1px solid #E5E5E5
}

.modal-header .close {
	margin-top: -2px
}

.modal-title {
	margin: 0;
	line-height: 1.428571429
}

.modal-body {
	position: relative;
	padding: 20px
}

.modal-footer {
	padding: 19px 20px 20px;
	margin-top: 15px;
	text-align: right;
	border-top: 1px solid #E5E5E5
}

.modal-footer:before, .modal-footer:after {
	display: table;
	content: " "
}

.modal-footer:after {
	clear: both
}

.modal-footer:before, .modal-footer:after {
	display: table;
	content: " "
}

.modal-footer:after {
	clear: both
}

.modal-footer .btn + .btn {
	margin-bottom: 0;
	margin-left: 5px
}

.modal-footer .btn-group .btn + .btn {
	margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
	margin-left: 0
}

@media screen and (min-width: 768px) {
	.modal-dialog {
		width: 600px;
		padding-top: 30px;
		padding-bottom: 30px
	}
	
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
	}
}

.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	font-size: 12px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: visible
}

.tooltip.in {
	opacity: .9;
	filter: alpha(opacity=90)
}

.tooltip.top {
	padding: 5px 0;
	margin-top: -3px
}

.tooltip.right {
	padding: 0 5px;
	margin-left: 3px
}

.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px
}

.tooltip.left {
	padding: 0 5px;
	margin-left: -3px
}

.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	border-radius: 4px
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-color: #000;
	border-width: 5px 5px 0
}

.tooltip.top-left .tooltip-arrow {
	bottom: 0;
	left: 5px;
	border-top-color: #000;
	border-width: 5px 5px 0
}

.tooltip.top-right .tooltip-arrow {
	right: 5px;
	bottom: 0;
	border-top-color: #000;
	border-width: 5px 5px 0
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-right-color: #000;
	border-width: 5px 5px 5px 0
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-left-color: #000;
	border-width: 5px 0 5px 5px
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-color: #000;
	border-width: 0 5px 5px
}

.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	left: 5px;
	border-bottom-color: #000;
	border-width: 0 5px 5px
}

.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	right: 5px;
	border-bottom-color: #000;
	border-width: 0 5px 5px
}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	max-width: 276px;
	padding: 1px;
	text-align: left;
	white-space: normal;
	background-color: #FFF;
	border: 1px solid #CCC;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-clip: padding-box
}

.popover.top {
	margin-top: -10px
}

.popover.right {
	margin-left: 10px
}

.popover.bottom {
	margin-top: 10px
}

.popover.left {
	margin-left: -10px
}

.popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: #F7F7F7;
	border-bottom: 1px solid #EBEBEB;
	border-radius: 5px 5px 0 0
}

.popover-content {
	padding: 9px 14px
}

.popover .arrow, .popover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.popover .arrow {
	border-width: 11px
}

.popover .arrow:after {
	border-width: 10px;
	content: ""
}

.popover.top .arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, 0.25);
	border-bottom-width: 0
}

.popover.top .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	border-top-color: #FFF;
	border-bottom-width: 0;
	content: " "
}

.popover.right .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, 0.25);
	border-left-width: 0
}

.popover.right .arrow:after {
	bottom: -10px;
	left: 1px;
	border-right-color: #FFF;
	border-left-width: 0;
	content: " "
}

.popover.bottom .arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	border-top-width: 0
}

.popover.bottom .arrow:after {
	top: 1px;
	margin-left: -10px;
	border-bottom-color: #FFF;
	border-top-width: 0;
	content: " "
}

.popover.left .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, 0.25);
	border-right-width: 0
}

.popover.left .arrow:after {
	right: 1px;
	bottom: -10px;
	border-left-color: #FFF;
	border-right-width: 0;
	content: " "
}

.carousel {
	position: relative
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}

.carousel-inner > .item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: block;
	height: auto;
	max-width: 100%;
	line-height: 1
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
	display: block
}

.carousel-inner > .active {
	left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
	position: absolute;
	top: 0;
	width: 100%
}

.carousel-inner > .next {
	left: 100%
}

.carousel-inner > .prev {
	left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
	left: 0
}

.carousel-inner > .active.left {
	left: -100%
}

.carousel-inner > .active.right {
	left: 100%
}

.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #FFF;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	opacity: .5;
	filter: alpha(opacity=50)
}

.carousel-control.left {
	background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
	background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
	background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:hover, .carousel-control:focus {
	color: #FFF;
	text-decoration: none;
	opacity: .9;
	filter: alpha(opacity=90)
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
	left: 50%
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
	right: 50%
}

.carousel-control .icon-prev, .carousel-control .icon-next {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	font-family: serif
}

.carousel-control .icon-prev:before {
	content: '\2039'
}

.carousel-control .icon-next:before {
	content: '\203a'
}

.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none
}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #FFF;
	border-radius: 10px
}

.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #FFF
}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFF;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
	text-shadow: none
}

@media screen and (min-width: 768px) {
	.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		margin-left: -15px;
		font-size: 30px
	}
	
	.carousel-caption {
		right: 20%;
		left: 20%;
		padding-bottom: 30px
	}
	
	.carousel-indicators {
		bottom: 20px
	}
}

.clearfix:before, .clearfix:after {
	display: table;
	content: " "
}

.clearfix:after {
	clear: both
}

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto
}

.pull-right {
	float: right !important
}

.pull-left {
	float: left !important
}

.hide {
	display: none !important
}

.show {
	display: block !important
}

.invisible {
	visibility: hidden
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.hidden {
	display: none !important;
	visibility: hidden !important
}

.affix {
	position: fixed
}

@-ms-viewport {
	width: device-width
}

.visible-xs, tr.visible-xs, th.visible-xs, td.visible-xs {
	display: none !important
}

@media (max-width: 767px) {
	.visible-xs {
		display: block !important
	}
	
	tr.visible-xs {
		display: table-row !important
	}
	
	th.visible-xs, td.visible-xs {
		display: table-cell !important
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.visible-xs.visible-sm {
		display: block !important
	}
	
	tr.visible-xs.visible-sm {
		display: table-row !important
	}
	
	th.visible-xs.visible-sm, td.visible-xs.visible-sm {
		display: table-cell !important
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.visible-xs.visible-md {
		display: block !important
	}
	
	tr.visible-xs.visible-md {
		display: table-row !important
	}
	
	th.visible-xs.visible-md, td.visible-xs.visible-md {
		display: table-cell !important
	}
}

@media (min-width: 1200px) {
	.visible-xs.visible-lg {
		display: block !important
	}
	
	tr.visible-xs.visible-lg {
		display: table-row !important
	}
	
	th.visible-xs.visible-lg, td.visible-xs.visible-lg {
		display: table-cell !important
	}
}

.visible-sm, tr.visible-sm, th.visible-sm, td.visible-sm {
	display: none !important
}

@media (max-width: 767px) {
	.visible-sm.visible-xs {
		display: block !important
	}
	
	tr.visible-sm.visible-xs {
		display: table-row !important
	}
	
	th.visible-sm.visible-xs, td.visible-sm.visible-xs {
		display: table-cell !important
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.visible-sm {
		display: block !important
	}
	
	tr.visible-sm {
		display: table-row !important
	}
	
	th.visible-sm, td.visible-sm {
		display: table-cell !important
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.visible-sm.visible-md {
		display: block !important
	}
	
	tr.visible-sm.visible-md {
		display: table-row !important
	}
	
	th.visible-sm.visible-md, td.visible-sm.visible-md {
		display: table-cell !important
	}
}

@media (min-width: 1200px) {
	.visible-sm.visible-lg {
		display: block !important
	}
	
	tr.visible-sm.visible-lg {
		display: table-row !important
	}
	
	th.visible-sm.visible-lg, td.visible-sm.visible-lg {
		display: table-cell !important
	}
}

.visible-md, tr.visible-md, th.visible-md, td.visible-md {
	display: none !important
}

@media (max-width: 767px) {
	.visible-md.visible-xs {
		display: block !important
	}
	
	tr.visible-md.visible-xs {
		display: table-row !important
	}
	
	th.visible-md.visible-xs, td.visible-md.visible-xs {
		display: table-cell !important
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.visible-md.visible-sm {
		display: block !important
	}
	
	tr.visible-md.visible-sm {
		display: table-row !important
	}
	
	th.visible-md.visible-sm, td.visible-md.visible-sm {
		display: table-cell !important
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.visible-md {
		display: block !important
	}
	
	tr.visible-md {
		display: table-row !important
	}
	
	th.visible-md, td.visible-md {
		display: table-cell !important
	}
}

@media (min-width: 1200px) {
	.visible-md.visible-lg {
		display: block !important
	}
	
	tr.visible-md.visible-lg {
		display: table-row !important
	}
	
	th.visible-md.visible-lg, td.visible-md.visible-lg {
		display: table-cell !important
	}
}

.visible-lg, tr.visible-lg, th.visible-lg, td.visible-lg {
	display: none !important
}

@media (max-width: 767px) {
	.visible-lg.visible-xs {
		display: block !important
	}
	
	tr.visible-lg.visible-xs {
		display: table-row !important
	}
	
	th.visible-lg.visible-xs, td.visible-lg.visible-xs {
		display: table-cell !important
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.visible-lg.visible-sm {
		display: block !important
	}
	
	tr.visible-lg.visible-sm {
		display: table-row !important
	}
	
	th.visible-lg.visible-sm, td.visible-lg.visible-sm {
		display: table-cell !important
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.visible-lg.visible-md {
		display: block !important
	}
	
	tr.visible-lg.visible-md {
		display: table-row !important
	}
	
	th.visible-lg.visible-md, td.visible-lg.visible-md {
		display: table-cell !important
	}
}

@media (min-width: 1200px) {
	.visible-lg {
		display: block !important
	}
	
	tr.visible-lg {
		display: table-row !important
	}
	
	th.visible-lg, td.visible-lg {
		display: table-cell !important
	}
}

.hidden-xs {
	display: block !important
}

tr.hidden-xs {
	display: table-row !important
}

th.hidden-xs, td.hidden-xs {
	display: table-cell !important
}

@media (max-width: 767px) {
	.hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs {
		display: none !important
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm {
		display: none !important
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-xs.hidden-md, tr.hidden-xs.hidden-md, th.hidden-xs.hidden-md, td.hidden-xs.hidden-md {
		display: none !important
	}
}

@media (min-width: 1200px) {
	.hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg {
		display: none !important
	}
}

.hidden-sm {
	display: block !important
}

tr.hidden-sm {
	display: table-row !important
}

th.hidden-sm, td.hidden-sm {
	display: table-cell !important
}

@media (max-width: 767px) {
	.hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs {
		display: none !important
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm {
		display: none !important
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-sm.hidden-md, tr.hidden-sm.hidden-md, th.hidden-sm.hidden-md, td.hidden-sm.hidden-md {
		display: none !important
	}
}

@media (min-width: 1200px) {
	.hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg {
		display: none !important
	}
}

.hidden-md {
	display: block !important
}

tr.hidden-md {
	display: table-row !important
}

th.hidden-md, td.hidden-md {
	display: table-cell !important
}

@media (max-width: 767px) {
	.hidden-md.hidden-xs, tr.hidden-md.hidden-xs, th.hidden-md.hidden-xs, td.hidden-md.hidden-xs {
		display: none !important
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.hidden-md.hidden-sm, tr.hidden-md.hidden-sm, th.hidden-md.hidden-sm, td.hidden-md.hidden-sm {
		display: none !important
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md {
		display: none !important
	}
}

@media (min-width: 1200px) {
	.hidden-md.hidden-lg, tr.hidden-md.hidden-lg, th.hidden-md.hidden-lg, td.hidden-md.hidden-lg {
		display: none !important
	}
}

.hidden-lg {
	display: block !important
}

tr.hidden-lg {
	display: table-row !important
}

th.hidden-lg, td.hidden-lg {
	display: table-cell !important
}

@media (max-width: 767px) {
	.hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs {
		display: none !important
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm {
		display: none !important
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-lg.hidden-md, tr.hidden-lg.hidden-md, th.hidden-lg.hidden-md, td.hidden-lg.hidden-md {
		display: none !important
	}
}

@media (min-width: 1200px) {
	.hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg {
		display: none !important
	}
}

.visible-print, tr.visible-print, th.visible-print, td.visible-print {
	display: none !important
}

@media print {
	.visible-print {
		display: block !important
	}
	
	tr.visible-print {
		display: table-row !important
	}
	
	th.visible-print, td.visible-print {
		display: table-cell !important
	}
	
	.hidden-print, tr.hidden-print, th.hidden-print, td.hidden-print {
		display: none !important
	}
}

/*** CSS File: /css/normalize.css ***/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	background: #FF0;
	color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
	margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #C0C0C0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
	font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}


/*** CSS File: /css/form.css ***/
/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form {
}

div.form input,
div.form textarea,
div.form select {
	/*margin: 0.2em 0 0.5em 0;*/
}

div.form fieldset {
	border: 1px solid #DDD;
	padding: 10px;
	-moz-border-radius: 7px;
}

div.form label {
	font-weight: bold;
	font-size: 0.9em;
	display: block;
}

div.form .row {
	margin: 5px 0;
}

div.form .hint {
	margin: 0;
	padding: 0;
	color: #999;
}

div.form .note {
	font-style: italic;
}

div.form span.required {
	color: red;
}

div.form div.error label:first-child,
div.form label.error,
div.form span.error {
	color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
	background: #FEE;
	border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success {
	background: #E6EFC2;
	border-color: #C6D880;
}

div.form div.success label {
	color: inherit;
}

div.form .errorSummary {
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.form .errorMessage {
	color: red;
	font-size: 0.9em;
}

div.form .errorSummary p {
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul {
	margin: 0;
	padding: 0 0 0 20px;
}

div.wide.form label {
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide.form .row {
	clear: left;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage {
	clear: left;
	padding-left: 110px;
}


/*** CSS File: /css/animate.css ***/

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes bounce {
	0%, 20%, 53%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%, 43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
}

@keyframes bounce {
	0%, 20%, 53%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%, 43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {
		opacity: 1;
	}

	25%, 75% {
		opacity: 0;
	}
}

@keyframes flash {
	0%, 50%, 100% {
		opacity: 1;
	}

	25%, 75% {
		opacity: 0;
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

@-webkit-keyframes shake {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@keyframes shake {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none;
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none;
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}

@-webkit-keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%, 60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%, 80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0;
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%, 60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%, 80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0;
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
}

@keyframes rollOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	100% {
		opacity: 0;
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	100% {
		opacity: 0;
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}


/*** CSS File: /css/application.css ***/
/**
 * Main css file for referBoard application
 *
 * @project erOtmAdm
 * @version 1.0
 * @author  William Palomino
 */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/********************************************************************************************************************/
/*                                                  ADDED BY WILLIAM                                                */
/********************************************************************************************************************/
/**
 * Applies opacity effect to the element without affecting the children elements
 *
 * @param @bgcolor
 * @param @opacity
 */
/**
 * Applies shadow to the element
 * 
 * @param @x-axis
 * @param @y-axis
 * @param @blur
 * @param @alpha
 */
/**
 * Applies transition to all the attributes
 * 
 * @param @duration
 * @param @ease
 */
/**
 * Applies transition to an specific attribute
 * 
 * @param @property
 * @param @duration
 * @param @ease
 */
/**
 * Applies transition to the passed properties
 * 
 * @param multiple
 */
/**
 * Default values for some measurements
 */
/**
 * Renders the default button
 *
 * @param @color
 * @param @color-border
 * @param @background
 */
/**
 * Sets the size of the button. Fixed: width, Variable: padding
 *
 * @params variable  Pattern-matching
 */
/**
 * Adds gradient effect to the default button, and apply effect on hover
 * 
 * @param @color-ini
 * @param @color-end
 * @param @color-hover-ini
 * @param @color-hover-end
 */
/**
 * Adds gradient effect to the default button, and apply effect on active
 * 
 * @param @color-ini
 * @param @color-end
 * @param @color-hover-ini
 * @param @color-hover-end
 */
/**
 * Adds gradient effect to the default button and allows to add an image to background, and apply effect on hover
 * The background image cannot be resized but moved from position
 * 
 * @param @color-ini
 * @param @color-end
 * @param @color-hover-ini
 * @param @color-hover-end
 * @param @image
 * @param @posx
 * @param @posy
 */
/**
 * Adds fade effect to the default button
 * 
 * @param @color
 * @param @trasparency
 * @param @speed
 * @param @method
 */
/**
 * Renders the list in multiple columns
 *
 * @param @columns
 * @param @column-gap
 */
/* include the font to use */
@font-face {
  font-family: "AsapBold";
  src: url("/css/fonts/asap/Asap-Bold.otf");
  font-weight: bold;
}
@font-face {
  font-family: "AsapItalic";
  src: url("/css/fonts/asap/Asap-Italic.otf");
  font-style: italic, oblique;
}
@font-face {
  font-family: "AsapBoldItalic";
  src: url("/css/fonts/asap/Asap-BoldItalic.otf");
  font-weight: bold;
  font-style: italic, oblique;
}
@font-face {
  font-family: "Asap";
  src: url("/css/fonts/asap/Asap-Regular.otf");
  font-weight: normal;
  font-style: normal;
}
/********************************************************************************************************************/
/*                                                  COMMON VARIABLES                                                */
/********************************************************************************************************************/
/********************************************************************************************************************/
/*                                                  PAGE VARIABLES                                                  */
/********************************************************************************************************************/
/********************************************************************************************************************/
/*                                                   BASE ELEMENTS                                                  */
/********************************************************************************************************************/
#ydtb-toolbar {
  overflow: visible !important;
}
.root {
  display: block;
}
.disable-scroll {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}
.no-scroll {
  overflow: hidden;
}
.no-scroll-y {
  overflow-y: hidden !important;
}
html {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  color: #554741;
  font: normal 10pt Asap, sans-serif;
  background: #F1F1F2;
}
h1 {
  font-size: 20pt;
  color: #554741;
  font-weight: bold;
}
h2 {
  font-size: 16pt;
  font-weight: bold;
  color: #554741;
}
h3 {
  font-size: 12pt;
  font-weight: bold;
  color: #554741 !important;
}
legend {
  font-weight: bold !important;
}
a:focus {
  outline: none;
  outline-offset: 0;
}
a {
  color: #231f20;
}
.list-view-loading {
  background: none;
}
.has-border {
  border: 1px solid rgba(202, 200, 200, 0.7);
}
.error-body {
  min-height: 100%;
  background: #404041;
}
/********************************************************************************************************************/
/*                                                CUSTOM STYLES: Containers                                         */
/********************************************************************************************************************/
.body-popup {
  background: #FFF;
  height: 100%;
  overflow-y: hidden;
}
.body-popup #popup-content {
  height: 100%;
}
#footer {
  color: #554741;
  font-style: italic;
  padding: 1.5em 0 1em 0;
  clear: both;
  padding-top: 50px;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 50px;
}
.container {
  width: auto !important;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
  min-height: 100%;
  min-width: 768px;
  position: relative;
}
.inner-container {
  background: transparent;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.no-bg-color {
  background: none !important;
}
.span-body {
  width: 80% ;
  background: transparent;
  margin-left: 0 !important;
}
.span-body #content {
  position: relative;
  margin: 0 0 0 1.5em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #FFF;
  color: #231F20;
  margin-bottom: 20px;
}
.span-body #content .grid-view table.items input[type="text"] {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}
.span-body #content h1 {
  font-size: 12pt;
  color: #231F20;
  font-weight: bold;
  margin-bottom: 1.5em;
}
.span-body #content .items thead th {
  background: #808285;
  border-radius: 2px;
  color: #ffffff;
  font-weight: normal;
}
.span-body #content .items thead th a {
  font-weight: normal;
}
.span-sidebar {
  width: 19% !important;
  background: transparent;
  height: 100% !important;
  margin-left: 0 !important;
}
#main_home {
  width: 100%;
  margin: 0 auto;
  font-size: 15pt;
  text-align: center;
  padding: 1em 0;
}
#main_home .right-block,
#main_home .left-block {
  display: inline-block;
  vertical-align: middle;
}
#main_home .right-block {
  width: 39%;
  background: #FFF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
#main_home .left-block {
  width: 60%;
  padding: 0 4em;
}
#body-container {
  display: inline-block;
  width: 100%;
  min-height: 80%;
  margin-top: 50px;
  background-color: #ffffff;
  padding-bottom: 200px;
}
#content {
  background: transparent;
  margin-top: 0;
}
#page {
  margin-top: 5px;
  margin-bottom: 5px;
  background: white;
  border: 1px solid #C9E0ED;
}
#sidebar {
  padding: 0 0 20px 0;
}
#header {
  background-color: #333132;
  top: 0;
  width: 100%;
  position: fixed;
  z-index: 100;
}
#header .inner-container-header {
  margin: auto;
  max-width: 1240px;
  min-width: 768px;
  padding: 0 20px;
  position: relative;
}
#header .inner-container {
  padding: 0;
}
#header .header-logo,
#header .inline-search-form,
#header .inline-login-form {
  float: left;
  height: 50px;
  margin-top: 0;
}
#header .header-logo {
  margin-top: 0;
}
#header .header-logo .logo-image {
  height: 30px;
  margin-top: 10px;
}
#header .header-logo img {
  height: 30px;
  margin-top: 10px;
}
#header .inline-user-menu {
  height: 36px;
  float: right;
  margin-right: 0;
  position: relative;
  vertical-align: bottom !important;
}
#header .inline-user-menu .start-referring-btn {
  display: block;
  float: left;
  height: 36px;
  line-height: 36px;
  width: 120px;
  margin-right: 20px;
  text-decoration: none;
  font-size: 14px;
  margin-top: 7px;
}
#header .inline-login-form {
  float: right;
  position: relative;
}
#header .inline-login-form .inline-login-text {
  color: white;
  line-height: 50px;
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
  font-family: Asap;
  vertical-align: middle;
}
#header .inline-login-form .inline-login-text:hover {
  cursor: pointer;
  text-decoration: none;
}
#header .inline-login-form .burger-icon {
  display: inline-block;
  height: 50px;
  width: 50px;
  vertical-align: middle;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 40%;
  background-color: #231f20;
  background-image: url(/images/referboard/User/RB_WhiteBurger-01.svg);
}
#header .inline-login-form .burger-icon:hover {
  background-color: #ffffff;
  background-image: url(/images/referboard/User/RB_Burger.svg);
}
#header .inline-login-form .icon-select {
  background-color: #ffffff;
  background-image: url(/images/referboard/User/RB_Burger.svg);
}
#header .inline-login-form .inline-registration-btn {
  color: white;
  display: inline-block;
  width: 95px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #557f39;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #8cc641, #78AB41);
  background: -webkit-linear-gradient(top, #8cc641, #78AB41);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41)";
  /*IE8+*/
  background-size: auto 200%;
  background-position: 0 100%;
  -webkit-transition: background-position 0.5s;
  -moz-transition: background-position 0.5s;
  -o-transition: background-position 0.5s;
  -ms-transition: background-position 0.5s;
  transition: background-position 0.5s;
}
#header .inline-login-form .inline-registration-btn:hover {
  background-position: 0 0;
  cursor: pointer;
  text-decoration: none;
}
#header .inline-search-form {
  position: relative;
  margin-left: 52px;
}
#header .btn-add {
  height: 3.05em;
  background-image: url('../../css/../images/referboard/icons/navbar_add_L.png');
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: 0.2em center;
  padding-top: 0.74em;
}
#header .btn-add:hover {
  background-color: #554741;
}
#header .inline-login-form form input[type="text"],
#header .inline-login-form form input[type="password"] {
  width: 10em;
  font-style: italic;
}
#header .xsearch-submit {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-left: 0px solid #d1d3d4;
  width: 50px;
  height: 50px;
  vertical-align: top;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#header #login-menu-nav {
  display: inline-block;
}
#header #board-profile-menu {
  float: right;
  height: 50px;
  padding: 7px 10px;
  padding-right: 0;
  cursor: pointer;
  position: relative;
}
#header #board-profile-menu:hover {
  background: #f1f2f2;
}
#header #board-profile-menu:hover .icon-arrow-down {
  background-image: url(../../css/../images/referboard/User/RB_BoardIcons-ArrowDown-black.svg);
}
#header .user-menu-plus {
  display: inline-block;
  vertical-align: top;
  height: 36px;
  width: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#header .user-menu-plus img {
  max-width: 100%;
  max-height: 100%;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
#header .xsearch-menu {
  background-color: #231F20;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: bottom;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#header .xsearch-menu:hover {
  cursor: pointer;
}
#header .xsearch-menu {
  background-size: 100% 100%;
  float: left;
}
#header .xsearch-menu:hover {
  cursor: pointer;
}
#header .user-menu-avatar {
  display: inline-block;
  width: 36px;
  height: 36px;
  float: right;
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: 50%;
  margin: 0;
  cursor: pointer;
}
#header .icon-arrow-down {
  background-image: url(../../css/../images/referboard/User/RB_BoardIcons-ArrowDown.svg);
}
#header .user-menu-name,
#header .user-menu-name-round {
  display: inline-block;
  min-width: 94px;
  height: 36px;
  vertical-align: top;
  text-align: center;
  padding: 0;
  font-weight: bold;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#header-user-menu-container {
  display: inline-block;
  float: right;
}
#login-div {
  margin-bottom: 0 !important;
  padding-top: 1em;
}
#login-div label {
  display: inline-block;
  padding-right: 1em !important;
}
.scrollable-section {
  padding: 1em;
  padding-right: 1.5em;
  font-size: 8pt;
}
.login-container {
  width: 50%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  text-align: center;
  background: #FFF;
  margin: 2em auto;
}
/* Frontend user profile layout */
.user-profile-details,
.user-profile-activity {
  display: inline-block;
  vertical-align: top;
  height: 14em;
  background: #FFF;
}
.user-profile-details,
.introjs-fixParent {
  position: relative !important;
}
.user-profile-details {
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  height: 245px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  z-index: 99;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.user-profile-details .user-profile-details-div {
  position: relative;
  max-width: 1240px;
  min-width: 768px;
  margin: 0 auto;
  padding: 0 20px;
}
.user-profile-details .user-profile-image,
.user-profile-details .user-profile-details1,
.user-profile-details .user-profile-details2 {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.user-profile-details .user-profile-image {
  width: 160px;
  background-color: transparent;
  position: relative;
  margin-top: 42px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  overflow: hidden;
}
.user-profile-details .user-profile-image img {
  width: 160px;
  height: 160px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  -ms-transform: scale(1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Safari */
  transform: scale(1.1);
}
.user-profile-details .user-profile-image:hover > .up-image-edit {
  display: block;
}
.user-profile-details .user-profile-image .up-image-edit {
  position: absolute;
  width: 160px;
  height: 160px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  z-index: 1;
  vertical-align: middle;
  /* Fallback for web browsers that doesn't support RGBa, white as default */
  background: rgba(255, 255, 255, 0.35);
  /* For IE 5.5 - 7*/
  background: none \9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59ffffff', endColorstr='#59ffffff');
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
  /* For IE 8 - 9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  display: none;
}
.user-profile-details .user-profile-image .up-image-edit .up-image-edit-btn {
  background: url('../../css/../images/referboard/backgrounds/edit_image_btn.png') no-repeat;
  width: 2.9em;
  height: 2.8em;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.user-profile-details .user-profile-details1 {
  width: 45%;
  vertical-align: top;
  margin-top: 42px;
  margin-left: 30px;
  height: 160px;
  position: relative;
}
.user-profile-details .user-profile-details1 .upd-title {
  display: inline-block;
  font-size: 20pt;
  color: white;
  padding: 0;
  font-weight: bold;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
}
.user-profile-details .user-profile-details1 .upd-title .upd-span {
  height: 30px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.user-profile-details .user-profile-details1 .upd-title .authenticate-icon {
  display: inline-block;
  height: 23px;
  vertical-align: middle;
}
.user-profile-details .user-profile-details1 .upd-description {
  font-size: 10pt;
  color: white;
  margin-bottom: 10px;
  vertical-align: middle;
  line-height: 30px;
  position: relative;
  overflow: hidden;
}
.user-profile-details .user-profile-details1 .board-url {
  color: #8CC63E;
  font-size: 16px;
  margin-bottom: 10px;
  font-family: Asap, san-serif;
}
.user-profile-details .user-profile-details1 .upd-location {
  color: white;
  display: block;
  position: relative;
}
.user-profile-details .user-profile-details1 .upd-location img {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.user-profile-details .user-profile-details1 .upd-location .upd-location-span {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
}
.user-profile-details .user-profile-details1 .sales-btn {
  height: 30px;
  width: 100px;
  line-height: 28px;
  text-decoration: none;
}
.user-profile-details .user-profile-details1 .sales-btn:active,
.user-profile-details .user-profile-details1 .sales-btn:visited,
.user-profile-details .user-profile-details1 .sales-btn:focus {
  text-decoration: none;
  color: #8CC641;
}
.user-profile-details .user-profile-details1 .other-follow-container {
  margin-top: 10px;
  width: 100px;
  height: 30px;
  display: block;
  position: relative;
}
.user-profile-details .user-profile-details1 .other-follow-container .follow_loading {
  display: none;
  background: #ffffff;
  height: 30px;
}
.user-profile-details .user-profile-details1 .other-follow-container .follow_loading .spinner_wrap {
  height: 30px;
}
.user-profile-details .user-profile-details1 .other-follow-container .follow_loading .spinner_wrap .spinner {
  width: 30px;
  height: 30px;
}
.user-profile-details .user-profile-details1 .other-follow-container .follow-action-btn {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 28px;
}
.user-profile-details .user-profile-details2 {
  float: right;
  width: 190px;
  height: 160px;
  text-align: right;
  margin-top: 42px;
  position: relative;
}
.user-profile-details .user-profile-details2 .sales-btn {
  display: block;
  width: 150px;
  height: 40px;
  line-height: 38px;
}
.user-profile-details .user-profile-details2 .other-follow-container {
  width: 150px;
  height: 40px;
  position: relative;
}
.user-profile-details .user-profile-details2 .other-follow-container .follow-action-btn {
  width: 150px;
  height: 40px;
  display: block;
  line-height: 40px;
}
.user-profile-details .user-profile-details2 .other-follow-container .follow_loading {
  background: #ffffff;
  display: none;
}
.user-profile-activity {
  width: 22%;
  margin-left: 1.4%;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.user-profile-activity .user-profile-act-header {
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-image: url('../../css/../images/referboard/icons/recent_activity.png');
  background-color: #000;
  background-repeat: no-repeat;
  background-position: 0.8em 0.4em;
  color: #FFF;
  padding: 0.5em 2.5em;
}
/* Following list: this section is included in ".user-profile-activity" */
.user-following {
  width: 100%;
  display: none;
}
.user-following .user-following-item {
  padding: 0.5em 0.7em;
  width: 100%;
  font-size: 8pt;
}
.user-following .user-following-item:hover {
  background-color: #F1F1F2;
}
.user-following .user-following-picture,
.user-following .user-following-details {
  display: inline-block;
  vertical-align: top;
}
.user-following .user-following-picture {
  width: 18%;
  padding-top: 0.2em;
}
.user-following .user-following-picture img {
  max-width: 80%;
  max-height: 80%;
}
.user-following .user-following-details {
  width: 80%;
}
.user-following .user-following-details a {
  text-decoration: none;
  text-transform: lowercase;
}
.user-following .user-following-details a:hover {
  color: #8CC641;
}
/*** Paypal Div ***/
.paypal-withdraw {
  float: right;
  width: 30%;
  text-align: right;
}
.xsearch-menu-bg-white {
  background-image: url('../../css/../images/referboard/icons/referboard_nav_white.png');
}
.xsearch-menu-bg-dark {
  background-image: url('../../css/../images/referboard/icons/referboard_nav_dark.png');
}
.user-menu-avatar-white {
  background-image: url('../../css/../images/referboard/icons/user_menu-white.png');
}
.user-menu-avatar-dark {
  background-image: url('../../css/../images/referboard/icons/user_menu-dark.png');
}
.search-form-panel {
  float: right;
}
.search-form-bar {
  float: left;
}
#header .xsearch-icon {
  background-image: url('../../css/../images/referboard/icons/search_btn-white.png');
  background-size: 100% 100%;
  float: right;
  border-image-width: 0 0 0 0;
}
/* box shadow, used for entire website */
.box-shadow-all {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.xsearch-menu:hover {
  background-color: yellow;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -moz-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#extras {
  font-size: 8pt;
  height: 35px;
  line-height: 35px;
}
#extras ul {
  white-space: nowrap;
  width: 100%;
  margin: 0;
  padding: 0 25px;
}
#extras ul li {
  display: inline-block;
  width: auto;
  margin-right: 20px;
  padding: 0;
}
#extras ul li a {
  color: #808582;
  display: inline;
}
#extras ul li:hover a {
  color: #f1f2f2;
}
.add-plus-popup {
  background-image: url('../../css/../images/referboard/icons/navbar_add_L.png');
  background-size: 15%;
  background-repeat: no-repeat;
  background-position: -2% 0;
}
#search_current_referboard {
  float: right;
  height: 4em;
}
#search_referboard_text {
  background-color: #231F20;
  color: white;
  margin-right: 0;
  vertical-align: top;
  float: left;
  width: 100px;
  display: inline-block;
  height: 50px;
  padding: 0;
  text-indent: 1em;
}
#search_current_referboard_submit {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding: 0;
  border: 0;
  float: right;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#search_referboard_form {
  float: left;
  height: 48px;
}
#search_referboard_button {
  display: inline-block;
  background-color: #231F20;
  background-image: url('../../css/../images/referboard/icons/search_btn-white.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 4em;
  margin-left: 2em;
  float: right;
}
.button-mysales {
  margin-bottom: 10px;
  position: relative;
}
.follow-btn-guest {
  height: 80px;
  margin: 0;
}
.follow-btn-guest .loading_animation {
  height: 40px;
  background: rgba(255, 255, 255, 0.7);
  display: none;
  z-index: 1;
}
.follow-btn-guest .loading_animation .spinner_wrap {
  width: 30px;
}
.follow-btn-guest .loading_animation .spinner_wrap .spinner {
  margin-top: 5px;
  height: 30px;
  width: 30px;
}
.follow-btn-guest .guest-following-wrap {
  position: absolute;
  bottom: 0;
}
#get_my_sales {
  /*
  background-color: #8cc641;
  */
  width: 190px;
  height: 40px;
  color: white;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#edit-user-profile-image {
  width: 100%;
  height: auto;
}
#view-all-setting {
  margin-bottom: 20px;
}
.bg-green {
  background-color: white;
  background-image: url('../../css/../images/referboard/icons/search_btn-dark.png');
}
.bg-black {
  background-color: #231F20;
  background-image: url('../../css/../images/referboard/icons/search_btn-white.png');
}
/****Used for Profile Edit *******/
.clear-float {
  clear: both;
}
.profile-container {
  width: 510px;
}
.profile-containter-col {
  width: 100%;
}
.profile-container-col-left {
  float: left;
}
.profile-container-col-right {
  float: right;
  margin-left: 0.5em;
}
.profile-container-row {
  width: 80%;
  float: left;
  margin-top: 1.5em;
}
.change-password-row {
  margin-top: 0;
}
.shop-description-textarea {
  width: 100%;
  height: 80px;
  border: 1px solid #b6b6b6;
  padding: 10px;
  resize: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#add-payment-account-main-div .profile-container-row {
  margin: 0;
}
#add-payment-account-main-div .add-account-open {
  margin-top: 20px;
}
.btn-wrapper {
  position: relative;
  display: inline-block;
}
.btn-wrapper .btn-wrapper-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
}
.btn-wrapper .btn-wrapper-overlay img {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.paypal-btn-wrapper {
  margin-right: 10px;
}
.paypal-btn-wrapper .loading_animation {
  height: 30px;
  background: rgba(255, 255, 255, 0.7);
  display: none;
}
.paypal-btn-wrapper .loading_animation .spinner_wrap {
  width: 25px;
}
.paypal-btn-wrapper .loading_animation .spinner_wrap .spinner {
  margin-top: 2.5px;
  height: 25px;
  width: 25px;
}
#add-payment-account-div .title {
  display: block;
  margin-bottom: 5px;
}
#add-payment-account-div .sub-title {
  display: block;
  margin-bottom: 5px;
}
#add-payment-account-div .add-account-btn-group {
  margin-top: 10px;
}
#add-payment-account-div .add-account-btn-group .paypal-btn-wrapper .loading_animation {
  display: none;
}
#add-payment-account-div .add-account-row .paypal-input-wrap {
  position: relative;
}
#add-payment-account-div .add-account-row #PaymentCard_email,
#add-payment-account-div .add-account-row #PaypalAccount_email,
#add-payment-account-div .add-account-row .paypal-account-input {
  background: #f1f2f2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 250px;
  height: 40px;
  border: 1px solid #D1D3D4;
  padding: 10px;
  line-height: 18px;
}
#add-payment-account-div .add-account-row .paypal-account-input {
  width: 350px !important;
  margin-bottom: 10px;
}
#add-payment-account-div .add-account-row #create-payment-account-btn {
  padding: 0;
  height: 30px;
  width: 100px;
  line-height: 28px;
  text-decoration: none;
}
#add-payment-account-div .add-account-row .cancel-add-btn {
  height: 30px;
  width: 80px;
  line-height: 28px;
  display: inline-block;
  text-decoration: none;
}
#add-payment-account-div .add-account-row .paypal-input-container {
  width: 350px;
  position: relative;
}
#add-payment-account-div .add-account-row .paypal-input-container .errorMessage {
  position: absolute;
  top: 10px;
  right: 10px;
}
#profile-upload-picture-button {
  float: left;
  margin-left: 1em;
  cursor: pointer;
}
#profile-upload-picture {
  width: 150px;
  float: left;
}
.inner-row {
  margin-top: 1.5em;
}
.profile-container input {
  background: none repeat scroll 0% 0% #F1F1F2;
  border: medium none;
  width: 12em;
}
#edit-profile-form #User_email,
#Address_mobile,
#User_user_link {
  width: 100%;
}
.profile-container #User_picture,
#User_bgimage {
  background: none;
}
#edit-profile-form #User_first_name,
#User_last_name,
#User_last_name {
  width: 18em;
}
label input[type="file"] {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
/* Example custom styling */
.file-label {
  border: 1px solid #808285;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0;
  margin: 0;
  background: -moz-linear-gradient(top, #fff, #E6E7E8);
  display: inline-block;
  width: 7em;
  height: 3em;
  text-align: center;
  line-height: 3em;
  font-weight: normal;
}
.file-label:hover {
  cursor: pointer;
}
.bgimage-file-label {
  margin-top: 1.5em;
}
#edit-profile-buttons {
  margin-top: 2em;
}
#btn-cancel-profile {
  margin-left: 2em;
  font-size: 10pt !important;
  padding: 8px 15px;
  border: 1px solid #808285;
  background-color: white;
  text-decoration: none !important;
  display: inline-block;
  white-space: pre;
  color: #808285;
  line-height: inherit;
  font-weight: normal;
}
.user-profile-details-narrow {
  width: 76%;
}
.user-profile-details-wide {
  /*luke */
  width: 100%;
  height: 245px;
}
.user-profile-details2-guest {
  width: auto;
  text-align: right;
  padding-top: 2em;
  padding-right: 1em;
  display: inline-block;
  height: 100%;
  vertical-align: bottom;
  margin-left: 5em;
  float: right;
}
#guest-follow {
  margin-top: 3em;
  padding: 0 2em;
}
.guest-follow-button {
  display: inline-block;
  color: #FFFFFF;
  font-weight: normal !important;
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.guest-follow-button:hover {
  color: #FFFFFF !important;
  cursor: pointer;
  text-decoration: none;
}
.guest-follow-button:active,
.guest-follow-button:visited {
  color: #8cc641;
}
.guest-following-button {
  color: white;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  width: 190px;
  height: 40px;
  line-height: 26px;
}
.guest-following-button:focus {
  color: white;
}
.btn-left {
  float: left;
}
.btn-right {
  float: right;
}
.search_text_referboard {
  width: 0;
  height: 50px !important;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #231F20;
  color: white;
  text-indent: 0.5em;
  opacity: 0;
}
.header-container {
  position: relative;
  z-index: 100;
}
.overlay {
  width: 100%;
  height: 245px;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=rgba(0, 0, 0, 0.3), endColorstr=rgba(0, 0, 0, 0.8));
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=rgba(0,0,0,0.3), endColorstr=rgba(0,0,0,0.8))";
  /*IE8+*/
}
.check-loading {
  display: none;
  height: 70px;
}
.upd-span {
  position: relative;
  font-weight: normal;
}
.upd-span a {
  text-decoration: none;
  color: #ffffff;
}
.btn-follow {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 90px;
  height: 30px;
  float: left;
  line-height: 28px;
  font-size: 8pt;
}
.btn-follow-right {
  float: right;
}
.lbl-follow {
  font-weight: bold;
}
#edit-profile-form input[type='text'] {
  height: 31px;
}
.upd-link a {
  color: white;
}
.upd-link a:hover {
  text-decoration: none;
  color: #8cc641;
}
.upd-description-span,
.upd-description-span-guest {
  position: relative;
  display: block;
  text-align: left;
  margin: 0;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
  float: left;
  overflow: hidden;
}
#user_link_edit {
  width: 30px;
  height: 30px;
  vertical-align: top;
  position: relative;
  display: inline-block;
  border: 0px none;
  float: left;
}
.upd-description-span a {
  color: white;
}
.upd-description-span input {
  background: transparent;
  resize: none;
  padding: 0;
  margin: 0;
  width: 300px;
  height: 30px;
  position: relative;
  white-space: pre;
  display: inline-block;
}
.upd-description-span form {
  display: block !important;
}
#user-profile-name {
  text-decoration: none;
  display: inline-block;
  width: 100%;
  line-height: 36px;
  padding: 0 12px;
  text-align: left;
  float: left;
  font-family: AsapBold;
}
#user-profile-name:hover,
#user-profile-name:focus {
  color: #231f20;
}
#user-activity-count {
  display: none;
  text-decoration: none;
  background-color: #8cc641;
  margin: 12px 10px 0 0;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.xsearch-submit-a {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-size: 100%;
}
.xsearch-submit-a:hover {
  cursor: pointer;
}
#search_current_referboard_submit_real {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  padding: 0px;
  border: 0px none;
  float: right;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.hide-menu {
  width: 5px;
  height: 50px;
}
.collection-count {
  color: #FFFFFF;
  display: inline-block;
  background-color: #414042;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 13%;
  height: 80%;
  text-align: center;
  float: right;
}
.refer-product-btn {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  vertical-align: middle;
}
.quickview-btn-span {
  font-size: 7px;
  float: left;
}
.quickview-btn-span .quick-view-btn {
  display: block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.quickview-btn-span .quick-view-btn a {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.pd-referby-container {
  width: 100%;
  padding: 5px;
  border-top: 1px solid #D1D3D4;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  -ms-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.pd-referby-container:hover {
  background-color: #f1f2f2;
}
.pd-referby-container .refer-by-link {
  display: block;
  text-decoration: none;
}
.pd-referby-container .user-img-container {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  margin-right: 5px;
}
.pd-referby-container .user-img-container .profile-img {
  width: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.pd-referby-container .header-title {
  width: 145px;
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  font-weight: bold;
  color: #404041;
}
.pd-referby-container .header-title .small-title {
  display: inline-block;
  vertical-align: middle;
}
.pd-referby-container .header-title .authenticate-icon {
  display: inline-block;
  width: 13px;
  vertical-align: middle;
}
.save-product-btn {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  line-height: 40px;
  vertical-align: middle;
  display: inline-block;
}
.quick-view-btn-white {
  -webkit-transition: background-color 0.5s -0.5s;
  -moz-transition: background-color 0.5s -0.5s;
  -o-transition: background-color 0.5s, -0.5s;
  -ms-transition: background-color 0.5s, -0.5s;
  transition: background-color 0.5s -0.5s;
  border: 1px solid #D1D3D4;
  background: #F1F2F2 url('../../css/../images/referboard/User/eye_icon-nrml.svg') no-repeat center;
  background: url('../../css/../images/referboard/User/eye_icon-nrml.svg') no-repeat center, -moz-linear-gradient(top, #FFFFFF, #F1F2F2);
  background: url('../../css/../images/referboard/User/eye_icon-nrml.svg') no-repeat center, -webkit-linear-gradient(top, #FFFFFF, #F1F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F1F2F2', GradientType=0);
  background-size: 150%;
}
.quick-view-btn-white:hover {
  border: 1px solid #D1D3D4;
  background: #F1F2F2 url('../../css/../images/referboard/User/eye_icon-hvr.svg') no-repeat center;
  background: url('../../css/../images/referboard/User/eye_icon-hvr.svg') no-repeat center, -moz-linear-gradient(top, #FFFFFF, #F1F2F2);
  background: url('../../css/../images/referboard/User/eye_icon-hvr.svg') no-repeat center, -webkit-linear-gradient(top, #FFFFFF, #F1F2F2);
  background-size: 150%;
}
.quick-view-btn-white:focus {
  background-size: 150%;
  outline: none;
}
.quick-view-btn-black {
  -webkit-transition: background-color 0.5s -0.5s;
  -moz-transition: background-color 0.5s -0.5s;
  -o-transition: background-color 0.5s, -0.5s;
  -ms-transition: background-color 0.5s, -0.5s;
  transition: background-color 0.5s -0.5s;
  border: 1px solid #D1D3D4;
  background: #F1F2F2 url('../../css/../images/referboard/User/eye_icon-nrml-black.svg') no-repeat center;
  background: url('../../css/../images/referboard/User/eye_icon-nrml-black.svg') no-repeat center, -moz-linear-gradient(top, #FFFFFF, #F1F2F2);
  background: url('../../css/../images/referboard/User/eye_icon-nrml-black.svg') no-repeat center, -webkit-linear-gradient(top, #FFFFFF, #F1F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F1F2F2', GradientType=0);
  background-size: 150%;
}
.quick-view-btn-black:hover {
  border: 1px solid #D1D3D4;
  background: #F1F2F2 url('../../css/../images/referboard/User/eye_icon-hvr-black.svg') no-repeat center;
  background: url('../../css/../images/referboard/User/eye_icon-hvr-black.svg') no-repeat center, -moz-linear-gradient(top, #FFFFFF, #F1F2F2);
  background: url('../../css/../images/referboard/User/eye_icon-hvr-black.svg') no-repeat center, -webkit-linear-gradient(top, #FFFFFF, #F1F2F2);
  background-size: 150%;
}
.quick-view-btn-black:focus {
  background-size: 150%;
  outline: none;
}
.save-product-btn-white {
  -webkit-transition: background-color 0.5s -0.5s;
  -moz-transition: background-color 0.5s -0.5s;
  -o-transition: background-color 0.5s, -0.5s;
  -ms-transition: background-color 0.5s, -0.5s;
  transition: background-color 0.5s -0.5s;
  border: 1px solid #D1D3D4;
  background: #F1F2F2 url('../../css/../images/referboard/User/save-nrml.svg') no-repeat center;
  background: url('../../css/../images/referboard/User/save-nrml.svg') no-repeat center, -moz-linear-gradient(top, #FFFFFF, #F1F2F2);
  background: url('../../css/../images/referboard/User/save-nrml.svg') no-repeat center, -webkit-linear-gradient(top, #FFFFFF, #F1F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F1F2F2', GradientType=0);
  background-size: 150%;
}
.save-product-btn-white:hover {
  background: #F1F2F2 url('../../css/../images/referboard/User/save-nrml.svg') no-repeat center;
  background-size: 150%;
}
.save-product-btn-white:focus {
  outline: none;
}
.save-product-btn-black-solid {
  border: 1px solid #D1D3D4;
  -webkit-transition: background-color 0.5s -0.5s;
  -moz-transition: background-color 0.5s -0.5s;
  -o-transition: background-color 0.5s, -0.5s;
  -ms-transition: background-color 0.5s, -0.5s;
  transition: background-color 0.5s -0.5s;
  background: #FFFFFF url('../../css/../images/referboard/User/save-click.svg') no-repeat center;
  background: url('../../css/../images/referboard/User/save-click.svg') no-repeat center, -moz-linear-gradient(top, #FFFFFF, #F1F2F2);
  background: url('../../css/../images/referboard/User/save-click.svg') no-repeat center, -webkit-linear-gradient(top, #FFFFFF, #F1F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F1F2F2', GradientType=0);
  background-size: 150%;
}
.save-product-btn-black-solid:hover {
  background: #F1F2F2 url('../../css/../images/referboard/User/save-click.svg') no-repeat center;
  background-size: 150%;
}
.save-product-btn-black-solid:focus {
  outline: none;
}
.save-product-btn-green {
  border: 1px solid #D1D3D4;
  -webkit-transition: background-color 0.5s -0.5s;
  -moz-transition: background-color 0.5s -0.5s;
  -o-transition: background-color 0.5s, -0.5s;
  -ms-transition: background-color 0.5s, -0.5s;
  transition: background-color 0.5s -0.5s;
  background: #FFFFFF url('../../css/../images/referboard/User/save-click.svg') no-repeat center;
  background: url('../../css/../images/referboard/User/save-click.svg') no-repeat center, -moz-linear-gradient(top, #FFFFFF, #F1F2F2);
  background: url('../../css/../images/referboard/User/save-click.svg') no-repeat center, -webkit-linear-gradient(top, #FFFFFF, #F1F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F1F2F2', GradientType=0);
  background-size: 150%;
}
.save-product-btn-green:hover {
  background: #F1F2F2 url('../../css/../images/referboard/User/save-click.svg') no-repeat center;
  background-size: 150%;
}
.save-product-btn-green:focus {
  outline: none;
}
.save-product-btn-red {
  -webkit-transition: background-color 0.5s -0.5s;
  -moz-transition: background-color 0.5s -0.5s;
  -o-transition: background-color 0.5s, -0.5s;
  -ms-transition: background-color 0.5s, -0.5s;
  transition: background-color 0.5s -0.5s;
  background: #8cc641 url('../../css/../images/referboard/icons/save_white_small.png') no-repeat center;
  background: url('../../css/../images/referboard/icons/save_white_small.png') no-repeat center, -moz-linear-gradient(top, #8cc641, #78AB41);
  background: url('../../css/../images/referboard/icons/save_white_small.png') no-repeat center, -webkit-linear-gradient(top, #8cc641, #78AB41);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cc641', endColorstr='#78AB41', GradientType=0);
}
.save-product-btn-red:hover {
  background: #8cc641 url('../../css/../images/referboard/icons/save_white_small.png') no-repeat center;
  background-size: 150%;
}
.save-product-btn-red:focus {
  outline: none;
}
.refer-product-btn:hover {
  cursor: pointer;
}
.refer-product-btn-green {
  -webkit-transition: background-color 0.2s -0.5s;
  -moz-transition: background-color 0.2s -0.5s;
  -o-transition: background-color 0.2s, -0.5s;
  -ms-transition: background-color 0.2s, -0.5s;
  transition: background-color 0.2s -0.5s;
  border: 1px solid #557f39;
  background: #8cc641 url('../../css/../images/referboard/icons/RB-icon-white.png') no-repeat center;
  background: url('../../css/../images/referboard/icons/RB-icon-white.png') no-repeat center, -moz-linear-gradient(top, #8cc641, #78AB41);
  background: url('../../css/../images/referboard/icons/RB-icon-white.png') no-repeat center, -webkit-linear-gradient(top, #8cc641, #78AB41);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cc641', endColorstr='#78AB41', GradientType=0);
}
.refer-product-btn-green:hover {
  border: 1px solid #78AB41;
  background: #8cc641 url('../../css/../images/referboard/icons/RB-icon-white.png') no-repeat center;
}
.refer-product-btn-white {
  -webkit-transition: background-color 0.2s -0.5s;
  -o-transition: background-color 0.2s, -0.5s;
  -ms-transition: background-color 0.2s, -0.5s;
  border: 1px solid #D1D3D4;
  background: #F1F2F2 url('../../css/../images/referboard/icons/RB-icon-green.png') no-repeat center;
  background: url('../../css/../images/referboard/icons/RB-icon-green.png') no-repeat center, -moz-linear-gradient(top, #FFFFFF, #F1F2F2);
  background: url('../../css/../images/referboard/icons/RB-icon-green.png') no-repeat center, -webkit-linear-gradient(top, #FFFFFF, #F1F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D1D3D4', GradientType=0);
}
.refer-product-btn-white:hover {
  border: 1px solid #D1D3D4;
  background: #F1F2F2 url('../../css/../images/referboard/icons/RB-icon-green.png') no-repeat center;
}
.refer-product-btn-small-white {
  -webkit-transition: background-color 0.2s -0.5s;
  -o-transition: background-color 0.2s, -0.5s;
  -ms-transition: background-color 0.2s, -0.5s;
  border: 1px solid #D1D3D4;
  background: #F1F2F2 url('../../css/../images/referboard/icons/RB-icon-green-small.png') no-repeat center;
  background: url('../../css/../images/referboard/icons/RB-icon-green-small.png') no-repeat center, -moz-linear-gradient(top, #F1F2F2, #D1D3D4);
  background: url('../../css/../images/referboard/icons/RB-icon-green-small.png') no-repeat center, -webkit-linear-gradient(top, #F1F2F2, #D1D3D4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F2F2', endColorstr='#D1D3D4', GradientType=0);
  margin-right: 5px;
}
.refer-product-btn-small-white:hover {
  border: 1px solid #D1D3D4;
  background: #F1F2F2 url('../../css/../images/referboard/icons/RB-icon-green-small.png') no-repeat center;
}
.urp-refer-link {
  padding: 0.6em;
}
.refer-product-icon {
  position: relative;
  display: inline-block;
  width: 80% !important;
  margin-top: 10%;
}
.refer-edit-icon {
  position: relative;
  display: inline-block;
  width: 100% !important;
}
.track_link_img {
  width: 25px;
  height: 25px;
  float: left;
  margin-top: 4px;
}
#refer-link-txt {
  width: 88%;
  margin-left: 0;
}
.btn-refer-group {
  float: right;
  height: 4em;
  position: relative;
}
.edit-btn-wrap {
  z-index: 12;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 20px;
  right: 20px;
  display: none;
}
.edit-btn-wrap .urp-action-edit-btn {
  background: #F1F2F2 url('../../css/../images/referboard/icons/edit_icon.png') no-repeat 60% 50%;
  background: url('../../css/../images/referboard/icons/edit_icon.png') no-repeat 60% 50%, -moz-linear-gradient(top, #F1F2F2 0%, #D1D3D4 100%);
  background: url('../../css/../images/referboard/icons/edit_icon.png') no-repeat 60% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F1F2F2), color-stop(100%, #D1D3D4));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F2F2', endColorstr='#D1D3D4', GradientType=0);
  border: 1px solid #939598;
  width: 40px;
  height: 40px;
  float: right;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.edit-btn-wrap .urp-action-edit-btn:hover {
  background: #F1F2F2 url('../../css/../images/referboard/icons/edit_icon.png') no-repeat 60% 50%;
}
.save-btn-container {
  float: left;
  height: 4em;
}
.save-btn-container .save-btn-span {
  display: block;
  margin: 10px;
}
.guest-following {
  display: inline-block;
  color: #8cc641;
  font-weight: normal !important;
  border: 1px solid #8cc641;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.guest-following:hover {
  color: #8CC641 !important;
  cursor: pointer;
  text-decoration: none;
}
.guest-following:active,
.guest-following:visited {
  color: #8cc641;
}
#collection_edit {
  position: relative;
  float: left;
  width: 20px;
  margin-top: 2px;
}
.product-info-price {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 90;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}
.product-info-price-overlay {
  background-color: white;
  opacity: 0.85;
  position: absolute;
  width: 100%;
  height: 100%;
}
.inner-shop-search-outer {
  width: 100%;
  height: 65px;
  background-color: #F1F2F2;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.inner-shop-search-outer:hover {
  background: #231F20;
}
.inner-shop-search-outer:hover .search_shop_btn_gray {
  background: white url('../../css/../images/referboard/icons/internal_search-hover.png') no-repeat;
}
.inner-shop-search-outer:hover .search_shop_text_gray {
  color: #231f20;
}
.inner-shop-search-outer:hover input::-webkit-input-placeholder {
  color: #231F20;
}
.inner-shop-search-outer:hover input::-moz-placeholder {
  /* Firefox 19+ */
  color: #231F20;
}
.inner-shop-search-outer:hover input:-ms-input-placeholder {
  color: #231F20;
}
.search-shop-history {
  width: 100%;
  margin-top: 5px;
}
.search-shop-history .search-shop-keyword {
  display: inline-block;
  margin: 0.3em 0;
  margin-right: 0.5em;
  vertical-align: middle;
  cursor: default;
  white-space: nowrap;
}
.search-bar-top {
  margin-top: 30px;
  margin-bottom: 30px;
  background: #FFFFFF;
  padding: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 100%;
  min-width: 768px;
}
.search-bar-top .clear-search-btn {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 140px;
  top: 0;
  cursor: pointer;
}
.search-bar-top .clear-search-btn img {
  display: block;
  height: 25px;
  margin: 7.5px;
}
.search-bar-top .search-shop-btn {
  display: block;
  width: 140px;
  background: #8CC641;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  height: 40px;
  color: #FFFFFF;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  cursor: pointer;
}
.search-bar-top .search-bar-top-inner {
  width: 100%;
  background: #f1f2f2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  height: 40px;
}
.search-bar-top .search-bar-btn-div {
  float: left;
  position: relative;
}
.search-bar-top .search-bar-btn-div .list-loading {
  opacity: 1;
  display: none;
}
.search-bar-top .search-bar-btn-div .list-loading .loading_animation {
  background: #f1f2f2;
  height: 30px;
}
.search-bar-top .search-bar-btn-div .list-loading .loading_animation .spinner_wrap {
  width: 30px;
}
.search-bar-top .search-bar-btn-div .list-loading .loading_animation .spinner_wrap .spinner {
  height: 30px;
  width: 30px;
}
.search-bar-top .search_shop_btn_gray {
  height: 40px;
  width: 40px;
  border: none;
  padding: 0;
  float: left;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #f1f2f2 url('../../css/../images/referboard/icons/internal_search-norm.png') no-repeat;
  background-size: 50% 50%;
  background-position: center center;
}
.search-bar-top .search-shop-text-div {
  background: #f1f2f2;
}
.search-bar-top .search-shop-text-div .search_shop_text_gray {
  height: 40px;
  line-height: 38px;
  width: 80%;
  background: #f1f2f2;
}
.search-bar-top:hover {
  background: #d1d3d4;
}
.search-bar-top:hover .search_refer_shop_btn {
  background: #f1f2f2 url('../../css/../images/referboard/icons/internal_search-hover.png') no-repeat;
  background-size: 50% 50%;
  background-position: center center;
}
.search-bar-top:hover .search_shop_text_gray {
  color: #231f20;
}
.search-bar-top:hover input::-webkit-input-placeholder {
  color: #231F20;
}
.search-bar-top:hover input::-moz-placeholder {
  /* Firefox 19+ */
  color: #231F20;
}
.search-bar-top:hover input:-ms-input-placeholder {
  color: #231F20;
}
.inner-shop-search {
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 10px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  width: 90%;
  position: relative;
}
.inner-shop-search #search_shop_text {
  width: 80%;
  height: 45px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0;
  padding-left: 1em;
  padding-right: 0;
  float: left;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.inner-shop-search #search_shop_btn {
  height: 45px;
  width: 45px;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  padding: 0;
  float: left;
}
.search-shop-btn-div {
  position: absolute;
  right: 0;
}
.search-shop-btn-div .list-loading {
  opacity: 1;
  display: none;
}
.search-shop-btn-div .list-loading .loading_animation {
  background: #FFFFFF;
}
.search-shop-text-div {
  width: 100%;
}
.search_shop_text_gray {
  color: #D1D3D4;
}
.search_shop_btn_gray {
  background: white url('../../css/../images/referboard/icons/internal_search-norm.png') no-repeat;
}
.add-new-collect-btn {
  text-decoration: none !important;
  display: inline-block;
  white-space: pre;
  font-weight: normal !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0;
  width: 100px;
  height: 35px;
}
.add-new-collect-btn:active {
  color: white;
}
.popup-header-collection {
  background: #333132;
  padding: 10px 36px;
  color: white;
  font-size: 15pt;
  font-weight: normal;
  margin: 0.2em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-top: 0;
}
.tagbox-collecgtion-txt {
  width: 510px !important;
}
.refer-popup-header {
  background: none repeat scroll 0% 0% #333132;
  padding: 0.6em 40px;
  color: #FFF;
  font-size: 15pt;
  font-weight: normal;
  margin: 0 0.2em;
  border-radius: 2px;
}
.refer-product-info {
  margin-bottom: 1em;
  border: 1px #d3d3d3 solid;
  width: 100%;
  padding: 12px;
  font-size: 10pt;
}
.tagbox-refer-txt {
  width: 16.8em !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.refer-product-name,
.refer-product-price {
  display: block;
  font-weight: bold;
}
.refer-product-price {
  color: #8cc641;
}
.feature-image-select {
  font-size: 10pt;
  margin-bottom: 5px;
  display: inherit;
}
.flex-viewport {
  background-color: #D1D3D4;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.flex-viewport img {
  margin-left: auto;
  margin-right: auto;
  display: inherit;
}
.flex-control-nav img {
  height: 25px;
  display: block;
  opacity: 1;
  border: 1px solid #E6E7E8;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.flex-control-nav li {
  width: 25px;
  height: 27px;
  position: relative;
  margin-top: 14px;
  margin-left: 2px;
  margin-right: 2px;
  float: none;
  display: inline-block;
}
.flex-control-nav .li-active {
  border: 1px solid #8CC641;
}
.login-span {
  margin-bottom: 6px;
  display: inherit;
}
.input-container {
  position: relative;
}
.input-container .errorMessage {
  position: absolute;
  top: 25%;
  right: 5%;
}
.flex-control-thumbs {
  height: 50px;
  background-color: #E6E7E8;
  margin: 0;
  text-align: center;
  list-style-position: inside;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
#product-images ul.flex-direction-nav {
  display: none;
}
#product-images ul.slides {
  height: 150px;
}
#product-images ul.slides li {
  height: 100%;
  position: relative;
}
#product-images ul.slides li img {
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.pd-div-info-user {
  height: 40px;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  background: #333132;
}
.pd-div-info-user img {
  height: 40px;
  display: inline-block;
  float: left;
}
.pd-div-info-user span {
  display: inherit;
  color: white;
  line-height: 40px;
  margin-left: 4em;
  font-weight: normal;
  font-size: 9pt;
}
.pd-div-info-user span a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}
.pd-info-ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #d1d3d4;
  height: 40px;
  width: 100%;
  float: left;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.pd-info-ul li {
  display: inline-block;
  float: left;
}
.pd-info-ul li a {
  display: block;
  height: 38px;
  line-height: 38px;
  text-decoration: none;
  font-size: 14px;
  color: #404041;
}
.pd-info-ul li a:hover {
  color: #404041;
}
.pd-info-ul .desc-li {
  width: 100%;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  height: 38px;
}
.pd-info-ul .tag-li {
  width: 30%;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.pd-info-ul li.active {
  background: #efeff0;
}
.pd-info-ul li.active a {
  color: #8cc641;
}
.pd-info-content {
  border: 1px solid #D1D3D4;
  border-top: none;
  background: #efeff0;
  height: 150px;
}
.pd-info-content .tag-scroll-section {
  padding: 15px;
}
.pd-div-info-product {
  height: 228px;
  overflow: hidden;
  padding: 0 2%;
  padding-top: 2%;
  -ms-overflow-style: none;
}
.pd-div-info-product .info-product {
  float: left;
  margin-left: 8.3px;
  margin-top: 8.3px;
  width: 115px;
  position: relative;
}
.pd-div-info-product .info-product .product-item .product-item-img img {
  width: 100%;
}
.product-item-actions {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.product-item-actions .small-refer-icon {
  width: 30px;
  height: 30px;
}
.product-item-actions .product-btns {
  display: inline-block;
  margin-top: 5px;
  width: 100%;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.product-item-actions:hover {
  cursor: pointer;
}
.prod-info-price {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 90;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.prod-info-price:hover {
  cursor: pointer;
}
.prod-info-price .prod-info-price-overlay {
  background-color: white;
  opacity: 0.85;
  position: absolute;
  width: 100%;
  height: 100%;
}
.prod-info-price .prod-info-title {
  float: left;
  position: relative;
  text-decoration: none;
  font-size: 8pt;
  padding: 10px;
  padding-bottom: 0;
  text-align: left;
}
.prod-info-price .prod-info-title a {
  color: #231F20;
  text-decoration: none;
}
.prod-info-price .prod-info-price {
  color: #8cc641;
  float: right;
  text-align: left;
  position: relative;
  font-size: 8pt;
  padding: 10px;
  padding-top: 5px;
}
.pd-div-descprtion {
  width: 100%;
  float: left;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #e6e7e8;
}
.pd-div-descprtion .pd-div-des-info {
  width: 60%;
  float: left;
  padding-left: 15px;
}
.pd-div-descprtion .pd-div-des-info .pd-des-info-name {
  display: inline-block;
  color: #231F20;
  font-size: 15pt;
  margin-bottom: 10px;
  font-weight: bold;
}
.pd-div-descprtion .pd-div-des-info .pd-des-info-name .pd-des-info-price {
  color: #8cc641;
}
.pd-div-descprtion .pd-div-des-info .pd-des-info-breif {
  display: inline-block;
}
.pd-div-descprtion .pd-div-buy {
  float: right;
  width: 40%;
  text-align: right;
}
.pd-div-descprtion .pd-div-buy .buy-btn-large {
  width: 130px;
  height: 60px;
  font-size: 15pt;
  line-height: 46px;
  margin-right: 10px;
  background: -moz-linear-gradient(top, #8cc641, #78AB41);
  background: -webkit-linear-gradient(top, #8cc641, #78AB41);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41)";
  /*IE8+*/
  background-size: auto 200%;
  background-position: 0 100%;
  -webkit-transition: background-position 0.5s;
  -moz-transition: background-position 0.5s;
  -o-transition: background-position 0.5s;
  -ms-transition: background-position 0.5s;
  transition: background-position 0.5s;
  border: 1px solid #557f39;
  color: white !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.pd-div-descprtion .pd-div-buy .buy-btn-large:hover {
  background-position: 0 0;
}
.pd-div-right {
  width: 88.5%;
  height: 100%;
  float: right;
}
.pd-div-mainimage-btns {
  position: absolute;
  top: 20px;
  right: 20px;
}
.pd-div-mainimage-btns a {
  margin-bottom: 10px;
}
.pd-div-mainimage-btns .save-btn-div {
  margin-right: 20px;
}
.create-account-btn {
  font-size: 12pt !important;
  background: -moz-linear-gradient(top, #8cc641, #78AB41);
  background: -webkit-linear-gradient(top, #8cc641, #78AB41);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41)";
  /*IE8+*/
  background-size: auto 200%;
  background-position: 0 100%;
  -webkit-transition: background-position 0.5s;
  -moz-transition: background-position 0.5s;
  -o-transition: background-position 0.5s;
  -ms-transition: background-position 0.5s;
  transition: background-position 0.5s;
  border: 1px solid #557f39;
  color: #FFF !important;
  text-decoration: none !important;
  display: inline-block;
  white-space: pre;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 4px 14px !important;
}
.create-account-btn:hover {
  background-position: 0 0;
  color: white;
}
.create-account-btn:active {
  color: white;
}
.copyright-foot {
  text-align: center;
  color: #D1D3D4 !important;
  font-size: 8pt;
  font-style: normal !important;
}
.search-bg-black {
  background: #d1d3d4;
}
.search-bg-black .search_shop_btn_gray {
  background: #f1f2f2 url('../../css/../images/referboard/icons/internal_search-hover.png') no-repeat;
  background-size: 50% 50%;
  background-position: center center;
}
.search-bg-black .search_shop_text_gray {
  color: #231f20;
}
.search-bg-black input::-webkit-input-placeholder {
  color: #231F20;
}
.search-bg-black input::-moz-placeholder {
  /* Firefox 19+ */
  color: #231F20;
}
.search-bg-black input:-ms-input-placeholder {
  color: #231F20;
}
/******************************************after refer layout*************************/
.manage-shop-btn {
  width: 140px;
  height: 32px;
  color: #ffffff !important;
  font-size: 12px;
  line-height: 30px;
}
.already-refer-title {
  font-size: 14px;
  display: block;
}
.product-referred-container {
  padding: 10px;
  border: 1px solid #D1D3D4;
  font-size: 14px;
  text-align: left;
}
.refer-product-link {
  color: #8CC641;
  text-decoration: none;
}
.refer-product-link:hover,
.refer-product-link:active,
.refer-product-link:visited,
.refer-product-link:focus {
  color: #8CC641;
  text-decoration: none;
}
/**************Tag Box*************/
.tag-input-span {
  position: relative;
}
.tag-input-span .tag-error-msg {
  position: absolute;
  left: 3%;
  top: 25%;
  color: #FF0000;
}
.edit-prod-body {
  color: #231F20;
  padding: 40px;
  font-size: 10pt;
  overflow: hidden;
}
.edit-prod-body .flex-viewport {
  height: 240px;
}
.edit-prod-body .flex-viewport ul.slides {
  display: block;
  height: 100%;
}
.edit-prod-body .flex-viewport ul.slides li {
  display: block;
  height: 100%;
  position: relative;
}
.edit-prod-body .flex-viewport ul.slides li img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.edit-prod-body .edit-prod-body-left {
  width: 300px;
  float: left;
}
.edit-prod-body .edit-prod-body-left span {
  display: block;
  margin-bottom: 0.5em;
}
.edit-prod-body .edit-prod-body-left .edit-prod-images .edit-prod-image-show ul.flex-direction-nav {
  display: none;
}
.edit-prod-body .edit-prod-body-right {
  width: 297px;
  float: right;
}
.edit-prod-body .edit-prod-body-right .edit-prod-info {
  margin-bottom: 10px;
}
.edit-prod-body .edit-prod-body-right .edit-prod-info .edit-prod-info-name {
  font-weight: bold;
  font-size: 16px;
  display: block;
}
.edit-prod-body .edit-prod-body-right .edit-prod-info .edit-prod-info-price {
  display: block;
  font-size: 16px;
}
.edit-prod-body .edit-prod-body-right .edit-prod-info .edit-prod-info-price {
  color: #8cc641;
}
.edit-prod-body .edit-prod-body-right .edit-prod-collection {
  margin-bottom: 10px;
}
.edit-prod-body .edit-prod-body-right .edit-prod-collection label {
  font-weight: normal;
}
.edit-prod-body .edit-prod-body-right .edit-prod-collection .bootstrap-select {
  width: 100%;
  border: 1px solid #d1d3d4;
  height: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.edit-prod-body .edit-prod-body-right .edit-prod-collection .bootstrap-select button {
  height: 100%;
  background-position: 96% 50% !important;
  background-size: 8% 60% !important;
  box-shadow: none;
}
.edit-prod-body .edit-prod-body-right .edit-prod-collection .bootstrap-select div.dropdown-menu {
  margin-top: -3em;
  padding-left: 0.3em;
  border: 1px solid #f1f2f2;
  margin-left: -1px;
  width: 299px;
}
.edit-prod-body .edit-prod-body-right .edit-prod-collection .bootstrap-select ul.dropdown-menu {
  width: 296px;
}
.edit-prod-body .edit-prod-body-right .edit-prod-collection .bootstrap-select .filter-option {
  width: 80%;
  text-overflow: ellipsis;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tags {
  margin-bottom: 20px;
  width: 100%;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tags label {
  font-weight: normal;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tags .edit-tags-txt {
  margin: 0;
  padding: 6px 12px;
  width: 65% !important;
  background: #f1f1f2;
  height: 100%;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tags .tagBox-add-tag {
  height: 30px;
  line-height: 12px;
  float: right;
  vertical-align: top;
  color: #231F20;
  font-weight: normal;
  margin-top: 5px;
  margin-right: 5px;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tags .tagBox-container {
  width: 100%;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tags .tagBox-container .tag-input-span {
  background: #F1F2F2;
  border: 1px solid #D1D3D4;
  height: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tags .tagBox-container .tag-input-span input::-webkit-input-placeholder {
  font-style: italic;
  color: #808285;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tags .tagBox-container .tag-input-span input::-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
  color: #808285;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tags .tagBox-container .tag-input-span input::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
  color: #808285;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tags .tagBox-container .tag-input-span input:-ms-input-placeholder {
  font-style: italic;
  color: #808285;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tags .tagBox-container .tagBox-list {
  margin-top: 10px;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tags .tagBox-container .span.tagBox-list {
  float: left;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tags .tagBox-container .tagBox-item {
  margin-left: 0;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tags .tagBox-container .tagBox-list span {
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tracklink label {
  font-weight: normal;
  color: #231F20;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tracklink .edit-prod-tracklink-panel {
  background-color: #F1F2F2;
  padding: 1em;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tracklink .edit-prod-tracklink-panel .edit-prod-tracklink-btn {
  text-align: center;
  margin-bottom: 20px;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tracklink .edit-prod-tracklink-panel .edit-prod-tracklink-btn .generate-tracklink {
  display: inline-block;
  text-decoration: none;
  color: #231F20;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #808285;
  font-weight: normal;
  padding: 5px 20px;
  background: -moz-linear-gradient(top, #f1f2f2, #e6e7e8);
  background: -webkit-linear-gradient(top, #f1f2f2, #e6e7e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f1f2f2, endColorstr=#e6e7e8);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f1f2f2, endColorstr=#e6e7e8)";
  /*IE8+*/
  background-size: auto 200%;
  background-position: 0 100%;
  -webkit-transition: background-position 0.5s;
  -moz-transition: background-position 0.5s;
  -o-transition: background-position 0.5s;
  -ms-transition: background-position 0.5s;
  transition: background-position 0.5s;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tracklink .edit-prod-tracklink-panel .edit-prod-tracklink-btn .generate-tracklink:hover {
  background-position: 0 0;
  cursor: pointer;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tracklink .edit-prod-tracklink-panel .edit-prod-tracklink-input {
  width: 100%;
  height: 26px;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tracklink .edit-prod-tracklink-panel .edit-prod-tracklink-input .track-link-txt {
  display: inline-block;
  float: left;
  padding: 0;
  margin: 0;
  height: 2em;
  width: 16em;
  padding-left: 1em;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tracklink .edit-prod-tracklink-panel .edit-prod-tracklink-input .copy-btn-div {
  display: inline-block;
  position: relative;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tracklink .edit-prod-tracklink-panel .edit-prod-tracklink-input .copy-btn-div #copy-txt {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 53px;
  text-align: center;
  font-size: 11pt;
  z-index: 20;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tracklink .edit-prod-tracklink-panel .edit-prod-tracklink-input .copy-tracklink {
  text-decoration: none;
  display: inline-block;
  height: 2em;
  line-height: 2em;
  width: 4em;
  text-align: center;
  color: #FFFFFF;
  font-weight: normal;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tracklink .edit-prod-tracklink-panel .edit-prod-tracklink-input .copy-tracklink:active {
  background-color: #231F20;
}
.edit-prod-body .edit-prod-body-right .edit-prod-tracklink .edit-prod-tracklink-panel .edit-prod-tracklink-input .copy-tracklink:hover {
  background-color: #231F20;
  cursor: pointer;
}
.edit-prod-body .edit-prod-body-right .track-link-title {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
.edit-prod-body .edit-prod-body-right .link-wrap {
  width: 100%;
  padding: 0;
  height: 40px;
}
.edit-prod-body .edit-prod-body-right .link-wrap .left-container {
  width: 260px;
  float: left;
}
.edit-prod-body .edit-prod-body-right .link-wrap .right-container {
  width: 30px;
  margin: 5px 0;
}
.edit-prod-body .edit-prod-body-right .link-wrap .right-container .question {
  height: 30px;
  line-height: 28px;
}
.edit-prod-body .edit-prod-body-right .link-wrap .right-container .tool-tip {
  top: -50px;
  left: -230px;
  width: 235px;
}
.edit-prod-body .edit-prod-body-right .link-wrap .right-container .tool-wrap {
  width: 215px;
  display: inline-block;
  float: left;
}
.edit-prod-body .edit-prod-body-right .link-wrap .right-container .arrow-container {
  width: 20px;
  display: inline-block;
  position: relative;
}
.edit-prod-body .edit-prod-body-right .link-wrap .right-container .arrow-container .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #404041;
  position: absolute;
  left: 0;
  top: 40px;
}
.edit-prod-body .edit-prod-body-right .link-wrap .track-link-input {
  height: 40px;
  line-height: 40px;
  width: 170px;
  padding-left: 10px;
}
.edit-prod-body .edit-prod-body-right .link-wrap .copy-btn-div {
  width: 70px;
  height: 30px;
}
.edit-prod-body .edit-prod-body-right .link-wrap .copy-tracklink {
  height: 30px;
  width: 75px;
  line-height: 28px;
}
.edit-prod-remove,
.edit-collection-remove {
  float: left;
  margin-right: 1em;
}
.edit-prod-remove .edit-remove-btn,
.edit-collection-remove .edit-remove-btn,
.edit-prod-remove .edit-remove-collection-btn,
.edit-collection-remove .edit-remove-collection-btn {
  display: inline-block;
  overflow: hidden;
  font-size: 10pt;
  color: #808285;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
  padding: 0;
  height: 35px;
  width: 140px;
  text-align: center;
  line-height: 33px;
  background: -moz-linear-gradient(top, #f1f2f2, #D1D3D4);
  background: -webkit-linear-gradient(top, #f1f2f2, #D1D3D4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f1f2f2, endColorstr=#D1D3D4);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f1f2f2, endColorstr=#D1D3D4)";
  /*IE8+*/
  background-size: auto 200%;
  background-position: 0 100%;
  -webkit-transition: background-position 0.5s;
  -moz-transition: background-position 0.5s;
  -o-transition: background-position 0.5s;
  -ms-transition: background-position 0.5s;
  transition: background-position 0.5s;
}
.edit-prod-remove .edit-remove-btn:hover,
.edit-collection-remove .edit-remove-btn:hover,
.edit-prod-remove .edit-remove-collection-btn:hover,
.edit-collection-remove .edit-remove-collection-btn:hover {
  background-position: 0 0;
}
.edit-prod-save .edit-save-btn {
  white-space: pre;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-weight: normal;
  font-size: 10pt;
  padding: 0;
  height: 35px;
  width: 100px;
  line-height: 33px;
}
.confirm-unpublish,
.confirm-remove-collection {
  position: absolute;
  width: 389px;
  height: 180px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #FFFFFF;
  z-index: 999;
  padding: 1em;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.5s;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.confirm-unpublish .confirm-unpublish-header,
.confirm-remove-collection .confirm-unpublish-header {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.confirm-unpublish .confirm-unpublish-header .close-unpublish-btn,
.confirm-remove-collection .confirm-unpublish-header .close-unpublish-btn,
.confirm-unpublish .confirm-unpublish-header .close-renmove-collection-btn,
.confirm-remove-collection .confirm-unpublish-header .close-renmove-collection-btn {
  cursor: pointer;
  display: inline-block;
  float: right;
  background-image: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
  font-size: 25px;
  font-weight: bold;
  line-height: 18px;
  color: #D1D3D4;
  filter: alpha(opacity=20);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: normal;
}
.confirm-unpublish .confirm-unpublish-header .close-unpublish-btn:hover,
.confirm-remove-collection .confirm-unpublish-header .close-unpublish-btn:hover,
.confirm-unpublish .confirm-unpublish-header .close-renmove-collection-btn:hover,
.confirm-remove-collection .confirm-unpublish-header .close-renmove-collection-btn:hover {
  color: #808285;
}
.confirm-unpublish .confirm-unpublish-text,
.confirm-remove-collection .confirm-unpublish-text {
  width: 100%;
  text-align: center;
  margin-top: 25px;
  font-size: 10pt;
}
.confirm-unpublish .confirm-unpublish-text span,
.confirm-remove-collection .confirm-unpublish-text span {
  display: inline-block;
}
.confirm-unpublish .confirm-unpublish-btn,
.confirm-remove-collection .confirm-unpublish-btn {
  width: 100%;
  text-align: center;
  margin-top: 25px;
  position: relative;
  height: 30px;
}
.confirm-unpublish .confirm-unpublish-btn a,
.confirm-remove-collection .confirm-unpublish-btn a {
  height: 30px;
  display: inline-block;
  overflow: hidden;
  font-size: 10pt;
  color: #211F20;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #211F20;
  font-weight: normal;
  padding: 5px 20px;
  background: -moz-linear-gradient(top, #f1f2f2, #D1D3D4);
  background: -webkit-linear-gradient(top, #f1f2f2, #D1D3D4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f1f2f2, endColorstr=#D1D3D4);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f1f2f2, endColorstr=#D1D3D4)";
  /*IE8+*/
  background-size: auto 200%;
  background-position: 0 100%;
  -webkit-transition: background-position 0.5s;
  -moz-transition: background-position 0.5s;
  -o-transition: background-position 0.5s;
  -ms-transition: background-position 0.5s;
  transition: background-position 0.5s;
}
.confirm-unpublish .confirm-unpublish-btn a:hover,
.confirm-remove-collection .confirm-unpublish-btn a:hover {
  background-position: 0 0;
}
.confirm-unpublish .confirm-unpublish-btn .delete_loading,
.confirm-remove-collection .confirm-unpublish-btn .delete_loading {
  display: none;
  height: 30px;
  background: rgba(255, 255, 255, 0.7);
}
.confirm-unpublish .confirm-unpublish-btn .delete_loading .loading_wrap,
.confirm-remove-collection .confirm-unpublish-btn .delete_loading .loading_wrap {
  height: 30px;
}
.confirm-unpublish .confirm-unpublish-btn .delete_loading .loading_wrap .spinner_wrap,
.confirm-remove-collection .confirm-unpublish-btn .delete_loading .loading_wrap .spinner_wrap {
  height: 30px;
}
.confirm-unpublish .confirm-unpublish-btn .delete_loading .loading_wrap .spinner_wrap .spinner,
.confirm-remove-collection .confirm-unpublish-btn .delete_loading .loading_wrap .spinner_wrap .spinner {
  height: 25px;
  width: 25px;
  margin: 2.5px;
}
.popup-update-info {
  display: none;
  position: absolute;
  width: 225px;
  height: 50px;
  background: -moz-linear-gradient(top, #F1F2F2, #D1D3D4);
  background: -webkit-linear-gradient(top, #F1F2F2, #D1D3D4);
  background: -ms-linear-gradient(top, #ffffff, #D1D3D4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#F1F2F2, endColorstr=#D1D3D4);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#F1F2F2, endColorstr=#D1D3D4)";
  top: 70px;
  bottom: 0;
  right: 20px;
  float: right;
  z-index: 999;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.popup-update-info .info-icon-div {
  width: 40px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  float: left;
}
.popup-update-info .info-icon-div img {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-top: 10px;
}
.popup-update-info .info-text-div {
  width: 183px;
  height: 50px;
  border-left: 2px groove white;
  float: right;
}
.popup-update-info .info-text-div span,
.popup-update-info .info-text-div a {
  display: inline-block;
}
.popup-update-info .info-text-div .info-update-text {
  width: 80%;
  float: left;
  margin-top: 7px;
  margin-left: 10px;
}
.popup-update-info .info-text-div .info-popup-close {
  width: 10px;
  height: 10px;
  margin: 5px;
  background: url('../../css/../images/referboard/icons/close_norm.png');
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  -ms-transition: background 0.5s;
  transition: background 0.5s;
  background-size: 100%;
  float: right;
  margin-top: 7.5px;
  display: inline-block;
}
.popup-update-info .info-text-div .info-popup-close:hover {
  background-size: 100%;
  cursor: pointer;
}
.bug-report-container {
  position: fixed;
  background: #808284;
  width: 105px;
  height: 35px;
  bottom: 20px;
  left: 0;
  z-index: 100;
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  -webkit-transform: translateX(-70px);
  -moz-transform: translateX(-70px);
  -o-transform: translateX(-70px);
  -ms-transform: translateX(-70px);
  transform: translateX(-70px);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.bug-report-container a {
  display: inline-block;
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
  line-height: 35px;
  width: 100%;
  text-align: left;
}
.bug-report-container a span,
.bug-report-container a img {
  display: inline-block;
}
.bug-report-container a span {
  height: 100%;
  padding-left: 8.5px;
  line-height: 35px;
  font-size: 12px;
  width: 70px;
  float: left;
}
.bug-report-container a img {
  width: 20px;
  margin: 7.5px;
  float: right;
}
.bug-report-container:hover {
  background: #231f20;
}
.slide {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  background: #231f20;
}
.refer-from-url-widget {
  visibility: hidden;
  position: absolute;
  width: 225px;
  height: 55px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  bottom: 0;
  right: 20px;
  float: right;
  z-index: 100;
  top: 70px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  background: -moz-linear-gradient(top, #F1F2F2, #D1D3D4);
  background: -webkit-linear-gradient(top, #F1F2F2, #D1D3D4);
  background: -ms-linear-gradient(top, #ffffff, #D1D3D4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#F1F2F2, endColorstr=#D1D3D4);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#F1F2F2, endColorstr=#D1D3D4)";
}
.refer-from-url-widget .prodct-ready-div {
  background: -moz-linear-gradient(top, #8cc641, #78AB41);
  background: -webkit-linear-gradient(top, #8cc641, #78AB41);
  background: -ms-linear-gradient(top, #8cc641, #78AB41);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41)";
  /*IE8+*/
  width: 150px;
  height: 30px;
  color: white;
  text-align: center;
  float: left;
  line-height: 30px;
  margin-left: 37.5px;
  margin-top: 12.5px;
  font-size: 11pt;
  background-size: auto 200%;
  background-position: 0 100%;
  -webkit-transition: background-position 0.5s;
  -moz-transition: background-position 0.5s;
  -o-transition: background-position 0.5s;
  -ms-transition: background-position 0.5s;
  transition: background-position 0.5s;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #557f39;
}
.refer-from-url-widget .prodct-ready-div:hover {
  cursor: pointer;
  background-position: 0 0;
}
.refer-from-url-widget .prodct-error-div {
  background: red;
  width: 150px;
  height: 30px;
  color: white;
  text-align: center;
  float: left;
  line-height: 30px;
  margin-left: 37.5px;
  margin-top: 12.5px;
  font-size: 11pt;
}
.refer-from-url-widget .prodct-error-div:hover {
  cursor: pointer;
}
.refer-from-url-widget .product-refer-progress {
  width: 201px;
  float: left;
  margin-left: 12px;
  margin-top: 6.5px;
}
.refer-from-url-widget .product-refer-progress:hover {
  cursor: pointer;
}
.refer-from-url-widget .product-refer-progress span {
  display: inline-block;
  margin-bottom: 2px;
  font-size: 8pt;
}
.refer-from-url-widget .product-refer-progress #processbar-small {
  height: 18px;
  background: white;
  padding: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.refer-from-url-widget .product-refer-progress .finish {
  height: 14px;
  background: -moz-linear-gradient(top, #8cc641, #78AB41);
  background: -webkit-linear-gradient(top, #8cc641, #78AB41);
  background: -ms-linear-gradient(top, #8cc641, #78AB41);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41)";
  /*IE8+*/
  width: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.refer-from-url-widget .refer-product-close {
  float: right;
  position: absolute;
  right: 12px;
  top: 3px;
}
.refer-from-url-widget .refer-product-close .refer-widget-close-btn {
  cursor: pointer;
  display: inline-block;
  background-image: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
  font-size: 18px;
  line-height: 18px;
  color: #D1D3D4;
  filter: alpha(opacity=20);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: normal;
}
.refer-from-url-widget .refer-product-close .refer-widget-close-btn:hover {
  color: #808285;
}
.save-product-div {
  float: left;
}
.save-product-div .save-refer-product-btn {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: right;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  margin-right: 10px;
  text-align: center;
  line-height: 40px;
  vertical-align: middle;
}
.refer-product-div {
  float: right;
}
#sb-overlay {
  z-index: 105;
}
#sb-wrapper {
  z-index: 110;
}
.search-empty .empty-li {
  margin-top: 50px;
  display: block;
}
.no-search {
  padding-left: 0;
}
.no-search .empty-li {
  margin: 0;
}
.board-add-product {
  width: 99%;
}
.board-add-product .empty-li {
  width: 100%;
}
.create-collection-li .empty-collection {
  width: 99%;
  height: 100%;
}
.create-collection-li .empty-collection a {
  height: 100%;
  display: block;
}
#user-groups-display {
  padding-top: 30px;
}
li.empty-li {
  cursor: pointer;
  background: #e6e7e8;
  border: 1px dotted #d1d2d4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 180px;
  margin: 0.3%;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  position: relative;
  list-style: none;
  height: 290px;
}
li.empty-li .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 70px;
}
li.empty-li .icon img {
  display: block;
  width: 40px;
  height: 40px;
  margin: auto;
}
li.empty-li .icon .title {
  display: block;
  color: #808285;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-top: 10px;
  font-size: 18px;
}
li.empty-li .empty-collection {
  height: 100%;
}
li.empty-li .empty-collection a {
  display: block;
  height: 100%;
}
.ug-empty-overlay {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
.ug-empty-overlay .ug-add-product {
  position: relative;
  margin: 0 12px;
  height: 128px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  line-height: 128px;
  color: #808285;
  font-size: 13pt;
  background: #e6e7e8;
}
.ug-empty-overlay .ug-add-product .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 70px;
}
.ug-empty-overlay .ug-add-product .icon img {
  display: block;
  width: 40px;
  height: 40px;
  margin: auto;
}
.ug-empty-overlay .ug-add-product .icon .title {
  display: block;
  color: #808285;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-top: 10px;
  font-size: 18px;
}
.ug-empty-overlay .add-icon {
  background: url('../../css/../images/referboard/icons/add_large.png') no-repeat center;
  background-size: 36px 36px;
  position: absolute;
  width: 36px;
  height: 36px;
  top: -18px;
  left: 50%;
  margin-left: -18px;
}
.explore-referboard-btn {
  display: block;
  text-align: center;
  width: 180px;
  height: 50px;
  line-height: 46px;
  font-size: 10pt;
  color: #ffffff !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
}
.explore-referboard-btn:hover,
.explore-referboard-btn:focus,
.explore-referboard-btn:active {
  text-decoration: none;
}
.no-result span {
  display: block;
  font-size: 10pt;
  margin-bottom: 10px;
}
.action-btns {
  width: 100%;
  padding: 10px;
  display: inline-block;
}
.save-btn-div,
.refer-btn-div {
  width: 40px;
  height: 80px;
  font-size: 7pt;
}
.save-btn-div span,
.refer-btn-div span {
  float: left;
}
.buy-btn-div {
  width: 65px;
  height: 40px;
  display: inline-block;
  float: left;
}
.buy-btn-div a {
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  line-height: 40px;
  color: white;
}
.buy-btn-div a:hover {
  color: white;
}
.refer-btn-div {
  float: right;
  z-index: 90;
  position: relative;
}
.save-btn-div {
  float: right;
  z-index: 90;
  position: relative;
}
.save-btn-span,
.refer-btn-span {
  width: 40px;
  height: 40px;
}
.save-counts-span,
.refer-counts-span {
  text-align: center;
  width: 40px;
  margin-top: -4px;
}
.save-counts-border,
.refer-counts-border {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #8CC641;
  margin-left: 14px;
}
.save-counts-number,
.refer-counts-number {
  width: 40px;
  height: 20px;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  background-color: #8cc641;
  color: #FFFFFF;
  line-height: 20px;
}
.save-counts-text,
.refer-counts-text {
  text-align: center;
  width: 40px;
  height: 20px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  color: #8cc641;
  line-height: 20px;
  background: -moz-linear-gradient(top, #FFFFFF, #F1F2F2);
  background: -webkit-linear-gradient(top, #FFFFFF, #F1F2F2);
  background: -ms-linear-gradient(top, #ffffff, #F1F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F1F2F2);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#F1F2F2)";
  /*IE8+*/
  border: 1px solid #D1D3D4;
}
.refer-error-title {
  display: inline-block;
  background: red;
  color: white;
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  padding: 1em;
  font-size: 10pt;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.refer-error-title img {
  width: 25px;
}
.refer-error-title span {
  vertical-align: top;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  font-size: 11pt;
  margin-bottom: 0 !important;
}
.refer-error-notify {
  display: inline-block;
  border: 1px solid #F1F2F2;
  color: #231F20;
  width: 100%;
  text-align: left;
  font-size: 10pt;
  padding: 0.5em;
  padding-left: 1em;
  margin-bottom: 0 !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.refer-error-notify span {
  display: block !important;
  padding: 5px 0;
  margin-bottom: 0 !important;
}
.refer-error-notify .refer-error-notify-title,
.refer-error-notify .refer-error-notify-msg {
  font-size: 11pt;
}
.refer-error-notify .refer-error-notify-url {
  color: #8cc641;
  font-size: 8pt;
}
.popup-close-btn {
  background-image: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
  font-size: 25px;
  font-weight: bold;
  line-height: 18px;
  color: #FFFFFF;
  filter: alpha(opacity=20);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: normal;
  float: right;
  line-height: 30px;
}
.popup-close-btn:hover {
  color: #D1D3D4;
  cursor: pointer;
}
.rpr-wrong-product {
  height: 55px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 31%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.rpr-wrong-product:hover {
  cursor: pointer;
}
.rpr-wrong-product div {
  display: inline-block;
}
.rpr-wrong-product .rpr-wrong-left {
  float: left;
  background: #E6E7E8;
  width: 24%;
  height: 100%;
}
.rpr-wrong-product .rpr-wrong-left .wrong-product-icon {
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #8cc641;
  background: white;
  color: #8cc641;
  width: 25px;
  height: 26px;
  line-height: 25px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 14.5px;
}
.rpr-wrong-product .rpr-wrong-left .wrong-product-icon:hover {
  cursor: pointer;
}
.rpr-wrong-product .rpr-wrong-right {
  width: 76%;
  background: #F1F2F2;
  height: 100%;
  padding: 15px;
}
.rpr-wrong-product .rpr-wrong-right .wrong-product-txt {
  font-size: 8pt;
  line-height: 14px;
  width: 80%;
  color: #808285;
}
.rpr-wrong-product span {
  margin-bottom: 0 !important;
}
.wrong-product-popup {
  position: absolute;
  width: 320px;
  height: 155px;
  background: white;
  z-index: 1001;
  top: 150px;
  left: 50%;
  right: 0;
  bottom: 0;
  margin-left: -160px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.wrong-product-popup div {
  display: inline-block;
}
.wrong-product-popup .wrong-pop-left {
  width: 50px;
  height: 100%;
  float: left;
  background: #F1F2F2;
}
.wrong-product-popup .wrong-pop-left .wrong-product-icon {
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #8cc641;
  background: white;
  color: #8cc641;
  width: 25px;
  height: 26px;
  line-height: 25px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 12.5px;
}
.wrong-product-popup .wrong-pop-right,
.wrong-product-popup .wrong-info-sent {
  width: 270px;
  height: 100%;
  float: right;
  padding: 12.5px;
}
.wrong-product-popup .wrong-pop-right .wrong-close-btn,
.wrong-product-popup .wrong-info-sent .wrong-close-btn {
  color: #E6E7E8;
  position: absolute;
  display: block;
  right: 5px;
  top: 0;
  line-height: 22px;
  background-image: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
  font-size: 25px;
  filter: alpha(opacity=20);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: normal;
  float: right;
}
.wrong-product-popup .wrong-pop-right .wrong-close-btn:hover,
.wrong-product-popup .wrong-info-sent .wrong-close-btn:hover {
  color: #D1D3D4;
  cursor: pointer;
}
.wrong-product-popup .wrong-pop-right .wrong-product-title,
.wrong-product-popup .wrong-info-sent .wrong-product-title {
  color: #231F20;
  font-weight: bold;
  font-size: 18px;
}
.wrong-product-popup .wrong-pop-right .notify-product-txt,
.wrong-product-popup .wrong-info-sent .notify-product-txt {
  color: #808285;
  font-size: 14px;
  margin-top: 8px;
  line-height: 14px;
  min-height: 55px;
}
.wrong-product-popup .wrong-pop-right .notify-pop,
.wrong-product-popup .wrong-info-sent .notify-pop,
.wrong-product-popup .wrong-pop-right .close-notification,
.wrong-product-popup .wrong-info-sent .close-notification {
  width: 80px;
  height: 28px;
  font-weight: normal;
  float: left;
  line-height: 26px;
  text-align: center;
  margin-top: 10px;
  font-size: 10pt;
}
.wrong-product-popup .wrong-pop-right .notify-pop:hover,
.wrong-product-popup .wrong-info-sent .notify-pop:hover,
.wrong-product-popup .wrong-pop-right .close-notification:hover,
.wrong-product-popup .wrong-info-sent .close-notification:hover {
  cursor: pointer;
}
.wrong-product-popup .wrong-pop-right span,
.wrong-product-popup .wrong-info-sent span {
  display: block;
}
.wrong-product-popup .wrong-info-sent {
  display: none;
}
.category-menu-div {
  float: left;
  height: 50px;
}
.category-menu-div .categories-menu {
  display: block;
  height: 50px;
  line-height: 50px;
  width: 120px;
  text-align: center;
  color: white;
  font-size: 16px;
  font-family: Asap;
  vertical-align: middle;
  background: #231f20;
  padding: 0 20px;
  text-decoration: none;
  cursor: pointer;
}
.category-menu-div .categories-menu:hover {
  background: #ffffff;
  color: #231f20;
}
.category-menu-div .category-select {
  background: #ffffff;
  color: #231f20;
}
.urp-list-container,
.user-groups-display-container {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}
.user-groups-display-container .search-bar-top {
  margin-bottom: 0;
}
.urp-list-container .no-product-context {
  display: block;
  font-size: 15pt;
  color: #231f20;
  margin-bottom: 20px;
}
.search-result-empty-container .no-product-context {
  display: inline-block;
  font-size: 15pt;
  color: #231f20;
}
.search-result-empty-container .no-product-context i {
  color: #808285;
}
.search-result-empty-container .explore-referboard-btn {
  margin-top: 4px;
}
.search-result-empty-container .explore-saves {
  margin-left: 0;
}
.no-gap-search .no-product-context {
  margin-left: 0;
}
#user-groups-display .summary {
  display: none;
}
.user-profile-div {
  position: relative;
}
.product-display-container {
  max-width: 1240px;
  min-width: 950px;
  margin: auto;
  padding: 0 20px;
}
.pd-div-top-info {
  /**************Track link**************************/
}
.pd-div-top-info .pd-image-left {
  background: white;
  padding: 10px;
  overflow: visible !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  min-width: 470px;
  min-height: 530px;
  max-height: 620px;
  max-width: 580px;
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
.pd-div-top-info .pd-image-left .pd-image-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 50;
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.pd-div-top-info .pd-image-left .pd-image-overlay .btn-action-container {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 90;
  width: 90px;
}
.pd-div-top-info .pd-image-left .pd-image-overlay .pd-refer-btn-div {
  width: 40px;
  height: 80px;
  font-size: 7pt;
  float: left;
  margin-right: 10px;
}
.pd-div-top-info .pd-image-left .pd-image-overlay .pd-refer-btn-div span {
  float: left;
}
.pd-div-top-info .pd-image-left .pd-image-overlay .pd-refer-btn-div .refer-info:hover {
  cursor: pointer;
}
.pd-div-top-info .pd-image-left .pd-image-overlay .pd-edit-btn-div {
  float: right;
  z-index: 90;
  width: 40px;
  height: 80px;
  font-size: 7pt;
}
.pd-div-top-info .pd-image-left .pd-image-overlay .pd-edit-btn-div .urp-action-edit-btn {
  background: #F1F2F2 url('../../css/../images/referboard/icons/edit_icon.png') no-repeat 60% 50%;
  background: url('../../css/../images/referboard/icons/edit_icon.png') no-repeat 60% 50%, -moz-linear-gradient(top, #F1F2F2 0%, #D1D3D4 100%);
  background: url('../../css/../images/referboard/icons/edit_icon.png') no-repeat 60% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F1F2F2), color-stop(100%, #D1D3D4));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F2F2', endColorstr='#D1D3D4', GradientType=0);
  border: 1px solid #939598;
  width: 40px;
  height: 40px;
  float: right;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.pd-div-top-info .pd-image-left .pd-image-overlay .pd-edit-btn-div .urp-action-edit-btn:hover {
  background: #F1F2F2 url('../../css/../images/referboard/icons/edit_icon.png') no-repeat 60% 50%;
}
.pd-div-top-info .pd-image-left .pd-image-overlay .pd-image-thumb {
  text-align: center;
  position: absolute;
  bottom: 25px;
  width: 100%;
}
.pd-div-top-info .pd-image-left .pd-image-overlay .pd-image-thumb .pd-image-thumb-show {
  display: block;
  margin: 0 auto;
}
.pd-div-top-info .pd-image-left .pd-image-overlay .pd-image-thumb .pd-image-thumb-show .pd-div-thumbnail {
  display: inline-block;
  margin: 0 5px;
  width: 50px;
  height: 55px;
  vertical-align: top;
  background: white;
  position: relative;
}
.pd-div-top-info .pd-image-left .pd-image-overlay .pd-image-thumb .pd-image-thumb-show .pd-div-thumbnail:hover {
  cursor: pointer;
}
.pd-div-top-info .pd-image-left .pd-main-image-div {
  background: white;
  width: 450px;
  height: 510px;
  position: relative;
}
.pd-div-top-info .pd-image-left .pd-main-image-div .pd-main-image {
  vertical-align: middle;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
}
.pd-div-top-info .pd-image-left:hover .pd-image-overlay {
  opacity: 1;
}
.pd-div-top-info .pd-image-right {
  overflow: hidden;
  position: relative;
  height: 530px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 345px;
  display: inline-block;
  vertical-align: top;
  background: #FFFFFF;
}
.pd-div-top-info .pd-image-right .pd-info-div {
  background: white;
  color: #333132;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.pd-div-top-info .pd-image-right .pd-info-div .pd-info-details {
  width: 100%;
  padding: 20px;
}
.pd-div-top-info .pd-image-right .pd-info-div .pd-info-details .pd-info-details-name {
  text-align: left;
  font-size: 18px;
  margin-bottom: 10px;
  min-height: 44px;
}
.pd-div-top-info .pd-image-right .pd-info-div .pd-info-details .pd-info-datails-btn {
  height: 40px;
}
.pd-div-top-info .pd-image-right .pd-info-div .pd-info-details .pd-info-datails-btn .pd-price-btn {
  display: inline-block;
  float: left;
  height: 40px;
  width: 100%;
  margin-right: 20px;
}
.pd-div-top-info .pd-image-right .pd-info-div .pd-info-details .pd-info-datails-btn .pd-price-btn a {
  width: 100%;
  height: 100%;
  line-height: 38px;
  color: white;
  font-weight: normal !important;
  font-size: 14pt;
}
.pd-div-top-info .pd-image-right .pd-info-div .pd-info-details .pd-info-datails-btn .save-btn-div {
  display: inline-block;
  float: none;
  margin-left: -80px;
}
.pd-div-top-info .pd-image-right .pd-info-div .pd-info-collection {
  background: #F1F2F2;
  border-top: 1px solid #D1D3D4;
  height: 35px;
  padding: 10px 20px;
  text-align: left;
  text-decoration: none;
}
.pd-div-top-info .pd-image-right .pd-info-div .pd-info-collection a {
  color: #D1D3D4;
}
.pd-div-top-info .pd-image-right .pd-info-div .pd-info-collection a:hover,
.pd-div-top-info .pd-image-right .pd-info-div .pd-info-collection a:focus {
  text-decoration: none;
}
.pd-div-top-info .pd-image-right .pd-div-info {
  position: relative;
  width: 100%;
  padding: 0 20px;
}
.pd-div-top-info .pd-image-right .pd-div-info .title {
  display: block;
  text-align: left;
  font-size: 16px;
}
.pd-div-top-info .pd-image-right .pd-collection-name {
  text-align: left;
  display: block;
  margin-bottom: 10px;
}
.pd-div-top-info .pd-image-right .pd-collection-name a {
  font-size: 12px;
  display: block;
  text-decoration: none;
  color: #8cc641;
}
.pd-div-top-info .pd-image-right .pd-price {
  display: block;
  text-align: left;
  font-size: 22px;
  color: #808285;
  margin-bottom: 10px;
}
.pd-div-top-info .pd-image-right .pd-collection {
  display: block;
  text-align: left;
  font-size: 22px;
  color: #898E8D;
}
.pd-div-top-info .pd-image-right .desc-container {
  opacity: 0;
  margin-bottom: 15px;
  max-height: 160px;
}
.pd-div-top-info .pd-image-right .desc-container .scrollable-section {
  text-align: left;
  font-size: 15px;
  padding: 15px;
}
.pd-div-top-info .pd-image-right .desc-container .title {
  margin-bottom: 10px;
}
.pd-div-top-info .pd-image-right .tag-container {
  font-size: 14px;
  text-align: left;
  display: block;
}
.pd-div-top-info .pd-image-right .tag-container .tags-list-container {
  position: relative;
}
.pd-div-top-info .pd-image-right .tag-container .tags-list-container .no-tag-title {
  font-size: 15px;
}
.pd-div-top-info .pd-image-right .tag-container .tags-list-container .tag {
  display: inline-block;
  padding: 0.417em;
  font-size: 12px;
  line-height: 1.4em;
  border: 0.083em solid #D1D3D4;
  color: #FFF;
  background: #D1D3D4;
  -moz-border-radius: 2px;
  -wekit-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
  margin-right: 5px;
  margin-bottom: 5px;
}
.pd-div-top-info .pd-image-right .tag-container .tags-list-container .more-tag-btn {
  position: absolute;
  right: 0;
  bottom: 5px;
  display: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 4px 8px;
  border: 1px solid #D1D3D4;
  font-size: 12px;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
  cursor: pointer;
}
.pd-div-top-info .pd-image-right .tag-container .tags-list-container .more-tag-btn:hover {
  background: #f1f2f2;
}
.pd-div-top-info .pd-image-right .tag-container .click-able .tag:hover {
  cursor: pointer;
  background: #8CC641;
}
.pd-div-top-info .track-link-container {
  padding: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.pd-div-top-info .track-link-container .track-link-title {
  display: block;
  margin-bottom: 10px;
  text-align: left;
  font-size: 16px;
}
.pd-div-top-info .track-link-container .link-wrap {
  width: 100%;
}
.pd-div-top-info .track-link-container .left-container {
  width: 80%;
}
.pd-div-top-info .track-link-container .left-container input {
  border: none;
}
.pd-div-top-info .track-link-container .left-container .track-link-input {
  width: 150px;
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
.pd-div-top-info .track-link-container .right-container {
  width: 35px;
}
.pd-div-top-info .track-link-container .right-container .tool-tip {
  top: -140px;
  left: -163px;
}
.pd-div-top-info .track-link-container .right-container .arrow-container {
  width: 100%;
  display: inline-block;
  position: relative;
}
.pd-div-top-info .track-link-container .right-container .arrow-container .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: #404041 transparent transparent transparent;
  position: absolute;
  right: 20px;
}
.more-tag-container {
  padding: 3px;
  position: fixed;
  top: 200px;
  left: 0;
  right: 0;
  display: none;
  z-index: 10000;
  width: 400px;
  background: #ffffff;
  margin: auto;
}
.more-tag-container .more-tag-header {
  text-align: left;
  background-color: #414042;
  padding: 12px 40px;
  color: #FFFFFF;
  font-size: 15pt;
  font-weight: normal;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.more-tag-container .tag-close-btn {
  background: url('../../css/../images/referboard/icons/close_norm.png');
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  -ms-transition: background 0.5s;
  transition: background 0.5s;
  height: 15px;
  width: 15px;
  background-size: 100%;
  float: right;
  margin-top: 7.5px;
  display: inline-block;
}
.more-tag-container .tag-close-btn:hover {
  background: url('../../css/../images/referboard/icons/close_hover.png');
  height: 15px;
  width: 15px;
  background-size: 100%;
  cursor: pointer;
}
.more-tag-container .more-tag-body {
  padding: 40px;
}
.more-tag-container .more-tag-body .more-tag-list .tag {
  display: inline-block;
  padding: 0.417em;
  font-size: 12px;
  line-height: 1.4em;
  border: 0.083em solid #D1D3D4;
  color: #FFF;
  background: #D1D3D4;
  -moz-border-radius: 2px;
  -wekit-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 5px;
}
.more-tag-container .more-tag-body .more-tag-list .tag:hover {
  background: #8CC641;
}
.image-popup-link {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.btn-connect-gray {
  color: #231f20;
  font-weight: normal;
  border: 1px solid #D1D3D4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #f1f2f2, #D1D3D4);
  background: -webkit-linear-gradient(top, #f1f2f2, #D1D3D4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f1f2f2, endColorstr=#D1D3D4);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f1f2f2, endColorstr=#D1D3D4)";
  /*IE8+*/
  background-size: auto 200%;
  background-position: 0 100%;
  -webkit-transition: background-position 0.5s;
  -moz-transition: background-position 0.5s;
  -o-transition: background-position 0.5s;
  -ms-transition: background-position 0.5s;
  transition: background-position 0.5s;
}
.btn-connect-gray:hover {
  background-position: 0 0;
  cursor: pointer;
}
.btn-connect-green {
  color: #FFF !important;
  font-weight: normal;
  border: 1px solid #557f39;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #8cc641, #78AB41);
  background: -webkit-linear-gradient(top, #8cc641, #78AB41);
  background: -ms-linear-gradient(top, #8cc641, #78AB41);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41)";
  /*IE8+*/
  -webkit-transition: background-color 0.2s -0.5s;
  -moz-transition: background-color 0.2s -0.5s;
  -o-transition: background-color 0.2s -0.5s;
  -ms-transition: background-color 0.2s -0.5;
  transition: background-color 0.2s -0.5s;
}
.btn-connect-green:hover {
  background: #8cc641;
  cursor: pointer;
}
.refer-btn-web {
  width: 88px;
}
.refer-btn-web .refer-btn-web-left {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #808285;
  width: 55px;
  height: 20px;
  display: inline-block;
}
.refer-btn-web .refer-btn-web-left div,
.refer-btn-web .refer-btn-web-left span {
  display: inline-block;
}
.refer-btn-web .refer-btn-web-left:hover {
  cursor: pointer;
}
.refer-btn-web .refer-btn-web-left:hover .refer-btn-logo {
  background: #8cc641;
}
.refer-btn-web .refer-btn-web-left:hover .refer-btn-text {
  background: #FFFFFF;
}
.refer-btn-web .refer-btn-web-left .refer-btn-logo {
  width: 18px;
  height: 100%;
  background: -moz-linear-gradient(top, #8cc641, #78AB41);
  background: -webkit-linear-gradient(top, #8cc641, #78AB41);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41)";
  /*IE8+*/
  -webkit-border-radius: 1px 0 0 1px;
  -moz-border-radius: 1px 0 0 1px;
  border-radius: 1px 0 0 1px;
  text-align: center;
  line-height: 18px;
  border: 1px solid #557f39;
}
.refer-btn-web .refer-btn-web-left .refer-btn-logo img {
  width: 80%;
  margin-top: 2px;
}
.refer-btn-web .refer-btn-web-left .refer-btn-text {
  float: right;
  width: 35px;
  height: 100%;
  background: -moz-linear-gradient(top, #FFFFFF, #D1D3D4);
  background: -webkit-linear-gradient(top, #FFFFFF, #D1D3D4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#D1D3D4);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#D1D3D4)";
  /*IE8+*/
  font-size: 8pt;
  text-align: center;
  line-height: 18px;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  text-shadow: 0 1px white;
  border-left: 1px solid #808285;
}
.refer-btn-web .refer-btn-count-div {
  display: inline-block;
  float: right;
  height: 20px;
  width: 25px;
  text-align: center;
  border: 1px solid #231F20;
  font-size: 8pt;
  line-height: 18px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  background: #FFFFFF;
}
.refer-btn-web .refer-btn-count-div:after,
.refer-btn-web .refer-btn-count-div:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.refer-btn-web .refer-btn-count-div:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #FFFFFF;
  border-width: 4px;
  margin-top: -4px;
}
.refer-btn-web .refer-btn-count-div:before {
  border-color: rgba(35, 31, 32, 0);
  border-right-color: #231F20;
  border-width: 5px;
  margin-top: -5px;
}
.green-btn {
  display: inline-block;
  color: #FFFFFF;
  font-weight: normal !important;
  border: 1px solid #557f39;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: -moz-linear-gradient(top, #8cc641, #78AB41);
  background: -webkit-linear-gradient(top, #8cc641, #78AB41);
  background: -ms-linear-gradient(top, #8cc641, #78AB41);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41)";
  /*IE8+*/
  background-size: auto 200%;
  background-position: 0 100%;
  -webkit-transition: background-position 0.5s;
  -moz-transition: background-position 0.5s;
  -o-transition: background-position 0.5s;
  -ms-transition: background-position 0.5s;
  transition: background-position 0.5s;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.green-btn:hover {
  background-position: 0 0;
  color: white;
  text-decoration: none;
}
.green-btn:active {
  background: -moz-linear-gradient(top, #8cc641, #78AB41);
  background: -webkit-linear-gradient(top, #8cc641, #78AB41);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41)";
  /*IE8+*/
  color: #ffffff;
}
.green-btn:focus,
.green-btn:active,
.green-btn:visited {
  color: #ffffff;
  text-decoration: none;
}
.white-btn {
  display: inline-block;
  color: #231F20;
  font-weight: normal !important;
  border: 1px solid #231F20;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-size: auto 200%;
  background-position: 0 100%;
  -webkit-transition: background-position 0.5s;
  -moz-transition: background-position 0.5s;
  -o-transition: background-position 0.5s;
  -ms-transition: background-position 0.5s;
  transition: background-position 0.5s;
  text-decoration: none;
  text-align: center;
}
.white-btn:hover {
  background-position: 0 0;
  text-decoration: none;
}
.gray-btn {
  display: inline-block;
  color: #231f20;
  font-weight: normal !important;
  border: 1px solid #808285;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #ffffff, #E6E7E8);
  background: -webkit-linear-gradient(top, #ffffff, #E6E7E8);
  background: -ms-linear-gradient(top, #ffffff, #E6E7E8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#E6E7E8);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#E6E7E8)";
  /*IE8+*/
  background-size: auto 200%;
  background-position: 0 100%;
  -webkit-transition: background-position 0.5s;
  -moz-transition: background-position 0.5s;
  -o-transition: background-position 0.5s;
  -ms-transition: background-position 0.5s;
  transition: background-position 0.5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.gray-btn:hover,
.gray-btn:focus {
  background-position: 0 0;
  cursor: pointer;
  text-decoration: none;
}
.black-btn {
  display: inline-block;
  color: #ffffff;
  font-weight: normal !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #231f20, #404041);
  background: -webkit-linear-gradient(top, #231f20, #404041);
  background: -ms-linear-gradient(top, #231f20, #404041);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#231f20, endColorstr=#404041);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#231f20, endColorstr=#404041)";
  /*IE8+*/
  background-size: auto 200%;
  background-position: 0 100%;
  -webkit-transition: background-position 0.5s;
  -moz-transition: background-position 0.5s;
  -o-transition: background-position 0.5s;
  -ms-transition: background-position 0.5s;
  transition: background-position 0.5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.black-btn:hover,
.black-btn:focus {
  background-position: 0 0;
  cursor: pointer;
  text-decoration: none;
}
.gray-border-btn {
  display: inline-block;
  color: #808285;
  font-weight: normal !important;
  border: 1px solid #D1D3D4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.gray-border-btn:hover {
  cursor: pointer;
  text-decoration: none;
}
.gray-border-btn:active,
.gray-border-btn:focus {
  color: #808285;
}
.black-border-btn {
  display: inline-block;
  color: #404041;
  font-weight: normal !important;
  border: 1px solid #404041;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.black-border-btn:hover {
  cursor: pointer;
  text-decoration: none;
  color: #404041;
}
.black-border-btn:active,
.black-border-btn:focus {
  color: #404041;
}
.white-green-btn {
  display: inline-block;
  color: #808285;
  font-weight: normal !important;
  border: 1px solid #D1D3D4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #FFFFFF;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.white-green-btn:hover {
  background: #8cc641;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
}
.white-green-btn:active,
.white-green-btn:focus {
  color: #808285;
}
.white-border-btn {
  display: inline-block;
  color: #ffffff;
  font-weight: normal !important;
  border: 1px solid #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.white-border-btn:hover {
  color: #FFFFFF !important;
  cursor: pointer;
  text-decoration: none;
}
.white-border-btn:active,
.white-border-btn:visited {
  color: #ffffff;
}
.green-border-btn {
  display: inline-block;
  color: #8cc641;
  font-weight: normal !important;
  border: 1px solid #8cc641;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.green-border-btn:hover {
  background: #8CC641;
  color: #FFFFFF !important;
  cursor: pointer;
  text-decoration: none;
}
.green-border-btn:active,
.green-border-btn:visited {
  color: #8cc641;
}
.green-color-btn {
  display: inline-block;
  color: #8cc641;
  font-weight: normal !important;
  border: 1px solid #8cc641;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.green-color-btn:hover {
  background: #8CC641;
  color: #FFFFFF !important;
  cursor: pointer;
  text-decoration: none;
}
.green-color-btn:active,
.green-color-btn:visited {
  color: #8cc641;
}
.white-color-btn {
  display: inline-block;
  color: #FFFFFF;
  font-weight: normal !important;
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.white-color-btn:hover {
  cursor: pointer;
  text-decoration: none;
  border-color: #8CC641;
  color: #8CC641;
}
.white-color-btn:active,
.white-color-btn:visited {
  color: #ffffff;
}
.green-bg-btn {
  display: inline-block;
  color: #FFFFFF;
  font-weight: normal !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #8CC640;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.green-bg-btn:hover {
  background: #79ad42;
  cursor: pointer;
  text-decoration: none;
}
.green-bg-btn:active,
.green-bg-btn:focus {
  text-decoration: none;
  color: #FFFFFF !important;
}
.green-big-bg-btn {
  height: 40px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 40px;
  padding-right: 40px;
  line-height: 40px;
  font-size: 16px;
  display: inline-block;
  color: #FFFFFF;
  font-weight: normal !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #8CC640;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.green-big-bg-btn:hover {
  background: #79ad42;
  cursor: pointer;
  text-decoration: none;
}
.green-big-bg-btn:active,
.green-big-bg-btn:focus {
  text-decoration: none;
  color: #FFFFFF !important;
}
.dark-gray-border-btn {
  display: inline-block;
  color: #696969;
  font-weight: normal !important;
  border: 1px solid #696969;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.dark-gray-border-btn:hover {
  background: #696969;
  color: #FFFFFF !important;
  cursor: pointer;
  text-decoration: none;
}
.dark-gray-border-btn:active,
.dark-gray-border-btn:visited {
  color: #696969;
}
.gray-border-to-green-btn {
  display: inline-block;
  color: #231f20;
  font-weight: normal !important;
  border: 2px solid #e2e2e2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: white;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  -ms-transition: all 0.15s;
  transition: all 0.15s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
  padding: 10px 12px;
  font-size: 16px;
  line-height: 16px;
}
.gray-border-to-green-btn:hover {
  background: #8CC640;
  color: white;
  border-color: #8CC640;
}
.gray-bg-btn {
  display: inline-block;
  color: #0A0C11;
  font-weight: normal !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #F1F1F2;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.gray-bg-btn:hover {
  background: #C9C8C7;
  cursor: pointer;
  text-decoration: none;
}
.gray-bg-btn:active,
.gray-bg-btn:visited {
  text-decoration: none;
  color: #808285;
}
.gray-hollow-btn {
  display: inline-block;
  color: #0A0C11;
  border: 1px solid #54585A;
  font-weight: normal !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #F1F1F2;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.gray-hollow-btn:hover {
  background: #C9C8C7;
  cursor: pointer;
  text-decoration: none;
}
.gray-hollow-btn:active,
.gray-hollow-btn:visited {
  text-decoration: none;
  color: #808285;
}
.widget-header {
  top: 50px;
  width: 100%;
  position: fixed;
  z-index: 100;
  height: 60px;
}
.widget-header .widget-container {
  max-width: 1240px;
  margin: auto;
  position: relative;
  padding: 0 20px;
  height: 100%;
}
.popup-overlay {
  position: absolute;
  width: 99%;
  height: 99%;
  background: white;
  opacity: 0.8;
  z-index: 100;
}
.link-green {
  color: #8CC641 !important;
  font-weight: normal;
}
.link-green:hover {
  font-weight: normal;
  text-decoration: none;
}
.btn-popup-close,
.url-refer-close {
  background: url('../../css/../images/referboard/icons/close_norm.png');
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  -ms-transition: background 0.5s;
  transition: background 0.5s;
  height: 15px;
  width: 15px;
  background-size: 100%;
  float: right;
  margin-top: 7.5px;
  display: inline-block;
}
.btn-popup-close:hover,
.url-refer-close:hover {
  cursor: pointer;
}
#processbar_sim {
  height: 16px;
  width: 100%;
  background-color: #F1F2F2;
  border: 1px solid #F1F2F2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#processbar_sim .finish {
  height: 15px;
  width: 0;
  background: -moz-linear-gradient(top, #8cc641, #78AB41);
  background: -webkit-linear-gradient(top, #8cc641, #78AB41);
  background: -ms-linear-gradient(top, #8cc641, #78AB41);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41)";
  /*IE8+*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#related-product-container {
  margin-top: 100px;
}
#related-product-container .related-product-header {
  margin-bottom: 20px;
  background-color: #000;
  color: #FFF;
  padding: 5px;
  font-size: 10pt;
  position: relative;
  line-height: 30px;
  height: 40px;
  text-indent: 0.5em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.page-title,
.profile-page-title {
  margin-bottom: 10px;
}
.page-title {
  font-size: 12pt;
  text-align: center;
  color: #808285;
  padding-top: 40px;
}
.no-result-left {
  float: left;
  display: inline-block;
}
.no-result-div {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  height: 50px;
  line-height: 50px;
}
.pd-info-track {
  padding: 20px;
  background: #F1F2F2;
  height: 150px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.pd-info-track .track-title {
  display: block;
  text-align: left;
  font-size: 10pt;
}
.pd-info-track .track-link-txt {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 100%;
  height: 40px;
  border: none;
  margin: 10px 0;
  padding: 5px;
}
.pd-info-track .track-link-bottom {
  text-align: left;
  width: 100%;
  display: block;
  height: 30px;
  position: relative;
}
.pd-info-track .track-link-bottom span {
  display: inline-block;
}
.pd-info-track .track-link-bottom .generate-link-btn {
  width: 75px;
  height: 30px;
  line-height: 28px;
  text-align: center;
}
.pd-info-track .track-link-bottom .generate-link-btn:hover {
  cursor: pointer;
}
.pd-info-track .track-link-bottom .track-link-help {
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  margin-left: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 10pt;
  vertical-align: bottom;
}
.pd-info-track .track-link-bottom .track-link-help:hover {
  cursor: pointer;
}
.pd-info-track .track-link-bottom .copy-btn-div {
  position: relative;
  display: inline-block;
  float: right;
}
.pd-info-track .track-link-bottom .copy-btn-div #copy-txt {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 70px;
  text-align: center;
  font-size: 11pt;
}
.pd-info-track .track-link-bottom .copy-tracklink {
  display: inline-block;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  font-size: 10pt;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.pd-info-track .track-link-bottom .copy-tracklink:hover {
  background: #231f20;
}
.copy-tracklink {
  text-decoration: none;
  display: inline-block;
  height: 2em;
  line-height: 2em;
  width: 4em;
  text-align: center;
  color: #FFFFFF;
  font-weight: normal;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.copy-tracklink:active {
  background: #231F20;
}
.copy-tracklink:hover {
  background-color: #231F20;
  cursor: pointer;
  color: #FFFFFF;
}
.copy-link-btn {
  width: 75px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  float: right;
}
.copy-link-btn:hover {
  cursor: pointer;
}
.track-link-details {
  width: 320px;
  height: 150px;
  z-index: 10001;
  position: fixed;
  top: 300px;
  left: 0;
  right: 0;
  margin: auto;
}
.track-link-details div {
  display: inline-block;
}
.track-link-details .track-link-detail-left {
  background: #F1F2F2;
  padding: 12px;
  width: 50px;
  height: 100%;
}
.track-link-details .track-link-detail-left .question-mark {
  width: 25px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
}
.track-link-details .track-link-detail-right {
  padding: 12px;
  background: #ffffff;
  width: 270px;
  height: 100%;
  float: right;
  position: relative;
}
.track-link-details .track-link-detail-right span {
  display: block;
}
.track-link-details .track-link-detail-right .title {
  font-size: 10pt;
  color: #231f20;
  margin-bottom: 5px;
}
.track-link-details .track-link-detail-right .content {
  font-size: 8pt;
  color: #808285;
}
.track-link-details .track-link-detail-right .close-info-btn {
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: block;
  height: 30px;
  width: 100px;
  line-height: 28px;
}
.question-mark {
  border: 1px solid #8cc641;
  background: #FFFFFF;
  color: #8cc641;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  -ms-transition: background-color 0.5s;
  transition: background-color 0.5s;
  text-align: center;
}
.question-mark:hover {
  background: #F1F2F2;
}
.question-icon-container-black {
  background: #404041;
  color: #ffffff;
  text-align: center;
}
/***************************Track link*****************************/
.link-wrap {
  text-align: center;
  padding: 10px 0;
  width: 420px;
  background: #f1f2f2;
  margin: auto;
  height: 60px;
}
.left-container {
  display: inline-block;
  width: 325px;
  vertical-align: top;
}
.left-container .track-link-input {
  background: #f1f2f2;
  width: 220px;
  margin: 0;
  float: left;
}
.left-container .copy-btn-div {
  margin: 5px;
  display: inline-block;
  width: 80px;
  float: right;
  position: relative;
}
.left-container .copy-btn-div #copy-txt {
  position: absolute;
  top: -10px;
  left: 10px;
  display: inline-block;
  width: 53px;
  text-align: center;
  font-size: 11pt;
  z-index: 20;
}
.left-container .copy-btn-div a {
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
}
.left-container .copy-btn-div a:hover,
.left-container .copy-btn-div a:active {
  text-decoration: none;
  color: #FFFFFF;
}
.right-container {
  position: relative;
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-top: 5px;
}
.right-container .question {
  width: 100%;
  height: 100%;
  line-height: 35px;
  font-size: 16px;
}
.right-container .tool-tip {
  position: absolute;
  color: #ffffff;
  top: 35px;
  width: 215px;
  left: -88px;
  padding-top: 15px;
  display: none;
}
.right-container .tool-wrap {
  position: relative;
  background: #404041;
  padding: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.right-container .tool-wrap .arrow {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 15px 10px;
  border-color: transparent transparent #404041 transparent;
}
.right-container .tool-wrap .text {
  display: block;
  font-size: 14px;
  text-align: left;
}
.wrong-close-btn,
.pay-close-btn {
  color: #E6E7E8;
  position: absolute;
  display: block;
  right: 5px;
  top: 0;
  line-height: 22px;
  background-image: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
  font-size: 25px;
  filter: alpha(opacity=20);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: normal;
  float: right;
}
.wrong-close-btn:hover,
.pay-close-btn:hover {
  color: #D1D3D4;
  cursor: pointer;
}
.pay-close-btn {
  top: 10px;
  right: 10px;
}
#user-activity-display {
  margin-top: 20px;
}
#user-activity-display .fw-activity-item {
  display: inline-block;
  width: 24%;
  background-color: #FFF !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#user-activity-display .fw-activity-item .fw-activity-item-user,
#user-activity-display .fw-activity-item .fw-activity-item-result {
  display: block;
  vertical-align: top;
}
#user-activity-display .fw-activity-item .fw-activity-item-user .item-details,
#user-activity-display .fw-activity-item .fw-activity-item-result .item-details {
  text-align: left;
}
#user-activity-display .fw-activity-item .fw-activity-item-user .item-details a,
#user-activity-display .fw-activity-item .fw-activity-item-result .item-details a {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  text-decoration: none;
}
#user-activity-display .fw-activity-item .fw-activity-item-user .item-details a img,
#user-activity-display .fw-activity-item .fw-activity-item-result .item-details a img {
  margin: 0;
}
#user-activity-display .fw-activity-item .fw-activity-item-user {
  padding: 15px;
  width: 100%;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  background: #F1F2F2;
  border-bottom: 1px solid #D1D3D4;
  text-align: left;
}
#user-activity-display .fw-activity-item .fw-activity-item-user .user-profile,
#user-activity-display .fw-activity-item .fw-activity-item-user .active-text {
  display: inline-block;
  vertical-align: middle;
}
#user-activity-display .fw-activity-item .fw-activity-item-user .user-profile {
  width: 20%;
}
#user-activity-display .fw-activity-item .fw-activity-item-user .active-text {
  width: 78%;
}
#user-activity-display .fw-activity-item .fw-activity-item-user .user-profile-link {
  display: inline-block;
  vertical-align: top;
  width: 30px;
}
#user-activity-display .fw-activity-item .fw-activity-item-user img {
  width: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  margin-right: 15px;
  float: left;
}
#user-activity-display .fw-activity-item .fw-activity-item-user .item-desc {
  display: inline-block;
  vertical-align: middle;
  width: 85%;
  max-width: 230px;
}
#user-activity-display .fw-activity-item .fw-activity-item-user .item-desc span {
  font-size: 12px;
  line-height: 15px;
  display: block;
}
#user-activity-display .fw-activity-item .fw-activity-item-user .item-desc .item-username a,
#user-activity-display .fw-activity-item .fw-activity-item-user .item-desc .item-username span {
  display: inline;
}
#user-activity-display .fw-activity-item .fw-activity-item-user .item-desc .item-username a {
  font-weight: bold;
}
#user-activity-display .fw-activity-item .fw-activity-item-user .item-desc .item-username i {
  font-style: normal;
}
#user-activity-display .fw-activity-item .fw-activity-item-user .item-desc .item-username .collection-name {
  color: #8CC641;
}
#user-activity-display .fw-activity-item .fw-activity-item-user .item-desc a {
  text-decoration: none;
  font-size: 12px;
}
#user-activity-display .fw-activity-item .fw-activity-item-result {
  padding: 15px;
  width: 100%;
}
#user-activity-display .fw-activity-item .fw-activity-item-result img {
  height: 75px;
}
.green-font {
  color: #8cc641;
}
.green-font:hover,
.green-font:active,
.green-font:visited {
  color: #8cc641;
}
.user-activity-container {
  max-width: 1240px;
  min-width: 768px;
  margin: auto;
  padding: 0 20px;
  position: relative;
}
.user-activity-container .loading_animation.list_loading {
  z-index: 100;
  top: 100px;
  margin: initial;
}
.user-activity-container .fw-user-activity-board {
  margin: 20px 0;
  border: 0;
  padding: 0;
  background: #F1F2F2;
}
.user-activity-container .fw-user-activity-board .user-activity-nav {
  padding: 0;
  background: #F1F2F2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  height: 45px;
  border: 1px solid #D1D3D4;
}
.user-activity-container .fw-user-activity-board .user-activity-nav li {
  font-family: Asap;
  padding: 0;
  margin: 0;
  border: none;
  border-right: 1px solid #D1D3D4;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: inline-block;
  height: 100%;
  background: #f1f2f2;
}
.user-activity-container .fw-user-activity-board .user-activity-nav li a {
  display: block;
  padding: 0 20px;
  height: 100%;
  line-height: 43px;
  color: #808285;
}
.user-activity-container .fw-user-activity-board .user-activity-nav li .activity-count {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-left: 5px;
  background: #808285;
  color: #FFFFFF;
}
.user-activity-container .fw-user-activity-board .user-activity-nav .ui-tabs-active {
  background: #ffffff;
}
.user-activity-container .fw-user-activity-board .user-activity-nav .ui-tabs-active a {
  color: #231f20;
}
.user-activity-container .fw-user-activity-board .user-activity-nav .ui-tabs-active .activity-count {
  background: #231f20;
}
.user-activity-container .fw-user-activity-board .fw-user-activity-period {
  background-color: #F1F1F2;
  padding: 1.5em 0 0 0;
  margin-top: 10px;
}
.user-activity-container .user-activity-board {
  margin-top: 40px;
}
.user-activity-container .user-activity-board .user-activity-period .activity-date-title {
  font-size: 11pt;
  color: #231F20;
  display: block;
  margin-bottom: 10px;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item {
  height: 45px;
  margin-bottom: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item div {
  display: inline-block;
  height: 100%;
  padding: 10px;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item a:hover {
  text-decoration: none;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item .activity-item-user {
  background: #FFFFFF;
  width: 24.5%;
  float: left;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  line-height: 25px;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item .activity-item-user:hover {
  cursor: pointer;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item .activity-item-user img {
  height: 25px;
  width: 25px;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item .activity-item-user span {
  margin-left: 10px;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item .activity-item-user span a {
  color: #8cc641;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item .activity-item-action {
  background: #FFFFFF;
  width: 7%;
  text-align: center;
  border-left: 1px solid #D1D3D4;
  border-right: 1px solid #D1D3D4;
  line-height: 25px;
  padding: 10px;
  color: #808285;
  font-size: 8pt;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item .activity-item-action span {
  height: 22.5px;
  line-height: 12.5px;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item .white-background {
  background: #ffffff;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item .activity-item-result {
  width: 68.5%;
  float: right;
  line-height: 25px;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item .activity-item-result:hover {
  cursor: pointer;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item .activity-item-result img {
  height: 25px;
  width: 25px;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item .activity-item-result span {
  margin-left: 10px;
}
.user-activity-container .user-activity-board .user-activity-period .activity-container .activity-item .activity-item-result .user-name a {
  color: #8cc641;
}
.activity-bottom-container {
  margin-top: 50px;
  text-align: center;
  visibility: hidden;
}
.activity-bottom-container .explore-btn {
  display: inline-block;
  height: 40px;
  width: 140px;
  line-height: 38px;
  color: #FFFFFF;
}
.activity-bottom-container .explore-btn:hover,
.activity-bottom-container .explore-btn:active,
.activity-bottom-container .explore-btn:visited {
  color: #FFFFFF;
}
.track-link-div {
  display: inline-block;
  float: left;
  margin: 10px;
}
.track-link-div .open-track-btn {
  display: inline-block;
  width: 60px;
  height: 40px;
}
.track-link-div .open-track-btn img {
  width: 45px;
  margin-top: 9px;
}
.cover,
.popup-cover,
.loading-cover {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1110;
}
.cover .loading-image,
.popup-cover .loading-image,
.loading-cover .loading-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.list-loading {
  opacity: 0;
}
.list-loading .loading_animation {
  z-index: 100;
}
.list-view-update .list-loading {
  opacity: 1;
}
.popup-cover {
  z-index: 900;
}
.overall-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.8;
}
.animation-container {
  background: url('../../css/../images/referboard/icons/ajax-loader.gif') center no-repeat;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.popup-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.8;
  top: 0;
  left: 0;
}
.generate-tracking-link {
  margin: auto;
  position: fixed;
  z-index: 1500;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #F1F2F2;
  width: 470px;
  height: 90px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 10px;
}
.generate-tracking-link .title {
  font-size: 10pt;
}
.generate-tracking-link .close-track-popup {
  cursor: pointer;
  display: inline-block;
  float: right;
  background-image: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
  font-size: 25px;
  font-weight: bold;
  line-height: 18px;
  color: #D1D3D4;
  filter: alpha(opacity=20);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: normal;
}
.generate-tracking-link .close-track-popup:hover {
  color: #808285;
}
.generate-tracking-link .track-link-bottom {
  vertical-align: bottom;
}
.generate-tracking-link .track-link-bottom .copy-btn-div {
  position: relative;
  display: inline-block;
  float: right;
  margin-top: 5px;
}
.generate-tracking-link .track-link-bottom #copy-txt {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 75px;
  text-align: center;
  font-size: 11pt;
}
.generate-tracking-link .track-link-bottom .track-link-input {
  background: #FFFFFF;
  display: inline-block;
  width: 340px;
  height: 42px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-top: 5px;
}
.generate-tracking-link .track-link-bottom .track-link-txt {
  height: 42px;
  border: none;
  padding: 1em;
  width: 222px;
}
.generate-tracking-link .track-link-bottom .generate-track-btn {
  width: 75px;
  height: 32px;
  display: inline-block;
  line-height: 30px;
  font-size: 10pt;
  margin-top: 5px;
}
.generate-tracking-link .track-link-bottom .question-mark {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 30px;
  font-size: 10pt;
  float: right;
  margin-right: 5px;
  margin-top: 5px;
}
.generate-tracking-link .track-link-bottom .question-mark:hover {
  cursor: pointer;
}
.generate-tracking-link .track-link-bottom .copy-link-btn {
  height: 32px;
  width: 75px;
  display: inline-block;
  font-size: 10pt;
  text-decoration: none;
  margin-right: 20px;
  margin-top: 5px;
}
.save-product-bottom {
  background: #F1F2F2;
  border-top: 1px solid #D1D3D4;
  height: 32px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  padding: 10px;
  line-height: 12px;
}
.save-product-bottom .days-txt {
  display: inline-block;
  font-size: 8pt;
  color: #808285;
}
.save-product-bottom .unsave-product {
  display: inline-block;
  float: right;
}
.save-product-bottom .unsave-product a {
  color: #808285;
  font-size: 8pt;
  text-decoration: none;
}
.save-product-bottom .unsave-product a:hover {
  text-decoration: none;
  color: #231F20;
}
.user-follow-div {
  max-width: 1240px;
  min-width: 768px;
  margin: 0 auto;
  padding: 0 20px;
}
.user-follow-div .follow-title {
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 12pt;
  text-align: center;
  color: #808285;
  font-weight: bold;
}
.user-follow-div .yiiPager {
  display: none;
}
.follow-user {
  list-style: none;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.follow-user li {
  width: 19%;
  margin: 0.3%;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  min-width: 228px;
  background: #FFFFFF;
  float: left;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #d1d3d4;
}
.follow-user .follow-item .follow-item-header {
  padding: 1em;
}
.follow-user .follow-item .follow-item-header .title a {
  font-size: 10pt;
  color: #231F20;
}
.follow-user .follow-item .follow-item-header .title a:hover {
  text-decoration: none;
}
.follow-user .follow-item .follow-item-header .follow-details {
  margin-top: 5px;
}
.follow-user .follow-item .follow-item-header .follow-details span {
  display: inline-block;
  font-size: 7pt;
}
.follow-user .follow-item .follow-item-header .follow-details .num {
  font-weight: bold;
}
.follow-user .follow-item .follow-item-header .follow-details .followers {
  margin-left: 10px;
}
.follow-user .follow-item .follow-item-middle {
  padding: 1em;
  padding-top: 0;
}
.follow-user .follow-item .follow-item-middle .follow-profile-image {
  display: inline-block;
  width: 95px;
  height: 100px;
}
.follow-user .follow-item .follow-item-middle .follow-profile-image img {
  width: 100%;
  height: 100%;
}
.follow-user .follow-item .follow-item-middle .follow-product-thumbs {
  display: inline-block;
  width: 100px;
  height: 100px;
  float: right;
}
.follow-user .follow-item .follow-item-middle .follow-product-thumbs div {
  display: inline-block;
  width: 44px;
  height: 44px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 50% center;
}
.follow-user .follow-item .follow-item-middle .follow-product-thumbs .refer-image-2,
.follow-user .follow-item .follow-item-middle .follow-product-thumbs .refer-image-3 {
  margin-top: 12px;
}
.follow-user .follow-item .follow-item-middle .follow-product-thumbs .refer-image-0,
.follow-user .follow-item .follow-item-middle .follow-product-thumbs .refer-image-2 {
  margin-right: 12px;
}
.follow-user .follow-item .follow-items-bottom {
  background: #808285;
  padding: 15px 0;
  text-align: center;
}
.follow-user .follow-item .follow-items-bottom .follow-bottom-wrap {
  width: 100px;
  margin: auto;
  position: relative;
}
.follow-user .follow-item .follow-items-bottom .follow-bottom-wrap .follow_loading {
  background: #ffffff;
  display: none;
  height: 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.follow-user .follow-item .follow-items-bottom .follow-bottom-wrap .follow_loading .spinner_wrap {
  width: 25px;
}
.follow-user .follow-item .follow-items-bottom .follow-bottom-wrap .follow_loading .spinner_wrap .spinner {
  width: 25px;
  height: 25px;
  margin-top: 5px;
}
.follow-user .follow-item .follow-items-bottom .follow-action-btn {
  display: block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  margin: auto;
}
.follow-user .follow-item .follow-items-bottom .small-follow-btn {
  width: 80px;
  height: 25px;
  line-height: 11px;
  font-size: 8pt;
  display: inline-block;
  margin-top: 17.5px;
}
.follow-user .follow-item .btn-small {
  width: 80px;
  height: 25px;
  margin-top: 17.5px;
  line-height: 11px;
  text-align: center;
}
.grid-view .summary {
  display: none;
}
.refersale-grid-view {
  padding: 15px 0;
}
div.input-error,
span.input-error,
.input-error {
  border: 1px solid red !important;
}
div.input-error .filter-option,
span.input-error .filter-option,
.input-error .filter-option {
  color: red !important;
}
@media screen and (min-width: 1280px) {
  .header-container {
    margin: 0 12%;
  }
}
@media screen and (max-width: 1280px) and (min-width: 900px) {
  .header-container {
    margin: 0 5%;
  }
}
@media screen and (max-width: 900px) {
  .header-container {
    margin: 0;
  }
}
/********************************************************************************************************************/
/*                     USEFUL CLASSES: Convert single style in classes, helpers, initial values                     */
/********************************************************************************************************************/
.display-none {
  display: none;
}
.display-block {
  display: block;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.visibility-hidden {
  visibility: hidden;
  height: 0;
}
.hidden {
  visibility: hidden;
}
.smallcaps {
  font-size: 8pt;
}
.titlecaps {
  font-size: 10pt;
  font-weight: bold;
}
.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.xbutton-column {
  width: 100%;
}
.following-btn-container {
  overflow: auto;
  display: none;
}
/* jQuery plugin showhide */
.show_hide {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.show_hide:hover {
  text-decoration: none;
}
/* Custom checkboxes */
.checkbox-square,
.radio-square {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  border: 2px solid #E6E7E8;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.checkbox-square label:after,
.radio-square label:after {
  content: '';
  background: #8CC641;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
}
.checkbox-square label:hover::after,
.radio-square label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.checkbox-square input[type=checkbox]:checked + label:after,
.radio-square input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.checkbox-square input[type=radio]:checked + label:after,
.radio-square input[type=radio]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.checkbox-square input[type=checkbox],
.radio-square input[type=checkbox] {
  visibility: hidden;
}
.checkbox-square input[type=radio],
.radio-square input[type=radio] {
  visibility: hidden;
}
.checkbox-square-label {
  display: inline-block;
  height: 100%;
  margin-top: 0.8em;
  color: #231F20;
  margin-left: 1em;
  cursor: pointer;
}
/* Makes the div content checkable and hide the checkbox */
.checkbox-square-content {
  height: 1px;
}
.checkbox-square-content input[type=checkbox] {
  visibility: hidden;
}
/* Preset styles for some elements */
input[readonly],
input[readonly="readonly"] {
  border: none;
}
/* Some initial values */
#retailerDetails {
  display: none;
}
/* Scrapper status widget */
.scraping-widget {
  display: inline-block;
  visibility: hidden;
  cursor: pointer;
  width: 6em;
  height: 2em;
  background-repeat: no-repeat;
  background-size: 6em 2em;
  margin-top: 2em;
}
.sw-status-processing {
  background-image: url('../../css/../images/referboard/backgrounds/loading_bar.gif');
}
.sw-status-completed-ok {
  background-image: none;
  background-color: blue;
}
.sw-status-completed-error {
  background-image: none;
  background-color: red;
}
/********************************************************************************************************************/
/*                                CUSTOM STYLES: Overrites some system default elements                             */
/********************************************************************************************************************/
div.form .rememberMe label {
  display: inline;
}
div.view {
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #C9E0ED;
}
div.search-form,
div.send-form {
  padding: 10px;
  margin: 10px 0;
  background: #F1F1F2;
}
/* Forms error messages */
.errorSummary {
  color: red;
}
.errorSummary p {
  margin: 0;
}
.errorSummary ul li {
  color: red;
}
/* Breadcrumb */
.breadcrumbs {
  font-size: 8pt;
  padding: 5px 20px;
  background: transparent;
  display: none;
}
.breadcrumbs span {
  font-weight: bold;
}
/* Portlets */
.portlet,
.portlet-content {
  background-color: #FFF;
}
.portlet {
  margin-bottom: 1em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  border: 1px solid #D1D3D4;
}
.portlet-decoration {
  padding: 6px 8px;
  background: #000;
}
.portlet-title {
  font-size: 8pt;
  font-weight: bold;
  padding: 0 0 0 0.5em;
  margin: 0;
  color: #FFF;
}
.portlet-content {
  font-size: 12pt;
  margin: 0;
}
.portlet-content ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.portlet-content li {
  padding: 2px 0 4px 0px;
}
/* Operations */
.operations {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.operations li {
  padding-bottom: 2px;
}
.operations li a {
  font: bold 12px Arial;
  color: #0066A4;
  display: block;
  padding: 2px 0 2px 8px;
  line-height: 15px;
  text-decoration: none;
}
.operations li a:visited {
  color: #0066A4;
}
.operations li a:hover {
  background: #C9E0ED;
}
/* Hides filters in CGridView. This is bc there is a bug, when filters are null the reset button of the search form does not work */
.filters-hidden {
  visibility: hidden;
}
.filters-hidden td,
.filters-hidden input[type="text"] {
  height: 0px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none;
}
/* Overrides the tagbox items */
span.tagBox-item-content {
  display: inline-block;
  padding: 0.417em 1em 0.417em 0.417em;
  font-size: 1em;
  line-height: 1.4em;
  color: #FFF;
  background: #8CC641;
  background: -webkit-gradient(linear, left top, left bottom, from(#8CC641), to(#8CC641));
  background: -moz-linear-gradient(top, #8CC641, #8CC641);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@green', endColorstr='@green');
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  border: 0.083em solid #8cc641;
  cursor: pointer;
}
span.disable-tag {
  border: 0.083em solid #d1d3d4 !important;
  background: #d1d3d4 !important;
  cursor: pointer;
}
span.tagBox-item-content a.tagBox-remove {
  position: absolute;
  top: 0.3em;
  right: 0.3em;
  line-height: 1em;
  text-decoration: none;
  display: inline-block;
  color: #FFF;
  text-align: center;
  font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
  font-size: 6px;
  font-weight: bold;
  background: #8CC641;
  padding: 0.3em 0.5em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
span.tagBox-item-content-suggested {
  display: inline-block;
  padding: 0.417em;
  font-size: 1em;
  line-height: 1.4em;
  border: 0.083em solid #D1D3D4;
  color: #FFF;
  background: #D1D3D4;
  -moz-border-radius: 2px;
  -wekit-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.tagBox-input {
  width: 16em;
}
.tagBox-item {
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  -ms-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
/********************************************************************************************************************/
/*                                              CUSTOM STYLES: Flash messages                                       */
/********************************************************************************************************************/
/* Overriden system flash messages, DO NOT USE for styling new content */
.flash-error,
.flash-notice,
.flash-success {
  padding: 0.8em;
  margin-bottom: 1em;
  border: 2px solid #E6E7E8;
}
.flash-error {
  background: #FBE3E4;
  color: #8a1f11;
  border-color: #FBC2C4;
}
.flash-error a {
  color: #8a1f11;
}
.flash-notice {
  background: #FFF6BF;
  color: #514721;
  border-color: #FFD324;
}
.flash-notice a {
  color: #514721;
}
.flash-success {
  background: #E6EFC2;
  color: #264409;
  border-color: #C6D880;
}
.flash-success a {
  color: #264409;
}
/* Custom flash messages */
.flash {
  margin: 1em;
  padding: 0.4em;
}
.info {
  background-color: #e0f8dd !important;
  color: #007700 !important;
}
.notice {
  background-color: #FFF6BF !important;
  color: #009 !important;
}
.flash .info-fade,
.flash .error-fade,
.flash .notice-fade {
  position: absolute;
  top: 0.2em;
  right: 0;
  left: 0;
  z-index: 100;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  padding: 0.8em;
  text-align: center;
}
/* auxiliar popup, can be used for any action. It is centered in the middle of the screen */
.popup-custom-message {
  display: none;
  z-index: 10000 !important;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
  background-color: #FFF;
  color: #554741;
  font-weight: bold;
  font-size: 10pt;
  text-align: center !important;
  max-width: 20em;
  padding: 1.5em 2.5em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.inline-custom-message,
.inline-logout {
  float: left;
  width: 60%;
  color: red;
  font-style: italic;
  font-size: 8pt;
  text-align: left;
  margin: auto;
  padding-top: 0.5em;
  display: inline-block;
  font-size: 10pt;
  font-weight: normal;
}
.inline-logout {
  max-width: 10%;
  font-weight: bold;
  color: #000;
}
/********************************************************************************************************************/
/*                                                  CUSTOM STYLE: Menus                                             */
/********************************************************************************************************************/
.context-menu {
  position: absolute;
  display: none;
  z-index: 1000 !important;
  padding-top: 0.8em;
}
.context-menu .cm-inner-container {
  background: #f1f1f2;
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-border-radius: 2px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 2px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-radius: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 0px solid #58585b;
}
.context-menu ul {
  list-style: none;
  padding: 0 1.5em;
  width: 100%;
}
.context-menu ul li {
  margin: 0;
  padding: 0.4em;
  width: 160px;
}
.context-menu ul li a {
  display: block;
  text-decoration: none;
  color: #8cc641;
  white-space: nowrap;
}
.context-menu ul li.subcategory a {
  color: #414042;
}
.context-menu ul li.subcategory:hover a {
  color: #231f20;
}
.menu-xsearch .menu-main-ul {
  list-style: none;
  padding: 0 15px;
  width: 100%;
  display: inline-block;
  margin: 0;
}
.menu-xsearch .menu-main-ul .main-cat-link {
  width: 100%;
  padding-left: 10px;
}
.menu-xsearch .menu-main-ul li {
  margin: 0;
  padding: 0.4em 0;
  width: 160px;
  float: left;
  margin-right: 10px;
}
.menu-xsearch .menu-main-ul li a {
  display: block;
  text-decoration: none;
  color: #8cc641;
  white-space: nowrap;
}
.menu-xsearch .menu-main-ul li ul.sub-menu-ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.menu-xsearch .menu-main-ul li ul.sub-menu-ul li {
  padding-left: 10px;
  padding-right: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}
.menu-xsearch .menu-main-ul li ul.sub-menu-ul li:hover {
  background-color: #E6E7E8;
}
.menu-xsearch .menu-main-ul .shop-retailer-btn {
  display: inline-block;
  padding: 5px 10px;
  margin-left: 10px;
  margin-top: 25px;
  color: #696969;
}
.menu-xsearch .view-more-cat {
  display: inline-block;
  float: right;
  margin-right: 72px;
}
.menu-xsearch .view-more-cat a {
  color: #414042;
  font-size: 8pt;
}
.menu-xsearch .view-more-cat a:hover {
  text-decoration: none;
}
.menu-plus {
  top: 3.4em;
  min-width: 6em;
}
.menu-plus ul {
  padding: 1em 0.5em;
  margin: 0;
}
.menu-plus ul li {
  text-align: right;
  width: 135px;
}
.menu-plus ul li:hover {
  background-color: #E6E7E8;
}
.menu-plus ul li a {
  color: #231f20;
}
.menu-avatar {
  top: 50px;
  padding: 0;
  width: 100%;
  border-top: 15px solid #f1f2f2;
}
.menu-avatar .cm-inner-container {
  background: #ffffff;
}
.menu-avatar ul {
  padding: 15px 0;
  margin: 0;
}
.menu-avatar ul li {
  width: 100%;
  display: block;
  text-align: left;
  padding: 0;
  margin: 0;
}
.menu-avatar ul li a {
  padding: 5px 15px;
  margin: 5px 0;
  color: #231f20;
}
.menu-avatar ul li:hover {
  background-color: #E6E7E8;
}
.menu-avatar ul li:active {
  background-color: #8CC641;
}
.menu-avatar ul li:active a {
  color: #ffffff;
}
.menu-avatar ul hr {
  margin-bottom: 0;
}
.menu-plus {
  left: 5.4em;
  background-position: 0.6em 0;
}
.menu-avatar {
  right: 0;
  background-position: 9.2em 0;
}
.user-no-login {
  top: 50px;
}
.menu-xsearch .cm-inner-container,
.extra-information .cm-inner-container {
  background: #231F20;
}
.menu-xsearch .extra,
.extra-information .extra,
.menu-xsearch .categories,
.extra-information .categories {
  display: inline-block;
  padding-top: 1.6em;
  vertical-align: top;
}
.menu-xsearch .extra,
.extra-information .extra {
  width: 8em;
  height: 100% !important;
  background: #D1D3D4;
}
.menu-xsearch .extra ul,
.extra-information .extra ul {
  padding: 1.5em 0.4em 0 0.4em;
}
.menu-xsearch .categories,
.extra-information .categories {
  background: #ffffff;
  padding-bottom: 20px;
}
.menu-xsearch .categories ul,
.extra-information .categories ul {
  width: 100%;
}
.menu-xsearch .categories ul .cat-main-links,
.extra-information .categories ul .cat-main-links {
  font-weight: bold;
}
.menu-xsearch .categories ul li,
.extra-information .categories ul li {
  overflow: hidden;
}
.menu-xsearch {
  top: 3.4em;
  width: 710px;
}
.menu-shadow-box {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
/******************************************************************
 * Main Menu: Horizontal bar, deprecated
 ******************************************************************/
#mainmenu {
  background: white url(../../css/bg.gif) repeat-x left top;
}
#mainmenu ul {
  padding: 6px 20px 5px 20px;
  margin: 0px;
}
#mainmenu li {
  display: inline;
}
#mainmenu li a {
  color: #FFF;
  background-color: transparent;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 8px;
}
#mainmenu li a:hover,
#mainmenu li.active a {
  color: #6399cd;
  background-color: #EFF4FA;
  text-decoration: none;
}
#myslidemenu ul li a {
  font-size: 8pt;
}
#myslidemenu ul li ul {
  z-index: 1000 !important;
}
/******************************************************************
 * Collapsable side menu: modify some style
 ******************************************************************/
ul.accordion-menu {
  background-position: 0 0;
  background-color: transparent;
}
ul.accordion-menu li.level1 div.toggler:hover,
ul.level2 li:hover {
  background: #F1F1F2 !important;
}
ul.accordion-menu li.current div.toggler {
  background: #D1D3D4;
}
ul.accordion-menu li {
  background: none;
  background-position: 0 bottom;
}
ul.accordion-menu li a {
  font-size: 11px !important;
  color: #554741 !important;
}
ul.accordion-menu li .icon-none {
  display: none !important;
}
ul.accordion-menu li .toggler {
  padding: 5px 0 5px 5px;
  height: 100% !important;
}
ul.accordion-menu li ul.level2 {
  background-position: 0 top;
  margin-bottom: 0;
  background-color: #F1F1F2;
  position: absolute;
}
ul.accordion-menu li ul.level2 li {
  padding-left: 15px;
  height: 100%;
  background-position: 0 top;
}
.accordion-menu .arrow-icon {
  display: none;
  position: absolute;
  top: 10px;
  right: 15px;
  margin: auto;
}
.accordion-menu .arrow-icon img {
  height: 20px;
}
.accordion-menu .toggler {
  position: relative;
}
.accordion-menu .active .arrow-icon {
  display: inline-block;
}
/* Shop section */
.user-shop {
  width: 100%;
  background: transparent;
  padding: 1.5em 0;
  margin: 0;
}
.user-shop .user-shop-action,
.urp-left-menu .user-shop-action {
  width: 16.1em;
  background: url('../../css/../images/referboard/backgrounds/navbar_repeat_image.png') repeat-x;
  background-size: auto 100%;
  margin-bottom: 1em;
  padding: 0.9em 1em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: left;
}
.user-shop .user-shop-action .user-shop-action-img,
.urp-left-menu .user-shop-action .user-shop-action-img {
  text-align: right;
  margin: 0;
  padding: 0;
  width: 100%;
}
.user-shop .user-shop-action .user-shop-action-img img,
.urp-left-menu .user-shop-action .user-shop-action-img img {
  width: 28px;
}
.user-shop .user-shop-action span,
.urp-left-menu .user-shop-action span {
  font-size: 8pt;
  color: #D1D3D4;
  text-align: left;
}
.user-shop .user-shop-action a,
.urp-left-menu .user-shop-action a {
  display: block;
  font-size: 12pt;
  text-decoration: none;
  color: #FFF;
}
.urp-list legend {
  width: 100%;
  padding-top: 1em;
  font-size: 12pt;
  text-align: center;
  color: #808285;
}
.searchbyprice-menu,
.sortby-menu {
  display: inline-block;
  padding: 0 0 1em 1.5em;
  display: none;
}
.searchbyprice-menu span,
.sortby-menu span {
  color: #554741;
}
.searchbyprice-menu ul,
.sortby-menu ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.searchbyprice-menu ul li,
.sortby-menu ul li {
  display: inline-block;
  list-style-type: none;
  margin: 2px 3px;
  padding: 0;
}
/*******************No result**************************/
.no-result {
  margin: 20px 0;
  text-align: left;
}
.no-result .title {
  font-size: 18px;
  color: #231F20;
}
.no-result .title i {
  font-style: italic;
  color: #808285;
}
.more-interesting-products .interest-headers {
  width: 100%;
  background: #231F20;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #FFFFFF;
  padding: 15px ;
  text-align: left;
}
/********************************************************************************************************************/
/*                                           CUSTOM STYLE: Input fields and buttons                                 */
/********************************************************************************************************************/
/******************************************************************
 * Input fields
 ******************************************************************/
form input[type="text"],
form input[type="password"],
.form input[type="text"] {
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 10pt;
  display: initial;
}
form textArea {
  background: #F1F1F2;
  border: none;
}
form input.inputError:focus,
.inputError:focus {
  border: 1px solid red !important;
}
/******************************************************************
 * Buttons, Links: set class .btn (bootstrap will do the job)
 ******************************************************************/
.btn-default {
  text-decoration: none;
}
form input[type="submit"],
input[type="button"],
input[type="reset"] {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  font-size: 10pt;
  text-transform: capitalize;
  font-weight: normal;
}
.btn-colorset1 {
  border: 1px solid #554741;
  color: #554741;
  background: transparent;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* force a display as buttons */
  display: inline-block;
  white-space: pre;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.btn-colorset1:hover {
  /* Fallback for web browsers that doesn't support RGBa, white as default */
  background: rgba(85, 71, 65, 0.3);
  /* For IE 5.5 - 7*/
  background: none \9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d554741', endColorstr='#4d554741');
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
  /* For IE 8 - 9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.btn-colorset1:visited,
.btn-colorset1:hover,
.btn-colorset1:active {
  color: #554741;
}
.btn-colorset1-inv {
  border: 1px solid #554741;
  color: #FFF;
  background: #554741;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* force a display as buttons */
  display: inline-block;
  white-space: pre;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.btn-colorset1-inv:hover {
  /* Fallback for web browsers that doesn't support RGBa, white as default */
  background: rgba(85, 71, 65, 0.3);
  /* For IE 5.5 - 7*/
  background: none \9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d554741', endColorstr='#4d554741');
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
  /* For IE 8 - 9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.btn-colorset1-inv:visited,
.btn-colorset1-inv:hover,
.btn-colorset1-inv:active {
  color: #FFF;
}
.btn-colorset2 {
  border: 1px solid #EE7A22;
  color: #EE7A22;
  background: transparent;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* force a display as buttons */
  display: inline-block;
  white-space: pre;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.btn-colorset2:hover {
  /* Fallback for web browsers that doesn't support RGBa, white as default */
  background: rgba(238, 122, 34, 0.3);
  /* For IE 5.5 - 7*/
  background: none \9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dee7a22', endColorstr='#4dee7a22');
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
  /* For IE 8 - 9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.btn-colorset2:visited,
.btn-colorset2:hover,
.btn-colorset2:active {
  color: #EE7A22;
}
.btn-colorset2-inv {
  border: 1px solid #557f39;
  border: 1px solid #8CC641;
  color: #FFF;
  background: #8CC641;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* force a display as buttons */
  display: inline-block;
  white-space: pre;
}
.btn-colorset2-inv:visited,
.btn-colorset2-inv:hover,
.btn-colorset2-inv:active {
  color: #FFF;
  background: #8cc641;
}
.btn-colorset3 {
  border: 1px solid #939598;
  color: #58585b;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  /* force a display as buttons */
  display: inline-block;
  white-space: pre;
  background: -moz-linear-gradient(top, #F1F2F2, #D1D3D4);
  background: -webkit-linear-gradient(top, #F1F2F2, #D1D3D4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#F1F2F2, endColorstr=#D1D3D4);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#F1F2F2, endColorstr=#D1D3D4)";
  /*IE8+*/
  -webkit-transition: background-color 0.2s, -0.5s;
  -moz-transition: background-color 0.2s, -0.5s;
  -o-transition: background-color 0.2s, -0.5s;
  -ms-transition: background-color 0.2s, -0.5s;
  transition: background-color 0.2s, -0.5s;
}
.btn-colorset3:visited,
.btn-colorset3:hover,
.btn-colorset3:active {
  /* Fallback for web browsers that doesn't support RGBa, white as default */
  background: #f1f2f2;
}
.btn-colorset3-inv {
  border: 1px solid #58585B;
  color: #FFF;
  background: #58585B;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* force a display as buttons */
  display: inline-block;
  white-space: pre;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.btn-colorset3-inv:hover {
  /* Fallback for web browsers that doesn't support RGBa, white as default */
  background: rgba(88, 88, 91, 0.3);
  /* For IE 5.5 - 7*/
  background: none \9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d58585b', endColorstr='#4d58585b');
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
  /* For IE 8 - 9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.btn-colorset3-inv:visited,
.btn-colorset3-inv:hover,
.btn-colorset3-inv:active {
  color: #FFF;
}
.btn-colorset3-grad {
  border: 1px solid #939598;
  color: #58585B;
  background: transparent;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* force a display as buttons */
  display: inline-block;
  white-space: pre;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F1F2), to(#D1D3D4));
  background-image: -webkit-linear-gradient(top, #F1F1F2, #D1D3D4);
  background-image: -moz-linear-gradient(top, #F1F1F2, #D1D3D4);
  background-image: -ms-linear-gradient(top, #F1F1F2, #D1D3D4);
  background-image: -o-linear-gradient(top, #F1F1F2, #D1D3D4);
  background-image: linear-gradient(to bottom, #F1F1F2, #D1D3D4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#F1F1F2, endColorstr=#D1D3D4);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.btn-colorset3-grad:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E7E8), to(#D1D3D4));
  background-image: -webkit-linear-gradient(top, #E6E7E8, #D1D3D4);
  background-image: -moz-linear-gradient(top, #E6E7E8, #D1D3D4);
  background-image: -ms-linear-gradient(top, #E6E7E8, #D1D3D4);
  background-image: -o-linear-gradient(top, #E6E7E8, #D1D3D4);
  background-image: linear-gradient(to bottom, #E6E7E8, #D1D3D4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#E6E7E8, endColorstr=#D1D3D4);
}
.btn-colorset3-grad:visited,
.btn-colorset3-grad:hover,
.btn-colorset3-grad:active {
  color: #58585B;
}
.btn-colorset4 {
  border: 1px solid #8CC641;
  color: #8CC641;
  background: transparent;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* force a display as buttons */
  display: inline-block;
  white-space: pre;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.btn-colorset4:hover {
  /* Fallback for web browsers that doesn't support RGBa, white as default */
  background: rgba(140, 198, 65, 0.3);
  /* For IE 5.5 - 7*/
  background: none \9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d8cc641', endColorstr='#4d8cc641');
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
  /* For IE 8 - 9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.btn-colorset4:visited,
.btn-colorset4:hover,
.btn-colorset4:active {
  color: #8CC641;
}
.btn-colorset4-inv {
  border: 1px solid #8CC641;
  color: #8CC641;
  background: #8CC641;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* force a display as buttons */
  display: inline-block;
  white-space: pre;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.btn-colorset4-inv:hover {
  /* Fallback for web browsers that doesn't support RGBa, white as default */
  background: rgba(140, 198, 65, 0.3);
  /* For IE 5.5 - 7*/
  background: none \9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d8cc641', endColorstr='#4d8cc641');
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
  /* For IE 8 - 9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.btn-colorset4-inv:visited,
.btn-colorset4-inv:hover,
.btn-colorset4-inv:active {
  color: #FFF;
}
.btn-colorset4-grad {
  border: 1px solid #8CC641;
  color: #8CC641;
  background: #8CC641;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* force a display as buttons */
  display: inline-block;
  white-space: pre;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8CC641), to(#78AB41));
  background-image: -webkit-linear-gradient(top, #8CC641, #78AB41);
  background-image: -moz-linear-gradient(top, #8CC641, #78AB41);
  background-image: -ms-linear-gradient(top, #8CC641, #78AB41);
  background-image: -o-linear-gradient(top, #8CC641, #78AB41);
  background-image: linear-gradient(to bottom, #8CC641, #78AB41);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8CC641, endColorstr=#78AB41);
  color: #FFF;
}
.btn-colorset4-grad:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8CC641), to(#78AB41));
  background-image: -webkit-linear-gradient(top, #8CC641, #78AB41);
  background-image: -moz-linear-gradient(top, #8CC641, #78AB41);
  background-image: -ms-linear-gradient(top, #8CC641, #78AB41);
  background-image: -o-linear-gradient(top, #8CC641, #78AB41);
  background-image: linear-gradient(to bottom, #8CC641, #78AB41);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8CC641, endColorstr=#78AB41);
}
.btn-colorset4-grad:visited,
.btn-colorset4-grad:hover,
.btn-colorset4-grad:active {
  color: #FFF;
}
.btn-colorset5 {
  border: 1px solid #FFF;
  color: #FFF;
  background: transparent;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* force a display as buttons */
  display: inline-block;
  white-space: pre;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.btn-colorset5:hover {
  /* Fallback for web browsers that doesn't support RGBa, white as default */
  background: rgba(238, 122, 34, 0.3);
  /* For IE 5.5 - 7*/
  background: none \9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dee7a22', endColorstr='#4dee7a22');
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
  /* For IE 8 - 9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.btn-colorset5:visited,
.btn-colorset5:hover,
.btn-colorset5:active {
  color: #FFF;
}
.btn-colorset5-inv {
  border: 1px solid #FFF;
  color: #58585B;
  background: #FFF;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* force a display as buttons */
  display: inline-block;
  white-space: pre;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.btn-colorset5-inv:hover {
  /* Fallback for web browsers that doesn't support RGBa, white as default */
  background: rgba(238, 122, 34, 0.3);
  /* For IE 5.5 - 7*/
  background: none \9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dee7a22', endColorstr='#4dee7a22');
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
  /* For IE 8 - 9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.btn-colorset5-inv:visited,
.btn-colorset5-inv:hover,
.btn-colorset5-inv:active {
  color: #58585B;
}
.btn-smaller {
  font-size: 7pt !important;
  padding: 0.3em 0.7em;
}
.btn-small {
  font-size: 8pt !important;
  /*luke
  padding: 0.32em 1em;
  */
}
.btn-medium {
  font-size: 10pt !important;
  padding: 8px 15px;
}
.btn-large {
  font-size: 12pt !important;
  padding: 8px 16px;
}
.btn-xlarge {
  font-size: 15pt !important;
  width: 205px;
  height: 50px;
}
/* Specific buttons */
.btn-large-mp {
  font-size: 12pt !important;
  padding: 8px 26px;
}
.btn-refer,
.btn-refer-small {
  border: 1px solid #939598;
  color: #58585B;
  background: transparent;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* force a display as buttons */
  display: inline-block;
  white-space: pre;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F1F2), to(#D1D3D4));
  background-image: -webkit-linear-gradient(top, #F1F1F2, #D1D3D4);
  background-image: -moz-linear-gradient(top, #F1F1F2, #D1D3D4);
  background-image: -ms-linear-gradient(top, #F1F1F2, #D1D3D4);
  background-image: -o-linear-gradient(top, #F1F1F2, #D1D3D4);
  background-image: linear-gradient(to bottom, #F1F1F2, #D1D3D4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#F1F1F2, endColorstr=#D1D3D4);
  vertical-align: middle;
  padding: 0.07em 0.19em;
}
.btn-refer:hover,
.btn-refer-small:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E7E8), to(#D1D3D4));
  background-image: -webkit-linear-gradient(top, #E6E7E8, #D1D3D4);
  background-image: -moz-linear-gradient(top, #E6E7E8, #D1D3D4);
  background-image: -ms-linear-gradient(top, #E6E7E8, #D1D3D4);
  background-image: -o-linear-gradient(top, #E6E7E8, #D1D3D4);
  background-image: linear-gradient(to bottom, #E6E7E8, #D1D3D4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#E6E7E8, endColorstr=#D1D3D4);
}
.btn-refer:visited,
.btn-refer-small:visited,
.btn-refer:hover,
.btn-refer-small:hover,
.btn-refer:active,
.btn-refer-small:active {
  color: #58585B;
}
.btn-refer {
  width: 5.5em;
  float: right;
}
.btn-refer img {
  width: 70px !important;
  vertical-align: bottom;
}
.btn-refer-small img {
  width: 50px !important;
  vertical-align: bottom;
}
.quick-view {
  border: 1px solid #939598;
  color: #58585B;
  background: transparent;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* force a display as buttons */
  display: inline-block;
  white-space: pre;
  background: url('../../css/../images/referboard/icons/view_icon.png') 0.6em center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#F1F1F2), to(#D1D3D4));
  background: url('../../css/../images/referboard/icons/view_icon.png') 0.6em center no-repeat, -webkit-linear-gradient(top, #F1F1F2, #D1D3D4);
  background: url('../../css/../images/referboard/icons/view_icon.png') 0.6em center no-repeat, -moz-linear-gradient(top, #F1F1F2, #D1D3D4);
  background: url('../../css/../images/referboard/icons/view_icon.png') 0.6em center no-repeat, -ms-linear-gradient(top, #F1F1F2, #D1D3D4);
  background: url('../../css/../images/referboard/icons/view_icon.png') 0.6em center no-repeat, -o-linear-gradient(top, #F1F1F2, #D1D3D4);
  background: url('../../css/../images/referboard/icons/view_icon.png') 0.6em center no-repeat, linear-gradient(to bottom, #F1F1F2, #D1D3D4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#F1F1F2, endColorstr=#D1D3D4);
  /*background-size: @width @height; // resize background cannot be applied only to image, it distorts also the gradient!!!
	  -webkit-background-size: @width @height;
	  -moz-background-size: @width @height;
	  -o-background-size: @width @height;*/
  font-weight: bolder;
  margin-bottom: 1em !important;
  width: 5.5em;
  float: left;
}
.quick-view:hover {
  background: url('../../css/../images/referboard/icons/view_icon.png') 0.6em center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#E6E7E8), to(#D1D3D4));
  background: url('../../css/../images/referboard/icons/view_icon.png') 0.6em center no-repeat, -webkit-linear-gradient(top, #E6E7E8, #D1D3D4);
  background: url('../../css/../images/referboard/icons/view_icon.png') 0.6em center no-repeat, -moz-linear-gradient(top, #E6E7E8, #D1D3D4);
  background: url('../../css/../images/referboard/icons/view_icon.png') 0.6em center no-repeat, -ms-linear-gradient(top, #E6E7E8, #D1D3D4);
  background: url('../../css/../images/referboard/icons/view_icon.png') 0.6em center no-repeat, -o-linear-gradient(top, #E6E7E8, #D1D3D4);
  background: url('../../css/../images/referboard/icons/view_icon.png') 0.6em center no-repeat, linear-gradient(to bottom, #E6E7E8, #D1D3D4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#E6E7E8, endColorstr=#D1D3D4);
  /*background-size: @width @height;
		-webkit-background-size: @width @height;
		-moz-background-size: @width @height;
		-o-background-size: @width @height;*/
}
.quick-view:visited,
.quick-view:hover,
.quick-view:active {
  color: #554741;
  font-weight: bolder;
}
.ug-action-edit-btn {
  border: 1px solid #939598;
  color: #58585b;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  /* force a display as buttons */
  display: inline-block;
  white-space: pre;
  background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0.14, #D1D3D4), color-stop(0.65, #F1F2F2));
  background-image: -o-linear-gradient(top, #D1D3D4 14%, #F1F2F2 65%);
  background-image: -moz-linear-gradient(top, #D1D3D4 14%, #F1F2F2 65%);
  background-image: -webkit-linear-gradient(top, #D1D3D4 14%, #F1F2F2 65%);
  background-image: -ms-linear-gradient(top, #D1D3D4 14%, #F1F2F2 65%);
  background-image: linear-gradient(to top, #D1D3D4 14%, #F1F2F2 65%);
  -webkit-transition: background-color 0.2s -0.5s;
  -moz-transition: background-color 0.2s -0.5s;
  -o-transition: background-color 0.2s, -0.5s;
  -ms-transition: background-color 0.2s, -0.5;
  transition: background-color 0.2s -0.5s;
  padding: 0.5em 0.5em;
  width: 60px;
  height: 30px;
  font-size: 9pt;
  font-weight: normal;
}
.ug-action-edit-btn:hover {
  background: #F1F2F2;
}
.back-to-top-div {
  position: fixed;
  bottom: -0.2em;
  z-index: 1000;
}
.back-to-top-div img {
  width: 15px;
}
/******************************************************************
 * Dropdowns (bootstrap-select plugin)
 ******************************************************************/
.selectpicker,
.dropdown-menu {
  background: #F1F1F2 !important;
  color: #58585B;
  font-size: 10pt;
  border: none;
}
.selectpicker a,
.dropdown-menu a {
  text-decoration: none !important;
  color: #58585B !important;
  padding-left: 5px !important;
}
.selectpicker a:hover,
.dropdown-menu a:hover {
  background: #8CC641 !important;
  color: #FFF !important;
}
.selectpicker dt,
.dropdown-menu dt {
  font-weight: bold;
}
.selectpicker li,
.dropdown-menu li {
  padding-left: 0 !important;
}
.selectpicker .caret,
.dropdown-menu .caret {
  display: none !important;
}
.selectpicker ::-webkit-scrollbar,
.dropdown-menu ::-webkit-scrollbar {
  width: 12px !important;
}
.selectpicker ::-webkit-scrollbar-track,
.dropdown-menu ::-webkit-scrollbar-track {
  border-radius: 0;
  -webkit-box-shadow: none;
}
.selectpicker ::-webkit-scrollbar-thumb,
.dropdown-menu ::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: #D1D3D4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.dropdown-menu {
  padding-right: 8px;
}
.dropdown-menu li a {
  padding: 0;
}
.dropdown-menu li .text {
  padding: 3px;
  display: block;
}
.dropdown-toggle {
  background: #F1F1F2 url('../../css/../images/referboard/mobile/arrow-btn-normal.png') no-repeat 98% !important;
  background-size: 30px 30px !important;
  margin-bottom: 0.2em;
}
/* Customize the "bootstrap-select" for refer product popup: add create link as option */
.refer-popup .bootstrap-select,
.edit-popup .bootstrap-select,
.refer-popup-fromurl .bootstrap-select,
.edit-collection .bootstrap-select,
.ticket-popup .bootstrap-select {
  min-width: 299px;
}
.refer-popup .bootstrap-select ul,
.edit-popup .bootstrap-select ul,
.refer-popup-fromurl .bootstrap-select ul,
.edit-collection .bootstrap-select ul,
.ticket-popup .bootstrap-select ul {
  max-height: 16.5em !important;
}
.refer-popup .bootstrap-select ul.dropdown-menu,
.edit-popup .bootstrap-select ul.dropdown-menu,
.refer-popup-fromurl .bootstrap-select ul.dropdown-menu,
.edit-collection .bootstrap-select ul.dropdown-menu,
.ticket-popup .bootstrap-select ul.dropdown-menu {
  padding-right: 0 !important;
  margin-top: -2.5em;
  max-height: 140px !important;
  padding-bottom: 5px !important;
  overflow-y: scroll !important;
  margin-left: -5px !important;
}
.refer-popup .bootstrap-select div.dropdown-menu,
.edit-popup .bootstrap-select div.dropdown-menu,
.refer-popup-fromurl .bootstrap-select div.dropdown-menu,
.edit-collection .bootstrap-select div.dropdown-menu,
.ticket-popup .bootstrap-select div.dropdown-menu {
  overflow: visible !important;
}
.refer-popup .bootstrap-select .btn:focus,
.edit-popup .bootstrap-select .btn:focus,
.refer-popup-fromurl .bootstrap-select .btn:focus,
.edit-collection .bootstrap-select .btn:focus,
.ticket-popup .bootstrap-select .btn:focus {
  outline: none !important;
}
.refer-popup .bootstrap-select .bs-create-option-div,
.edit-popup .bootstrap-select .bs-create-option-div,
.refer-popup-fromurl .bootstrap-select .bs-create-option-div,
.edit-collection .bootstrap-select .bs-create-option-div,
.ticket-popup .bootstrap-select .bs-create-option-div {
  padding: 0.3em;
  cursor: pointer;
}
.refer-popup .bootstrap-select .bs-create-option-div .bs-create-option,
.edit-popup .bootstrap-select .bs-create-option-div .bs-create-option,
.refer-popup-fromurl .bootstrap-select .bs-create-option-div .bs-create-option,
.edit-collection .bootstrap-select .bs-create-option-div .bs-create-option,
.ticket-popup .bootstrap-select .bs-create-option-div .bs-create-option {
  color: #58585B;
  font-weight: bold;
  margin-bottom: 0.8em;
}
.refer-popup .bootstrap-select .bs-create-option-div .bs-create-option:hover,
.edit-popup .bootstrap-select .bs-create-option-div .bs-create-option:hover,
.refer-popup-fromurl .bootstrap-select .bs-create-option-div .bs-create-option:hover,
.edit-collection .bootstrap-select .bs-create-option-div .bs-create-option:hover,
.ticket-popup .bootstrap-select .bs-create-option-div .bs-create-option:hover {
  background: none !important;
  color: #58585B !important;
}
.refer-popup .bootstrap-select .bs-create-option-div .input-error,
.edit-popup .bootstrap-select .bs-create-option-div .input-error,
.refer-popup-fromurl .bootstrap-select .bs-create-option-div .input-error,
.edit-collection .bootstrap-select .bs-create-option-div .input-error,
.ticket-popup .bootstrap-select .bs-create-option-div .input-error {
  border: none !important;
}
.refer-popup .bootstrap-select .bs-create-option-div .input-error input[type="text"],
.edit-popup .bootstrap-select .bs-create-option-div .input-error input[type="text"],
.refer-popup-fromurl .bootstrap-select .bs-create-option-div .input-error input[type="text"],
.edit-collection .bootstrap-select .bs-create-option-div .input-error input[type="text"],
.ticket-popup .bootstrap-select .bs-create-option-div .input-error input[type="text"] {
  border: 1px solid red;
}
.refer-popup .bootstrap-select .bs-create-option-div .bs-create-form,
.edit-popup .bootstrap-select .bs-create-option-div .bs-create-form,
.refer-popup-fromurl .bootstrap-select .bs-create-option-div .bs-create-form,
.edit-collection .bootstrap-select .bs-create-option-div .bs-create-form,
.ticket-popup .bootstrap-select .bs-create-option-div .bs-create-form {
  display: none;
}
.refer-popup .bootstrap-select .bs-create-option-div .bs-create-form input[type="text"],
.edit-popup .bootstrap-select .bs-create-option-div .bs-create-form input[type="text"],
.refer-popup-fromurl .bootstrap-select .bs-create-option-div .bs-create-form input[type="text"],
.edit-collection .bootstrap-select .bs-create-option-div .bs-create-form input[type="text"],
.ticket-popup .bootstrap-select .bs-create-option-div .bs-create-form input[type="text"] {
  width: 15.8em;
  height: 2.55em;
  padding: 0.5em;
  background: #FFF;
  margin: 0 0.4em 0 0;
}
.refer-popup .btn-medium,
.edit-popup .btn-medium,
.refer-popup-fromurl .btn-medium,
.edit-collection .btn-medium,
.ticket-popup .btn-medium {
  width: 71px;
}
.refer-popup .tagBox-list,
.edit-popup .tagBox-list,
.refer-popup-fromurl .tagBox-list,
.edit-collection .tagBox-list,
.ticket-popup .tagBox-list {
  width: 299px;
}
.edit-popup .bootstrap-select {
  min-width: 289px;
}
.edit-popup .edit-tags-txt {
  width: 221px;
}
.edit-popup .dropdown-menu {
  min-width: 297px;
}
.edit-popup .bs-create-form {
  background: white;
  height: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 280px;
}
.edit-popup .bs-create-form input[type='text'] {
  height: 100% !important;
  width: 70% !important;
}
.edit-popup .bs-create-form input[type='button'] {
  width: 70px;
  height: 29px;
  line-height: 12px;
  margin: 0 !important;
  vertical-align: top;
  margin-right: 5px !important;
  float: right;
}
.edit-popup .inline-custom-message {
  width: 55%;
}
.refer-popup .dropdown-menu {
  min-width: 285px;
}
.refer-popup .bs-create-form input[type="text"] {
  width: 200px !important;
  margin-right: 0 !important;
}
.refer-popup .popup-footer {
  padding: 0;
  height: 55px;
}
/******************************************************************
 * Images
 ******************************************************************/
/* Images sizes*/
.imgThumbnail,
.imgSmaller,
.imgSmall,
.imgMedium {
  vertical-align: middle;
}
.imgSmaller {
  max-height: 100px;
  max-width: 100px;
}
.imgSmall {
  max-height: 180px;
  max-width: 180px;
}
.imgMedium {
  max-height: 360px;
  max-width: 360px;
}
.imgThumbnail {
  max-height: 55px;
  max-width: 50px;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.image-show-small {
  display: inline-block;
  vertical-align: middle;
}
/********************************************************************************************************************/
/*                                  LISTS: Users refer products, posts, groups lists                                */
/********************************************************************************************************************/
.posts,
.user-groups,
.user-referproducts,
.follows,
.related-product-container {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.posts li {
  width: 98%;
  display: inline-block;
  vertical-align: top;
  margin: 1%;
}
.posts .post-item {
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  padding: 1em;
  margin: 0;
  overflow: hidden;
  background: #FFF;
}
.posts .comments-title {
  margin: 1em 0 0 2.2em;
  font-weight: bold;
  padding: 0;
}
.posts i {
  color: green;
}
.posts .p-action-edit {
  position: absolute !important;
  top: 0;
  right: 0;
  z-index: 10;
  text-align: right;
}
.posts .p-action-edit .p-action-edit-btn {
  background: url('../../css/../images/referboard/backgrounds/edit_image_btn.png') no-repeat;
  width: 2.9em;
  height: 2.8em;
  padding: 0;
  margin-right: -0.4em;
}
.user-groups li,
.follows li {
  width: 19%;
  margin: 0.3%;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  min-width: 200px;
}
.user-groups li a img,
.follows li a img {
  width: 90%;
}
.user-referproducts .ug-item,
.user-groups .ug-item,
.follows .ug-item,
.related-referproducts .ug-item,
.user-inspiration .ug-item,
.user-referproducts .urp-item,
.user-groups .urp-item,
.follows .urp-item,
.related-referproducts .urp-item,
.user-inspiration .urp-item,
.user-referproducts .follow-item,
.user-groups .follow-item,
.follows .follow-item,
.related-referproducts .follow-item,
.user-inspiration .follow-item {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: #FFF;
}
.user-referproducts .follow-extras img,
.user-groups .follow-extras img,
.follows .follow-extras img,
.related-referproducts .follow-extras img,
.user-inspiration .follow-extras img,
.user-referproducts .ug-extras img,
.user-groups .ug-extras img,
.follows .ug-extras img,
.related-referproducts .ug-extras img,
.user-inspiration .ug-extras img {
  display: none;
}
.user-referproducts .urp-item:hover .edit-btn-wrap,
.user-groups .urp-item:hover .edit-btn-wrap,
.follows .urp-item:hover .edit-btn-wrap,
.related-referproducts .urp-item:hover .edit-btn-wrap,
.user-inspiration .urp-item:hover .edit-btn-wrap {
  display: block;
}
.follows .follow-title {
  margin: 5% 5% 0 5%;
  padding: 0.5em 0.3em;
  width: 90%;
  color: #8CC641;
}
.follows .follow-title a {
  text-decoration: none;
  color: #8CC641;
  font-weight: bold;
}
.follows .follow-img,
.follows .follow-extras {
  display: inline-block;
  vertical-align: top;
  width: 44%;
  padding: 0;
}
.follows .follow-img {
  margin-left: 0.7em;
}
.follows .follow-img img {
  width: 98%;
}
.follows .follow-extras {
  margin-right: 0.7em;
}
.follows .follow-extras div {
  padding: 0;
  display: inline-block;
  vertical-align: top;
  width: 49%;
  margin-left: 0.05em;
}
.follows .follow-actions {
  margin-top: 0.8em;
  text-align: center;
  padding: 1.2em;
  background-color: #F1F1F2;
}
#ref-products-display .pager,
#user-activity-display .pager {
  opacity: 0;
}
#user-activity-display {
  opacity: 0;
}
.user-referproducts .brick,
.related-referproducts .brick,
.user-inspiration .brick {
  width: 19%;
  margin: 4px 8px 4px 0;
  display: inline-block;
  vertical-align: top;
  padding: 0;
}
.user-referproducts .brick a img,
.related-referproducts .brick a img,
.user-inspiration .brick a img {
  width: 90%;
}
.user-referproducts .urp-left-menu,
.related-referproducts .urp-left-menu,
.user-inspiration .urp-left-menu {
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
}
.user-referproducts .urp-item-ready:hover,
.related-referproducts .urp-item-ready:hover,
.user-inspiration .urp-item-ready:hover {
  cursor: pointer;
}
.user-referproducts .urp-item-ready:hover .product-info-price,
.related-referproducts .urp-item-ready:hover .product-info-price,
.user-inspiration .urp-item-ready:hover .product-info-price {
  opacity: 1;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
.user-referproducts .urp-item-ready:hover .urp-actions,
.related-referproducts .urp-item-ready:hover .urp-actions,
.user-inspiration .urp-item-ready:hover .urp-actions,
.user-referproducts .urp-item-ready:hover .widget-actions,
.related-referproducts .urp-item-ready:hover .widget-actions,
.user-inspiration .urp-item-ready:hover .widget-actions,
.user-referproducts .urp-item-ready:hover .urp-action-edit,
.related-referproducts .urp-item-ready:hover .urp-action-edit,
.user-inspiration .urp-item-ready:hover .urp-action-edit {
  opacity: 1;
}
.user-referproducts .urp-img,
.related-referproducts .urp-img,
.user-inspiration .urp-img {
  padding: 0;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.user-referproducts .urp-img .refer-pd-img,
.related-referproducts .urp-img .refer-pd-img,
.user-inspiration .urp-img .refer-pd-img {
  opacity: 0;
}
.user-referproducts .urp-img .crop,
.related-referproducts .urp-img .crop,
.user-inspiration .urp-img .crop {
  display: inline-block;
  vertical-align: middle;
  width: 105%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2.5%;
  right: 0;
  margin: auto;
  z-index: 0;
}
.user-referproducts .urp-img-minheight,
.related-referproducts .urp-img-minheight,
.user-inspiration .urp-img-minheight {
  min-height: 150px;
}
.user-referproducts .urp-title,
.related-referproducts .urp-title,
.user-inspiration .urp-title,
.user-referproducts .urp-title-full,
.related-referproducts .urp-title-full,
.user-inspiration .urp-title-full,
.user-referproducts .urp-action-refer,
.related-referproducts .urp-action-refer,
.user-inspiration .urp-action-refer {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
}
.user-referproducts .urp-title,
.related-referproducts .urp-title,
.user-inspiration .urp-title,
.user-referproducts .urp-title-full,
.related-referproducts .urp-title-full,
.user-inspiration .urp-title-full {
  text-transform: lowercase;
}
.user-referproducts .urp-title:first-letter,
.related-referproducts .urp-title:first-letter,
.user-inspiration .urp-title:first-letter,
.user-referproducts .urp-title-full:first-letter,
.related-referproducts .urp-title-full:first-letter,
.user-inspiration .urp-title-full:first-letter {
  text-transform: capitalize;
}
.user-referproducts .urp-title a,
.related-referproducts .urp-title a,
.user-inspiration .urp-title a,
.user-referproducts .urp-title-full a,
.related-referproducts .urp-title-full a,
.user-inspiration .urp-title-full a {
  word-wrap: break-word !important;
  text-decoration: none;
  color: #231F20;
  text-transform: none;
}
.user-referproducts .urp-title,
.related-referproducts .urp-title,
.user-inspiration .urp-title {
  width: 60%;
}
.user-referproducts .urp-title-full,
.related-referproducts .urp-title-full,
.user-inspiration .urp-title-full {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
}
.user-referproducts .urp-action-refer,
.related-referproducts .urp-action-refer,
.user-inspiration .urp-action-refer {
  width: 39%;
  text-align: right;
  padding-right: 0.3em;
}
.user-referproducts .urp-price,
.related-referproducts .urp-price,
.user-inspiration .urp-price {
  color: #8CC641;
  width: 30%;
  padding: 20px 12px 20px 0px;
  float: right;
  text-align: right;
  position: relative;
}
.user-referproducts .urp-price-span,
.related-referproducts .urp-price-span,
.user-inspiration .urp-price-span {
  color: #8cc641;
  margin-top: 5px;
  display: inline-block;
  font-weight: normal;
  text-transform: none;
}
.user-referproducts .urp-refer,
.related-referproducts .urp-refer,
.user-inspiration .urp-refer {
  background: #F1F1F2;
  width: 100%;
  padding: 0;
}
.user-referproducts .urp-refer img,
.related-referproducts .urp-refer img,
.user-inspiration .urp-refer img {
  vertical-align: middle;
}
.user-referproducts .urp-refer input[type="text"],
.related-referproducts .urp-refer input[type="text"],
.user-inspiration .urp-refer input[type="text"] {
  border: 1px solid #D1D3D4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 88%;
  margin-left: 0.25em;
  color: #58585B;
  font-size: 7pt;
}
.user-referproducts .urp-refer .urp-refer-img,
.related-referproducts .urp-refer .urp-refer-img,
.user-inspiration .urp-refer .urp-refer-img,
.user-referproducts .urp-refer .urp-refer-referredby,
.related-referproducts .urp-refer .urp-refer-referredby,
.user-inspiration .urp-refer .urp-refer-referredby {
  display: inline-block;
  padding: 0;
  vertical-align: top;
  height: 2.8em;
  font-size: 8pt;
}
.user-referproducts .urp-refer .urp-refer-img,
.related-referproducts .urp-refer .urp-refer-img,
.user-inspiration .urp-refer .urp-refer-img {
  width: 20%;
}
.user-referproducts .urp-refer .urp-refer-img img,
.related-referproducts .urp-refer .urp-refer-img img,
.user-inspiration .urp-refer .urp-refer-img img {
  max-width: 100%;
  max-height: 100%;
}
.user-referproducts .urp-refer .urp-refer-referredby,
.related-referproducts .urp-refer .urp-refer-referredby,
.user-inspiration .urp-refer .urp-refer-referredby {
  width: 79%;
  padding-left: 2%;
  text-align: left;
  color: #58585B;
}
.user-referproducts .urp-refer .urp-refer-referredby span,
.related-referproducts .urp-refer .urp-refer-referredby span,
.user-inspiration .urp-refer .urp-refer-referredby span {
  font-size: 7pt;
}
.user-referproducts .urp-refer .urp-refer-referredby span a,
.related-referproducts .urp-refer .urp-refer-referredby span a,
.user-inspiration .urp-refer .urp-refer-referredby span a {
  color: #8CC641;
  text-decoration: none;
}
.user-referproducts .urp-actions,
.related-referproducts .urp-actions,
.user-inspiration .urp-actions,
.user-referproducts .widget-actions,
.related-referproducts .widget-actions,
.user-inspiration .widget-actions {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.user-referproducts .urp-actions .outer-wrap,
.related-referproducts .urp-actions .outer-wrap,
.user-inspiration .urp-actions .outer-wrap,
.user-referproducts .widget-actions .outer-wrap,
.related-referproducts .widget-actions .outer-wrap,
.user-inspiration .widget-actions .outer-wrap {
  position: relative;
  display: block;
}
.user-referproducts .urp-actions .inner-wrap,
.related-referproducts .urp-actions .inner-wrap,
.user-inspiration .urp-actions .inner-wrap,
.user-referproducts .widget-actions .inner-wrap,
.related-referproducts .widget-actions .inner-wrap,
.user-inspiration .widget-actions .inner-wrap {
  line-height: 0;
}
.user-referproducts .urp-actions .inner-wrap a,
.related-referproducts .urp-actions .inner-wrap a,
.user-inspiration .urp-actions .inner-wrap a,
.user-referproducts .widget-actions .inner-wrap a,
.related-referproducts .widget-actions .inner-wrap a,
.user-inspiration .widget-actions .inner-wrap a {
  vertical-align: middle !important;
  margin-bottom: -0.5em;
}
.user-referproducts .urp-action-edit,
.related-referproducts .urp-action-edit,
.user-inspiration .urp-action-edit {
  position: absolute !important;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.user-referproducts .urp-action-edit .urp-action-edit-btn,
.related-referproducts .urp-action-edit .urp-action-edit-btn,
.user-inspiration .urp-action-edit .urp-action-edit-btn {
  background: #F1F2F2 url('../../css/../images/referboard/User/RB_BoardIcons-Edit.svg') no-repeat 60% 50%;
  background: url('../../css/../images/referboard/User/RB_BoardIcons-Edit.svg') no-repeat 60% 50%, -moz-linear-gradient(top, #F1F2F2 0%, #D1D3D4 100%);
  background: url('../../css/../images/referboard/User/RB_BoardIcons-Edit.svg') no-repeat 60% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F1F2F2), color-stop(100%, #D1D3D4));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F2F2', endColorstr='#D1D3D4', GradientType=0);
  border: 1px solid #939598;
  width: 40px;
  height: 40px;
  margin: 10px;
  float: right;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.user-referproducts .urp-action-edit .urp-action-edit-btn:hover,
.related-referproducts .urp-action-edit .urp-action-edit-btn:hover,
.user-inspiration .urp-action-edit .urp-action-edit-btn:hover {
  background: #F1F2F2 url('../../css/../images/referboard/User/RB_BoardIcons-Edit.svg') no-repeat 60% 50%;
}
/************************************************************************/
/****************************Track container*****************************/
/************************************************************************/
.track-container {
  padding: 10px;
  background: #f1f2f2;
}
.track-container .title {
  color: #808285;
  font-size: 11px;
  display: block;
  margin-bottom: 5px;
}
.track-container .tracking-link {
  color: #404041;
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
  word-break: break-all;
}
.track-container .copy-container {
  text-align: left;
  position: relative;
}
.track-container .copy-container span {
  position: absolute;
  top: -10px;
  left: 5px;
  display: block;
  width: 53px;
  text-align: center;
  font-size: 11pt;
  z-index: 20;
}
.track-container .copy-link-btn {
  display: inline-block;
  width: 60px;
  height: 25px;
  line-height: 23px;
  float: none;
  vertical-align: middle;
}
.track-container .question-btn {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-left: 5px;
  line-height: 25px;
  vertical-align: middle;
}
.track-container .tip-container {
  position: absolute;
  top: -140px;
  width: 100%;
  height: 140px;
  display: none;
  z-index: 100;
}
.track-container .tip-container .content {
  padding: 10px;
  font-size: 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #404041;
  color: #ffffff;
  height: 120px;
}
.track-container .tip-container .arrow-container {
  height: 20px;
  position: relative;
}
.track-container .tip-container .arrow-container .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: #404041 transparent transparent transparent;
  position: absolute;
  left: 40%;
  top: 0;
}
.user-groups .ug-title {
  padding: 1em 1em;
}
.user-groups .ug-title a {
  text-decoration: none;
  color: #231F20;
  font-weight: bold;
}
.user-groups .ug-img-extras {
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.user-groups .ug-img-extras:hover {
  opacity: 0.6;
}
.user-groups .ug-add-product-div {
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.user-groups .ug-img {
  border-bottom: 1px solid #F1F1F2;
  border-top: 1px solid #F1F1F2;
  padding: 0;
  position: relative;
  height: 130px;
  text-align: center;
}
.user-groups .ug-img span {
  left: -1px;
}
.user-groups .ug-extras {
  border-bottom: 1px solid #F1F1F2;
  padding: 0 !important;
  text-align: center;
  height: 60px !important;
}
.user-groups .ug-extras div {
  width: 50%;
  height: 60px;
  display: inline-block;
  text-align: center;
  padding: 0;
}
.user-groups .ug-extras .ug-extras-wborder {
  border-right: 1px solid #F1F1F2;
}
.user-groups .ug-actions {
  text-align: center;
  padding: 1.2em 0;
}
.user-groups .ug-actions .edit-collection-btn {
  padding: 4px 6px;
}
.user-groups .ug-actions-refer {
  background: #F1F1F2;
  width: 100%;
  padding: 0.3em 0.1em 0.3em 0.2em;
}
.user-groups .ug-actions-refer .ug-actions-img,
.user-groups .ug-actions-refer .ug-actions-referredby,
.user-groups .ug-actions-refer .ug-actions-button {
  display: inline-block;
  padding: 0;
  height: 3em;
  vertical-align: middle;
  font-size: 7pt;
}
.user-groups .ug-actions-refer .ug-actions-img {
  width: 16%;
}
.user-groups .ug-actions-refer .ug-actions-img img {
  max-width: 100%;
  max-height: 100%;
}
.user-groups .ug-actions-refer .ug-actions-referredby {
  width: 42%;
  text-align: left;
  padding-left: 2%;
  color: #58585B;
}
.user-groups .ug-actions-refer .ug-actions-referredby span {
  color: #8CC641;
}
.user-groups .ug-actions-refer .ug-actions-button {
  width: 40%;
  text-align: right;
}
.user-groups .ug-count {
  color: #FFF;
  background: url('../../css/../images/referboard/backgrounds/triangle_number_bubble.png') no-repeat center bottom;
  position: absolute;
  right: 0.4em;
  top: 0.4em;
  width: 2.8em;
  height: 2.1em;
  padding: 0;
  text-align: center;
  z-index: 10;
}
.user-groups .ug-count div {
  background: #554741;
  display: inline-block;
  width: auto;
  padding: 0.2em 0.6em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  font-size: 7pt;
  margin-left: 0.2em;
}
/* refer products results lsi before referring using an url */
.refer-product-results {
  position: relative;
  text-align: left;
  width: 100%;
  font-size: 12pt;
  color: #554741;
  display: inline-block;
}
.refer-product-results .rpr-title {
  font-weight: bold;
  margin-bottom: 1.5em;
}
.refer-product-results .rpr-leftBox,
.refer-product-results .rpr-rightBox {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0;
  font-size: 10pt;
}
.refer-product-results .rpr-leftBox {
  width: 31%;
}
.refer-product-results .rpr-rightBox {
  width: 68%;
  min-height: 237px;
}
.refer-product-results .rpr-greenBox,
.refer-product-results .rpr-titleBox {
  padding: 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 20px;
}
.refer-product-results .rpr-greenBox {
  background-color: #8cc641;
  color: #FFF;
  width: 100%;
  font-size: 10pt;
  font-weight: normal;
}
.refer-product-results .rpr-greenBox img {
  width: 23px;
  height: 23px;
}
.refer-product-results .rpr-greenBox .refer-success-title {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
  height: 100%;
  line-height: 24px;
  margin-left: 5px;
}
.refer-product-results .rpr-titleBox {
  color: #231F20;
  font-weight: bold;
  border: solid 1px #E6E7E8;
  line-height: 125%;
}
.refer-product-results .rpr-price {
  color: #8CC641;
  font-weight: bold;
  padding-top: 0.8em;
}
.refer-product-results .rpr-item {
  vertical-align: top;
  display: inline-block;
  width: 30%;
  margin: 1%;
  text-align: center;
}
.refer-product-results .rpr-item .rpr-item-img {
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  vertical-align: middle;
  width: 100%;
  height: 125px;
  overflow: hidden;
  margin-bottom: 0.5em;
  position: relative;
}
.refer-product-results .rpr-item .rpr-item-img img {
  max-width: 100%;
  max-height: 100%;
}
.refer-product-results .rpr-item .rpr-item-img:hover > .rpr-item-shade {
  display: block;
}
.refer-product-results .rpr-item .rpr-item-img-selected {
  border: solid 0.5em #8CC641 !important;
}
.refer-product-results .rpr-item .rpr-item-shade {
  position: absolute !important;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  /* Fallback for web browsers that doesn't support RGBa, white as default */
  background: rgba(255, 255, 255, 0.35);
  /* For IE 5.5 - 7*/
  background: none \9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59ffffff', endColorstr='#59ffffff');
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
  /* For IE 8 - 9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
/********************************************************************************************************************/
/*                                                    CUSTOM STYLE: popups                                          */
/********************************************************************************************************************/
.login-container {
  text-align: center;
  overflow: hidden;
}
.login-container .errorSummary {
  /* overriden system form validation error summary */
  margin: 0 !important;
  text-align: left;
  height: auto;
}
.login-container #login-popup-grey {
  background: #F1F1F2;
  padding: 1.2em 0;
}
.login-container #login-popup-grey h4 {
  color: #EE7A22;
  font-size: 12pt;
  padding: 0.2em;
  margin: 0;
}
.login-container #login-popup-grey a {
  text-decoration: none;
  color: #58585B;
}
.login-container #login-popup-grey img {
  padding: 2em 0;
}
.login-container form input[type="text"],
.login-container form input[type="password"] {
  border: 2px solid #554741 !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.pay-invoice-popup,
.user-group-popup,
.refer-popup-fromurl,
.add-to-referboard,
.refer-popup,
.login-popup,
.quick-registration,
.edit-popup,
.extra-information,
.edit-image,
.edit-collection,
.ticket-popup {
  width: 100%;
  height: 100%;
  position: relative;
}
.pay-invoice-popup .popup-header,
.user-group-popup .popup-header,
.refer-popup-fromurl .popup-header,
.add-to-referboard .popup-header,
.refer-popup .popup-header,
.login-popup .popup-header,
.quick-registration .popup-header,
.edit-popup .popup-header,
.extra-information .popup-header,
.edit-image .popup-header,
.edit-collection .popup-header,
.ticket-popup .popup-header,
.pay-invoice-popup .popup-footer,
.user-group-popup .popup-footer,
.refer-popup-fromurl .popup-footer,
.add-to-referboard .popup-footer,
.refer-popup .popup-footer,
.login-popup .popup-footer,
.quick-registration .popup-footer,
.edit-popup .popup-footer,
.extra-information .popup-footer,
.edit-image .popup-footer,
.edit-collection .popup-footer,
.ticket-popup .popup-footer {
  width: 100%;
  padding: 0.25em 20px;
  color: #554741;
  font-size: 15pt;
  font-weight: normal;
}
.pay-invoice-popup .popup-footer,
.user-group-popup .popup-footer,
.refer-popup-fromurl .popup-footer,
.add-to-referboard .popup-footer,
.refer-popup .popup-footer,
.login-popup .popup-footer,
.quick-registration .popup-footer,
.edit-popup .popup-footer,
.extra-information .popup-footer,
.edit-image .popup-footer,
.edit-collection .popup-footer,
.ticket-popup .popup-footer {
  background: #F1F2F2;
  text-align: right;
  padding: 10px 40px;
  position: absolute;
  bottom: 0;
}
.pay-invoice-popup .popup-footer input,
.user-group-popup .popup-footer input,
.refer-popup-fromurl .popup-footer input,
.add-to-referboard .popup-footer input,
.refer-popup .popup-footer input,
.login-popup .popup-footer input,
.quick-registration .popup-footer input,
.edit-popup .popup-footer input,
.extra-information .popup-footer input,
.edit-image .popup-footer input,
.edit-collection .popup-footer input,
.ticket-popup .popup-footer input {
  margin: 0;
}
.pay-invoice-popup .popup-body,
.user-group-popup .popup-body,
.refer-popup-fromurl .popup-body,
.add-to-referboard .popup-body,
.refer-popup .popup-body,
.login-popup .popup-body,
.quick-registration .popup-body,
.edit-popup .popup-body,
.extra-information .popup-body,
.edit-image .popup-body,
.edit-collection .popup-body,
.ticket-popup .popup-body {
  padding: 40px;
}
.pay-invoice-popup .popup-body input[type="text"],
.user-group-popup .popup-body input[type="text"],
.refer-popup-fromurl .popup-body input[type="text"],
.add-to-referboard .popup-body input[type="text"],
.refer-popup .popup-body input[type="text"],
.login-popup .popup-body input[type="text"],
.quick-registration .popup-body input[type="text"],
.edit-popup .popup-body input[type="text"],
.extra-information .popup-body input[type="text"],
.edit-image .popup-body input[type="text"],
.edit-collection .popup-body input[type="text"],
.ticket-popup .popup-body input[type="text"],
.pay-invoice-popup .popup-body input[type="password"],
.user-group-popup .popup-body input[type="password"],
.refer-popup-fromurl .popup-body input[type="password"],
.add-to-referboard .popup-body input[type="password"],
.refer-popup .popup-body input[type="password"],
.login-popup .popup-body input[type="password"],
.quick-registration .popup-body input[type="password"],
.edit-popup .popup-body input[type="password"],
.extra-information .popup-body input[type="password"],
.edit-image .popup-body input[type="password"],
.edit-collection .popup-body input[type="password"],
.ticket-popup .popup-body input[type="password"] {
  width: 36em;
  height: 3em;
  padding: 1em;
  background: #F1F1F2;
  margin-right: 10px;
}
.pay-invoice-popup .popup-body label,
.user-group-popup .popup-body label,
.refer-popup-fromurl .popup-body label,
.add-to-referboard .popup-body label,
.refer-popup .popup-body label,
.login-popup .popup-body label,
.quick-registration .popup-body label,
.edit-popup .popup-body label,
.extra-information .popup-body label,
.edit-image .popup-body label,
.edit-collection .popup-body label,
.ticket-popup .popup-body label {
  font-weight: normal !important;
  font-size: 10pt;
}
.extra-information {
  padding: 0;
  margin: 0;
}
.extra-information .popup-header {
  font-size: 10pt;
  text-align: center;
}
.extra-information .popup-footer {
  font-size: 6pt;
  text-align: center;
}
.extra-information .categories {
  width: 100%;
}
.extra-information .categories ul li {
  padding: 0.5em 0;
  white-space: nowrap !important;
}
.extra-information .categories ul li label {
  display: inline-block;
  padding-left: 0.2em;
}
.input-error-msg {
  position: absolute;
  display: inline-block;
  right: 2%;
  top: 25%;
  color: red;
}
.user-group-popup {
  padding-top: 0.25em;
}
.user-group-popup .popup-body {
  padding: 30px 40px;
}
.user-group-popup .popup-body div.input-error,
.user-group-popup .popup-body span.input-error {
  border: 1px solid red;
}
.user-group-popup .popup-body .tag-input-span {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #F1F2F2;
  border: 1px solid #D1D3D4;
}
.user-group-popup .popup-body .tag-input-span input::-webkit-input-placeholder {
  font-style: italic;
  color: #808285;
}
.user-group-popup .popup-body .tag-input-span input::-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
  color: #808285;
}
.user-group-popup .popup-body .tag-input-span input::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
  color: #808285;
}
.user-group-popup .popup-body .tag-input-span input:-ms-input-placeholder {
  font-style: italic;
  color: #808285;
}
.user-group-popup .popup-body .add-collection-name {
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #F1F2F2;
  border: 1px solid #D1D3D4;
}
.user-group-popup .popup-body .add-collection-name input::-webkit-input-placeholder {
  font-style: italic;
  color: #808285;
}
.user-group-popup .popup-body .add-collection-name input::-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
  color: #808285;
}
.user-group-popup .popup-body .add-collection-name input::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
  color: #808285;
}
.user-group-popup .popup-body .add-collection-name input:-ms-input-placeholder {
  font-style: italic;
  color: #808285;
}
.user-group-popup .popup-body .add-collection-name .errorMessage {
  position: absolute;
  display: inline-block;
  right: 2%;
  top: 25%;
  color: red;
}
.user-group-popup .popup-body .error {
  border: 1px solid red;
}
.user-group-popup .popup-body .error .errorMessage {
  display: block;
}
.user-group-popup .popup-body .tag-cell-bottom {
  margin-top: 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.user-group-popup .popup-body .tag-cell-bottom input {
  margin: 0;
}
.user-group-popup .popup-body .tag-cell-bottom input[type="text"] {
  width: 440px !important;
}
.user-group-popup .popup-body .tag-cell-bottom .tagBox-container {
  width: 100%;
}
.user-group-popup .popup-body .tag-cell-bottom .tagBox-container .tagBox-add-tag {
  float: right;
  height: 30px;
  width: 85px;
  vertical-align: bottom;
  line-height: 12px;
  margin-top: 5px;
  margin-right: 5px;
}
.user-group-popup .popup-body .tag-cell-bottom .tagBox-container .tagBox-list {
  margin-top: 5px;
}
.user-group-popup .popup-body .tag-cell-bottom .tagBox-container .tagBox-list .tagBox-item {
  margin: 0;
  margin-right: 5px;
  margin-top: 5px;
}
.edit-collection-name {
  position: relative;
}
.edit-collection-name .errorMessage {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  line-height: 40px;
  padding-right: 12px;
}
.edit-collection-name .code-container {
  color: #808285;
  font-size: 14px;
  background-color: #f1f2f2;
  border: 1px solid #d1d3d4;
  overflow-wrap: break-word;
}
.login-popup {
  padding: 0.25em;
  padding-bottom: 0;
}
.login-popup .popup-header {
  padding-left: 40px;
  padding-right: 40px;
}
.login-popup .btn-popup-close {
  margin-top: 15.5px;
}
.login-popup .form-overlay {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.login-popup .form-overlay .logout-title {
  color: #ffffff;
  margin-top: 50px;
  display: block;
  font-size: 14px;
}
.edit-popup,
.edit-collection {
  padding: 0.25em;
  padding-bottom: 0;
}
.edit-popup .popup-header,
.edit-collection .popup-header {
  text-align: left;
  background-color: #414042;
  padding: 0.6em 40px;
  color: #FFFFFF;
  font-size: 15pt;
  font-weight: normal;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.edit-popup .popup-footer,
.edit-collection .popup-footer {
  width: 99%;
}
.edit-collection .edit-collection-body,
.edit-inspiration .edit-collection-body,
.edit-collection .edit-inspiration-body,
.edit-inspiration .edit-inspiration-body {
  color: #231F20;
  padding: 40px;
  padding-bottom: 0;
  height: 270px;
  font-size: 10pt;
  overflow: hidden;
  position: relative;
}
.edit-collection .edit-collection-body label,
.edit-inspiration .edit-collection-body label,
.edit-collection .edit-inspiration-body label,
.edit-inspiration .edit-inspiration-body label {
  font-weight: normal;
}
.edit-collection .edit-collection-body .row,
.edit-inspiration .edit-collection-body .row,
.edit-collection .edit-inspiration-body .row,
.edit-inspiration .edit-inspiration-body .row {
  margin-bottom: 40px;
}
.edit-collection .edit-collection-body .row input,
.edit-inspiration .edit-collection-body .row input,
.edit-collection .edit-inspiration-body .row input,
.edit-inspiration .edit-inspiration-body .row input {
  height: 40px;
  background: #f1f2f2;
  border: 1px solid #D1D3D4;
  text-indent: 10px;
  width: 100%;
}
.edit-collection .edit-collection-body .row textarea,
.edit-inspiration .edit-collection-body .row textarea,
.edit-collection .edit-inspiration-body .row textarea,
.edit-inspiration .edit-inspiration-body .row textarea {
  background: white;
  border: 1px solid #D1D3D4;
  text-indent: 10px;
  width: 100%;
  resize: none;
  height: 120px;
}
.edit-collection .edit-collection-body .row input.inspiration-input,
.edit-inspiration .edit-collection-body .row input.inspiration-input,
.edit-collection .edit-inspiration-body .row input.inspiration-input,
.edit-inspiration .edit-inspiration-body .row input.inspiration-input,
.edit-collection .edit-collection-body .row textarea.inspiration-input,
.edit-inspiration .edit-collection-body .row textarea.inspiration-input,
.edit-collection .edit-inspiration-body .row textarea.inspiration-input,
.edit-inspiration .edit-inspiration-body .row textarea.inspiration-input {
  background: #fff;
}
.edit-collection .edit-collection-body .row input.inspiration-input::-webkit-input-placeholder,
.edit-inspiration .edit-collection-body .row input.inspiration-input::-webkit-input-placeholder,
.edit-collection .edit-inspiration-body .row input.inspiration-input::-webkit-input-placeholder,
.edit-inspiration .edit-inspiration-body .row input.inspiration-input::-webkit-input-placeholder,
.edit-collection .edit-collection-body .row textarea.inspiration-input::-webkit-input-placeholder,
.edit-inspiration .edit-collection-body .row textarea.inspiration-input::-webkit-input-placeholder,
.edit-collection .edit-inspiration-body .row textarea.inspiration-input::-webkit-input-placeholder,
.edit-inspiration .edit-inspiration-body .row textarea.inspiration-input::-webkit-input-placeholder {
  color: #808285;
}
.edit-collection .edit-collection-body .row input.inspiration-input::-moz-placeholder,
.edit-inspiration .edit-collection-body .row input.inspiration-input::-moz-placeholder,
.edit-collection .edit-inspiration-body .row input.inspiration-input::-moz-placeholder,
.edit-inspiration .edit-inspiration-body .row input.inspiration-input::-moz-placeholder,
.edit-collection .edit-collection-body .row textarea.inspiration-input::-moz-placeholder,
.edit-inspiration .edit-collection-body .row textarea.inspiration-input::-moz-placeholder,
.edit-collection .edit-inspiration-body .row textarea.inspiration-input::-moz-placeholder,
.edit-inspiration .edit-inspiration-body .row textarea.inspiration-input::-moz-placeholder {
  /* Firefox 18- */
  color: #808285;
}
.edit-collection .edit-collection-body .row input.inspiration-input::-moz-placeholder,
.edit-inspiration .edit-collection-body .row input.inspiration-input::-moz-placeholder,
.edit-collection .edit-inspiration-body .row input.inspiration-input::-moz-placeholder,
.edit-inspiration .edit-inspiration-body .row input.inspiration-input::-moz-placeholder,
.edit-collection .edit-collection-body .row textarea.inspiration-input::-moz-placeholder,
.edit-inspiration .edit-collection-body .row textarea.inspiration-input::-moz-placeholder,
.edit-collection .edit-inspiration-body .row textarea.inspiration-input::-moz-placeholder,
.edit-inspiration .edit-inspiration-body .row textarea.inspiration-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #808285;
}
.edit-collection .edit-collection-body .row input.inspiration-input:-ms-input-placeholder,
.edit-inspiration .edit-collection-body .row input.inspiration-input:-ms-input-placeholder,
.edit-collection .edit-inspiration-body .row input.inspiration-input:-ms-input-placeholder,
.edit-inspiration .edit-inspiration-body .row input.inspiration-input:-ms-input-placeholder,
.edit-collection .edit-collection-body .row textarea.inspiration-input:-ms-input-placeholder,
.edit-inspiration .edit-collection-body .row textarea.inspiration-input:-ms-input-placeholder,
.edit-collection .edit-inspiration-body .row textarea.inspiration-input:-ms-input-placeholder,
.edit-inspiration .edit-inspiration-body .row textarea.inspiration-input:-ms-input-placeholder {
  color: #808285;
}
.edit-collection .edit-collection-body .error-row,
.edit-inspiration .edit-collection-body .error-row,
.edit-collection .edit-inspiration-body .error-row,
.edit-inspiration .edit-inspiration-body .error-row {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.edit-collection .edit-collection-body .error-row .errorMessage,
.edit-inspiration .edit-collection-body .error-row .errorMessage,
.edit-collection .edit-inspiration-body .error-row .errorMessage,
.edit-inspiration .edit-inspiration-body .error-row .errorMessage {
  float: left;
  width: 75%;
  color: red;
  font-style: italic;
  font-size: 8pt;
  text-align: left;
  margin: auto;
  padding-top: 0.5em;
  display: inline-block;
  font-size: 10pt;
  font-weight: normal;
}
.edit-collection .edit-collection-body .error,
.edit-inspiration .edit-collection-body .error,
.edit-collection .edit-inspiration-body .error,
.edit-inspiration .edit-inspiration-body .error {
  background: transparent;
}
.edit-collection .edit-collection-body .error input,
.edit-inspiration .edit-collection-body .error input,
.edit-collection .edit-inspiration-body .error input,
.edit-inspiration .edit-inspiration-body .error input {
  border: 1px solid red;
}
.edit-collection .edit-collection-body .error label,
.edit-inspiration .edit-collection-body .error label,
.edit-collection .edit-inspiration-body .error label,
.edit-inspiration .edit-inspiration-body .error label {
  color: #231F20 !important;
}
.edit-collection .edit-collection-body .edit-collection-tags,
.edit-inspiration .edit-collection-body .edit-collection-tags,
.edit-collection .edit-inspiration-body .edit-collection-tags,
.edit-inspiration .edit-inspiration-body .edit-collection-tags,
.edit-collection .edit-collection-body .edit-inspiration-tags,
.edit-inspiration .edit-collection-body .edit-inspiration-tags,
.edit-collection .edit-inspiration-body .edit-inspiration-tags,
.edit-inspiration .edit-inspiration-body .edit-inspiration-tags {
  margin-bottom: 20px;
  width: 100%;
}
.edit-collection .edit-collection-body .edit-collection-tags label,
.edit-inspiration .edit-collection-body .edit-collection-tags label,
.edit-collection .edit-inspiration-body .edit-collection-tags label,
.edit-inspiration .edit-inspiration-body .edit-collection-tags label,
.edit-collection .edit-collection-body .edit-inspiration-tags label,
.edit-inspiration .edit-collection-body .edit-inspiration-tags label,
.edit-collection .edit-inspiration-body .edit-inspiration-tags label,
.edit-inspiration .edit-inspiration-body .edit-inspiration-tags label {
  font-weight: normal;
}
.edit-collection .edit-collection-body .edit-collection-tags .edit-tags-txt,
.edit-inspiration .edit-collection-body .edit-collection-tags .edit-tags-txt,
.edit-collection .edit-inspiration-body .edit-collection-tags .edit-tags-txt,
.edit-inspiration .edit-inspiration-body .edit-collection-tags .edit-tags-txt,
.edit-collection .edit-collection-body .edit-inspiration-tags .edit-tags-txt,
.edit-inspiration .edit-collection-body .edit-inspiration-tags .edit-tags-txt,
.edit-collection .edit-inspiration-body .edit-inspiration-tags .edit-tags-txt,
.edit-inspiration .edit-inspiration-body .edit-inspiration-tags .edit-tags-txt {
  margin: 0;
  padding: 6px 12px;
  width: 65% !important;
  background: #f1f1f2;
  height: 100%;
}
.edit-collection .edit-collection-body .edit-collection-tags .tagBox-add-tag,
.edit-inspiration .edit-collection-body .edit-collection-tags .tagBox-add-tag,
.edit-collection .edit-inspiration-body .edit-collection-tags .tagBox-add-tag,
.edit-inspiration .edit-inspiration-body .edit-collection-tags .tagBox-add-tag,
.edit-collection .edit-collection-body .edit-inspiration-tags .tagBox-add-tag,
.edit-inspiration .edit-collection-body .edit-inspiration-tags .tagBox-add-tag,
.edit-collection .edit-inspiration-body .edit-inspiration-tags .tagBox-add-tag,
.edit-inspiration .edit-inspiration-body .edit-inspiration-tags .tagBox-add-tag {
  height: 30px;
  line-height: 12px;
  float: right;
  vertical-align: top;
  color: #231F20;
  font-weight: normal;
  margin-top: 5px;
  margin-right: 5px;
}
.edit-collection .edit-collection-body .edit-collection-tags .tagBox-container,
.edit-inspiration .edit-collection-body .edit-collection-tags .tagBox-container,
.edit-collection .edit-inspiration-body .edit-collection-tags .tagBox-container,
.edit-inspiration .edit-inspiration-body .edit-collection-tags .tagBox-container,
.edit-collection .edit-collection-body .edit-inspiration-tags .tagBox-container,
.edit-inspiration .edit-collection-body .edit-inspiration-tags .tagBox-container,
.edit-collection .edit-inspiration-body .edit-inspiration-tags .tagBox-container,
.edit-inspiration .edit-inspiration-body .edit-inspiration-tags .tagBox-container {
  width: 100%;
}
.edit-collection .edit-collection-body .edit-collection-tags .tagBox-container .tag-input-span,
.edit-inspiration .edit-collection-body .edit-collection-tags .tagBox-container .tag-input-span,
.edit-collection .edit-inspiration-body .edit-collection-tags .tagBox-container .tag-input-span,
.edit-inspiration .edit-inspiration-body .edit-collection-tags .tagBox-container .tag-input-span,
.edit-collection .edit-collection-body .edit-inspiration-tags .tagBox-container .tag-input-span,
.edit-inspiration .edit-collection-body .edit-inspiration-tags .tagBox-container .tag-input-span,
.edit-collection .edit-inspiration-body .edit-inspiration-tags .tagBox-container .tag-input-span,
.edit-inspiration .edit-inspiration-body .edit-inspiration-tags .tagBox-container .tag-input-span {
  background: #F1F2F2;
  border: 1px solid #D1D3D4;
  height: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.edit-collection .edit-collection-body .edit-collection-tags .tagBox-container .tag-input-span input::-webkit-input-placeholder,
.edit-inspiration .edit-collection-body .edit-collection-tags .tagBox-container .tag-input-span input::-webkit-input-placeholder,
.edit-collection .edit-inspiration-body .edit-collection-tags .tagBox-container .tag-input-span input::-webkit-input-placeholder,
.edit-inspiration .edit-inspiration-body .edit-collection-tags .tagBox-container .tag-input-span input::-webkit-input-placeholder,
.edit-collection .edit-collection-body .edit-inspiration-tags .tagBox-container .tag-input-span input::-webkit-input-placeholder,
.edit-inspiration .edit-collection-body .edit-inspiration-tags .tagBox-container .tag-input-span input::-webkit-input-placeholder,
.edit-collection .edit-inspiration-body .edit-inspiration-tags .tagBox-container .tag-input-span input::-webkit-input-placeholder,
.edit-inspiration .edit-inspiration-body .edit-inspiration-tags .tagBox-container .tag-input-span input::-webkit-input-placeholder {
  font-style: italic;
  color: #808285;
}
.edit-collection .edit-collection-body .edit-collection-tags .tagBox-container .tag-input-span input::-moz-placeholder,
.edit-inspiration .edit-collection-body .edit-collection-tags .tagBox-container .tag-input-span input::-moz-placeholder,
.edit-collection .edit-inspiration-body .edit-collection-tags .tagBox-container .tag-input-span input::-moz-placeholder,
.edit-inspiration .edit-inspiration-body .edit-collection-tags .tagBox-container .tag-input-span input::-moz-placeholder,
.edit-collection .edit-collection-body .edit-inspiration-tags .tagBox-container .tag-input-span input::-moz-placeholder,
.edit-inspiration .edit-collection-body .edit-inspiration-tags .tagBox-container .tag-input-span input::-moz-placeholder,
.edit-collection .edit-inspiration-body .edit-inspiration-tags .tagBox-container .tag-input-span input::-moz-placeholder,
.edit-inspiration .edit-inspiration-body .edit-inspiration-tags .tagBox-container .tag-input-span input::-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
  color: #808285;
}
.edit-collection .edit-collection-body .edit-collection-tags .tagBox-container .tag-input-span input::-moz-placeholder,
.edit-inspiration .edit-collection-body .edit-collection-tags .tagBox-container .tag-input-span input::-moz-placeholder,
.edit-collection .edit-inspiration-body .edit-collection-tags .tagBox-container .tag-input-span input::-moz-placeholder,
.edit-inspiration .edit-inspiration-body .edit-collection-tags .tagBox-container .tag-input-span input::-moz-placeholder,
.edit-collection .edit-collection-body .edit-inspiration-tags .tagBox-container .tag-input-span input::-moz-placeholder,
.edit-inspiration .edit-collection-body .edit-inspiration-tags .tagBox-container .tag-input-span input::-moz-placeholder,
.edit-collection .edit-inspiration-body .edit-inspiration-tags .tagBox-container .tag-input-span input::-moz-placeholder,
.edit-inspiration .edit-inspiration-body .edit-inspiration-tags .tagBox-container .tag-input-span input::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
  color: #808285;
}
.edit-collection .edit-collection-body .edit-collection-tags .tagBox-container .tag-input-span input:-ms-input-placeholder,
.edit-inspiration .edit-collection-body .edit-collection-tags .tagBox-container .tag-input-span input:-ms-input-placeholder,
.edit-collection .edit-inspiration-body .edit-collection-tags .tagBox-container .tag-input-span input:-ms-input-placeholder,
.edit-inspiration .edit-inspiration-body .edit-collection-tags .tagBox-container .tag-input-span input:-ms-input-placeholder,
.edit-collection .edit-collection-body .edit-inspiration-tags .tagBox-container .tag-input-span input:-ms-input-placeholder,
.edit-inspiration .edit-collection-body .edit-inspiration-tags .tagBox-container .tag-input-span input:-ms-input-placeholder,
.edit-collection .edit-inspiration-body .edit-inspiration-tags .tagBox-container .tag-input-span input:-ms-input-placeholder,
.edit-inspiration .edit-inspiration-body .edit-inspiration-tags .tagBox-container .tag-input-span input:-ms-input-placeholder {
  font-style: italic;
  color: #808285;
}
.edit-collection .edit-collection-body .edit-collection-tags .tagBox-container .span.tagBox-list,
.edit-inspiration .edit-collection-body .edit-collection-tags .tagBox-container .span.tagBox-list,
.edit-collection .edit-inspiration-body .edit-collection-tags .tagBox-container .span.tagBox-list,
.edit-inspiration .edit-inspiration-body .edit-collection-tags .tagBox-container .span.tagBox-list,
.edit-collection .edit-collection-body .edit-inspiration-tags .tagBox-container .span.tagBox-list,
.edit-inspiration .edit-collection-body .edit-inspiration-tags .tagBox-container .span.tagBox-list,
.edit-collection .edit-inspiration-body .edit-inspiration-tags .tagBox-container .span.tagBox-list,
.edit-inspiration .edit-inspiration-body .edit-inspiration-tags .tagBox-container .span.tagBox-list {
  float: left;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.edit-collection .edit-collection-body .edit-collection-tags .tagBox-container .tagBox-item,
.edit-inspiration .edit-collection-body .edit-collection-tags .tagBox-container .tagBox-item,
.edit-collection .edit-inspiration-body .edit-collection-tags .tagBox-container .tagBox-item,
.edit-inspiration .edit-inspiration-body .edit-collection-tags .tagBox-container .tagBox-item,
.edit-collection .edit-collection-body .edit-inspiration-tags .tagBox-container .tagBox-item,
.edit-inspiration .edit-collection-body .edit-inspiration-tags .tagBox-container .tagBox-item,
.edit-collection .edit-inspiration-body .edit-inspiration-tags .tagBox-container .tagBox-item,
.edit-inspiration .edit-inspiration-body .edit-inspiration-tags .tagBox-container .tagBox-item {
  margin-left: 0;
}
.edit-collection .edit-collection-body .edit-collection-tags .tagBox-container .tagBox-list span,
.edit-inspiration .edit-collection-body .edit-collection-tags .tagBox-container .tagBox-list span,
.edit-collection .edit-inspiration-body .edit-collection-tags .tagBox-container .tagBox-list span,
.edit-inspiration .edit-inspiration-body .edit-collection-tags .tagBox-container .tagBox-list span,
.edit-collection .edit-collection-body .edit-inspiration-tags .tagBox-container .tagBox-list span,
.edit-inspiration .edit-collection-body .edit-inspiration-tags .tagBox-container .tagBox-list span,
.edit-collection .edit-inspiration-body .edit-inspiration-tags .tagBox-container .tagBox-list span,
.edit-inspiration .edit-inspiration-body .edit-inspiration-tags .tagBox-container .tagBox-list span {
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.edit-collection .popup-footer,
.edit-inspiration .popup-footer {
  height: 55px;
}
.edit-collection .popup-footer .edit-collection-remove,
.edit-inspiration .popup-footer .edit-collection-remove {
  margin: 0;
  display: inline-block;
}
.edit-collection .popup-footer .edit-collection-remove:hover,
.edit-inspiration .popup-footer .edit-collection-remove:hover {
  cursor: pointer;
}
.edit-collection .popup-footer .inline-custom-message,
.edit-inspiration .popup-footer .inline-custom-message {
  width: 150px;
  font-size: 8pt;
  padding-left: 10px;
  height: 31px;
  line-height: 31px;
  padding-top: 0;
}
.edit-collection .popup-footer .update-collection-btn,
.edit-inspiration .popup-footer .update-collection-btn {
  height: 35px;
  width: 100px;
  padding: 0;
  border: none;
}
.edit-collection .bootstrap-select,
.user-group-popup .bootstrap-select {
  width: 100% !important;
}
.edit-collection .extra_info_icon,
.user-group-popup .extra_info_icon {
  position: absolute;
  right: 40px;
  top: 130px;
  font-size: 16px;
  padding: 3px 12px;
  background: #484848;
  color: #FFF;
  cursor: pointer;
}
.edit-collection .extra_info,
.user-group-popup .extra_info {
  text-align: center;
  color: white;
  max-width: 262px;
  position: absolute;
  top: 46px;
  right: 70px;
  display: none;
  z-index: 999;
}
.edit-collection .extra_info .extra_info_triangle,
.user-group-popup .extra_info .extra_info_triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 14px;
  border-color: transparent transparent transparent #484848;
  vertical-align: unset;
  float: right;
  margin-top: 90px;
}
.edit-collection .extra_info .extra_info_title,
.user-group-popup .extra_info .extra_info_title {
  background: #484848;
  padding: 15px;
  font-size: 15px;
  text-align: left;
  width: 240px;
  float: right;
}
.edit-collection .extra_info_overlay,
.user-group-popup .extra_info_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background: rgba(255, 255, 255, 0);
  display: none;
  z-index: 1000;
}
.ticket-popup,
.pay-invoice-popup {
  padding: 0.25em;
}
.ticket-popup .popup-header,
.pay-invoice-popup .popup-header {
  text-align: left;
  background-color: #414042;
  padding: 0.6em 40px;
  color: #FFFFFF;
  font-size: 15pt;
  font-weight: normal;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.ticket-popup .popup-footer,
.pay-invoice-popup .popup-footer {
  height: 50px;
  width: 99%;
}
.ticket-popup .popup-footer .inline-custom-message,
.pay-invoice-popup .popup-footer .inline-custom-message {
  width: 150px;
  font-size: 8pt;
  padding-left: 10px;
  height: 31px;
  line-height: 31px;
  padding-top: 0;
}
.ticket-popup .popup-footer .create-ticket-btn,
.pay-invoice-popup .popup-footer .create-ticket-btn,
.ticket-popup .popup-footer .reply-ticket-btn,
.pay-invoice-popup .popup-footer .reply-ticket-btn,
.ticket-popup .popup-footer .cancel-invoice-btn,
.pay-invoice-popup .popup-footer .cancel-invoice-btn {
  height: 30px;
  width: 80px;
  font-size: 10pt;
}
.ticket-popup .popup-footer .pay-invoice-btn,
.pay-invoice-popup .popup-footer .pay-invoice-btn,
.ticket-popup .popup-footer .cancel-invoice-btn,
.pay-invoice-popup .popup-footer .cancel-invoice-btn {
  padding: 0;
  float: left;
}
.ticket-popup .popup-footer .pay-invoice-btn,
.pay-invoice-popup .popup-footer .pay-invoice-btn {
  width: 150px;
  height: 30px;
  font-size: 10pt;
  float: right;
}
.retailer-pop-title {
  display: block;
  width: 90%;
  margin: auto;
  text-align: center;
  font-size: 20px;
}
.add-to-referboard,
.edit-image {
  padding: 0.25em;
}
.add-to-referboard .popup-body,
.edit-image .popup-body {
  padding: 40px;
}
.add-to-referboard .popup-header,
.edit-image .popup-header {
  text-align: left;
  background-color: #414042;
  padding: 0.6em 40px;
  color: #FFFFFF;
  font-size: 15pt;
  font-weight: normal;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.add-to-referboard .add-product-opts div,
.edit-image .add-product-opts div {
  height: 90px;
  line-height: 90px;
  text-align: center;
  font-size: 20pt;
  color: #808285;
}
.add-to-referboard .add-product-opts div:hover,
.edit-image .add-product-opts div:hover {
  background: #F1F2F2;
  cursor: pointer;
  color: #231F20;
}
.add-to-referboard .popup-body {
  padding: 40px 0;
}
.edit-image .jwc_frame {
  border-radius: 50px;
}
.edit-image .jwc_controls {
  display: none;
  opacity: 0;
}
.edit-image .popup-footer {
  width: 99%;
}
.edit-image .popup-footer .edit-img-btn {
  font-size: 12pt;
  font-weight: normal;
  width: 100px;
  height: 35px;
}
.edit-image .popup-body {
  padding: 30px 0;
}
.edit-image .popup-body div {
  display: inline-block;
}
.edit-image .popup-body .image-error {
  padding: 0 40px;
  color: #FF0000;
  height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  display: none;
}
.edit-image .popup-body .edit-image-top {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #D1D3D4;
}
.edit-image .popup-body #profile-image-edit {
  padding: 0 40px;
  width: 100%;
  padding-bottom: 20px;
}
.edit-image .popup-body #profile-image-edit span {
  display: block;
  color: #231F20;
  font-size: 11pt;
  padding: 5px 0;
}
.edit-image .popup-body #profile-image-edit .profile-image-edit-action {
  margin-top: 20px;
  display: none;
}
.edit-image .popup-body #profile-image-edit .profile-image-edit-action .zoom {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid #d1d3d4;
  padding: 0;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 0 2.5px;
  cursor: pointer;
  font-size: 14px;
}
.edit-image .popup-body #profile-image-edit #profile-upload-picture {
  width: 100px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.edit-image .popup-body #profile-image-edit #profile-upload-picture .edit-picture-img {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.edit-image .popup-body #profile-image-edit .file-label {
  width: 70px;
  height: 25px;
  line-height: 23px;
  font-size: 9pt;
}
.edit-image .popup-body #bg-image-edit {
  padding: 0 40px;
  margin-bottom: 20px;
}
.edit-image .popup-body #bg-image-edit span {
  display: block;
  color: #231F20;
  font-size: 11pt;
  padding: 5px 0;
}
.edit-image .popup-body #bg-image-edit .file-label {
  width: 70px;
  height: 25px;
  line-height: 23px;
  font-size: 9pt;
}
#bg-image-edit .jwc_frame {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.withdraw-popup .withdraw-summary {
  visibility: hidden;
  height: 0;
}
.login-popup .popup-header,
.quick-registration .popup-header {
  text-align: center;
  background-color: #414042;
}
.login-popup .popup-header img,
.quick-registration .popup-header img {
  width: 150px;
}
.login-popup .popup-body,
.quick-registration .popup-body {
  position: relative;
}
.login-popup .popup-body input[type="text"],
.quick-registration .popup-body input[type="text"],
.login-popup .popup-body input[type="password"],
.quick-registration .popup-body input[type="password"] {
  width: 100%;
}
.login-popup .row-half {
  width: 45%;
  display: inline-block;
  padding: 3em 1.5em 0 1.5em;
  vertical-align: top;
}
.login-popup .row-half .error input {
  border: 1px solid red;
}
.login-popup .row-half .login-info-container {
  padding: 20px 0;
}
.login-popup .row-half .login-info-container .title {
  font-size: 18px;
  display: block;
}
.login-popup .row-half .login-info-container .title i {
  color: #8CC641;
  font-style: normal;
}
.login-popup .row-half .login-info-container .retailer-logout-btn {
  display: block;
  width: 90px;
  height: 30px;
  line-height: 28px;
  margin-top: 10px;
  font-size: 14px;
}
.login-popup .row-half-right {
  width: 53%;
  display: inline-block;
  padding: 3em 1.5em 0 1.5em;
  vertical-align: top;
}
.login-popup .create-account-block {
  background-color: #F1F1F2;
  text-align: center;
  padding: 2em 0;
  margin-top: 0.6em;
}
.login-popup .create-account-retailer-block {
  text-align: center;
  padding: 1.5em 0;
}
.login-popup .create-account-retailer-block span {
  font-weight: bold;
}
.login-popup .create-account-retailer-block a {
  text-decoration: none;
  color: #231F20;
}
.login-popup .create-account-retailer-block a:hover {
  color: #8cc641;
}
.login-popup .learn-more-btn {
  width: 120px;
  height: 30px;
  font-size: 12px;
  line-height: 28px;
}
.quick-registration,
.extra-information {
  padding: 0.25em;
  padding-bottom: 0;
}
.quick-registration .popup-header,
.extra-information .popup-header {
  width: auto;
}
.quick-registration .popup-footer,
.extra-information .popup-footer {
  width: 99%;
}
.quick-registration .row-half,
.extra-information .row-half {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.25em;
}
.quick-registration .row-half input,
.extra-information .row-half input {
  margin-right: 1em;
}
.quick-registration .row-full,
.extra-information .row-full {
  margin-right: 0.45em;
}
.quick-registration .row-fourth,
.extra-information .row-fourth {
  width: 24%;
  display: inline-block;
  margin-right: 0.5em;
}
.quick-registration .row-3fourth,
.extra-information .row-3fourth {
  width: 73%;
  display: inline-block;
  margin-right: 0.5em;
}
.quick-registration .agree-terms-block,
.extra-information .agree-terms-block {
  border: 1px solid #F1F1F2;
  height: 3.1em;
}
.quick-registration h3,
.extra-information h3 {
  margin-bottom: 0;
}
.user-group-popup .popup-body {
  min-height: 30%;
  position: relative;
}
.user-group-popup .message-box {
  position: absolute;
  top: 40%;
  font-size: 10pt;
}
.refer-popup-fromurl {
  padding: 0.25em;
  position: relative;
}
.refer-popup-fromurl .popup-header {
  text-align: left;
  background-color: #414042;
  padding: 0.6em 40px;
  color: #FFFFFF;
  font-size: 15pt;
  font-weight: normal;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.refer-popup-fromurl .popup-body {
  position: relative;
}
.refer-popup-fromurl .popup-footer {
  width: 99%;
  position: fixed !important;
}
.refer-popup-fromurl .popup-footer .refer-back-btn {
  display: inline-block;
  height: 32px;
  width: 80px;
  font-size: 10pt;
  line-height: 30px;
  margin-right: 10px;
}
.refer-popup-fromurl .popup-footer .error-notify-btn {
  color: white;
  width: 100px;
  text-align: center;
  font-weight: normal;
  margin-left: auto;
  margin-right: auto;
  float: right;
}
.refer-popup-fromurl .popup-footer .error-notify-btn:hover {
  cursor: pointer;
}
.refer-popup-fromurl .popup-body {
  min-height: 40%;
}
.refer-popup-fromurl .rup-loading-text {
  margin-top: 10px;
  text-align: center;
  height: 100%;
}
.refer-popup-fromurl .rup-loading-text span {
  display: inline-block;
  margin-bottom: 25px;
}
.refer-popup-fromurl .rup-loading-text .progress-bar-div {
  width: 100%;
}
.refer-popup-fromurl .rup-loading-text .progress-bar-div #processbar {
  height: 16px;
  width: 100%;
  background-color: #F1F2F2;
  border: 1px solid #F1F2F2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.refer-popup-fromurl .rup-loading-text .progress-bar-div #processbar .finish {
  height: 15px;
  width: 0;
  background: -moz-linear-gradient(top, #8cc641, #78AB41);
  background: -webkit-linear-gradient(top, #8cc641, #78AB41);
  background: -ms-linear-gradient(top, #8cc641, #78AB41);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#8cc641, endColorstr=#78AB41)";
  /*IE8+*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.refer-popup-fromurl .rup-loading-text .progress-minimize-div {
  width: 100%;
  text-align: center;
  margin-top: 25px;
}
.refer-popup-fromurl .rup-loading-text .progress-minimize-div .minimize-span {
  margin-bottom: 0;
}
.refer-popup-fromurl .rup-loading-text .progress-minimize-div .progress-minimize-btn {
  display: inline-block;
  text-decoration: none;
  color: #231F20;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #808285;
  font-weight: normal;
  padding: 5px 20px;
  background: -moz-linear-gradient(top, #F1F2F2, #D1D3D4);
  background: -webkit-linear-gradient(top, #F1F2F2, #D1D3D4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#F1F2F2, endColorstr=#D1D3D4);
  /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#F1F2F2, endColorstr=#D1D3D4)";
  /*IE8+*/
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.refer-popup-fromurl .rup-loading-text .progress-minimize-div .progress-minimize-btn:hover {
  background: #F1F2F2;
  cursor: pointer;
}
.refer-popup-fromurl .rup-loading-text #referboard_product_form {
  height: 100%;
}
.refer-popup-fromurl .rup-loading-text #referboard_product_form .refer-product-results {
  height: 100%;
}
.refer-popup-fromurl .rup-initial-form {
  margin: 1em auto;
}
.refer-popup-fromurl .rup-initial-form .add-url-div,
.refer-popup-fromurl .rup-initial-form .add-category-div {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.refer-popup-fromurl .rup-initial-form .add-url-div {
  position: relative;
  background: #f1f2f2;
  border: 1px solid #D1D3D4;
}
.refer-popup-fromurl .rup-initial-form .add-url-div input {
  padding: 0 1em;
  font-size: 14px;
  width: 80% !important;
}
.refer-popup-fromurl .rup-initial-form .add-url-div input::-webkit-input-placeholder {
  font-style: italic;
  font-weight: normal;
  color: #808285;
}
.refer-popup-fromurl .rup-initial-form .add-url-div input::-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
  font-weight: normal;
  color: #808285;
}
.refer-popup-fromurl .rup-initial-form .add-url-div input::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
  font-weight: normal;
  color: #808285;
}
.refer-popup-fromurl .rup-initial-form .add-url-div input:-ms-input-placeholder {
  font-style: italic;
  font-weight: normal;
  color: #808285;
}
.refer-popup-fromurl .rup-initial-form .add-category-div {
  background: #F1F2F2;
}
.refer-popup-fromurl .rup-initial-form input {
  height: 40px;
}
.refer-popup-fromurl .rup-infoBox {
  padding: 0.4em 1em 1em 1em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #F1F1F2;
  padding-left: 4.5em;
  font-style: italic;
  font-size: 8pt;
  float: left;
  width: 16.5em;
  margin: auto;
  display: none;
  text-align: left;
  color: #939598;
  font-weight: normal;
}
.category-list-header {
  margin-top: 20px;
  border: 1px solid #d1d3d4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  height: 40px;
  padding: 0 1em;
  cursor: pointer;
  background: #f1f1f2 url('../../css/../images/referboard/mobile/arrow-btn-normal.png') no-repeat 98% !important;
  background-position: 98% 50% !important;
  background-size: 5% 80% !important;
}
.category-list-header .title {
  display: block;
  line-height: 38px;
  color: #808285;
  font-style: italic;
  font-size: 14px;
}
.category-list-header .has-value {
  color: #231f20;
  font-style: normal;
}
.category-list {
  height: 150px !important;
  overflow: hidden;
  overflow-y: scroll;
  padding: 12px;
  border: 1px solid #d1d3d4;
  border-top: none;
  opacity: 0;
  transition: height 0.6s;
  -webkit-transition: height 0.6s;
}
.category-list .cat-block {
  width: 25%;
  margin: 2%;
  float: left;
}
.category-list .cat-block .cat-header {
  color: #8cc641;
  padding: 5px;
  margin-bottom: 5px;
}
.category-list .cat-block .category-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.category-list .cat-block .category-ul li {
  display: block;
  padding: 5px;
  cursor: pointer;
}
.category-list .cat-block .category-ul li:hover {
  background: #f1f2f2;
  color: #231f20;
}
.category-list .cat-block .category-ul .li-selected {
  background: #8CC641;
  color: #ffffff;
}
.bs-create-form {
  position: relative;
}
.bs-create-form .input-error-msg {
  top: 0;
}
.bs-create-form input[type=text] {
  border: 1px solid #d1d3d4;
}
.refer-popup {
  padding-top: 0.25em;
}
.refer-popup label {
  color: #231F20;
}
.refer-popup .add-new-collect-btn {
  width: 100px;
  height: 35px;
  padding: 0;
  border: none;
}
.refer-popup .refer-back-btn {
  display: inline-block;
  float: left;
  height: 32px;
  width: 80px;
  font-size: 10pt;
  line-height: 30px;
}
.refer-popup .add-refer-close-btn {
  text-align: center;
}
.refer-popup .popup-body {
  padding: 40px 44px;
  min-height: 34%;
}
.refer-popup .popup-body .bootstrap-select {
  min-width: 285px;
  border: 1px solid #d1d3d4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  height: 40px;
  width: 305px !important;
}
.refer-popup .popup-body .bootstrap-select .dropdown-toggle {
  height: 100%;
  background-position: 96% 50% !important;
  background-size: 8% 60% !important;
  box-shadow: none;
}
.refer-popup .popup-body .bootstrap-select .filter-option {
  font-style: italic;
  color: #808285;
}
.refer-popup .popup-body .bootstrap-select .dropdown-menu {
  padding-left: 0.3em;
  border: 1px solid #f1f2f2;
  width: 306px;
  margin-left: -1px;
}
.refer-popup .popup-body .bootstrap-select div.dropdown-menu {
  margin-top: -3em;
}
.refer-popup .popup-body .bootstrap-select .bs-create-form {
  background: white;
  height: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 288px;
}
.refer-popup .popup-body .bootstrap-select .bs-create-form input[type='text'] {
  height: 100%;
  width: 70% !important;
}
.refer-popup .popup-body .bootstrap-select .bs-create-form input[type='button'] {
  width: 70px;
  height: 29px;
  line-height: 11px;
  margin: 0;
  vertical-align: top;
  margin-right: 5px;
  float: right;
}
.refer-popup .popup-body .div-column1,
.refer-popup .popup-body .div-column2 {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.refer-popup .popup-body .div-column1 {
  width: 160px;
}
.refer-popup .popup-body .div-column1 .carousel .item {
  height: 22em;
  width: 100%;
  text-align: center;
}
.refer-popup .popup-body .div-column1 .carousel .item img {
  max-width: 100%;
  max-height: 90%;
  display: inline-block;
}
.refer-popup .popup-body .div-column1 .carousel .item .carousel-caption {
  z-index: 0;
  width: 100%;
  height: 1.6em;
  padding: 0;
  left: 0;
  bottom: 0;
  background-color: #F1F1F2;
}
.refer-popup .popup-body .div-column1 .carousel .item .carousel-caption p {
  color: #554741;
  text-shadow: none;
}
.refer-popup .popup-body .div-column1 .carousel .carousel-control {
  z-index: 0;
  top: auto;
  top: initial;
  bottom: 0;
  height: 0.9em;
  width: 0.9em;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #939598;
  line-height: 76%;
  font-size: 16pt;
  font-weight: bolder;
  text-shadow: none;
  color: #58585B;
}
.refer-popup .popup-body .div-column2 {
  width: 305px;
  float: right;
  position: relative;
  height: 200px;
}
.refer-popup .popup-body .div-column2 .refer-product-select {
  position: absolute;
  bottom: 40px;
}
.refer-popup .popup-body .div-column2 .cell-bottom {
  margin-top: 1em;
  position: absolute;
  bottom: 0;
  width: 305px;
}
.refer-popup .popup-body .div-column2 .cell-bottom input[type="text"] {
  width: 20em;
  height: 2.8em;
  padding-left: 0.6em;
  margin-right: 0.4em;
  background: #F1F1F2;
}
.refer-popup .popup-body .div-column2 .tagBox-container {
  width: 100%;
}
.refer-popup .popup-body .div-column2 .tagBox-container .tag-input-span input::-webkit-input-placeholder {
  font-style: italic;
  font-weight: normal;
  color: #808285;
}
.refer-popup .popup-body .div-column2 .tagBox-container .tag-input-span input::-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
  font-weight: normal;
  color: #808285;
}
.refer-popup .popup-body .div-column2 .tagBox-container .tag-input-span input::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
  font-weight: normal;
  color: #808285;
}
.refer-popup .popup-body .div-column2 .tagBox-container .tag-input-span input:-ms-input-placeholder {
  font-style: italic;
  font-weight: normal;
  color: #808285;
}
.refer-popup .popup-body .div-column2 .tagBox-container .tag-input-span {
  background: #F1F2F2;
  border: 1px solid #D1D3D4;
  height: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.refer-popup .popup-body .div-column2 .tagBox-container .tag-input-span .tagbox-refer-txt {
  margin: 0;
  padding: 6px 12px;
  width: 65% !important;
}
.refer-popup .popup-body .div-column2 .tagBox-container .tag-input-span .tagBox-add-tag {
  width: 85px;
  height: 30px;
  display: inline-block;
  float: right;
  margin-top: 4px;
  margin-right: 4px;
  vertical-align: top;
  line-height: 12px;
}
.refer-popup .popup-body .div-column2 .tagBox-list {
  margin-top: 5px;
  width: 285px;
  position: absolute;
}
.refer-popup .popup-body .div-column2 .tagBox-list .tagBox-item {
  margin: 0;
  margin-right: 5px;
  margin-top: 5px;
}
.refer-popup .popup-body .div-column2 .tagbox-refer-txt {
  width: 208px !important;
}
/* add to referboard popup */
.add-to-referboard .atr-div {
  display: inline-block;
  width: 45%;
  height: 100%;
  margin: 0 0.55em 0 0;
  text-align: center;
  position: relative;
  vertical-align: top;
}
.add-to-referboard .atr-div a {
  position: absolute;
  bottom: 2em;
  left: 0;
  right: 0;
  text-decoration: none;
}
.add-to-referboard .atr-div .div-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 10em;
  height: 10em;
  background-color: #F1F1F2;
  padding: 3em 2.5em;
  text-align: center;
  margin: 2.5em auto;
  color: green;
  font-weight: bold;
}
.add-to-referboard .atr-div:hover {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
/********************************************************************************************************************/
/*                                    CUSTOM STYLE: Refer product view (popup & page)                               */
/********************************************************************************************************************/
/* check the javascript code for the right popup window dimentions */
.product-display-page {
  max-width: 1240px;
  min-width: 850px;
  margin: auto;
  padding: 0 20px;
}
.product-display-page .pd-div-top {
  margin-top: 1em;
  text-align: center;
}
.product-display-page .pd-div-images,
.product-display-page .pd-div-info-a,
.product-display-page .pd-div-info-b {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background-color: #FFF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.product-display-page .pd-div-info {
  display: inline-block;
  width: 26%;
  background-color: #FFF;
}
.product-display-page .pd-div-info-a,
.product-display-page .pd-div-info-b {
  padding: 0.7em;
  width: 100%;
}
.product-display-page .pd-div-images {
  width: 72%;
  padding: 1.5%;
  margin-right: 1%;
}
.product-display-page .pd-div-images .pd-div-thumbnails,
.product-display-page .pd-div-images .pd-div-mainimage {
  float: left;
  height: 100%;
}
.product-display-page .pd-div-images .pd-div-thumbnails {
  width: 9.3%;
  background-color: #F1F1F2;
  text-align: center;
  height: 522px;
  padding-top: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.product-display-page .pd-div-images .pd-div-thumbnails .pd-div-thumbnails-wrapper {
  height: 100%;
  width: 100%;
  vertical-align: middle;
}
.product-display-page .pd-div-images .pd-div-thumbnails .pd-div-thumbnails-wrapper .pd-div-thumbnail {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #FFF;
  margin: 0.6em auto;
  cursor: pointer;
  white-space: nowrap;
}
.product-display-page .pd-div-images .pd-div-thumbnails .pd-div-thumbnails-wrapper .pd-div-thumbnail img {
  margin-left: -3px;
}
.product-display-page .pd-div-images .pd-div-thumbnails .pd-div-thumbnails-wrapper .pd-div-thumbnail:hover {
  opacity: 0.6;
}
.product-display-page .pd-div-images .pd-div-mainimage {
  width: 100%;
  text-align: center;
  padding-top: 0;
  border: 1px solid #E6E7E8;
  position: relative;
  height: 420px;
  background-color: #f1f1f2;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.product-display-page .pd-div-images .pd-div-mainimage .zoomBox {
  width: 50%;
  height: 100%;
  position: absolute;
  visibility: hidden;
  left: 50%;
}
.product-display-page .pd-div-images .pd-div-mainimage .zoomBoxFirst {
  visibility: visible;
}
.product-display-page .pd-div-images .pd-div-mainimage .pro-div-targetbox {
  position: absolute !important;
  z-index: 101;
  border: 1px solid blue;
  /* Fallback for web browsers that doesn't support RGBa, white as default */
  background: rgba(0, 0, 255, 0.2);
  /* For IE 5.5 - 7*/
  background: none \9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#330000ff', endColorstr='#330000ff');
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
  /* For IE 8 - 9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  top: 0;
  left: 0;
  margin: auto;
  width: 25px;
  height: 21px;
  display: none;
}
.product-display-page .pd-div-images .pd-div-mainimage .pro-div-counter {
  position: absolute;
  width: 24px;
  right: 0;
  margin: 0.4em 0.4em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.product-display-page .pd-div-info-a {
  padding-top: 1em;
  padding-bottom: 2em;
  margin-top: 0;
}
.product-display-page .pd-div-info-a .pro-div-name {
  width: 100%;
  text-transform: lowercase;
  font-size: 12pt;
  font-weight: bold;
}
.product-display-page .pd-div-info-a .pro-div-name:first-letter {
  text-transform: capitalize;
}
.product-display-page .pd-div-info-a .pro-div-price {
  color: #8CC641;
  width: 100%;
  font-size: 12pt;
}
.product-display-page .pd-div-info-a .pro-div-description {
  font-size: 7pt;
  width: 100%;
  color: #444;
  margin-bottom: 2em;
}
.product-display-page .pd-div-info-b .pro-div-refer-by {
  width: 100%;
  font-size: 7pt;
  padding: 0.5em 0 0.5em 0.5em;
  background-color: #F1F1F2;
  vertical-align: middle;
}
.product-display-page .pd-div-info-b .pro-div-refer-by .pro-div-refer-by1,
.product-display-page .pd-div-info-b .pro-div-refer-by .pro-div-refer-by2 {
  display: inline-block;
  vertical-align: top;
}
.product-display-page .pd-div-info-b .pro-div-refer-by .pro-div-refer-by1 {
  width: 60%;
}
.product-display-page .pd-div-info-b .pro-div-refer-by .pro-div-refer-by1 div {
  display: inline-block;
  margin-left: 0.4em;
}
.product-display-page .pd-div-info-b .pro-div-refer-by .pro-div-refer-by1 a.pdrb-collection {
  font-weight: bold;
  text-decoration: none;
}
.product-display-page .pd-div-info-b .pro-div-refer-by .pro-div-refer-by1 a.pdrb-by {
  text-decoration: none;
  color: #8CC641;
}
.product-display-page .pd-div-info-b .pro-div-refer-by .pro-div-refer-by1 img {
  width: 25px;
  vertical-align: top;
}
.product-display-page .pd-div-info-b .pro-div-refer-by .pro-div-refer-by2 {
  width: 37%;
  text-align: right;
}
.product-display-page .pd-div-extras1,
.product-display-page .pd-div-extras2 {
  display: inline-block;
  vertical-align: top;
  margin-top: 1em;
  background-color: transparent;
  overflow: hidden;
  width: 100%;
}
.product-display-page .pd-div-extras1 .header,
.product-display-page .pd-div-extras2 .header {
  background-color: #000;
  color: #FFF;
  padding: 5px;
  font-size: 14pt;
  position: relative;
  line-height: 30px;
  height: 40px;
  text-indent: 0.5em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.product-display-page .pd-div-extras1 .header img,
.product-display-page .pd-div-extras2 .header img {
  width: 20px;
  vertical-align: top;
}
.product-display-page .pd-div-extras1 .header a.more-from-user,
.product-display-page .pd-div-extras2 .header a.more-from-user {
  font-style: italic;
  font-weight: bolder;
  text-decoration: none;
  color: #FFF;
}
.product-display-page .pd-div-extras1 .product-list,
.product-display-page .pd-div-extras2 .product-list {
  padding: 1em 0 0.5em 0;
  overflow: hidden;
  width: 100%;
}
.product-display-page .pd-div-extras1 .product-list .product-item,
.product-display-page .pd-div-extras2 .product-list .product-item {
  display: inline-block;
  padding: 0.5em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  background-color: #FFF;
  width: 245px;
  margin-right: 5px;
  height: 150px;
}
.product-display-page .pd-div-extras1 .product-list .product-item a,
.product-display-page .pd-div-extras2 .product-list .product-item a {
  text-decoration: none;
}
.product-display-page .pd-div-extras1 .product-list .product-item:hover .div-image,
.product-display-page .pd-div-extras2 .product-list .product-item:hover .div-image {
  opacity: 0.6;
}
.product-display-page .pd-div-extras1 .product-list .product-item .div-image,
.product-display-page .pd-div-extras2 .product-list .product-item .div-image {
  float: left;
  width: 46%;
  text-align: center;
  height: 100%;
  background-color: #FFF;
}
.product-display-page .pd-div-extras1 .product-list .product-item .div-image img,
.product-display-page .pd-div-extras2 .product-list .product-item .div-image img {
  vertical-align: middle;
}
.product-display-page .pd-div-extras1 .product-list .product-item .div-description,
.product-display-page .pd-div-extras2 .product-list .product-item .div-description {
  float: left;
  width: 50%;
  padding: 0 1px 0 10px;
  font-size: 8pt;
  height: 100%;
  position: relative;
}
.product-display-page .pd-div-extras1 .product-list .product-item .div-title,
.product-display-page .pd-div-extras2 .product-list .product-item .div-title {
  text-transform: lowercase;
  margin: 0.4em 0 0.5em 0;
  font-weight: bold;
  color: #554741;
}
.product-display-page .pd-div-extras1 .product-list .product-item .div-collection,
.product-display-page .pd-div-extras2 .product-list .product-item .div-collection {
  font-size: 7pt;
  color: #554741;
}
.product-display-page .pd-div-extras1 .product-list .product-item .div-collection a,
.product-display-page .pd-div-extras2 .product-list .product-item .div-collection a {
  text-decoration: none;
}
.product-display-page .pd-div-extras1 .product-list .product-item .div-title:first-letter,
.product-display-page .pd-div-extras2 .product-list .product-item .div-title:first-letter {
  text-transform: capitalize;
}
.product-display-page .pd-div-extras1 .product-list .product-item .div-price,
.product-display-page .pd-div-extras2 .product-list .product-item .div-price {
  color: #8CC641;
}
.product-display-page .pd-div-extras1 .product-list .product-item .div-view,
.product-display-page .pd-div-extras2 .product-list .product-item .div-view {
  position: absolute;
  bottom: 0.2em;
}
.product-display-page .pd-div-extras2 {
  margin-top: 20px;
}
.more-product-header {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #231f20;
  height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 5px;
}
.more-product-header .user-info {
  height: 100%;
  display: inline-block;
}
.more-product-header .user-img-container {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.more-product-header .user-img-container a {
  height: 100%;
  display: block;
}
.more-product-header .user-img-container a img {
  height: 30px;
  width: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.more-product-header .header-title {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.more-product-header .header-title a {
  text-decoration: none;
}
.more-product-header .header-title .small-title {
  color: #ffffff;
  font-size: 14pt;
  display: inline-block;
  vertical-align: middle;
}
.more-product-header .header-title .authenticate-icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  margin-left: 5px;
}
.more-product-header .user-follow-container {
  float: right;
  height: 30px;
  position: relative;
}
.more-product-header .user-follow-container .follow-btn-wrap {
  height: 30px;
  width: 100px;
  padding: 0;
  text-align: center;
  position: relative;
}
.more-product-header .user-follow-container .follow-btn-wrap .follow-action-btn {
  width: 100%;
  display: block;
  height: 30px;
  line-height: 28px;
}
.more-product-header .user-follow-container .loading_animation.list_loading {
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  display: none;
}
.more-product-header .user-follow-container .loading_animation.list_loading .spinner_wrap {
  width: 25px;
}
.more-product-header .user-follow-container .loading_animation.list_loading .spinner_wrap .spinner {
  width: 25px;
  height: 25px;
  margin-top: 2.5px;
}
.more-product-list-container,
.inspiration-product-list {
  min-height: 280px;
}
.more-product-list-container .more-item,
.inspiration-product-list .more-item {
  position: relative;
  height: 245px;
  margin: 20px 0;
  background: #FFF;
  overflow: hidden;
}
.more-product-list-container .more-item .bg-img,
.inspiration-product-list .more-item .bg-img {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
.more-product-list-container .more-item:hover,
.inspiration-product-list .more-item:hover {
  cursor: pointer;
}
.more-product-list-container .more-item:hover .product-info-price,
.inspiration-product-list .more-item:hover .product-info-price {
  opacity: 1;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
.more-product-list-container .more-item:hover .urp-actions,
.inspiration-product-list .more-item:hover .urp-actions,
.more-product-list-container .more-item:hover .widget-actions,
.inspiration-product-list .more-item:hover .widget-actions {
  opacity: 1;
}
.more-product-list-container .urp-actions,
.inspiration-product-list .urp-actions,
.more-product-list-container .widget-actions,
.inspiration-product-list .widget-actions {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.more-product-list-container .urp-actions .btns-wrap,
.inspiration-product-list .urp-actions .btns-wrap,
.more-product-list-container .widget-actions .btns-wrap,
.inspiration-product-list .widget-actions .btns-wrap {
  padding: 10px;
}
.more-product-list-container .product-info-name,
.inspiration-product-list .product-info-name {
  padding: 10px;
  background: rgba(255, 255, 255, 0.7);
}
.more-product-list-container .product-info-name .more-pd-name,
.inspiration-product-list .product-info-name .more-pd-name {
  text-decoration: none;
  word-wrap: break-word !important;
  display: block;
  color: #231F20;
}
.more-product-list-container .product-info-name .urp-price-span,
.inspiration-product-list .product-info-name .urp-price-span {
  color: #8cc641;
  margin-top: 5px;
  display: block;
}
.more-product-list-container .less-product,
.inspiration-product-list .less-product {
  text-align: center;
  display: block;
}
.more-product-list-container .less-product .more-item,
.inspiration-product-list .less-product .more-item {
  width: 224px;
  display: inline-block;
  margin: 20px;
}
.checkbox-square-small {
  margin-top: 5px;
  margin-right: 5px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #FFFFFF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.checkbox-square-small input[type=checkbox] {
  visibility: hidden;
  height: 20px;
  width: 20px;
}
.checkbox-square-small label:after {
  content: '';
  background: #231F20;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  opacity: 0;
  margin: auto;
}
.checkbox-square-small input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
/********************************************************************************************************************/
/*                                                      FAQs According style                                        */
/********************************************************************************************************************/
#faq-accordion .ui-accordion-header {
  background: none;
  border: none;
  background-color: #E6E7E8;
  margin: 0;
  margin-top: 0.8em;
  padding: 0.7em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#faq-accordion .ui-accordion-header .ui-accordion-header-icon {
  right: 1em;
  left: auto;
}
#faq-accordion .ui-accordion-header a {
  color: #444;
  display: block;
  width: 100%;
}
#faq-accordion .ui-accordion-content {
  font-size: 8pt;
  color: #58585B;
  background: none;
  background-color: #F1F1F2;
  width: 100%;
  margin-bottom: 0.8em;
  padding: 1.2em 0.7em;
}
#faq-accordion .ui-accordion-content a {
  color: #8CC641;
}
.ias_trigger {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
}
.ias_loader {
  position: absolute;
  bottom: -150px;
  left: 0;
  right: 0;
  width: 100%;
  font-size: 30pt;
}
.footer-loading-animation {
  position: relative;
  height: 80px;
  opacity: 0;
}
.loading_animation {
  width: 100%;
  position: absolute;
  height: 40px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}
.loading_animation .loading_wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}
.loading_animation .loading_wrap .text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 16px;
  font-style: italic;
  font-family: 'MyriadRegular';
  color: red;
}
.spinner_wrap {
  width: 40px;
  display: inline-block;
  vertical-align: middle;
}
.spinner {
  /* margin: auto;
  border: 2px solid #fff;
  font-size: 40px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top-color: #8cc640; */
  margin: auto;
  border: 3px solid #8cc641;
  font-size: 40px;
  height: 30px;
  width: 30px;
  margin-top: 5px;
  border-radius: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top-color: #FFF;


}
@-webkit-keyframes spin {
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loading_animation.list_loading {
  display: block;
}
.loading_animation.list_loading .spinner {
  margin: auto;
  border: 3px solid #8cc641;
  font-size: 40px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top-color: #FFF;
}
.loading_animation.btn_loading {
  background: transparent;
}
.loading_animation.btn_loading .loading_wrap {
  top: 0;
}
.loading_animation.btn_loading .loading_wrap .spinner {
  width: 27px;
  height: 27px;
  border-top-color: #689B00;
}
.edit-img-wrapper,
.edit-product-wrapper,
.refer-btn-wrapper,
.create-collection-wrapper,
.edit-collection-wrapper,
.bug-submit-wrapper {
  position: relative;
  display: inline-block;
}
.edit-img-wrapper .loading_animation,
.edit-product-wrapper .loading_animation,
.refer-btn-wrapper .loading_animation,
.create-collection-wrapper .loading_animation,
.edit-collection-wrapper .loading_animation,
.bug-submit-wrapper .loading_animation {
  height: 33px;
  background: rgba(255, 255, 255, 0.7);
  width: 98px;
}
.edit-img-wrapper .loading_animation .spinner_wrap,
.edit-product-wrapper .loading_animation .spinner_wrap,
.refer-btn-wrapper .loading_animation .spinner_wrap,
.create-collection-wrapper .loading_animation .spinner_wrap,
.edit-collection-wrapper .loading_animation .spinner_wrap,
.bug-submit-wrapper .loading_animation .spinner_wrap {
  width: 25px;
  margin-top: 2.5px;
}
.edit-img-wrapper .loading_animation .spinner_wrap .spinner,
.edit-product-wrapper .loading_animation .spinner_wrap .spinner,
.refer-btn-wrapper .loading_animation .spinner_wrap .spinner,
.create-collection-wrapper .loading_animation .spinner_wrap .spinner,
.edit-collection-wrapper .loading_animation .spinner_wrap .spinner,
.bug-submit-wrapper .loading_animation .spinner_wrap .spinner {
  width: 25px;
  height: 25px;
}
.edit-img-wrapper .edit_img_loading,
.edit-product-wrapper .edit_img_loading,
.refer-btn-wrapper .edit_img_loading,
.create-collection-wrapper .edit_img_loading,
.edit-collection-wrapper .edit_img_loading,
.bug-submit-wrapper .edit_img_loading,
.edit-img-wrapper .edit_product_loading,
.edit-product-wrapper .edit_product_loading,
.refer-btn-wrapper .edit_product_loading,
.create-collection-wrapper .edit_product_loading,
.edit-collection-wrapper .edit_product_loading,
.bug-submit-wrapper .edit_product_loading,
.edit-img-wrapper .refer_product_loading,
.edit-product-wrapper .refer_product_loading,
.refer-btn-wrapper .refer_product_loading,
.create-collection-wrapper .refer_product_loading,
.edit-collection-wrapper .refer_product_loading,
.bug-submit-wrapper .refer_product_loading,
.edit-img-wrapper .create_collection_loading,
.edit-product-wrapper .create_collection_loading,
.refer-btn-wrapper .create_collection_loading,
.create-collection-wrapper .create_collection_loading,
.edit-collection-wrapper .create_collection_loading,
.bug-submit-wrapper .create_collection_loading,
.edit-img-wrapper .edit_collection_loading,
.edit-product-wrapper .edit_collection_loading,
.refer-btn-wrapper .edit_collection_loading,
.create-collection-wrapper .edit_collection_loading,
.edit-collection-wrapper .edit_collection_loading,
.bug-submit-wrapper .edit_collection_loading {
  display: none;
}


/*** CSS File: /css/header/_notification.css ***/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/********************************************************************************************************************/
/*                                                  ADDED BY WILLIAM                                                */
/********************************************************************************************************************/
/**
 * Applies opacity effect to the element without affecting the children elements
 *
 * @param @bgcolor
 * @param @opacity
 */
/**
 * Applies shadow to the element
 * 
 * @param @x-axis
 * @param @y-axis
 * @param @blur
 * @param @alpha
 */
/**
 * Applies transition to all the attributes
 * 
 * @param @duration
 * @param @ease
 */
/**
 * Applies transition to an specific attribute
 * 
 * @param @property
 * @param @duration
 * @param @ease
 */
/**
 * Applies transition to the passed properties
 * 
 * @param multiple
 */
/**
 * Default values for some measurements
 */
/**
 * Renders the default button
 *
 * @param @color
 * @param @color-border
 * @param @background
 */
/**
 * Sets the size of the button. Fixed: width, Variable: padding
 *
 * @params variable  Pattern-matching
 */
/**
 * Adds gradient effect to the default button, and apply effect on hover
 * 
 * @param @color-ini
 * @param @color-end
 * @param @color-hover-ini
 * @param @color-hover-end
 */
/**
 * Adds gradient effect to the default button, and apply effect on active
 * 
 * @param @color-ini
 * @param @color-end
 * @param @color-hover-ini
 * @param @color-hover-end
 */
/**
 * Adds gradient effect to the default button and allows to add an image to background, and apply effect on hover
 * The background image cannot be resized but moved from position
 * 
 * @param @color-ini
 * @param @color-end
 * @param @color-hover-ini
 * @param @color-hover-end
 * @param @image
 * @param @posx
 * @param @posy
 */
/**
 * Adds fade effect to the default button
 * 
 * @param @color
 * @param @trasparency
 * @param @speed
 * @param @method
 */
/**
 * Renders the list in multiple columns
 *
 * @param @columns
 * @param @column-gap
 */
/* include the font to use */
@font-face {
  font-family: "AsapBold";
  src: url("/css/fonts/asap/Asap-Bold.otf");
  font-weight: bold;
}
@font-face {
  font-family: "AsapItalic";
  src: url("/css/fonts/asap/Asap-Italic.otf");
  font-style: italic, oblique;
}
@font-face {
  font-family: "AsapBoldItalic";
  src: url("/css/fonts/asap/Asap-BoldItalic.otf");
  font-weight: bold;
  font-style: italic, oblique;
}
@font-face {
  font-family: "Asap";
  src: url("/css/fonts/asap/Asap-Regular.otf");
  font-weight: normal;
  font-style: normal;
}
/********************************************************************************************************************/
/*                                                  COMMON VARIABLES                                                */
/********************************************************************************************************************/
.grey-background {
  background: #f1f2f2;
}
.notification-inner-wrap {
  position: relative;
  height: 100%;
}
.empty-item {
  font-size: 16px;
  font-family: AsapBold;
  text-align: center;
  margin-top: 20px;
}
#notification-header .notification-item {
  float: left;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  cursor: pointer;
}
#notification-header .notification-item .item-container {
  padding: 20px;
  text-align: center;
  font-size: 18px;
  color: #96938e;
}
#notification-header .notification-item .bar {
  display: block;
  height: 3px;
  background: #f1f2f2;
}
#notification-header .active .txt {
  color: #8CC63E;
}
#notification-header .active .bar {
  background: #8CC63E;
}
#notification-content .message-item,
#board-notification-content .message-item {
  border-bottom: 1px solid #c9c8c7;
}
#notification-content .message-item .message-wrap,
#board-notification-content .message-item .message-wrap {
  padding: 10px;
}
#notification-content .message-item .user-profile,
#board-notification-content .message-item .user-profile {
  display: inline-block;
  vertical-align: middle;
}
#notification-content .message-item .user-profile img,
#board-notification-content .message-item .user-profile img {
  width: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#notification-content .message-item .feed-icon,
#board-notification-content .message-item .feed-icon {
  display: inline-block;
  vertical-align: top;
}
#notification-content .message-item .feed-icon img,
#board-notification-content .message-item .feed-icon img {
  width: 40px;
}
#notification-content .message-item .feed-icon .verify-icon,
#board-notification-content .message-item .feed-icon .verify-icon {
  width: 30px;
}
#notification-content .message-item .verified-txt,
#board-notification-content .message-item .verified-txt {
  display: inline-block;
  width: 220px;
  font-size: 14px;
}
#notification-content .message-item .verified-txt .desc,
#board-notification-content .message-item .verified-txt .desc {
  font-family: AsapBold;
}
#notification-content .message-item .sale-txt,
#board-notification-content .message-item .sale-txt {
  display: inline-block;
  font-size: 14px;
  width: 180px;
}
#notification-content .message-item .sale-txt a,
#board-notification-content .message-item .sale-txt a {
  text-decoration: none;
  font-size: 14px;
  color: #0A0C11;
}
#notification-content .message-item .sale-txt a:hover,
#board-notification-content .message-item .sale-txt a:hover {
  color: #0A0C11;
}
#notification-content .message-item .sale-txt .desc,
#board-notification-content .message-item .sale-txt .desc {
  font-family: AsapBold;
}
#notification-content .message-item .sale-txt .grey-txt,
#board-notification-content .message-item .sale-txt .grey-txt {
  color: #0a0c11;
}
#notification-content .message-item .action-txt,
#board-notification-content .message-item .action-txt {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
  width: 195px;
}
#notification-content .message-item .action-txt .title,
#board-notification-content .message-item .action-txt .title {
  font-family: AsapBold;
  font-size: 14px;
}
#notification-content .message-item .action-txt .title a,
#board-notification-content .message-item .action-txt .title a {
  text-decoration: none;
  font-family: AsapBold;
  font-size: 14px;
  color: #0A0C11;
}
#notification-content .message-item .action-txt .title a:hover,
#board-notification-content .message-item .action-txt .title a:hover {
  color: #0A0C11;
}
#notification-content .message-item .action-txt .desc,
#board-notification-content .message-item .action-txt .desc {
  font-size: 14px;
}
#notification-content .message-item .action-container,
#board-notification-content .message-item .action-container {
  display: inline-block;
  vertical-align: middle;
  float: right;
  position: relative;
  top: inherit;
  right: inherit;
}
#notification-content .message-item .action-container .follow-btn-wrap,
#board-notification-content .message-item .action-container .follow-btn-wrap {
  position: relative;
}
#notification-content .message-item .action-container .follow-btn-wrap .follow_loading,
#board-notification-content .message-item .action-container .follow-btn-wrap .follow_loading {
  display: none;
  height: 20px;
  margin: 0;
  background: #ffffff;
}
#notification-content .message-item .action-container .follow-btn-wrap .follow_loading .spinner_wrap,
#board-notification-content .message-item .action-container .follow-btn-wrap .follow_loading .spinner_wrap {
  width: 20px;
}
#notification-content .message-item .action-container .follow-btn-wrap .follow_loading .spinner_wrap .spinner,
#board-notification-content .message-item .action-container .follow-btn-wrap .follow_loading .spinner_wrap .spinner {
  height: 15px;
  width: 15px;
  margin-top: 2.5px;
}
#notification-content .message-item .action-container .follow-btn-wrap .follow-action-btn,
#board-notification-content .message-item .action-container .follow-btn-wrap .follow-action-btn {
  height: 30px;
  font-size: 11px;
  border: none;
  background: none !important;
  text-align: right;
  color: #8CC63E !important;
}
#notification-content .message-item .action-container .follow-btn-wrap .follow-action-btn:hover,
#board-notification-content .message-item .action-container .follow-btn-wrap .follow-action-btn:hover {
  background: none;
  color: #8CC63E !important;
  text-decoration: underline;
}
#notification-content .message-item .action-container .follow-btn-wrap .green-bg-btn,
#board-notification-content .message-item .action-container .follow-btn-wrap .green-bg-btn {
  color: #8CC63E !important;
}
#notification-content .message-item .action-container .see-more-btn,
#board-notification-content .message-item .action-container .see-more-btn {
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
}
#notification-content .message-item .action-container .see-more-btn:hover,
#board-notification-content .message-item .action-container .see-more-btn:hover,
#notification-content .message-item .action-container .see-more-btn:active,
#board-notification-content .message-item .action-container .see-more-btn:active {
  text-decoration: underline !important;
}
#notification-content .message-item .txt-container,
#board-notification-content .message-item .txt-container {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
  font-size: 14px;
}
#notification-content .message-item .txt-container a,
#board-notification-content .message-item .txt-container a {
  text-decoration: none;
  font-family: AsapBold;
  font-size: 14px;
  color: #0A0C11;
}
#notification-content .message-item .txt-container a:hover,
#board-notification-content .message-item .txt-container a:hover {
  color: #0A0C11;
}
#notification-content .message-item .notification-title-container,
#board-notification-content .message-item .notification-title-container {
  padding: 5px 10px;
}
#notification-content .message-item .notification-title-container .user-profile,
#board-notification-content .message-item .notification-title-container .user-profile,
#notification-content .message-item .notification-title-container .txt-container,
#board-notification-content .message-item .notification-title-container .txt-container {
  vertical-align: middle;
}
#notification-content .message-item .notification-title-container .txt-container,
#board-notification-content .message-item .notification-title-container .txt-container {
  width: 220px;
}
#notification-content .message-item .notification-result .notification-result-wrap,
#board-notification-content .message-item .notification-result .notification-result-wrap {
  padding: 10px;
  padding-bottom: 0;
}
#notification-content .message-item .notification-result .user-profile-link,
#board-notification-content .message-item .notification-result .user-profile-link {
  display: inline-block;
  width: 40px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#notification-content .message-item .notification-result .user-profile-link img,
#board-notification-content .message-item .notification-result .user-profile-link img {
  display: block;
  width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#notification-content .message-item .notification-result .user-group-menu,
#board-notification-content .message-item .notification-result .user-group-menu {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}
#notification-content .message-item .notification-result .user-group-menu .collection-image,
#board-notification-content .message-item .notification-result .user-group-menu .collection-image {
  width: 40px;
  height: 40px;
  display: block;
}
#notification-content .message-item .notification-result .feed-pd,
#board-notification-content .message-item .notification-result .feed-pd {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 40px;
  height: 40px;
  position: relative;
  background: #f1f2f2;
}
#notification-content .message-item .notification-result .feed-pd .feed-pd-image,
#board-notification-content .message-item .notification-result .feed-pd .feed-pd-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#notification-content .message-item .notification-result .empty-collection-link,
#board-notification-content .message-item .notification-result .empty-collection-link {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #c9c8c7;
  margin-right: 10px;
  margin-bottom: 10px;
}
#notification-content .message-item .green-font,
#board-notification-content .message-item .green-font {
  color: #8CC63E;
}
#notification-content .unread,
#board-notification-content .unread {
  background: #f1f2f2;
  border-bottom: 2px solid #ffffff;
}
.grey-txt {
  color: #96938e;
}
@media screen and (max-width: 320px) {
  #notification-content .message-item .action-txt,
  #board-notification-content .message-item .action-txt,
  #notification-content .message-item .sale-txt,
  #board-notification-content .message-item .sale-txt {
    width: 165px;
  }
}


/*** CSS File: /css/header/_notification_desktop.css ***/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/********************************************************************************************************************/
/*                                                  ADDED BY WILLIAM                                                */
/********************************************************************************************************************/
/**
 * Applies opacity effect to the element without affecting the children elements
 *
 * @param @bgcolor
 * @param @opacity
 */
/**
 * Applies shadow to the element
 * 
 * @param @x-axis
 * @param @y-axis
 * @param @blur
 * @param @alpha
 */
/**
 * Applies transition to all the attributes
 * 
 * @param @duration
 * @param @ease
 */
/**
 * Applies transition to an specific attribute
 * 
 * @param @property
 * @param @duration
 * @param @ease
 */
/**
 * Applies transition to the passed properties
 * 
 * @param multiple
 */
/**
 * Default values for some measurements
 */
/**
 * Renders the default button
 *
 * @param @color
 * @param @color-border
 * @param @background
 */
/**
 * Sets the size of the button. Fixed: width, Variable: padding
 *
 * @params variable  Pattern-matching
 */
/**
 * Adds gradient effect to the default button, and apply effect on hover
 * 
 * @param @color-ini
 * @param @color-end
 * @param @color-hover-ini
 * @param @color-hover-end
 */
/**
 * Adds gradient effect to the default button, and apply effect on active
 * 
 * @param @color-ini
 * @param @color-end
 * @param @color-hover-ini
 * @param @color-hover-end
 */
/**
 * Adds gradient effect to the default button and allows to add an image to background, and apply effect on hover
 * The background image cannot be resized but moved from position
 * 
 * @param @color-ini
 * @param @color-end
 * @param @color-hover-ini
 * @param @color-hover-end
 * @param @image
 * @param @posx
 * @param @posy
 */
/**
 * Adds fade effect to the default button
 * 
 * @param @color
 * @param @trasparency
 * @param @speed
 * @param @method
 */
/**
 * Renders the list in multiple columns
 *
 * @param @columns
 * @param @column-gap
 */
/* include the font to use */
@font-face {
  font-family: "AsapBold";
  src: url("/css/fonts/asap/Asap-Bold.otf");
  font-weight: bold;
}
@font-face {
  font-family: "AsapItalic";
  src: url("/css/fonts/asap/Asap-Italic.otf");
  font-style: italic, oblique;
}
@font-face {
  font-family: "AsapBoldItalic";
  src: url("/css/fonts/asap/Asap-BoldItalic.otf");
  font-weight: bold;
  font-style: italic, oblique;
}
@font-face {
  font-family: "Asap";
  src: url("/css/fonts/asap/Asap-Regular.otf");
  font-weight: normal;
  font-style: normal;
}
/********************************************************************************************************************/
/*                                                  COMMON VARIABLES                                                */
/********************************************************************************************************************/
#notification-icon {
  display: inline-block;
  border-bottom: none;
  width: 45px;
  height: 50px;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
}
#notification-icon .notification-icon {
  width: 35px;
  margin: 7.5px auto;
  display: block;
}
#notification-icon .notification-dark {
  display: none;
}
#notification-icon:hover {
  background: #f1f2f2;
}
.grey-background .notification-dark {
  display: block !important;
}
.grey-background .notification-grey {
  display: none !important;
}
#notification-num {
  display: block;
  position: absolute;
  background: #FF6868;
  color: #ffffff;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 9px;
  line-height: 20px;
  text-align: center;
  right: 5px;
  top: 8px;
  pointer-events: none;
}
#notification-content-wrap {
  position: relative;
  min-height: 424px;
}
#notification-content-wrap .notification-loading {
  display: none;
}
#notification-panel {
  width: 350px;
  height: 550px;
  background: #ffffff;
  border-top: 15px solid #f1f2f2;
  position: absolute;
  top: 50px;
  right: -152.5px;
  cursor: auto;
  overflow: visible;
  display: none;
}
#panel-loading-container {
  position: absolute;
  width: 100%;
  height: 100px;
  background: #ffffff;
  top: -101px;
  display: none;
}
#view-all-container {
  width: 100%;
  height: 40px;
  border-top: 1px solid #c9c8c7;
  background: #ffffff;
  position: relative;
}
#view-all-container .see-all-activity-btn {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  color: #54585A;
  -webkit-transition: background .5s;
  -moz-transition: background .5s;
  -o-transition: background .5s;
  -ms-transition: background .5s;
  transition: background .5s;
  font-size: 14px;
}
#view-all-container .see-all-activity-btn:hover {
  color: #54585A;
  background: #f1f2f2;
}
#view-all-container .see-all-activity-btn:active {
  color: #54585A;
  background: #f1f2f2;
}
#notification-own-list,
#notification-following-list {
  overflow: hidden;
  height: 424px;
  padding: 10px;
}
/****************************For notification tab in user board******************/
#board-notification-header {
  width: 300px;
  margin: auto;
}
#board-notification-header .board-notification-item {
  float: left;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  cursor: pointer;
}
#board-notification-header .board-notification-item .item-container {
  padding: 20px;
  text-align: center;
  font-size: 18px;
  color: #96938e;
}
#board-notification-header .board-notification-item .bar {
  display: block;
  height: 3px;
}
#board-notification-header .active .txt {
  color: #8CC63E;
}
#board-notification-header .active .bar {
  background: #8CC63E;
}
#board-notification-content-wrap {
  position: relative;
  margin-top: 40px;
  min-height: 100px;
}
#board-notification-content-wrap .board-notification-loading {
  display: none;
}
#board-notification-content .message-item {
  width: 350px;
}
#board-notification-content .message-item .message-wrap {
  box-sizing: border-box;
}
#board-notification-content .message-item .notification-result .notification-result-wrap {
  padding-bottom: 10px;
}


/*** CSS File: /js/bootstrap-datepicker/css/datepicker.css ***/
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	direction: ltr;
	/*.dow {
			border-top: 1px solid #ddd !important;
		}*/
}

.datepicker-inline {
	width: 220px;
}

.datepicker.datepicker-rtl {
	direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
	float: right;
}

.datepicker-dropdown {
	top: 0;
	left: 0;
}

.datepicker-dropdown:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #CCC;
	border-top: 0;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
}

.datepicker-dropdown:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #FFFFFF;
	border-top: 0;
	position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
	left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
	left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
	right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
	right: 7px;
}

.datepicker-dropdown.datepicker-orient-top:before {
	top: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
	top: -6px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
	bottom: -7px;
	border-bottom: 0;
	border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
	bottom: -6px;
	border-bottom: 0;
	border-top: 6px solid #FFFFFF;
}

.datepicker > div {
	display: none;
}

.datepicker.days div.datepicker-days {
	display: block;
}

.datepicker.months div.datepicker-months {
	display: block;
}

.datepicker.years div.datepicker-years {
	display: block;
}

.datepicker table {
	margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.datepicker td,
.datepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
	background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
	background: #EEEEEE;
	cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
	color: #999999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
	background-color: #FDE19A;
	background-image: -moz-linear-gradient(top, #FDD49A, #FDF59A);
	background-image: -ms-linear-gradient(top, #FDD49A, #FDF59A);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FDD49A), to(#FDF59A));
	background-image: -webkit-linear-gradient(top, #FDD49A, #FDF59A);
	background-image: -o-linear-gradient(top, #FDD49A, #FDF59A);
	background-image: linear-gradient(top, #FDD49A, #FDF59A);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
	border-color: #FDF59A #FDF59A #FBED50;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
	background-color: #FDF59A;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
	background-color: #FBF069 \9;
}

.datepicker table tr td.today:hover:hover {
	color: #000;
}

.datepicker table tr td.today.active:hover {
	color: #FFF;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
	background: #EEEEEE;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
	background-color: #F3D17A;
	background-image: -moz-linear-gradient(top, #F3C17A, #F3E97A);
	background-image: -ms-linear-gradient(top, #F3C17A, #F3E97A);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F3C17A), to(#F3E97A));
	background-image: -webkit-linear-gradient(top, #F3C17A, #F3E97A);
	background-image: -o-linear-gradient(top, #F3C17A, #F3E97A);
	background-image: linear-gradient(top, #F3C17A, #F3E97A);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
	border-color: #F3E97A #F3E97A #EDDE34;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
	background-color: #F3E97A;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
	background-color: #EFE24B \9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
	background-color: #9E9E9E;
	background-image: -moz-linear-gradient(top, #B3B3B3, #808080);
	background-image: -ms-linear-gradient(top, #B3B3B3, #808080);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B3B3B3), to(#808080));
	background-image: -webkit-linear-gradient(top, #B3B3B3, #808080);
	background-image: -o-linear-gradient(top, #B3B3B3, #808080);
	background-image: linear-gradient(top, #B3B3B3, #808080);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
	border-color: #808080 #808080 #595959;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
	background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
	background-color: #666666 \9;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
	background-color: #006DCC;
	background-image: -moz-linear-gradient(top, #0088CC, #0044CC);
	background-image: -ms-linear-gradient(top, #0088CC, #0044CC);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088CC), to(#0044CC));
	background-image: -webkit-linear-gradient(top, #0088CC, #0044CC);
	background-image: -o-linear-gradient(top, #0088CC, #0044CC);
	background-image: linear-gradient(top, #0088CC, #0044CC);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044CC #0044CC #002A80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
	background-color: #0044CC;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
	background-color: #003399 \9;
}

.datepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.datepicker table tr td span:hover {
	background: #EEEEEE;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
	background-color: #006DCC;
	background-image: -moz-linear-gradient(top, #0088CC, #0044CC);
	background-image: -ms-linear-gradient(top, #0088CC, #0044CC);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088CC), to(#0044CC));
	background-image: -webkit-linear-gradient(top, #0088CC, #0044CC);
	background-image: -o-linear-gradient(top, #0088CC, #0044CC);
	background-image: linear-gradient(top, #0088CC, #0044CC);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044CC #0044CC #002A80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
	background-color: #0044CC;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
	background-color: #003399 \9;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
	color: #999999;
}

.datepicker th.datepicker-switch {
	width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
	cursor: pointer;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
	background: #EEEEEE;
}

.datepicker .cw {
	font-size: 10px;
	width: 12px;
	padding: 0 2px 0 5px;
	vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
	cursor: default;
	background-color: transparent;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
	cursor: pointer;
	width: 16px;
	height: 16px;
}

.input-daterange input {
	text-align: center;
}

.input-daterange input:first-child {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
	display: inline-block;
	width: auto;
	min-width: 16px;
	height: 20px;
	padding: 4px 5px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	text-shadow: 0 1px 0 #FFFFFF;
	vertical-align: middle;
	background-color: #EEEEEE;
	border: 1px solid #CCC;
	margin-left: -5px;
	margin-right: -5px;
}

.datepicker.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 160px;
	list-style: none;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	color: #333333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
}

.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
	padding: 4px 5px;
}


/*** CSS File: /js/smion-popup/login_popup/login_popup.css ***/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/********************************************************************************************************************/
/*                                                  ADDED BY WILLIAM                                                */
/********************************************************************************************************************/
/**
 * Applies opacity effect to the element without affecting the children elements
 *
 * @param @bgcolor
 * @param @opacity
 */
/**
 * Applies shadow to the element
 * 
 * @param @x-axis
 * @param @y-axis
 * @param @blur
 * @param @alpha
 */
/**
 * Applies transition to all the attributes
 * 
 * @param @duration
 * @param @ease
 */
/**
 * Applies transition to an specific attribute
 * 
 * @param @property
 * @param @duration
 * @param @ease
 */
/**
 * Applies transition to the passed properties
 * 
 * @param multiple
 */
/**
 * Default values for some measurements
 */
/**
 * Renders the default button
 *
 * @param @color
 * @param @color-border
 * @param @background
 */
/**
 * Sets the size of the button. Fixed: width, Variable: padding
 *
 * @params variable  Pattern-matching
 */
/**
 * Adds gradient effect to the default button, and apply effect on hover
 * 
 * @param @color-ini
 * @param @color-end
 * @param @color-hover-ini
 * @param @color-hover-end
 */
/**
 * Adds gradient effect to the default button, and apply effect on active
 * 
 * @param @color-ini
 * @param @color-end
 * @param @color-hover-ini
 * @param @color-hover-end
 */
/**
 * Adds gradient effect to the default button and allows to add an image to background, and apply effect on hover
 * The background image cannot be resized but moved from position
 * 
 * @param @color-ini
 * @param @color-end
 * @param @color-hover-ini
 * @param @color-hover-end
 * @param @image
 * @param @posx
 * @param @posy
 */
/**
 * Adds fade effect to the default button
 * 
 * @param @color
 * @param @trasparency
 * @param @speed
 * @param @method
 */
/**
 * Renders the list in multiple columns
 *
 * @param @columns
 * @param @column-gap
 */
/* include the font to use */
@font-face {
  font-family: "AsapBold";
  src: url("/css/fonts/asap/Asap-Bold.otf");
  font-weight: bold;
}
@font-face {
  font-family: "AsapItalic";
  src: url("/css/fonts/asap/Asap-Italic.otf");
  font-style: italic, oblique;
}
@font-face {
  font-family: "AsapBoldItalic";
  src: url("/css/fonts/asap/Asap-BoldItalic.otf");
  font-weight: bold;
  font-style: italic, oblique;
}
@font-face {
  font-family: "Asap";
  src: url("/css/fonts/asap/Asap-Regular.otf");
  font-weight: normal;
  font-style: normal;
}
/********************************************************************************************************************/
/*                                                  COMMON VARIABLES                                                */
/********************************************************************************************************************/
.smionmfp-bg {
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 1042;
  overflow: hidden;
  position: fixed !important;
  background: rgba(255, 255, 255, 0.7);
  opacity: 0.8;
}
.smionmfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.smionmfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.smionmfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.smionmfp-align-top .smionmfp-container:before {
  display: none;
}
.smionmfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.smionmfp-inline-holder .smionmfp-content,
.smionmfp-ajax-holder .smionmfp-content {
  width: 100%;
  cursor: auto;
}
.smionmfp-ajax-cur {
  cursor: progress;
}
.smionmfp-zoom-out-cur,
.smionmfp-zoom-out-cur .smionmfp-image-holder .smionmfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.smionmfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.smionmfp-auto-cursor .smionmfp-content {
  cursor: auto;
}
.smionmfp-close,
.smionmfp-arrow,
.smionmfp-preloader,
.smionmfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.smionmfp-loading.smionmfp-figure {
  display: none;
}
.smionmfp-hide {
  display: none !important;
}
.smionmfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.smionmfp-preloader a {
  color: #cccccc;
}
.smionmfp-preloader a:hover {
  color: white;
}
.smionmfp-s-ready .smionmfp-preloader {
  display: none;
}
.smionmfp-s-error .smionmfp-content {
  display: none;
}
button.smionmfp-close,
button.smionmfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent !important;
  color: #333 !important;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.smionmfp-close {
  width: 30px;
  height: 30px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 32px;
  font-family: Arial, Baskerville, monospace;
}
.smionmfp-close:hover,
.smionmfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.smionmfp-close:active {
  top: 1px;
}
.smionmfp-close-btn-in .smionmfp-close {
  color: #333333;
}
.smionmfp-image-holder .smionmfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.smionmfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}
.smionmfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.smionmfp-arrow:active {
  margin-top: -54px;
}
.smionmfp-arrow:hover,
.smionmfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.smionmfp-arrow:before,
.smionmfp-arrow:after,
.smionmfp-arrow .smionmfp-b,
.smionmfp-arrow .smionmfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.smionmfp-arrow:after,
.smionmfp-arrow .smionmfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.smionmfp-arrow:before,
.smionmfp-arrow .smionmfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.smionmfp-arrow-left {
  left: 0;
}
.smionmfp-arrow-left:after,
.smionmfp-arrow-left .smionmfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}
.smionmfp-arrow-left:before,
.smionmfp-arrow-left .smionmfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.smionmfp-arrow-right {
  right: 0;
}
.smionmfp-arrow-right:after,
.smionmfp-arrow-right .smionmfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}
.smionmfp-arrow-right:before,
.smionmfp-arrow-right .smionmfp-b {
  border-left: 27px solid #3f3f3f;
}
.smionmfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.smionmfp-iframe-holder.refer_mobile {
  padding-top: 0px;
  padding-bottom: 10px;
}
.smionmfp-iframe-holder .smionmfp-content {
  line-height: 0;
  width: 100%;
  max-width: 700px;
}
.smionmfp-iframe-holder.refer_mobile .smionmfp-content {
  line-height: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.smionmfp-iframe-holder .smionmfp-close {
  top: -10px;
  right: 10px;
}
.smionmfp-iframe-scaler {
  width: 100%;
  height: 550px;
  overflow: hidden;
  border: 1px solid #D1D3D4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.smionmfp-iframe-scaler.refer_mobile {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 58.25%;
}
.smionmfp-iframe-scaler iframe.login-popup {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 700px;
  height: 550px;
  background: white;
  padding: 0;
}
.smionmfp-iframe-scaler iframe.refer_mobile {
  min-height: 625px;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: white;
}
/* Main image in popup */
img.smionmfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.smionmfp-figure {
  line-height: 0;
}
.smionmfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}
.smionmfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.smionmfp-figure figure {
  margin: 0;
}
.smionmfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.smionmfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.smionmfp-image-holder .smionmfp-content {
  max-width: 100%;
}
.smionmfp-gallery .smionmfp-image-holder .smionmfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**         * Remove all paddings around the image on small screen         */
  .smionmfp-img-mobile .smionmfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .smionmfp-img-mobile img.smionmfp-img {
    padding: 0;
  }
  .smionmfp-img-mobile .smionmfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .smionmfp-img-mobile .smionmfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .smionmfp-img-mobile .smionmfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .smionmfp-img-mobile .smionmfp-bottom-bar:empty {
    padding: 0;
  }
  .smionmfp-img-mobile .smionmfp-counter {
    right: 5px;
    top: 3px;
  }
  .smionmfp-img-mobile .smionmfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .smionmfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .smionmfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .smionmfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .smionmfp-container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.smionmfp-ie7 .smionmfp-img {
  padding: 0;
}
.smionmfp-ie7 .smionmfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.smionmfp-ie7 .smionmfp-container {
  padding: 0;
}
.smionmfp-ie7 .smionmfp-content {
  padding-top: 44px;
}
.smionmfp-ie7 .smionmfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}


/*** CSS File: /css/profile.css ***/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/********************************************************************************************************************/
/*                                                  ADDED BY WILLIAM                                                */
/********************************************************************************************************************/
/**
 * Applies opacity effect to the element without affecting the children elements
 *
 * @param @bgcolor
 * @param @opacity
 */
/**
 * Applies shadow to the element
 * 
 * @param @x-axis
 * @param @y-axis
 * @param @blur
 * @param @alpha
 */
/**
 * Applies transition to all the attributes
 * 
 * @param @duration
 * @param @ease
 */
/**
 * Applies transition to an specific attribute
 * 
 * @param @property
 * @param @duration
 * @param @ease
 */
/**
 * Applies transition to the passed properties
 * 
 * @param multiple
 */
/**
 * Default values for some measurements
 */
/**
 * Renders the default button
 *
 * @param @color
 * @param @color-border
 * @param @background
 */
/**
 * Sets the size of the button. Fixed: width, Variable: padding
 *
 * @params variable  Pattern-matching
 */
/**
 * Adds gradient effect to the default button, and apply effect on hover
 * 
 * @param @color-ini
 * @param @color-end
 * @param @color-hover-ini
 * @param @color-hover-end
 */
/**
 * Adds gradient effect to the default button, and apply effect on active
 * 
 * @param @color-ini
 * @param @color-end
 * @param @color-hover-ini
 * @param @color-hover-end
 */
/**
 * Adds gradient effect to the default button and allows to add an image to background, and apply effect on hover
 * The background image cannot be resized but moved from position
 * 
 * @param @color-ini
 * @param @color-end
 * @param @color-hover-ini
 * @param @color-hover-end
 * @param @image
 * @param @posx
 * @param @posy
 */
/**
 * Adds fade effect to the default button
 * 
 * @param @color
 * @param @trasparency
 * @param @speed
 * @param @method
 */
/**
 * Renders the list in multiple columns
 *
 * @param @columns
 * @param @column-gap
 */
/* include the font to use */
@font-face {
  font-family: "AsapBold";
  src: url("/css/fonts/asap/Asap-Bold.otf");
  font-weight: bold;
}
@font-face {
  font-family: "AsapItalic";
  src: url("/css/fonts/asap/Asap-Italic.otf");
  font-style: italic, oblique;
}
@font-face {
  font-family: "AsapBoldItalic";
  src: url("/css/fonts/asap/Asap-BoldItalic.otf");
  font-weight: bold;
  font-style: italic, oblique;
}
@font-face {
  font-family: "Asap";
  src: url("/css/fonts/asap/Asap-Regular.otf");
  font-weight: normal;
  font-style: normal;
}
/********************************************************************************************************************/
/*                                                  COMMON VARIABLES                                                */
/********************************************************************************************************************/
.profile-wrapper {
  margin: auto;
  max-width: 1240px;
  min-width: 768px;
  padding: 0 20px;
  position: relative;
}
.profile-wrapper .pager {
  display: none;
}
.profile-wrapper #board-notification-content .empty-item {
  font-family: Asap;
  font-size: 20px;
}
.dark-gray-btn,
.black-btn {
  background: #8f8f8f;
  color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  height: 40px;
  width: 90px;
  line-height: 40px;
  display: block;
  font-size: 16px;
  cursor: pointer;
}
.black-btn {
  background: #000000;
}
.white-bg-btn {
  height: 40px;
  width: 90px;
  line-height: 40px;
  display: block;
  font-size: 16px;
  cursor: pointer;
  color: #8f8f8f;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #ffffff;
  text-align: center;
  text-decoration: none;
  border: 1px solid #96938e;
}
.white-bg-btn:hover {
  background: #96938e;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
}
.white-bg-btn:active,
.white-bg-btn:focus {
  text-decoration: none;
  color: #FFFFFF !important;
}
/****************************************************************/
/************************Profile menu***************************/
/****************************************************************/
.user-profile-menu {
  font-family: Asap;
  background-color: #FFFFFF;
  overflow: hidden;
  padding: 0;
  height: 50px;
  border-bottom: 1px solid #D1D3D4;
}
.user-profile-menu .user-profile-menu-div {
  max-width: 1240px;
  min-width: 768px;
  padding: 0 20px;
  margin: 0 auto;
}
.user-profile-menu .user-profile-menu-wrap .menu-ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.user-profile-menu .user-profile-menu-wrap .menu-ul .profile-li {
  text-align: center;
  height: 50px;
  display: inline-block;
  margin: 0 25px;
}
.user-profile-menu .user-profile-menu-wrap .menu-ul .profile-li .txt {
  display: block;
  line-height: 48px;
  font-size: 14px;
  color: #404041;
  -o-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  cursor: pointer;
}
.user-profile-menu .user-profile-menu-wrap .menu-ul .profile-li .txt:hover {
  color: #231F20;
}
.user-profile-menu .user-profile-menu-wrap .menu-ul .profile-li .bar {
  height: 2px;
  display: block;
  width: 100%;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
}
.user-profile-menu .user-profile-menu-wrap .menu-ul .selected .txt {
  color: #8cc641;
}
.user-profile-menu .user-profile-menu-wrap .menu-ul .selected .txt:hover {
  color: #8cc641;
}
.user-profile-menu .user-profile-menu-wrap .menu-ul .selected .bar {
  background: #8CC641;
}
/****************************************************************/
/************************Search Filter***************************/
/****************************************************************/
.profile-panel-container {
  background: #FFFFFF;
}
#user-board-content {
  position: relative;
  padding-bottom: 50px;
}
#user-board-content .user-board-loading,
#user-board-content .shop-list-loading {
  display: none;
  top: 50px;
  bottom: auto;
}
.search-filter {
  display: none;
}
.board-search-container {
  display: block;
  color: #8f8f8f;
}
.search-filter-container {
  width: 100%;
  padding: 20px 0;
}
.search-filter-container .search-filter-wrap {
  margin: auto;
  text-align: center;
}
.search-filter-container .search-filter-wrap .search-container,
.search-filter-container .search-filter-wrap .search-btn-container {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.search-filter-container .search-filter-wrap .search-container {
  margin: 0;
  float: right;
}
.search-container {
  font-family: Asap;
}
.search-container .search-top {
  height: 32px;
  position: relative;
  border-bottom: #8f8f8f solid 1px;
}
.search-container .search-top .search-btn,
.search-container .search-top .search-input {
  display: inline-block;
  vertical-align: middle;
}
.search-container .loading-wrapper {
  display: none;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 15px;
}
.search-container .loading-wrapper .loading_animation {
  height: 30px;
}
.search-container .loading-wrapper .loading_animation .spinner {
  width: 30px;
  height: 30px;
}
.search-container .clear-keyword-btn {
  display: none;
  width: 30px;
  height: 30px;
  line-height: 35px;
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
}
.search-container .clear-keyword-btn img {
  height: 18px;
  width: 18px;
  margin-top: 8px;
}
.search-container .search-btn {
  font-size: 20px;
  display: block;
}
.search-container .search-input {
  width: 300px;
  height: 32px;
}
.search-container .search-input input {
  height: 100%;
  width: 100%;
  display: block;
  text-indent: 10px;
  font-size: 20px;
  border: none;
  background-color: transparent;
}
.search-container .search-bottom {
  height: 10px;
  border: 1px solid #8f8f8f;
  border-top: none;
}
.search-btn-container .item-label {
  margin-right: 10px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
.search-btn-container .search-item {
  margin: 0 10px;
  display: inline-block;
  cursor: pointer;
}
.search-btn-container .search-item .item-icons,
.search-btn-container .search-item .item-text {
  display: inline-block;
  vertical-align: middle;
}
.search-btn-container .search-item .item-icons {
  width: 24px;
  cursor: pointer;
}
.search-btn-container .search-item .item-text {
  font-size: 20px;
}
.search-btn-container .search-item .square-cube {
  width: 10px;
  height: 10px;
  background: #808285;
  display: inline-block;
  margin: 1px;
  float: left;
}
.search-btn-container .search-item .rectangle-cube {
  width: 24px;
  height: 10px;
  margin: 1px 0;
  display: block;
  background: #808285;
  float: left;
}
.search-btn-container .selected .item-text {
  color: #8cc641;
  border-bottom: solid 2px #8cc641;
}
.search-btn-container .selected .square-cube,
.search-btn-container .selected .rectangle-cube {
  background: #404041;
}
.filter-inner {
  position: relative;
  width: 900px;
  margin: 0 auto;
  text-align: left;
}
.filter-inner .search-btn-container {
  position: relative;
  margin: 0;
}
.filter-container {
  font-family: Asap;
  font-size: 14px;
  color: #8f8f8f;
  background: #f1f2f2;
  position: relative;
  text-align: left;
}
.filter-container .arrow {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 12.5px 0 12.5px;
  border-color: #ffffff transparent transparent transparent;
}
.filter-container .title {
  display: block;
  margin: auto;
  font-size: 18px;
}
.filter-container .filter-options {
  padding-top: 20px;
}
.filter-container .filter-options .item-label {
  height: 40px;
  line-height: 40px;
  margin: 0 8px;
  display: inline-block;
}
.filter-container .filter-row {
  display: inline-block;
  text-align: left;
}
.filter-container .filter-label {
  line-height: 40px;
  float: left;
  height: 40px;
  margin-right: 14px;
}
.filter-container .filter-bottom {
  float: right;
}
.filter-container .filter-categories-container,
.filter-container .filter-retailer-container,
.filter-container .filter-price-container,
.filter-container .filter-reset-container {
  display: inline-block;
  vertical-align: top;
  height: 40px;
  position: relative;
  margin-bottom: 20px;
}
.filter-container .filter-categories-container,
.filter-container .filter-price-container {
  margin-right: 20px;
}
.filter-container .filter-price-container {
  width: auto;
}
.filter-container .filter-top {
  margin-right: 10px;
}
.filter-container .clear-select-btn {
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: 99;
  top: 5px;
  right: 30px;
  cursor: pointer;
  display: none;
  background: #ffffff;
}
.filter-container .clear-select-btn img {
  height: 12px;
  width: 12px;
  margin: auto;
  margin-top: 9px;
}
.filter-container .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
  width: 200px;
}
.filter-container .bootstrap-select {
  width: 200px;
  margin-bottom: 0;
}
.filter-container .bootstrap-select .dropdown-toggle {
  background: #FFFFFF url('../../css/../images/referboard/User/RB_BoardIcons-ArrowDown.svg') no-repeat 95% !important;
  background-size: 15px 15px !important;
  height: 40px;
}
.filter-container .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.filter-container .bootstrap-select .dropdown-menu {
  background: #FFFFFF !important;
  padding: 5px;
}
.filter-container .bootstrap-select .dropdown-toggle {
  box-shadow: none !important;
}
.filter-container .filter-price-container {
  height: 40px;
}
.filter-container .filter-price-container .irs {
  height: 40px;
  width: 160px;
  display: inline-block;
  vertical-align: middle;
}
.filter-container .filter-price-container .irs-bar {
  border: none;
  background: #8CC641;
  top: 17px;
  height: 8px;
}
.filter-container .filter-price-container .irs-line {
  background: #FFFFFF;
  border: none;
  top: 17px;
  height: 8px;
}
.filter-container .filter-price-container .irs-slider {
  top: 9px;
  border: none;
  background: #FFFFFF;
  width: 22px;
  height: 22px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
}
.filter-container .filter-price-container .value-text {
  font-size: 18px;
  color: #8f8f8f;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  width: 35px;
}
.filter-container .filter-price-container .min-value {
  text-align: right;
  margin-left: 0;
}
.filter-container .filter-price-container .max-value {
  text-align: left;
  margin-right: 0;
}
.filter-container .clear-filter-btn {
  font-family: Asap;
  height: 40px;
  width: 90px;
  line-height: 40px;
  display: block;
  font-size: 16px;
  cursor: pointer;
}
.filter-container .dropdown-menu li .text {
  text-align: left;
}
.shop-list-container {
  position: relative;
  padding: 40px 0;
}
.shop-list-container .yiiPager {
  margin: 0;
}
.yiiPager {
  display: none !important;
}
.no-result-container .title {
  font-size: 20px;
  display: block;
  text-align: center;
  color: #404041;
  font-family: Asap;
}
.no-result-container .explore-referboard-container {
  text-align: center;
}
.no-result-container .explore-referboard-container .explore-btn {
  display: block;
  width: 150px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin: auto;
  font-size: 14px;
  margin-top: 20px;
}
.no-result-container .explore-referboard-container .explore-btn:hover,
.no-result-container .explore-referboard-container .explore-btn:active,
.no-result-container .explore-referboard-container .explore-btn:visited {
  color: #ffffff;
}
.no-result-container .show-refer-process-btn {
  width: 300px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  cursor: pointer;
  margin: auto;
  font-size: 20px;
  margin-top: 20px;
}
/*****************************************************/
/******************Collection*************************/
/*****************************************************/
.font-bold {
  font-family: AsapBold;
}
.collection-title-container {
  text-align: center;
  border-bottom: 1px solid #d1d3d4;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.collection-title-container .name,
.collection-title-container .clear-collection-btn {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
}
.collection-title-container .name {
  font-size: 16px;
  font-family: Asap;
  color: #404041;
}
.collection-title-container .clear-collection-btn {
  width: 15px;
  cursor: pointer;
}
ul.user-collection {
  padding: 0;
  margin: 0;
  padding-top: 20px;
}
.user-collection-container {
  border-bottom: 1px solid #d1d3d4;
  padding: 20px 0;
  width: 708px;
  margin: auto;
}
.user-collection-container .view-collection {
  cursor: pointer;
}
.user-collection-container .collection-info {
  position: relative;
  display: inline-block;
  width: 230px;
  height: 230px;
  line-height: 230px;
  background-size: cover;
  background-position: 100%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
.user-collection-container .collection-info:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.user-collection-container .collection-info .info-title {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  background: #ffffff;
  max-width: 80%;
  line-height: 20px;
  font-size: 20px;
}
.user-collection-container .collection-product-container {
  display: inline-block;
  vertical-align: middle;
  width: 360px;
}
.user-collection-container .collection-product-container .product-container {
  width: 110px;
  height: 110px;
  margin: 4px 3px;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.user-collection-container .collection-product-container .product-container a {
  display: block;
  width: 100%;
  height: 100%;
}
.user-collection-container .collection-product-container .view-collection {
  cursor: pointer;
}
.user-collection-container .collection-product-container .add-product {
  position: relative;
  background: #F1F2F2;
}
.user-collection-container .collection-product-container .add-product a {
  display: block;
  width: 100%;
  height: 100%;
  color: #404041;
  text-decoration: none;
}
.user-collection-container .collection-product-container .add-product a:focus {
  color: #404041;
}
.user-collection-container .empty-product {
  background: #f1f2f2;
}
.user-collection-container .product-action-container {
  display: inline-block;
  vertical-align: middle;
  width: 110px;
}
.user-collection-container .product-action-container .action-container {
  width: 110px;
  height: 110px;
  color: #FFFFFF;
  margin: 4px 0;
  display: inline-block;
  position: relative;
}
.user-collection-container .product-action-container .product-container {
  width: 110px;
  height: 110px;
  margin: 4px 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.user-collection-container .product-action-container .view-collection {
  background: #8CC641;
  cursor: pointer;
}
.user-collection-container .product-action-container .edit-collection,
.user-collection-container .product-action-container .embed-collection {
  background: #404041;
}
.user-collection-container .product-action-container .edit-collection a,
.user-collection-container .product-action-container .embed-collection a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  text-decoration: none;
}
.user-collection-container .product-action-container .edit-collection a:focus,
.user-collection-container .product-action-container .embed-collection a:focus {
  color: #FFFFFF;
}
.user-collection-container .title {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
}
.add-collection-container,
.add-product-container {
  width: 300px;
  margin: auto;
}
.add-collection-container .create-collection-btn,
.add-product-container .create-collection-btn,
.add-collection-container .retailer_list,
.add-product-container .retailer_list {
  display: block;
  background: #404041;
  padding: 0 10px;
  height: 40px;
}
.add-collection-container .text,
.add-product-container .text {
  color: #ffffff;
  display: inline-block;
  float: left;
  line-height: 40px;
  font-size: 14px;
}
.add-collection-container .plus-icon,
.add-product-container .plus-icon {
  color: #ffffff;
  display: inline-block;
  float: right;
  line-height: 35px;
  font-size: 25px;
}
.add-product-container {
  margin-bottom: 20px;
}
.empty-product-item .no-pd-collection-info {
  display: inline-block;
  padding: 20px;
  border: 1px solid #D1D3D4;
  height: 230px;
  width: 465px;
  float: left;
  vertical-align: top;
}
.empty-product-item .no-pd-collection-info .collection-name {
  font-size: 18px;
  display: block;
  width: 60%;
}
.empty-product-item .no-pd-collection-info .no-pd-text {
  font-size: 18px;
  display: block;
  text-align: left;
  color: #8CC641;
  width: 60%;
  margin-top: 20px;
  overflow: hidden;
}
.empty-product-item .split-bar {
  height: 230px;
  width: 6px;
  display: inline-block;
  vertical-align: top;
}
.empty-product-item .empty-collection-action {
  width: 232px;
  display: inline-block;
  vertical-align: top;
}
.empty-collection-action .empty-top .refer-product-section {
  width: 100%;
  height: 110px;
  background: #404041;
  color: #ffffff;
}
.empty-collection-action .empty-top .refer-product-section a {
  display: block;
  width: 100%;
  height: 100%;
}
.empty-collection-action .empty-top .refer-product-section a span {
  display: inline-block;
  height: 110px;
  line-height: 110px;
  font-size: 16px;
  color: #ffffff;
  padding: 0 10px;
}
.empty-collection-action .empty-top .refer-product-section a .text {
  float: left;
}
.empty-collection-action .empty-top .refer-product-section a .plus-icon {
  float: right;
  font-size: 25px;
}
.empty-collection-action .empty-bottom {
  width: 100%;
  margin-top: 10px;
}
.empty-collection-action .empty-bottom .action-section {
  display: inline-block;
  width: 110px;
  height: 110px;
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  position: relative;
  cursor: pointer;
}
.empty-collection-action .empty-bottom .action-section .action-title {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  line-height: 25px;
  width: 100px;
  margin: auto;
}
.empty-collection-action .empty-bottom .action-section a.action-title {
  line-height: 50px;
}
.empty-collection-action .empty-bottom .action-section a.action-title:hover,
.empty-collection-action .empty-bottom .action-section a.action-title:visited,
.empty-collection-action .empty-bottom .action-section a.action-title:active {
  color: #404041;
}
.empty-collection-action .empty-bottom .add-product-section {
  background: #8CC641;
  color: #ffffff;
  float: left;
}
.empty-collection-action .empty-bottom .split-border {
  background: #ffffff;
  width: 6px;
  display: inline-block;
}
.empty-collection-action .empty-bottom .edit-collection-section {
  background: #f1f2f2;
  color: #404041;
  float: right;
}
/**
 ** inspiration section
 */
.create-inspiration-btn {
  width: 150px;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  cursor: pointer;
  margin: auto;
}
.create-inspiration-btn:hover {
  color: #FFFFFF;
}
@media screen and (max-width: 970px) {
  .filter-inner {
    position: relative;
    width: 96%;
    margin: 0 auto;
  }
  .filter-container .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
    width: 140px;
  }
  .filter-container .bootstrap-select {
    width: 140px;
  }
  .filter-container .filter-price-container .irs {
    width: 116px;
  }
}


/*** CSS File: /css/introduction/intro_process.css ***/
/*****************Function***************/
html,
body,
div,
p,
ul,
li,
span {
  padding: 0;
  margin: 0;
}
body {
  font-family: Asap;
}
@font-face {
  font-family: "AsapBold";
  src: url("../../css/introduction/../fonts/asap/Asap-Bold.otf");
  font-weight: bold;
}
@font-face {
  font-family: "AsapItalic";
  src: url("../../css/introduction/../fonts/asap/Asap-Italic.otf");
  font-style: italic, oblique;
}
@font-face {
  font-family: "AsapBoldItalic";
  src: url("../../css/introduction/../fonts/asap/Asap-BoldItalic.otf");
  font-weight: bold;
  font-style: italic, oblique;
}
@font-face {
  font-family: "Asap";
  src: url("../../css/introduction/../fonts/asap/Asap-Regular.otf");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: Asap;
}
/***********************************************************/
/*********************Content*******************************/
/***********************************************************/
.intro-overlay {
  position: fixed;
  background: rgba(255, 255, 255, 0.95);
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 101;
  overflow: auto;
}
.login-overlay .close-overlay-btn {
  display: none;
}
.normal-overlay {
  display: none;
}
.stage-container {
  display: none;
}
.stage-container .stage-wrap {
  max-width: 1024px;
  padding: 0 20px;
  margin: auto;
  margin-top: 35px;
  min-width: 768px;
  margin-bottom: 50px;
}
.stage-container .collection-wrap {
  text-align: center;
}
.stage-index-container {
  text-align: center;
}
.stage-index-container .stage {
  display: inline-block;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 7.5px;
  -moz-border-radius: 7.5px;
  border-radius: 7.5px;
  background: #808285;
  margin: 15px;
}
.stage-index-container .selected {
  background: #8CC641;
}
.content-container {
  margin: 20px;
}
.content-container .title {
  font-size: 35px;
  color: #8CC641;
  display: block;
  margin: auto;
  text-align: center;
  font-family: Asap;
}
.content-container .bold-font {
  font-family: AsapBold;
}
.content-container .desc {
  display: block;
  font-size: 20px;
  text-align: center;
  margin: auto;
  font-family: Asap;
  margin-top: 25px;
  color: #404041;
  width: 530px;
}
.retailer-list-wrap {
  position: relative;
  display: inline-block;
}
.retailer-list-wrap .button_loading {
  display: none;
}
.retailer-list-wrap .button_loading .loading_wrap {
  height: 40px;
}
.retailer-list-wrap .button_loading .loading_wrap .spinner_wrap {
  width: 40px;
}
.retailer-list-wrap .button_loading .loading_wrap .spinner_wrap .spinner {
  height: 35px;
  width: 35px;
  margin-top: 2.5px;
}
.image-container {
  margin: auto;
}
.image-container .plugin-icon {
  height: 130px;
  display: block;
  margin: auto;
  margin-top: 25px;
}
.image-container .product_img {
  width: 880px;
  display: block;
  margin: auto;
  margin-top: 20px;
}
.image-container .categories_img {
  width: 850px;
  display: block;
  margin: auto;
  margin-top: 30px;
}
.image-container .tracking_img {
  display: block;
  margin: auto;
  margin-top: 30px;
}
.image-container .done_img {
  width: 700px;
  display: block;
  margin: auto;
  margin-top: 30px;
}
.stage-4 .image-container {
  display: inline-block;
  width: 44%;
  margin: 2.5%;
}
.stage-4 .image-container img {
  width: 100%;
}
.intro-btn,
.done-btn {
  display: inline-block;
  width: 150px;
  height: 40px;
  line-height: 38px;
  font-size: 18px;
}
.register_retailer_btn {
  display: inline-block;
  font-size: 18px;
  width: 240px;
  height: 40px;
  line-height: 40px;
  margin: 0 10px;
  color: #FFFFFF;
  font-weight: normal !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #8CC640;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
}
.register_retailer_btn:hover,
.register_retailer_btn:focus {
  background: #79ad42;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
}
.button-containers {
  margin-top: 50px;
}
.button-containers .left-container {
  float: left;
  text-align: left;
}
.button-containers .left-container .download-title {
  margin-bottom: 20px;
  font-family: AsapBold;
  font-size: 20px;
}
.button-containers .left-container .firefox-btn {
  margin-right: 10px;
}
.button-containers .next-btn-container {
  position: relative;
  float: right;
}
.button-containers .next-btn-container .button_loading {
  display: none;
  height: 40px;
  background: rgba(255, 255, 255, 0.7);
}
.button-containers .next-btn-container .button_loading .loading_wrap {
  height: 40px;
}
.button-containers .next-btn-container .button_loading .loading_wrap .spinner_wrap {
  width: 40px;
}
.button-containers .next-btn-container .button_loading .loading_wrap .spinner_wrap .spinner {
  height: 35px;
  width: 35px;
  margin-top: 2.5px;
}
.button-containers .done-btn-container {
  float: none;
  display: inline-block;
  margin: 0 10px;
}
.close-overlay-btn {
  width: 25px;
  height: 25px;
  display: inline-block;
  float: right;
  vertical-align: middle;
  cursor: pointer;
}
.stage-6-button {
  text-align: right;
}
.stage-1 {
  display: block;
}
.stage-1 .desc2 {
  width: 700px;
}
.stage-1 .desc3 {
  margin-top: 20px;
}
.stage-1 .stage1-next {
  margin-top: 50px;
}
.stage-1 .button_loading {
  top: 50px;
}
.stage-2 .desc1 {
  width: 600px;
}
.stage-3 .desc1 {
  width: 650px;
}
.stage-3 .desc3 {
  width: 620px;
}
.stage-4 .desc1 {
  width: 600px;
}
.stage-4 .desc {
  width: 600px;
}
.stage-5 .desc1 {
  width: 650px;
}
.stage-6 .desc1 {
  width: 500px;
}
.stage-6 .desc2 {
  width: 730px;
}
.stage-2 .desc2,
.stage-3 .desc2,
.stage-4 .desc2,
.stage-6 .desc2 {
  margin-top: 20px;
}


/*** CSS File: /css/new_menu.css ***/
.container #header {
  background: white;
  border-bottom: 1px solid #eee;
}
.container #header .inline-login-form .burger-icon {
  background-color: white;
  background-image: url(/images/referboard/User/RB_GrayBurger-01.svg);
}
.container #header .inline-login-form .join-now-btn {
  display: block;
  float: left;
  height: 36px;
  line-height: 36px;
  width: 120px;
  margin-right: 20px;
  font-size: 14px;
  color: #8cc641;
  font-weight: normal !important;
  border: 1px solid #8cc641;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
  text-align: center;
  cursor: pointer !important;
  text-decoration: none;
  margin-top: 7px;
}
.container #header .inline-login-form .join-now-btn:active,
.container #header .inline-login-form .join-now-btn:visited {
  color: #8cc641;
}
.container #header .inline-login-form .menu_des_text {
  font-size: 16px;
  color: #FFF;
  font-family: Asap;
  opacity: 1;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -o-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  position: relative;
  top: 2px;
}
.container #header .category-menu-div {
  float: right;
}
.container #header .category-menu-div .categories-menu:hover {
  background-color: #f1f2f2;
}
.container #header .category-menu-div .categories-menu.category-select {
  background-color: #f1f2f2;
  background-image: url("/images/referboard/buttons/category_icon-09-dark.svg");
}
.container #header .category-menu-div .categories-menu {
  width: 43px;
  padding: 0;
  background-image: url("/images/referboard/buttons/category_icon-09.svg");
  background-repeat: no-repeat;
  background-size: 35px;
  background-position-x: 4px;
  background-position-y: 9px;
  background-color: white;
  margin-left: 5px;
}
.container #header .search-form-bar form {
  position: relative;
}
.container #header .search-form-bar .xsearch-submit {
  background-color: transparent;
  background-image: url('/images/referboard/buttons/search_icon-03.svg');
  background-size: 35px;
  background-position-x: 10px;
  background-position-y: 9px;
  position: relative;
  left: -56px;
  margin-right: -56px;
}
.container #header .search-form-bar .xsearch-submit.focus {
  background-image: url('/images/referboard/buttons/search_icon-03-dark.svg');
}
.container #header .search-form-bar .search_text_referboard {
  height: 35px!important;
  background: #eee!important;
  margin-top: 8px!important;
  width: 17em!important;
  opacity: 1!important;
  margin-left: 2px!important;
  padding-right: 48px!important;
  color: #323031;
  padding-left: 5px;
}
.container #header .menu-xsearch {
  top: 50px;
  width: 710px;
  left: -77px;
  border-top: 15px solid #eee;
  padding-top: 0;
}
.container #header .menu-xsearch .menu-main-ul li {
  display: inline-block;
  vertical-align: top;
  width: 155px;
  float: none;
}
.container #header .menu-xsearch .menu-main-ul li .main-cat-link {
  padding-top: 25px;
}


/*** CSS File: /css/product/quickView.css ***/
/*****************Function***************/
@font-face {
  font-family: "AsapBold";
  src: url("../../css/product/../fonts/asap/Asap-Bold.otf");
  font-weight: bold;
}
@font-face {
  font-family: "AsapItalic";
  src: url("../../css/product/../fonts/asap/Asap-Italic.otf");
  font-style: italic, oblique;
}
@font-face {
  font-family: "AsapBoldItalic";
  src: url("../../css/product/../fonts/asap/Asap-BoldItalic.otf");
  font-weight: bold;
  font-style: italic, oblique;
}
@font-face {
  font-family: "Asap";
  src: url("../../css/product/../fonts/asap/Asap-Regular.otf");
  font-weight: normal;
  font-style: normal;
}
#quick-view-container-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 101;
}
#quick-view-container {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 830px;
  height: 622px;
  background: rgba(255, 255, 255, 0.7);
  z-index: 999;
}
#quick-view-container .quick_view_loading {
  display: none;
}
#quick-view-container #quick-view-wrap {
  width: 830px;
  height: 622px;
  position: relative;
  margin: auto;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #D1D3D4;
  background: #ffffff;
}
#quick-view-container .close-quick-view-btn {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
#quick-view-container .pd-div-top-info {
  padding: 20px;
}
#quick-view-container .pd-image-left {
  width: 500px;
  margin-right: 0;
  padding: 0;
}
#quick-view-container .pd-image-left .pd-main-image-div {
  width: 100%;
  background: #ffffff;
  height: 530px;
}
#quick-view-container .pd-image-right {
  padding: 0;
  width: 220px;
  float: right;
  margin-right: 20px;
}
#quick-view-container .pd-image-right .pd-info-div .pd-info-details {
  padding: 0;
}
#quick-view-container .pd-image-right .pd-div-info {
  margin-top: 20px;
  padding: 0;
}
#quick-view-container .pd-image-right .pd-div-info li a {
  text-align: center;
}
#quick-view-container .pd-user-info {
  height: 50px;
  border-top: 1px solid #D1D3D4;
  background: #f1f2f2;
  width: 100%;
}
#quick-view-container .pd-user-info .refer-by-container {
  padding: 10px 20px;
  width: 680px;
  display: inline-block;
  float: left;
}
#quick-view-container .pd-user-info .refer-by-container a {
  display: block;
  width: 100%;
}
#quick-view-container .pd-user-info .refer-by-container .user-img-container {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  margin-right: 10px;
}
#quick-view-container .pd-user-info .refer-by-container .user-img-container img {
  width: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#quick-view-container .pd-user-info .refer-by-container .header-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
  color: #404041;
}
#quick-view-container .pd-user-info .refer-by-container .header-title .small-title {
  display: inline-block;
  vertical-align: middle;
}
#quick-view-container .pd-user-info .refer-by-container .header-title .authenticate-icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
}
#quick-view-container .user-follow-container {
  float: right;
  height: 30px;
  position: relative;
  padding: 10px 20px;
}
#quick-view-container .user-follow-container .follow-btn-wrap {
  height: 30px;
  width: 100px;
  padding: 0;
  text-align: center;
  position: relative;
}
#quick-view-container .user-follow-container .follow-btn-wrap .follow-action-btn {
  width: 100%;
  display: block;
  height: 30px;
  line-height: 28px;
}
#quick-view-container .user-follow-container .loading_animation.list_loading {
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  display: none;
}
#quick-view-container .user-follow-container .loading_animation.list_loading .spinner_wrap {
  width: 25px;
}
#quick-view-container .user-follow-container .loading_animation.list_loading .spinner_wrap .spinner {
  width: 25px;
  height: 25px;
  margin-top: 2.5px;
}