body {
	font-size: 12px;
	-font-family: Helvetica;
	font-family: 'Quattrocento Sans', sans-serif;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
}

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

ul.horizontal {
	font-size: 0;
}

ul.horizontal>li {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
}

ul.horizontal.seperated>li:after {
	content: '|';
}

ul.horizontal.seperated>li:last-child:after {
	content: '';
}

a {
	text-decoration: none;
	color: #333333;
	border: 0;
}

img {
	border: 0;
}

a:hover {
	color: #31b2dd;
}

#content-wrapper {
	margin: auto;
	min-width: 1000px;
}

#content {
	-background-color: #DADADA;
	margin: auto;
	width: 1000px;
}

#header, #footer {
	overflow: hidden;
	position: relative;
	clear: both;
}

#footer {
	height: 150px;
    border-top: 1px solid #e7e7e7;
    padding-top: 15px;
    color: #3f3f38;
    font-weight: bold;
    
}

#footer-content  {
	width: 1000px;
	margin: auto;
}

#header-content  {
	width: 1000px;
	margin: auto;
	border-bottom: 1px solid #eeeeee;
}

#header {
/*
	-height: 63px;
	-margin-bottom: 35px;
	-border-bottom: 1px solid #e7e7e7;
*/
}

.bg-grad {
	background: -moz-linear-gradient(top, #f8f8f8 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f8f8f8', EndColorStr='#eeeeee', GradientType=0);
}

#header h1 {
	font-size: 3.5em;
	margin: 20px;
}
#header a.logo{
	background-image: url("/img/slogo.svg");
	background-repeat: no-repeat;
	display: inline-block;
	width: 250px;
	height: 51px;
	background-size: contain;
	margin-top: 6px;
}

#header img.logo {
	margin-top: 6px;
}

#header h1, #header ul {
	display: inline-block;
	vertical-align: bottom;
}

#header-menu li a {
	padding: 5px;
	font-size: 15px;
}

#header-menu li {
	font-weight: bold;
	color: #484849;
	line-height: 40px;
	height: 40px;
}

ul.seperated2 li {
	border-left: 1px solid white;
}

ul.seperated2 li:last-child {
	border-right: 1px solid white;
}

#header-menu {
	margin-left: 20px;
	display: inline-block;
	position: relative;
	padding-right: 25px;
}

#header-menu a.edit-pen {
	display: none;
}

#header-menu .signify {
	font-size: 18px;
}

#header-menu-editor .signify,
.signify {
	font-family: 'Signify2Regular';
	font-size: 14px;
	margin-right: 5px;
	font-weight: normal;
}

.ui-handle {
	cursor: move;
}

.mouseviewonly{
	cursor: pointer;
	margin-top: -50px !important;
	margin: 0;
	opacity: 0;
	padding: 0;
	z-index: 1;
	display: none;
	width: 100% !important;
	transition: opacity .25s,
                margin .5s .25s;
}

.mouseviewonly:hover{
    transition: font-size .25s,
    margin .25s,
    opacity .5s .25s;
    opacity: 1;
    margin-top: 0px !important;
}
#header-content.mouseviewonly{
	padding-left: CALC(50% - 500px);
	}

#footer.mouseviewonly{
	opacity: 1;
	margin-top: 110px !important;
	transition: opacity .25s, margin .3s .3s;
	display: none;
}

#footer.mouseviewonly:hover{
   margin-top: 0px !important;
   opacity:  1;
   transition: opacity .25s, margin .3s .3s;
}

#header-usermenu {
	float: right;
	font-size: 12px;
	color: #0598c9;
	position: relative;
	top: 20px;
}

.tabs.app-steps>.tab-item {
	border-top: 1px solid #426daa;
}

.tabs.app-steps>.tab-item>h2 .step-num {
	background-color: #484849;
	color: white;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
}

.tabs.app-steps>.tab-item>h2 {
	padding: 0 0 0 35px;
	margin: 0;
	border-top: 1px solid #f6f6f6;
	line-height: 48px;

	background: -moz-linear-gradient(top, #f9f9f9 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%,#eaeaea 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%,#eaeaea 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f9f9f9', EndColorStr='#eaeaea', GradientType=0);
	
	font-size: 24px;
	font-weight: 24px;
	color: #484849;
}

.tab-content {
	padding: 0 35px;
}
	
.tabs.app-steps {
	border-top: 1px solid #1f4b8b;
}

#header-usermenu li {
	height: 40px;
}

#header-usermenu li a {
	padding: 5px;
	color: #0598c9;
	position: relative;
	top: 20px;
}


#header-welcome {
	font-weight: bold;
	font-size: 1.3em;
	float: right;
	margin-top: 40px;
}

#header-welcome>a {
    color: #0598c9;
    position: relative;
}

#usermenu-wrap {
	background-color: #29add9;
	border-top: 1px solid #1fa2cd;
	border-bottom: 1px solid #31b2dd;
}

ul#usermenu {
	display: block;
	width: 1000px;
	margin: auto;
	text-align: right;
	border-top: 1px solid #57bcde;
	border-bottom: 1px solid #4ebade;
	color: white;
}

#usermenu li {
	padding: 10px 0;
}

#usermenu li a {
	padding: 0 25px;
	color: white;
	vertical-align: middle;
}

#usermenu li:first-child {
	border-left: 1px solid #1193be;
}

#usermenu li {
	border-right: 1px solid #1193be;
}







#decisions ul.appinfo-wrapper,
#decisions ul.items {
	list-style: none;
	width: 660px;
	margin: 0px;
	-margin-left: 10px;
	padding:0;
	border: 2px solid #f1f1f1;
}

#appview ul.items {
	border-top: 0px;
}

#decisions ul.items>li.item {
	position: relative;
}

#decisions ul.items>li.item {
	background-color: #31B2DD;
}


#decisions div.label {
	float: left;
	width: 130px;
	display: inline-block;
}

#decisions ul.appinfo-wrapper li hr,
#decisions ul.items li hr {
	background: url('../img/hrg.png') repeat-x bottom left;
	display: block;
	height: 8px;
}

#decisions div.row-value {
	width: 520px;
	display: inline-block;
	padding: 10px 10px 0 10px;
	background-color: white;
}

#decisions div.importance.row-value {
	padding: 0px 10px 0 10px;
}

#decisions .imp-idx{
	color: #3f3f38;
	font-size: 10.57px;
	margin-bottom: 5px;
	display: inline-block;
}

#decisions .imp-idx .signify {
	color: #1f4b8b;
	font-size: 13px;
}

#decisions .imp-idx.really-important {
	margin-left: 165px;
}

#decisions .upper div.row-value {
	min-height: 40px;
}

#decisions .hr div.label {
	background: url('../img/hrw.png') repeat-x bottom left;
	padding: 0;
	height: 6px;
}

#decisions .hr div.row-value {
	padding: 0;
	background: url('../img/hrg.png') repeat-x bottom left #ffffff;
	height: 6px;
	width: 540px;
}

#decisions .ui-slider[rel=importance] {
	height: 15px;
	width: 530px;
}

#decisions div[rel=importance] .ui-slider-handle {
	display: none;
}

#decisions .criterias-list .add-criterias {
	margin-bottom: 10px;
	width: 680px;
	text-align: right;
}

#decisions .criterias-list .add-criterias a {
	font-size: 14px;
	font-weight: bold;
}

#decisions .criterias-list .add-criterias a .signify {
	font-size: 16px;
}

#decisions .criterias-list .items {
	margin-left: 15px;
}

#decisions .criterias-list .items .item:nth-child(even) {
	background-color: #F4F4F4;
}

#decisions .item-config .field-editor {
	padding: 10px;
}

#decisions .item-config {
	border: 1px solid #C1D7EF;
	margin-bottom: 10px;
	background-color: #DFEFFF;
}

#decisions .field-editor-wrapper .edit-btns,
#decisions .item-config .edit-btns {
	text-align: right;
	min-height: 30px;
	padding-bottom: 10px;
}

#decisions .item-config .top ul a {
	color: #1E769E;
}

#decisions .item-config .top {
	padding: 10px;
	border: 1px solid #4fbbde;
	background-color: #25abd7;
	color: white;
	font-size: 14px;
	font-weight: bold;
}


#decisions .criterias-list .items .item {
	border: 1px solid #26acd8;
	margin-bottom: 10px;
	background-color: #7aceeb;
}

#decisions .criterias-list .items .top>ul {
	float: right;
}

#decisions .criterias-list .items .top>ul li a {
	padding: 5px;
	color: white;
}

#decisions span[rel="app-row[title]"] {
	font-size: 18px;
	font-weight: bold;
	color: white;
}

.constraints .label>span,
#decisions span[rel="importance"] {
	float: right;
	text-align: right;
	font-size: 11.50px;
	font-weight: bold;
	color: white;
	padding: 10px 8px 0 0
}

#decisions li.item ul.select {
	padding: 0;
	margin: 0;
}

#decisions li.item ul.select li.option {
	display: inline-block;
	vertical-align: top;
	width: 260px;
}

#decisions li.item ul.select li.option label span {
	width: 60px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: middle;
}

#decisions li.item ul.select li.option .slider {
	width: 154px;
	float: right;
}

#decisions .item-edit-bar {
	display: block;
	-background-color: #F0F0F0;
	-border-bottom: 1px dashed #e0e0e0;
	text-align: right;
}

#decisions .item-edit-bar a {
	text-decoration: none;
	color: #8DB9DB;
	font-weight: bold;
	padding: 5px;
}

#decisions .ui-slider[rel=importance] .ui-slider-range {
	background: #436eac;
}

#appskin-skin3 .ui-slider[rel=importance] .ui-slider-range {
	/* background: #436eac; */
	background-color: #39a4c7;
	border-radius: 10px;
	position: relative;
	display: inline-block;
}

#appskin-skin3 .ui-slider[rel=importance] .ui-slider-range:after {
	content:" ";
}
#decisions .ui-slider[rel=importance] {
	margin: 10px 0 5px 0;
	width: 340px;
}

#decisions ul.select .ui-slider .ui-slider-range,
#decisions .ui-slider[rel=val] .ui-slider-range {
	background: #0598c9;
}

#decisions .ui-slider[rel=val] {
}

#decisions .ui-slider {
	height: 5px;
	border: 1px solid #f1f1f1;
	margin: 5px 0;
	background: #c7c7c7;
	border-style: inset;
}

#decisions .ui-slider-handle {
	height: 8px;
	width: 24px;
	top: -3px;
	margin-left: -1.6em;
}

#decisions div.range .ui-slider-handle {
	font-size: 11px;
	height: 24px;
	width: 47px;
	-border-radius: 25px;
	content: 'Target';
	color: white;
	top: -6px;
	line-height: 30px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	-margin-left: -7.5px;
	border: 0;
	-border-color: #aeaeae;
	-background-color: #f8f8f8;
	background: url("../img/timeline_selector.png") no-repeat scroll 0 0 transparent;
}

#decisions .ui-slider-inner-wrap {
	width: 600px;
	left: 20px;
}

#decisions label.filter {
	display: inline-block;
	max-width: 200px;
	vertical-align: middle;
	margin: 0 5px;
}

#decisions .range-wrapper {
	background: url("../img/range-marks.png") repeat-x scroll 0 0 transparent;
	padding-top: 5px;
	height: 25px;
}

#decisions .appinfo {
	margin-bottom: 10px;
	overflow: auto;
}

#decisions .appinfo span.appdescription {
	font-weight: normal;
	width: 350px;
	display: inline-block;
	margin-top: 10px;
}

#decisions .appinfo span {
	display: block;
}

#decisions .appinfo>img {
	width: 95px;
	height: 95px;
	margin: 12px 10px 10px 12px;
	float: left;
}

#decisions>.tabs>.tab-item>p {
	width: 500px;
}

#decisions [rel="appskin"] li img {
	margin-bottom: 5px;
}

#decisions .app-image img {
	height: 120px;
	margin-bottom: 10px;
}

#decisions .app-image {
	text-align: center;
	width: 290px;
	padding-top: 80px;
}

#decisions [rel="appskin"] li.selected img {
	border: 3px solid #20a8d5;
}

#decisions [rel="appskin"] li.selected {
	font-weight: normal;
}

#decisions textarea[name="appdescr"] {
	width: 530px;
	height: 140px;
	border: 1px solid #929292;
	margin-bottom: 15px;
}

.ui-dialog {
	width: 350px;
}

ul.enumeration {
	width: 220px;
}

ul.enumeration>li {
	display: inline-block;
	height: 20px;
	width: 80px;
	line-height: 20px;
	border: 1px solid blue;
	border-radius: 5px;
	margin: 2px 5px;
	padding: 0 5px;
	cursor: move;
}

.field-editor-wrapper ul.enumeration>li{
	display: block;
	/* border: none; */
	/* border-bottom: 1px solid black; */
	border-radius: 0;
	padding: 5px;
	width: 100%;
	max-width: 109px;
}

.field-editor-wrapper ul.enumeration>li img{
    display: inline-block;
    vertical-align: middle;
    max-height: 20px;
    max-width: 20px;
    float: inherit;
    cursor: pointer;
}

.field-editor-wrapper ul.enumeration>li a.delete{position: relative;display: inline-block;vertical-align: middle;float: inherit;margin-top: -10px;font-size: 24px;transform: rotate(45deg);}
.field-editor-wrapper ul.enumeration>li>input[type=text]{display: inline-block;vertical-align: middle;float: inherit;}

ul.enumeration>li>input[type=text] {
	display: inline-block;
	width: 60px;
	border: 0;
	background-color: transparent;
}

ul.enumeration>li a.delete {
	text-decoration: none;
	margin: 0 5px;
	float: right;
}

ul.filters {
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc; font-weight: bold; color: #2e6e9e; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5; font-weight: bold; color: #1d5987; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9; font-weight: bold; color: #e17009; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; outline: none; text-decoration: none; }




.btn1 {
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	font-size: 13px;
	font-family: 'Quattrocento Sans', sans-serif;
	
	background: -moz-linear-gradient(top, #FCFCFC 0%, #E4E4E4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(100%,#E4E4E4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FCFCFC 0%,#E4E4E4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FCFCFC 0%,#E4E4E4 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FCFCFC 0%,#E4E4E4 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FCFCFC', EndColorStr='#E4E4E4', GradientType=0);
	padding: 4px 12px;
	
	cursor: pointer;
	margin: 0 5px 0 0;
	display: inline-block;
}

.btn1.disabled {
	color: #AAAAAA;
	cursor: default;
}



/*stuff*/
.iblock {
	display: inline-block;
	vertical-align: top;
}

.border-radius-top-left {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

.border-radius-top-right {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

.box.app-info  {
	-width: 565px;
	padding-bottom: 10px;
}

.box.app-info  span select{
	padding:10px;
	font-size: 15px;
}

.box.app-info .name input {
	-margin-left: 15px;
	-margin-top: 10px;
	-line-height: 23px;
	padding-left: 5px;
}

.box.app-info .name label {
	padding-left: 15px;
}

.box.app-info .name {
	width: 230px;
	overflow: visible;
}

.box.app-info .rerank_engine {
	margin-left: 52px;
}

.box.app-info .visibility {
	margin-right: 17px;
}

.box.app-info .category {
	width: 318px;
}

.box.app-info .descr {
	padding-left: 15px;
	width: 570px;
}

.box.app-info .descr ul{
    display: block;
}
.box.app-info .descr ul input{}
.box.app-info .descr input[type=checkbox]{
    width: 30px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
.box.app-info .descr ul li{
    display: inline-block;
}
.box.app-info .descr ul li:first-child{}
.box.app-info .descr ul li:first-child + li{
    /* float: left; */
    margin-left: 40px;
}
.box.app-info .descr ul span{
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
}

.box.app-info .descr ul span input[type=radio]{width: 20px;height: 20px;margin-top: -2px;}

.box.app-info .image input {
	margin-top: 10px;
	line-height: 23px;
}

.decision-edit .skin label {
	padding-left: 15px;
	width: auto;
	display: block;
}

.box.app-info .image {
	width: 335px;
}

.box {
	border: 1px solid #cbcbcb;
	margin-bottom: 20px;
}

.box label.fwidth {
	font-weight: bold;
	padding: 8px 0;
	display: inline-block;
	width: 100%;
	font-size: 16px;
}
.box label.bg-head{
	padding-left: 10px;
	box-sizing: border-box;
}

.box label .signify {
	font-size: 16px;
	font-weight: normal;
}

.inline {
	display: inline;
}

/* icons-view */
ul.icons-view {
	padding: 10px;
}

ul.icons-view>li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

ul.icons-view li:nth-child(last) {
	margin-right: 0px;
}

ul.icons-view li span.signify {
	display: inline-block;
}

ul.icons-view li span {
	display: block;
}

ul.icons-view li .img {
	width: 110px;
	height: 110px;
	background-color: #B6B6B6;
	margin-bottom: 10px;
}

/* xTabs */
ul.tabs-menu li {
	display: inline-block;
	vertical-align: middle;
	background-color: #FFFFFF;
/*	
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
*/
}

ul.tabs-menu li.active {
	background-color: #EAECEB;
}

ul.tabs-menu li {
	margin-right: 10px;
}

ul.tabs-menu li a.disabled {
	color: #666666;
	cursor: default;
}

ul.tabs-menu li a {
	display: inline-block;
	text-decoration: none;
	color: black;
	padding: 10px 20px;
}

div.tabs .tab-item {
	background-color: #EAECEB;
}


/*Home page*/
.promo {
	width: 1000px;
	height: 305px;
	margin-bottom: 33px;
	background: url("../img/promo.png");
	color: white;
}

.promo>.text {
	max-width: 500px;
}

.promo>.text>h2 {
	margin-top: 0;
	font-size: 32px;
	font-weight: normal;
	position: relative;
	top: 42px;
	left: 410px;
}

.promo>.text>p {
	position: relative;
	left: 400px;
	top: 95px;
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 25px;
}

.promo>.text>.links {
	position: relative;
	top: 104px;
	left: 555px;
}

.promo>.text>.links a {
	margin-left: 0;
	font-size: 14px;
	padding: 6px 0px;
	width: 190px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
}

.promo>.text>.links a .signify {
	font-size: 20px;
	font-weight: normal;
}


/* decisions edit page */
.decision-edit .tabs {
}

.decision-edit ul.tabs-menu {
	background: -moz-linear-gradient(top, #3f6aa8 0%, #265290 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f6aa8), color-stop(100%,#265290)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3f6aa8 0%,#265290 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3f6aa8 0%,#265290 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #3f6aa8 0%,#265290 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#3f6aa8', EndColorStr='#265290', GradientType=0);
	
	border-top: 1px solid #6588b9;
	border-bottom: 1px solid #5073a5;
	padding-left: 45px;
}

/*
.decision-edit ul.tabs-menu li:first-child {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}
*/

.decision-edit ul.tabs-menu li {
	display: inline-block;
	vertical-align: middle;
	background-color: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-right: 1px solid #3c67a6;
	border-left: 1px solid #255191;
}

.decision-edit ul.tabs-menu li.active {
	background-color: #7aa0cc;
}

.decision-edit ul.tabs-menu li {
	margin-right: 10px;
}

.decision-edit ul.tabs-menu li a.disabled {
	color: #666666;
	cursor: default;
}

.decision-edit ul.tabs-menu li a {
	display: inline-block;
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 20px;
}

.decision-edit div.tabs .tab-item {
	background-color: transparent;
}

.decision-edit .step-buttons {
	text-align: right;
	/*line-height: 40px;*/
	margin-bottom: 40px;
	margin-right: 30px;
	margin-left: 35px;
}

.decision-edit .step-buttons a[action=prev] {
	float: left;
	line-height: initial;
}

.decision-view .step-buttons a[action=rank] {
	right: 8px;
	position: absolute;
}



/* criteria-box */
#decisions .criteria-box .content {
	padding: 10px;
}

#decisions .criteria-box0 {
	border: 1px solid #C1D7EF;
	margin-bottom: 10px;
	background-color: #DFEFFF;
}

#decisions .criteria-box .content-bar {
	text-align: right;
	min-height: 30px;
}

#decisions .criteria-box .title-bar .menu-bar {
	float: right;
}

#decisions .criteria-box .title-bar .menu-bar a {
	color: white;
}

#decisions .criteria-box .title-bar {
	line-height: 30px;
	color: white;
	background-color: #2aaeda;
	padding: 0 8px;
	font-size: 14px;

}

#decisions .criteria-box .criteria-types .btn1 {
	min-width: 90px;
	display: inline-block;
	text-align: center;
	margin: 2px;
	padding: 2px;
}

#decisions .criteria-box .criteria-types {
	width: 310px;
	margin-left: 105px;
}

#decisions .criteria-box .criteria-name {
	width: 240px;
}




#appview.items-list {
	margin-top: 35px;
	background-color: white;
	border: 1px solid #e7e7e7;
	width: 685px;
	padding: 0 0 10px 0;
	position: relative;
}

.step4 #appview.items-list {
	width: auto;
}


#appview div.label .index {
	border-radius: 25px;
	color: #31B2DD;
	background-color: white;
	margin: 0 5px;
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
}
#appskin-skin3 div.label .index {display: none;}

#appview div.label {
	width: 120px;
	background-color: #31b2dd;
	color: white;
}

#appview .upper div.label {
	padding-top: 14px;
}


.home .tabs {
	margin-bottom: 75px;
}

ul.tabs-menu li {
	background-color: #f6f6f6;
}

ul.tabs-menu li a {
	font-size: 16px;
	font-weight: bold;
	color: #7aceeb;
}

ul.tabs-menu li.active a {
	color: white;
}

ul.tabs-menu li.active {
	background-color: #2bafda;
}

div.tabs .tab-item {
	border: 1px solid #cbcbcb;
	background-color: transparent;
}

ul.icons-view li .img {
	margin-bottom: 0px;
}

ul.icons-view li .descr {
	-background-color: #f5f5f5;
	padding: 7px 4px;
	width: 103px;
	overflow: visible;
}

ul.icons-view li .name {
	font-weight: bold;
}

#dashboard .title {
	background: url("../img/gradbg48.png") repeat-x;
	overflow: auto;
}

#dashboard .profile-pic {
	width: 145px;
	height: 145px;
	display: inline-block;
	vertical-align: top;
	background-color: #cccccc;
	margin: 12px 18px 42px 36px;
	float: left;
}

#dashboard .title h1,
#dashboard .title .signify {
	font-size: 28px;
	color: #484849;
}

#dashboard .title h1 {
	clear: right;
	padding: 12px 0 0 0;
	margin: 0;
}

#dashboard .title p {
	width: 515px;
	margin-left: 196px;
	font-size: 14px;
}


#dashboard .expert-overview .experts-decisions-list {
	min-height: 65px;
}

#dashboard .expert-overview {
	width: 213px;
	border: 1px solid #cbcbcb;
	display: inline-block;
	margin: 12px 0 12px 18px;
}

#dashboard .expert-overview .upper b {
	font-size: 16px;
}

#dashboard .expert-overview .upper i {
	margin-bottom: 10px;
	display: inline-block;
}

#dashboard .expert-overview .upper {
	padding: 10px;
	font-size: 14px;
}


#dashboard .expert-overview .lower {
	text-align: right;
	line-height: 25px;
	border: 1px solid #e7e7e7;
	font-size: 13px;
	font-weight: bold;
	padding-right: 10px;
}

#dashboard .tabs {
	margin-left: 36px;
}

.tabs .tabs-menu li.buttons {
	background-color: transparent;
}

.tabs-menu li.buttons {
	float: right;
	line-height: 35px;
}

.tabs-menu li.buttons span {
	color: #cbcbcb;
	font-size: 20px;
	cursor: pointer;
}

.step-info {
	width: 520px;
	display: inline-block;
	min-height: 46px;
}

.csvuploaderbtn {
	margin-left: 250px;
	padding: 5px 10px;
}

.appinfo label.appname {
	display: block;
}

.criterias-list ul.items .item .top {
	line-height: 30px;
	color: white;
	background-color: #2aaeda;
	padding: 0 8px;
	font-size: 14px;
}

.criterias-list ul.items .item .top[disabled] {
	background-color: #C7C7C7;
}

#decisions .criterias-list .items .item[disabled] {
	border-color: #C7C7C7;
}

.criterias-list ul.items .item .lower {
	padding: 8px;
	background-color: #fbfbfb;
}


table.appdata {
	border: 1px solid d6d6d6;
}

.appdata-wrapper {
	width: 900px;
	overflow: auto;
	max-height: 1525px;
}

.round {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.sbtn {
	font-size: 16px;
	font-weight: bold;
	width: 25px;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	border: 1px solid #afafaf;
}

table.appdata {
	border: 1px solid #d6d6d6;
	margin: 0 0 12px 12px;
	border-collapse: collapse;
}

table.appdata input[type=text] {
	width: 120px;
}

table.appdata th {
	background-color: white;
	font-size: 16px;
	font-weight: bold;
}

table.appdata th {
	min-width: 100px;
}

table.appdata ul.multiselect {
	min-width: 200px;
}

#decisions table.appdata ul.multiselect .ui-slider {
	width: 100px;
	display: inline-block;
	margin: 5px 0;
}

table.appdata tbody a.signify {
	font-size: 14px;
	font-weight: normal;
}

table.appdata tbody a {
	font-size: 11px;
	font-weight: bold;
	color: #1f4b8b;
}

table.appdata tbody tr:nth-child(odd) {
	background-color: #f5f5f5;
}

ul.select .ui-state-default {
	border-color: #aeaeae;
	background: #f8f8f8;
}


.range-header table td span.middle {
	position: relative;
	left: -10px;
}

.range-header table td span.right {
	float: right;
}

.range-header {
	font-size: 10px;
	font-weight: bold;
}

.select-headers .left {
	float: left;
	padding-left: 85px;
}

.select-headers .right {
	float: right;
}

.select-headers .signify {
	color: #33b4de;
	font-weight: normal;
	font-size: 12.45px;
}

.select-headers span {
	font-weight: normal;
	font-size: 10.53px;
	color: #3f3f38;
}

.select-headers .like {
	padding-left: 90px;
}

#decisions .criterias-list .items .lower .select-headers .right .like {
	margin-right: 120px;
}

#decisions .criterias-list ul.items {
	border: 0px;
}

[auguri-app-widget="settings"] {
	min-width: 695px;
	display: inline-block;
}

#decisions .step4 ul.items {
	margin-bottom: 10px;
}

#appview .step-buttons {
	margin: 0px 7px 0 0;
	padding-top: 5px;
	z-index: 1000;
	background-color: white;
}

#appresults {
	float: right;
	width: 310px;
	border-left: 1px solid #f5f5f5;
	background-color: #fcfcfc;
	padding-top: 3px;
}

#appresults h1 {
	border: 1px solid #eaeaea;
	color: #484849;
	font-size: 20px;
	font-weight: bold;
	margin: 13px 0 0 0;
	line-height: 32px;
	vertical-align: bottom;
	padding: 0 0 0 8px;
}

#appresults .selected h1,
#appresults .selected h1>.signify {
	font-size: 22px;
}

#appresults h1>.signify {
	font-size: 20px;
}

#appresults h1 .rerank em {
	background-color: #484849;
	color: white;
	display: inline-block;
	width: 10px;
	height: 10px;
	line-height: 11px;
	text-align: center;
	font-weight: bold;
	margin-right: 2px;
}

#appresults h1 .rerank em,
#appresults h1 .rerank .signify,
#appresults h1 .rerank {
	font-size: 11px;
}

#appresults h1 .rerank {
	line-height: 40px;
}

#appresults h1 .signify {
	font-weight: normal;
}

#appresults .social-media-links,
#appresults .selected,
#appresults .all-results {
	padding-left: 15px;
	margin-bottom: 10px;
}
.decision-likes-view   ul.list{
    width: 100%;
}
.decision-likes-view   ul.pages{
    width: 100%;
}
.decision-likes-view   ul.pages li.prev,   ul.pages li.next,   ul.pages li.goto{}
.decision-likes-view   ul.pages li.goto.active{
    /* background: -webkit-linear-gradient(top, #39a4c7 0%,#82c8df 100%); */
    /* color: white; */
}
.decision-likes-view   ul.pages li.prev,   ul.pages li.next,   ul.pages li.goto{}
.decision-likes-view   ul.pages li.prev,   ul.pages li.next,   ul.pages li.goto{}
.decision-likes-view   ul.list .block{
	display: inline-block;
	padding: 10px;
	/* vertical-align: top; */
	box-sizing: border-box;
	margin-bottom: 10px;
	height: 176px;
	background: none;
	background-color: white;
	/* width: 30vw; */
	/* height: 30vw; */
	position: relative;
	width: 290px;
	height: 290px;
}
.decision-likes-view ul.list .info{
    text-align: CENTER;
    font-size: 21px;
    display: block;
    margin-top: 20px;
}
.decision-likes-view ul.list .submit{
	display: inline-block;
	background: none;
	/* background-color: #39a4c7 !important; */
	border-radius: 4px;
	color: white;
	width: 150px;
	border: none;
	background-position-y: center;
	background-position-x: right;
	padding: 0px -8px;
	text-align: center;
	cursor: pointer;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 21px;
	border: 1px solid #dcf3fa;
	color: black;
}

.decision-likes-view ul.list .submit:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}
.decision-likes-view ul.list .submit:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}

.decision-likes-view   ul.list .block.open{
    height: auto;
}
.decision-likes-view   ul.list .block.open ul{
    height: auto;
    overflow: visible !important;
    max-height: inherit !important;
}

.decision-likes-view   ul.list .block>div{
	display:inline-block;
	vertical-align: top;
}
.decision-likes-view ul.list .block .name{
	display: block;
	position: absolute;
	bottom: 0px;
	width: CALC(100% - 40px);
	margin: 20px;
	background-color: #ffffffcc;
	margin-bottom: 2px;
	font-size: 10px;
	font-size: 20px;
	display: block;
	text-align: CENTER;
}
.decision-likes-view   ul.list .block .thimb {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    object-fit: cover;
    height: 100%;
    position: absolute;
}
.decision-likes-view   ul.list .block .thimb .name{
	
}
.decision-likes-view   ul.list .block .thimb img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    object-fit: cover;
    height: 100%;
    cursor: pointer;
}
.decision-likes-view   ul.list .block .values {
    /* width: 48%; */
    text-align: right;
    position: relative;
    display: none;
}
.decision-likes-view   ul.list .block .actions {
    /* width: 25%; */
    padding-top: 40px;
    text-align: center;
    position: relative;
}
.decision-likes-view   ul.list .block .actions a.actionlink{
    background: none;
    background-color: #39a4c7 !important;
    display: inline-block;
    border-radius: 4px;
    color: white;
    width: 100px;
    border: none;
    background-position-y: center;
    background-position-x: right;
    text-align: left;
    padding: 5px;
    padding-top: 7px;
    font-size: 17px;
}
.decision-likes-view   ul.list .block .actions a.actionlink:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}
.decision-likes-view   ul.list .block .actions a.actionlink:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}

.decision-likes-view   ul.list .block .actions a.actionlink.grey:hover{
    color: white;
}
.decision-likes-view   ul.list .block .actions a.actionlink.grey:active{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.decision-likes-view   ul.list .block .actions a.actionlink.grey{
	background-color: #cbcbcb !important;
	cursor: no-drop;
	width: auto;
}
.decision-likes-view   ul.list .block .actions a.actionlink>span{
    font-family: auto;
    font-family: 'Quattrocento Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    margin-left: 7px;
}
.decision-likes-view   ul.list .block .line{
    margin-bottom: 44px;
}
.decision-likes-view ul.list .block .likes:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}
.decision-likes-view ul.list .block .likes:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}
.decision-likes-view ul.list .block .likes.active{
	background-color: #ff000000 !important;
	color: red;
	/* background-color: red !important; */
	/* background-color: #39a4c7 !important; */
	background-color: #c2c2c24d !important;
}
.decision-likes-view   ul.list .block .likes{
                                  background: none;
                                  background-color: #39a4c7 !important;
                                  display: inline-block;
                                  border-radius: 4px;
                                  color: white;
                                  /* width: 100px; */
                                  border: none;
                                  background-position-y: center;
                                  background-position-x: right;
                                  text-align: left;
                                  padding: 5px;
                                  padding-top: 7px;
                                  font-size: 17px;
                                  /* width: 3vw; */
                                  /* height: 3vw !important; */
                                  font-family: 'Signify2Regular';
                                  text-align: center;
                                  line-height: 2.4vw;
                                  font-size: 3vw;
                                  border-radius: 6px;
                                  display: block !important;
                                  position: absolute;
                                  right: 0px;
                                  top: 20px;
                                  cursor: pointer;
                                  -webkit-touch-callout: none; /* iOS Safari */
                                  -webkit-user-select: none; /* Safari */
                                  -khtml-user-select: none; /* Konqueror HTML */
                                  -moz-user-select: none; /* Old versions of Firefox */
                                  -ms-user-select: none; /* Internet Explorer/Edge */
                                  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
                                  /* background-color: #c2c2c24d !important; */
                                  width: 30px;
                                  height: 30px;
                                  line-height: 25px;
                                  font-size: 30px;
                                  }
.decision-likes-view   ul.list .block .actions a{
    /* display: block; */
    height: 20px;
    /* padding: 10px; */
    display: none;
}
.decision-likes-view ul.list .block .likesnumber{
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 20px;
    /* right: 0px; */
    top: 0px;
    font-family: 'arial';
    color: white;
    text-align: center;
    left: 0px;
    right: 0px;
    bottom: 0px;
    line-height: 40px;
    font-size: 11px;
}
.decision-likes-view   ul.list .block .values span{
    font-size: 20px;
    display: block;
    text-align: CENTER;
}
.decision-likes-view   ul.list .block .values ul{
    display: block;
    margin-top: 10px;
    max-height: 100px;
    overflow: hidden;
}

.decision-likes-view   .specs-more-toggle{
    background-color: #39a4c7;
    display: inline-block;
    width: 50px;
    border-radius: 10px;
    margin-top: 10px;
}
.decision-likes-view   .abutton{
    padding: 1px 10px;
}
.decision-likes-view .abutton{background: none;background-color: #39a4c7 !important;display: inline-block;width: auto;border-radius: 10px;margin-top: 10px;color: white;text-align: center;padding: 0px 10px;padding: 10px;border: none;}
.decision-likes-view .btn1:first-child{
	display: none;
}
.decision-likes-view .ui-buttonset .ui-button:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}
.decision-likes-view .ui-buttonset .ui-button:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}
.decision-likes-view .ui-buttonset .ui-button{
	background: none;
	background-color: #39a4c7 !important;
	display: inline-block;
	width: auto;
	border-radius: 10px;
	/* margin-top: 10px; */
	color: white;
	text-align: center;
	padding: 0px 10px;
	padding: 4px;
	border: none;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}
.decision-likes-view .ui-buttonset .ui-button.ui-state-active{
	font-weight: bold;
	color: #e17009;
	border: 1px solid #79b7e7;
	background-color: #f5f8f9 !important;
}

.decision-likes-view .ui-buttonset label:nth-child(4){
	margin-left:10px
}

.decision-likes-view .ui-buttonset label:nth-child(6){
	display: none;
}

.decision-likes-view .ui-buttonset label:first-of-type{
	margin-right: 4px;
}

.decision-likes-view .ui-buttonset label:first-of-type + label {
	
}
.decision-likes-view .abutton:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}
.decision-likes-view .abutton:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}

.decision-likes-view   ul.list .block .values ul li{
    display: block !important;
    width: 100%;
    background: none;
    border-bottom: 1px solid #8080801a;
}
.decision-likes-view   ul.list .block .values ul li div{
    display: inline-block;
    width: 49%;
}
.decision-likes-view   ul.list .block .values ul li div:first-child{
    text-align: left;
}
.decision-likes-view   ul.list .block .values ul li div:first-child + div{
    text-align: right;
    font-weight: 100;
}
#appresults .all-results ul.list {
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	font-size: 14px;
	font-weight: bold;
}
#appskin-skin3 #appresults .all-results ul.list{
    width: 100%;
}
#appskin-skin3 #appresults .all-results ul.pages{
    width: 100%;
}
#appskin-skin3 #appresults .all-results ul.pages li.prev, #appresults .all-results ul.pages li.next, #appresults .all-results ul.pages li.goto{}
#appskin-skin3 #appresults .all-results ul.pages li.goto.active{
    /* background: -webkit-linear-gradient(top, #39a4c7 0%,#82c8df 100%); */
    /* color: white; */
}
#appskin-skin3 #appresults .all-results ul.pages li.prev, #appresults .all-results ul.pages li.next, #appresults .all-results ul.pages li.goto{}
#appskin-skin3 #appresults .all-results ul.pages li.prev, #appresults .all-results ul.pages li.next, #appresults .all-results ul.pages li.goto{}
#appskin-skin3 #appresults .all-results ul.list .block{
	display: block;
	padding: 10px;
	/* vertical-align: top; */
	box-sizing: border-box;
	margin-bottom: 10px;
	height: 176px;
	background: none;
	background-color: white;
}

#appskin-skin3 #appresults .all-results ul.list .block.open{
    height: auto;
}
#appskin-skin3 #appresults .all-results ul.list .block.open ul{
    height: auto;
    overflow: visible !important;
    max-height: inherit !important;
}

#appskin-skin3 #appresults .all-results ul.list .block>div{
	display:inline-block;
	vertical-align: top;
}

#appskin-skin3 #appresults .all-results ul.list .block .thimb {
    width: 24%;
    padding: 10px;
    box-sizing: border-box;
}
#appskin-skin3 #appresults .all-results ul.list .block .thimb img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    margin-top: 26px;
    max-height: 144px;
}
#appskin-skin3 #appresults .all-results ul.list .block .values {
    width: 48%;
    text-align: right;
}
#appskin-skin3 #appresults .all-results ul.list .block .actions {
    width: 25%;
    padding-top: 40px;
    text-align: center;
}
#appskin-skin3 #appresults .all-results ul.list .block .actions a.actionlink{
    background: none;
    background-color: #39a4c7 !important;
    display: inline-block;
    border-radius: 4px;
    color: white;
    width: 100px;
    border: none;
    background-position-y: center;
    background-position-x: right;
    text-align: left;
    padding: 5px;
    padding-top: 7px;
    font-size: 17px;
}
#appskin-skin3 #appresults .all-results ul.list .block .actions a.actionlink:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}
#appskin-skin3 #appresults .all-results ul.list .block .actions a.actionlink:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}

#appskin-skin3 #appresults .all-results ul.list .block .actions a.actionlink.grey:hover{
    color: white;
}
#appskin-skin3 #appresults .all-results ul.list .block .actions a.actionlink.grey:active{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#appskin-skin3 #appresults .all-results ul.list .block .actions a.actionlink.grey{
	background-color: #cbcbcb !important;
	width: auto;
	cursor: no-drop;
	white-space: nowrap;
}
#appskin-skin3 #appresults .all-results ul.list .block .actions a.actionlink>span{
    font-family: auto;
    font-family: 'Quattrocento Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    margin-left: 7px;
}
#appskin-skin3 #appresults .all-results ul.list .block .line{
    margin-bottom: 44px;
}
#appskin-skin3 #appresults .all-results ul.list .block .actions a{
    /* display: block; */
    height: 20px;
    /* padding: 10px; */
    display: inline-block;
}
#appskin-skin3 #appresults .all-results ul.list .block .values span{
    font-size: 20px;
    display: block;
    text-align: CENTER;
}
#appskin-skin3 #appresults .all-results ul.list .block .values ul{
    display: block;
    margin-top: 10px;
    max-height: 100px;
    overflow: hidden;
}

#appskin-skin3 #appresults .all-results .specs-more-toggle{
    background-color: #39a4c7;
    display: inline-block;
    width: 50px;
    border-radius: 10px;
    margin-top: 10px;
}
#appskin-skin3 #appresults .all-results .abutton{
    padding: 1px 10px;
}
#appskin-skin3 .abutton[action=clear]{
    width: CALC(100% - 230px);
    vertical-align: top;
}
#appskin-skin3 .abutton{background: none;background-color: #39a4c7 !important;display: inline-block;width: auto;border-radius: 10px;margin-top: 10px;color: white;text-align: center;padding: 0px 10px;padding: 10px;border: none;}
#appskin-skin3 .btn1:first-child{
	display: none;
}

#appskin-skin3 .ui-buttonset .ui-button:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}
#appskin-skin3 .ui-buttonset .ui-button:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}
#appskin-skin3 .ui-buttonset .ui-button{
	background: none;
	background-color: #39a4c7 !important;
	display: inline-block;
	width: auto;
	border-radius: 10px;
	/* margin-top: 10px; */
	color: white;
	text-align: center;
	padding: 0px 10px;
	padding: 4px 0px;
	border: none;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}
#appskin-skin3 .ui-buttonset .ui-button.ui-state-active{
	font-weight: bold;
	color: #e17009;
	border: 1px solid #79b7e7;
	background-color: #f5f8f9 !important;
}

#appskin-skin3 .ui-buttonset label:nth-child(4){
	margin-left:10px
}

#appskin-skin3 .ui-buttonset label:nth-child(6){
	display: none;
}

#appskin-skin3 .ui-buttonset label:first-of-type{
	margin-right: 4px;
}

#appskin-skin3 .ui-buttonset label:first-of-type + label {
	
}
#appskin-skin3 .abutton:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}
#appskin-skin3 .abutton:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}

#appskin-skin3 #appresults .all-results ul.list .block .values ul li{
    display: block !important;
    width: 100%;
    background: none;
    border-bottom: 1px solid #8080801a;
}
#appskin-skin3 #appresults .all-results ul.list .block .values ul li div{
    display: inline-block;
    width: 49%;
}
#appskin-skin3 #appresults .all-results ul.list .block .values ul li div:first-child{
    text-align: left;
}
#appskin-skin3 #appresults .all-results ul.list .block .values ul li div:first-child + div{
    text-align: right;
    font-weight: 100;
}

#appresults .all-results ul.list li.current {
	background-color: #EEE;
}

#appresults .all-results ul.list li .rank {
	float: right;
	margin-right: 10px;
}

#appresults .all-results ul.list li {
	padding: 8px 0 8px 0;
	background: url('../img/hrg.png') repeat-x bottom left;
	cursor: pointer;
}

#appresults .all-results ul.list.reranking li span.rerank {
	display: inline;
}

#appresults .all-results ul.list li .rerank {
	-display: none;
	float: right;
	font-size: 14px;
}

#appresults .all-results ul.list li.current:last-child {
	background-color: #EEE;
}

#appresults .all-results ul.list li:last-child {
	background: transparent;
}

#appresults .all-results ul.list .icon {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin: 0 15px 0 8px;
	background-size: 100% 100%;
	object-fit: cover;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
 

#appresults .all-results ul.pages {
	border: 1px solid #eaeaea;
	line-height: 32px;
	vertical-align: bottom;
	overflow: auto;
	width: 285px;
	display: block;
	/* padding-left: 8px; */
}

#appresults .all-results ul.pages li.next {
	float: right;
	margin: 10px 8px 8px 0;
}

#appresults .all-results ul.pages li.etc {
	border: 0;
	cursor: default;
}

#appresults .all-results ul.pages li.prev,
#appresults .all-results ul.pages li.next,
#appresults .all-results ul.pages li.goto {
	background: -moz-linear-gradient(top, #f8f8f8 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f8f8f8', EndColorStr='#eeeeee', GradientType=0);
}

#appresults .all-results ul.pages li.goto.active {
	background: -moz-linear-gradient(top, #eeeeee 0%, #f8f8f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#f8f8f8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#f8f8f8 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#eeeeee', EndColorStr='#f8f8f8', GradientType=0);
	color: #38b6e1;
}

#appresults .all-results ul.pages li {
	float: left;
	border: 1px solid #b4b4b4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	margin: 10px 0 8px 8px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
}

#appresults .selected table thead  {
	border: 1px solid #5073a5;
}

#appresults .selected table thead th:last-child {
	text-align: right;
	padding-right: 6px;
}

#appresults .selected table thead th {
	background-color: #35609f;
	color: white;
	font-size: 17px;
	font-weight: bold;
	line-height: 30px;
	text-align: left;
	padding-left: 6px;
}

#appresults .selected table thead th span.name {
	width: 203px;
	text-overflow: ellipsis; 
	overflow: hidden; 
	white-space:nowrap;
	display: inline-block;
}

#appresults .selected table tbody td:first-child {
	width: 100px;
}

#appresults .selected table tbody td:last-child {
	color: #3f3f38;
	background-color: #7aceeb;
	width: 173px;
}

#appresults .selected table tbody td {
	line-height: 28px;
	text-align: left;
	padding-left: 10px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	background-color: #3ab8e2;
}


#appresults .selected {
	text-align: center;
	top: -5px;
	position: relative;
}

#appskin-skin3 .selected{
	display:none;
}

#appresults .selected img {
	width: 100%;
	height: 150px;
	object-fit: contain;
	cursor: pointer;
}

#appresults .selected h1 {
	text-align: left;
}

#appresults .selected table {
	width: 295px;
	border-collapse: collapse;
	table-layout: fixed;
	overflow: hidden;
}

#decisions.decision-view {

}

#appresults .all-results ul.list li .actionlink {
	float: right;
	font-size: 14px;
}

#decisions.decision-view #appview ul.appinfo-wrapper li {
	background-color: #31B2DD;
}

#decisions.decision-view #appview .appinfo {
	margin: 0;
	background-color: #ffffff;
}

#decisions.decision-view #appview .appinfo img { 
	margin: 0 10px 0 0;
	width: 120px;
	height: 115px;
}

#decisions.decision-view #appview .appinfo label {
	color: #3f3f38;
}

#decisions.decision-view #appview .appinfo label.appname {
	font-size: 24px;
}

#decisions.decision-view #appview .appinfo label.appdescription {
	font-size: 18px;
}

#decisions.decision-view #appview.items-list ul.items {
	--margin-top: 35px;
}
#appskin-skin5 #appview.items-list {width: 100%;}
#decisions.decision-view #appview.items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}

.floatright {
	float: right;
}

/*
.ui-datepicker {
	width: 165px;
	border: 0;
	padding: 0;
}

.ui-datepicker .ui-datepicker-header {
	padding: 0;
}

.ui-datepicker .ui-datepicker-title {
	background: #27acd8;
	line-height: 22px;
	font-size: 10.94px;
	font-weight: bold;
	color: white;
}

.ui-datepicker .ui-datepicker-header.ui-corner-all {
	border-radius: 0;
}
*/



.field-editor ul.filters input[type=checkbox] {
	display: none;
}

.field-editor ul.filters label {
	font-size: 22px;
	font-weight: bold;
}

.stooltip {
	background-color:  #7ACEEB;
	position: relative;
	top: -28px;
	display: inline-block;
	left: 100%;
	border: 1px solid #26ACD8;
	color: #333333;
	padding: 2px 5px;
}

.field-editor .enumeration-wrapper .enumeration {
	max-height: inherit;
	overflow: auto;
	width: auto;
}


.centered {
	text-align: center;
	margin: 30px auto;
	font-size: 14px;
	width: 400px;
	text-align: left;
}

.login-page a.password {
	color: blue;
	text-decoration: underline;
	float: right;
	margin-top: 10px;
}

.login-page .user {
	text-align: left;
	width: 400px;
	margin: auto;
}

#user-create .btn1,
.login-page .user .btn1 {
	padding: 5px 20px;
}

fieldset legend {
	background-color: #26ACD8;
	width: 100%;
	padding: 5px 2px;
	color: white;
	font-weight: bold;
	font-size: 14px;
	left: -2px;
	position: relative;
}

#user-create fieldset>div,
.login-page .user fieldset>div {
	padding: 0px 10px;
}

fieldset {
	border: 0;
	border-top: 1px solid #26ACD8;
	margin-bottom: 5px;
	padding: 10px 0;
}

.login-page .user .submit {
	float: right;
}


.arrow_box {
	position: relative;
	-background: #88b7d5;
	-border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
	left: 99%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-left-color: #E4E4E4;
	border-width: 12px;
	top: 50%;
	margin-top: -12px;
}
.arrow_box:before {
	border-left-color: #AAA;
	border-width: 13px;
	top: 50%;
	margin-top: -13px;
}

.decision-edit .csvoptions {
	float: right;
	margin-left: 20px;
}

.decision-edit .step2 .csvoptions {
	-padding-top: 60px;
}

.blank_link.notempty{
	cursor: pointer;
	text-decoration: underline;
}

.btn2 {
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	font-size: 13px;
	font-family: 'Quattrocento Sans', sans-serif;
	
	background: -moz-linear-gradient(top, #FCFCFC 0%, #E4E4E4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(100%,#E4E4E4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FCFCFC 0%,#E4E4E4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FCFCFC 0%,#E4E4E4 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FCFCFC 0%,#E4E4E4 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FCFCFC', EndColorStr='#E4E4E4', GradientType=0);
	padding: 6px 30px;
	
	cursor: pointer;
	margin: 4px 2px;
	display: block;
}

.btn2.disabled {
	color: #AAAAAA;
	cursor: default;
}

.ui-dialog-titlebar {
	display: none;
}

#csv-map-types,
#csv-choose-types,
#decision-upload-csv {
	display: none;
}

#decision-upload-csv p {
	width: 400px;
	padding: 5px;
}
#decision-upload-csv .popup{
    font-size: 20px;
}
#decision-upload-csv .popup>span{
	display: block;
	margin-bottom: 11px;
}
#decision-upload-csv .popup div{}
#decision-upload-csv .popup .red{
	color: red;
	/* padding: 5px; */
	line-height: 32px;
	font-size: 13px;
	margin-top: 0px;
}
#decision-upload-csv .popup .orange{
	color: #ff6800;
	/* padding: 5px; */
	line-height: 32px;
	font-size: 13px;
	margin-top: 0px;
}

#decision-upload-csv .popup button{background-color: red;border: 1px solid #c5dbec;background: #dfeffc;font-weight: bold;color: #2e6e9e;outline: none;padding: 5px 10px;cursor: pointer;margin-top: 10px;font-size: 12px;}
#decision-upload-csv .popup button:active { outline: none; }
#decision-upload-csv .popup button:hover { border: 1px solid #79b7e7; background: #d0e5f5; font-weight: bold; color: #1d5987; outline: none;}
#decision-upload-csv .popup .name{
	font-weight: 700;
    color: black;
    font-size: 14px;
}
#csv-map-types table,
#csv-choose-types table {
	max-height: 200px;
	overflow: auto;
	display: block;
}



#csv-map-types label,
#csv-choose-types label {
	display: block;
}


#friends-list {
	padding: 30px 0;
}

#user-profile {
	padding: 30px 0;
}

#user-profile>.tabs {
	margin-top: 30px;
}

#user-profile>.user-info {
	overflow: auto;
}

#user-profile>.user-info span.img {
	width: 110px;
	height: 110px;
	float:left;
	margin-right: 20px;
}

#user-profile>.user-info>.social {
	float: right;
}

#messages-page {
	width: 650px;
	margin: 30px auto;
}

#messages-page ul.msgs {
	margin-top: 10px;
}

#messages-page ul.msgs>li {
	border-top: 1px solid #e7e7e7;
}

#messages-page ul.msgs>li:last-child>a {
	margin-bottom: 0;
}

#messages-page ul.msgs>li>a:hover {
	background-color: #31B2DD;
}

#messages-page ul.msgs>li>a.unread {
	background-color: #eeeeee;
}

#messages-page ul.msgs>li>a {
	display: block;
	overflow: auto;
	margin-bottom: 10px;
}

#thread-view span.from,
#messages-page ul.msgs>li span.from {
	font-weight: bold;
	display: block;
}

#thread-view span.date,
#messages-page ul.msgs>li span.date {
	float: right;
}

#thread-view span.img,
#messages-page ul.msgs>li span.img {
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 15px;
	background-size: 100% 100%;
}

div.add-friend-confirm {
	width: 450px;
	
}

div.add-friend-confirm span.title {
	font-size: 32px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

div.add-friend-confirm span.description {
	display: block;
	margin: 10px 0;
}

div.add-friend-confirm span.img {
	float: left;
	display: block;
	width: 110px;
	height: 110px;
	margin-right: 15px;
	background-size: 100% 100%;
}

#messages-page ul.msgs>li .expert-request,
#messages-page ul.msgs>li .friend-request {
	overflow: auto;
}

#messages-page ul.msgs>li .expert-request a,
#messages-page ul.msgs>li .friend-request a {
	float: right;
	padding: 5px 10px;
}

#send-message,#thread-view {
	width: 550px;
	margin: 30px auto;
	
}

#send-message table td {
	vertical-align: top;
}

#send-message textarea.to {
	width: 300px;
	height: 25px;
}

#send-message textarea.msg {
	width: 300px;
	height: 200px;
}

#send-message textarea {
	resize: none;
}

#thread-view ul.thread-messages,
#thread-view ul.thread-messages li,
#send-message ul.recipients {
	overflow: auto;
}

#send-message ul.recipients li {
	float: left;
	border: 1px solid #e7e7e7;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin-right: 5px;
	padding: 5px;
	cursor: pointer;
}

#thread-view ul.thread-messages li {
	border-top: 1px solid #e7e7e7;
	margin: 10px 0;
}

#thread-view textarea {
	width: 430px;
	height: 100px;
	resize: none;
}

#login-page .user {
	padding: 0 0 10px 0;
	border: 1px solid #26ACD8;
}

#user-create {
	width: 500px;
	margin: 30px auto;
	padding: 0 0 10px 0;
	font-size: 14px;
	border: 1px solid #26ACD8;
}

#user-create .error-message {
	color: red;
}

#user-create fieldset {
	border: 0;
	border-top: 1px solid #26ACD8;
}

.centered fieldset label,
#user-create fieldset>div>label {
	width: 100px;
	display: inline-block;
}

.centered fieldset label:after,
#user-create fieldset>div>label:after {
	content: ':';
}

#user-create fieldset>label>a {
	text-decoration: underline;
	color: #26ACD8;
}

#user-create fieldset>label {
	padding-top: 10px;
	display: block;
}

#user-create div.submit {
	text-align: right;
}

#tutorial {
	width: 700px;
	margin: 30px auto;
	text-align: center;
}


#appview ul.items>li>div:visible:nth-child(0) {
	padding-top: 14px;
}

ul.icons-view li {
	position: relative;
}

a.fexport-icon:hover,
a.delete-icon:hover,
a.edit-pen:hover {
	border: 1px inset #3C3c3c;
	opacity: 1;
}

a.fexport-icon {
	position: absolute;
	top: 24px;
	right: 0px;
	opacity: 0.5;
	background-color: white;	
}

a.delete-icon {
	position: absolute;
	top: 5px;
	right: 20px;
	opacity: 0.5;
	background-color: white;
}

a.edit-pen {
	position: absolute;
	top: 5px;
	right: 0;
	opacity: 0.5;
	background-color: white;
}


.admin-mode:hover {
	-border: 1px dotted #3c3c3c;
}

#myNicPanel {
	margin: auto;
	border: 5px solid grey;
	position: fixed;
	top: 0;
	left: auto;
	right: auto;
	z-index: 1000;
}

#webpage-content {
	
}

#webpage-content h1 {
	background: url("../img/gradbg48.png") repeat-x;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	line-height: 48px;
	display: block;
}

#profile-content {
	
}

#profile-content h1 {
	background: url("../img/gradbg48.png") repeat-x;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	line-height: 48px;
	display: block;
}

#profile-content ul{
    margin-top: 50px;
}
#profile-content ul li{
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
#profile-content ul li span{
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    position: relative;
}
#profile-content ul li span:first-child{
    width: 200px;
}
#profile-content ul li span:first-child + li{}
#profile-content ul li span:first-child + li{}
#profile-content ul li .avatar{
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 20px;
    margin-left: 0px;
}
#profile-content ul li input{
    width: 333px;
    margin: 0px;
    display: inline-block;
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    -o-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,-webkit-box-shadow ease-in-out .15s;
}
#profile-content ul li input[type=text]{
    font-size: 14px;
}
#profile-content ul li input.copytarget{border-radius: 0 0.25rem 0.25rem 0;margin-left: -5px;border-left: 0px;width: 300px;}
#profile-content ul li input[type=button]{
    cursor: pointer;
    width: 224px;
}

#header-menu-editor span.delete:hover {
	color: red;
	cursor: pointer;
}

#header-menu-editor {
	width: 800px;
	display: none;
	text-align: center;
}

.img-stretch {
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

a.upload:hover {
	opacity: 1;
}

a.upload {
	background-color: white;
	position: relative;
	opacity: 0.8;
}

a.upload input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: solid transparent;
	border-width: 0 0 0px 28px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transform: translate(-300px, 0) scale(4);
	direction: ltr;
	cursor: pointer;
	width: 0px;
}

#working-msg {
	display: none;
	line-height: 20px;
	font-size: 14px;
}

/*#working-msg */
.working {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('../img/loading.gif');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
}

#password-reset {
	width: 400px;
	text-align: left;
}

.centered .buttons-wrapper {
	text-align: right;
}

#email-debug {
	position: fixed;
	top: 50px;
	left: 0px;
	background-color: yellow;
	border: 1px solid black;
	width: 400px;
	height: 200px;
	overflow: auto;
}

.message {
	background-color: red;
	color: white;
	padding: 10px;
	font-weight: bold;
}

.ui-button1 {
	line-height: 36px;
	padding: 0 18px;
	font-weight: bold;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 13px;
	color: #333333;
	
	border: 1px solid #AAAAAA;
	
	background: -moz-linear-gradient(top, #FCFCFC 0%, #E4E4E4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(100%,#E4E4E4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FCFCFC 0%,#E4E4E4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FCFCFC 0%,#E4E4E4 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FCFCFC 0%,#E4E4E4 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FCFCFC', EndColorStr='#E4E4E4', GradientType=0);
	
}

.field-editor-wrapper {
	background-color: #DFEFFF;
}

#decisions #appview ul.items  {
	margin: 0;
}

ul.items li:last-child div.hr {
	display: none;
}

.app-info .descr .iblock {
	overflow: auto;
	display: inline-block;
	vertical-align: top;
}


.ui-combobox {
	position: relative;
	display: inline-block;
}
.ui-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	/* adjust styles for IE 6/7 */
	*height: 1.7em;
	*top: 0.1em;
}
.ui-combobox-input {
	margin: 0;
	padding: 0.3em;
}

.appdata .ui-combobox-input {
	width: 100px;
}

.appdata td {
	min-width: 140px;
}

.appdata td:first-child, .appdata th:first-child {
	width: 30px;
	min-width: 30px;
}

.datasets {
	display: inline-block;
	margin-right: 180px;
	border: 1px solid #cbcbcb;
	padding: 6px 10px;
	width: 100%;
}

.datasets .btn2 {
	display: inline;
}


#add-new-dataset label span {
	width: 100px;
	display: inline-block;
}

#add-new-dataset label {
	display: block;
}

#appresults .datasets {
	margin: 0 0 0 15px;
	width: 273px;
}

span.img {
	background-size: 100% 100%;
}

#decisions #features ul.items  {
	margin: 0;
}

#features div.label .index {
	border-radius: 25px;
	color: #31B2DD;
	background-color: white;
	margin: 0 5px;
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
}

#features div.label {
	width: 120px;
	background-color: #31b2dd;
	color: white;
}

#features .upper div.label {
	padding-top: 14px;
}


#user-profile .user-info .user-input .submit .save {
	float: right;
}

#user-profile .user-info .user-input .submit {
	margin-top: 10px;
}

#user-profile .user-info .user-input textarea {
	vertical-align: top;
}

#user-profile .user-info .user-input label {
	width: 150px;
	display: inline-block;
}

#user-profile .user-info .user-input {
	margin-left: 140px;
	display: inline-block;
}


table.appdata td.editing a[href="#edit"],
table.appdata td a[href="#save"],
table.appdata td a[href="#cancel"],
table.appdata td.editing span.setimg {
	display: none;
}

table.appdata td.editing a[href="#save"],
table.appdata td.editing a[href="#cancel"],
table.appdata td a[href="#edit"],
table.appdata td span.setimg {
	display: inline;
}

table.appdata td span.setimg {
	float: right;
	height: 16px;
	width: 16px;
	background-size: 100% 100%;
	cursor: pointer;
	background-color: #fcfcfc;
	margin: 0 10px 0 0;
}

table.appdata td span.setimg.locked {
	cursor: default;
}

#auguri-app-rowicons .delete{
	position: absolute;
    right: 0px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: black;
    color: white;
    line-height: 13px;
    text-align: center;
    transform: rotate(45deg);
    font-size: 27px;
    cursor: pointer;
}

#auguri-app-rowicons .delete:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}
#auguri-app-rowicons .delete:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}

#auguri-app-rowicons ul li{
	position: relative;
}

#auguri-app-rowicons .rowimg {
	height: 64px;
	width: 64px;
	background-size: 100% 100%;
	cursor: pointer;
	background-color: #fcfcfc;
	display: block;
}

#auguri-app-rowicons ul {
	overflow: auto;
	max-height: 250px;
	max-width: 450px;
	margin: 0 0 10px 0;
}

#auguri-app-rowicons ul li.selected {
	border: 1px solid blue;
	margin: 4px;
}

#auguri-app-rowicons ul li {
	float: left;
	margin: 5px;
}

.remote-db-info label span.lbl {
	width: 85px;
	display: inline-block;
}

.app-import {
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.app-import .btn1:hover {
	color: #31b2dd;
}

.app-import form .btn {
	padding: 0 25px;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 110px;
}

.app-import form input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: solid transparent;
	border-width: 0 0 100px 200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transform: translate(-300px, 0) scale(4);
	direction: ltr;
	cursor: pointer;
}

.remote-db {
	width: 285px;
	height: 215px;
	overflow: hidden;
	position: relative;
}

.remote-db .remotedb-info {
	position: absolute;
	left: 0;
	top: 0;
	width: 285px;
}

.remote-db .remotedb-mappings {
	position: absolute;
	top: 0;
	left: 285px;
	width: 285px;
}

.remote-db .remotedb-mappings ul {
	height: 170px;
	overflow: auto;
}

.remote-db .remotedb-mappings li span {
	width: 120px;
	display: inline-block;
}

.editrows-pages {
	margin: 0;
	padding: 0;
	position: relative;
	top: -10px;
	text-align: center;
}

.editrows-pages a {
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	font-size: 13px;
	font-family: 'Quattrocento Sans', sans-serif;
	
	background: -moz-linear-gradient(top, #FCFCFC 0%, #E4E4E4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(100%,#E4E4E4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FCFCFC 0%,#E4E4E4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FCFCFC 0%,#E4E4E4 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FCFCFC 0%,#E4E4E4 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FCFCFC', EndColorStr='#E4E4E4', GradientType=0);
	padding: 8px 15px;
	
	cursor: pointer;
	margin: 0 5px 0 0;
	display: inline-block;
}

.editrows-pages a.selected {
	cursor: default;
	background: transparent;
}

.invite-friends-ad {
	float: right;
	background-color: #2bafda;
	font-weight: bold;
	font-size: 14px;
	margin-right: 65px;
	padding: 5px 10px;
	top: 20px;
	position: relative;
}

.tab-item.invitefriends {
	padding: 5px;
}

.tab-item.invitefriends textarea {
	height: 50px;
	width: 300px;
	margin-right: 20px;
	vertical-align: middle;
}

#modetoggler {
	display: inline-block;
	margin-left: 58px;
	vertical-align: middle;
}

.constraints .row-value>div {
	display: inline-block;
	line-height: 28px;
}

.constraints a {
	color: #31b2dd;
}

a[href="#addconstraint-delim"] {
	font-size: 20px;
	vertical-align: middle;
}

.constraint-delim-start,
.constraint-delim-end {
	font-size: 28px;
	vertical-align: middle;
}

.constraint-operator {
	color: #e17009;
	cursor: pointer;
}

.constraint-delim-start:hover,
.constraint-delim-end:hover,
.constraint-delim-start.matched,
.constraint-delim-end.matched {
	background-color: red;
}

.ui-widget {
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 13px;
}

.ui-button-text-only .ui-button-text {
	padding: 4px 20px;
}

.ui-state-default, .ui-widget-content .ui-state-default {
	color: #333333;
	font-weight: bold;
}

.ui-state-active, .ui-widget-content .ui-state-active {
	font-weight: bold;
	color: #e17009;
}

.popup-menu {
	display: 'block';
	position: 'absolute';
	border: 1px solid #2bafda;
	background-color: white;
	padding: 5px;
	z-index: 5000;
	width: 60px;
}

.rerank-popup .rerank-list {
	max-height: 328px;
	overflow: auto;
	display: block;
}

.rerank-popup .rerank-list li .rank {
	display: inline-block;
	width: 15px;
	text-align: right;
}

.rerank-popup .rerank-list li .name {
	width: 155px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}

.rerank-popup .rerank-list li a.move {
	float: right;
}

.rerank-popup .rerank-list li {
	padding: 5px;
	margin: 5px;
	border: 1px solid black;
	cursor: move;
}

#rerank-popup-moveto-menu a {
	width: 100%;
	display: inline-block;
}
#rerank-popup-moveto-menu {
	width: 30px;
}

.options-list-wrapper {
	-height: 300px;
	-overflow: auto;
	position: relative;
}

.my-decisions .create-new .img {
	background-color: white;
	color: black;
	font-size: 64px;
	text-align: center;
	line-height: 102px;
}

.my-decisions .create-new a:hover .img {
	background-color: #B6B6B6;
	color: white;
}

#decisions .app-image label.fwidth {
	position: relative;
}

#decisions .app-image input[type=file] {
	line-height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(-300px, 0) scale(4);
	font-size: 23px;
	direction: ltr;
	display: none;
	cursor: pointer;
}

.specs-more-toggle a {
	color: white;
	margin-right: 10px;
	font-weight: bold;
	font-size: 13px;
}

.specs-more-toggle {
	background-color: #35609f;
	text-align: right;
}

.app-simple-fields-list ul.items li .delete {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.app-simple-fields-list ul.items li .delete .signify {
	display: block;
	font-size: 30px;
}

.app-simple-fields-list ul.items li {
	padding: 10px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;

}

.app-simple-fields-list ul.items input {
	font-weight: normal;
	line-height: 25px;
	border: 1px solid;
	padding: 2px 0 2px 5px;
	width: 200px;
	vertical-align: middle;
}

.app-simple-fields-list ul.items textarea {
	vertical-align: middle;
	resize: none;
	width: 370px;
	height: 48px;
	display: inline-block;
}

.field-editor>table {
	width: 100%;
}

.appdata tfoot {
	text-align: left;
}

.appdata tfoot .sbtn {
	text-align: center;
	margin: 5px;
}

table.appdata th {
	background-color: #eeeeee;
}

.appdata thead th:first-child {
	text-align: right;
}

.hide-field, .hide-importance {
	position: absolute;
	top: 32px;
	right: 5px;
	background-color: white;
	cursor: pointer;
}

.hide-importance {
	top: -25px;
	right: -600px;
	position: relative;
}

.appdata .multiselect {
	max-height: 100px;
	overflow: auto;
}

.fb-like,.twitter-share-button {
	vertical-align: middle;
	margin-right: 8px;
}

#appresults .social-media-links {
	height: 20px;
	margin-top: 5px;
	
}

.step-helper {
	float: right;
}

.step-helper .signify {
	font-size: 35px;
	font-weight: bold;
}

.all-results .list .title {
	max-width: 175px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.field-display .field-input input[type=checkbox] {
	vertical-align: middle;
}
.fa-clipboard{
    cursor: pointer;
    /* background: #f1bb3a; */
    width: 35px;
    height: 35px;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    font-size: 35px;
    border-radius: 0.25rem 0 0 0.25rem;
    cursor: pointer;
    color: white;
    background: #2bafda;
    box-sizing: border-box;
    padding-right: 4px;
}
.button:hover{
    color: black;
}
.button:active{
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75) inset;
}
.tip{
	background-color: #2ab0da0a;
	padding: 0px;
	position: absolute;
	width: CALC(100% - 0px);
	 display: none; 
	color: #333131;
	font-size: 11px;
	text-align: CENTER;
	border-radius: 0px;
	box-sizing: border-box;
	padding: 5px;
}
.noselect{
	 -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

#appskin-skin3{
	padding-top: 35px;
}
#appskin-skin3 #appview{
	align-self: flex-start;
	/* position: sticky; */
	width: 55%;
	padding-top: 0px !important;
	padding-bottom: 50px;
}

#appskin-skin3 .appinfo-wrapper{
    width: 100% !important;
    /* margin-top: 1vw !important; */
}

#appskin-skin3  ul.appinfo-wrapper li {
	background-color: #31B2DD;
}

#appskin-skin3  .appinfo {
	margin: 0;
	background-color: #ffffff;
}

#appskin-skin3  .appinfo img { 
	margin: 0 10px 0 0;
	width: 120px;
	height: 115px;
}

#appskin-skin3  .appinfo label {
	color: #3f3f38;
}

#appskin-skin3  .appinfo label.appname {
	font-size: 24px;
}

#dappskin-skin3  .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin3 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin3 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}
#appskin-skin3{
	padding-top: 35px;
}
#appskin-skin3 #appview{
	align-self: flex-start;
	/* position: sticky; */
	width: 300px;
	padding-top: 0px !important;
}

#appskin-skin3 .appinfo-wrapper{
    width: 100% !important;
    /* margin-top: 1vw !important; */
}

#appskin-skin3  ul.appinfo-wrapper li {
	background-color: #31B2DD;
}

#appskin-skin3  .appinfo {
	margin: 0;
	background-color: #ffffff;
}

#appskin-skin3  .appinfo img { 
	margin: 0 10px 0 0;
	width: 120px;
	height: 115px;
}

#appskin-skin3  .appinfo label {
	color: #3f3f38;
}

#appskin-skin3  .appinfo label.appname {
	font-size: 24px;
}

#dappskin-skin3  .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin3 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin3 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}

#appskin-skin3  .appinfo label.appname {
	font-size: 24px;
}

#appskin-skin3 .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin3 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin3 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}

#appskin-skin3 label.fwidth{
	font-weight: bold;
}

#appskin-skin3  ul.appinfo-wrapper, #decisions #appskin-skin3 ul.items{
	width: 100%;
}

#decisions #appskin-skin3   div.row-value{
	width: auto;
	width: 100%;
	padding-left: 0px;
}

#decisions #appskin-skin3 .ui-slider[rel=importance]{
	width: auto;
}

#appskin-skin3{
	padding-top: 35px;
}
#appskin-skin3 #appview{
	align-self: flex-start;
	/* position: sticky; */
	width: 55%;
	padding-top: 0px !important;
}

#appskin-skin3 .appinfo-wrapper{
    width: 100% !important;
    /* margin-top: 1vw !important; */
}

#appskin-skin3  ul.appinfo-wrapper li {
	background-color: #31B2DD;
}

#appskin-skin3  .appinfo {
	margin: 0;
	background-color: #ffffff;
}

#appskin-skin3  .appinfo img { 
	margin: 0 10px 0 0;
	width: 120px;
	height: 115px;
}

#appskin-skin3  .appinfo label {
	color: #3f3f38;
}

#appskin-skin3  .appinfo label.appname {
	font-size: 24px;
}

#dappskin-skin3  .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin3 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin3 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}
#appskin-skin3{
	padding-top: 35px;
}
#appskin-skin3 #appview{
	align-self: flex-start;
	/* position: sticky; */
	width: 300px;
	padding-top: 0px !important;
}

#appskin-skin3 .appinfo-wrapper{
    width: 100% !important;
    /* margin-top: 1vw !important; */
}

#appskin-skin3  ul.appinfo-wrapper li {
	background-color: #31B2DD;
}

#appskin-skin3  .appinfo {
	margin: 0;
	background-color: #ffffff;
}

#appskin-skin3  .appinfo img { 
	margin: 0 10px 0 0;
	width: 120px;
	height: 115px;
}

#appskin-skin3  .appinfo label {
	color: #3f3f38;
}

#appskin-skin3  .appinfo label.appname {
	font-size: 24px;
}

#dappskin-skin3  .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin3 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin3 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}

#appskin-skin3  .appinfo label.appname {
	font-size: 24px;
}

#appskin-skin3 .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin3 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin3 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}

#appskin-skin3 label.fwidth{
	font-weight: bold;
}

#appskin-skin3  ul.appinfo-wrapper, #decisions #appskin-skin3 ul.items{
	width: 100%;
}

#decisions #appskin-skin3 div.row-value .range-header{
	width:90%;
	margin-left:5%;
}

#decisions #appskin-skin3   div.row-value {
	width: auto;
	width: 100%;
	padding-left: 0px;
	background: none;
	padding: 0px 8px;
	box-sizing: border-box;
}
#decisions #appskin-skin3  ul.select .ui-state-default{
	/* background-color:red; */
	width: 15px;
	height: 15px;
	border: 1px solid black;
	border-radius: 50%;
	background-color: white;
	position: absolute;
	vertical-align: top;
	margin-top: -3px;
	margin-left: -9px;
	cursor: pointer;
	z-index: 10;
	border-color: #aeaeae;
	background: #f8f8f8;
	border-radius: 50%;
}
#decisions #appskin-skin3 .ui-slider[rel=importance]{
	width: auto;
	height: 8px;
	/* background-color: #39a4c7; */
	margin: 5px;
	border: none;
	border-radius: 10px;
	position: relative;
	background: #c7c7c773;
	padding: 0px 0px;
}
#appskin-skin3 .ui-slider[rel=importance]:after {
	content:" ";
	width: 15px;
	height: 15px;
	border: 1px solid black;
	border-radius: 50%;
	background-color: white;
	position: absolute;
	vertical-align: top;
	margin-top: -5px;
	margin-left: -9px;
	cursor: pointer;
	z-index: 10;
	border-color: #aeaeae;
	background: #f8f8f8;
}

#appskin-skin3  #appresults{
    width: CALC(100% - 320px);
    position: sticky;
}

#appskin-skin3 .selected table{
	width:100%
}

#appskin-skin3 .selected img{
    height: 300px;
    object-fit: cover;
    object-position: center;
}

#appskin-skin3 .items-list ul.items .upper{
	/* display: none !important; */
	margin-top: -10px;
}

#appskin-skin3 .items-list ul.items .upper .like{
	display:none;
}

#appskin-skin3 .items-list ul.items .upper .dislike{
	display:none;
}

#appskin-skin3 .constraints{display: none !important;}

#appskin-skin3 #modetoggler{
	/* display:none; */
	margin-top: 8px;
	margin-left: 0px;
}

#appskin-skin3 .hr div.label{
	display:none
}
#appskin-skin3  ul.items>li.item{
	background:none;
	padding-top: 11px;
}

#appskin-skin3 .upper div.label{
	margin-top: 0px;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #eeeeee 100%);
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eeeeee)); */
	/* background: -webkit-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); */
	background: -o-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.Gradien;
	width: 97%;
	padding-top: 20px !important;
	padding-bottom: 10px !important;
}
#appskin-skin3 div.label{
	width: auto;
	padding: 6px !important;
	/* padding-bottom: 5px; */
	padding: 4px;
	line-height: 1px;
	background-color: white;
	color: black;
}

#appskin-skin3 div.label>span:first-child + span{
	display: inline-block;
	vertical-align: text-bottom;
	height: 10px;
	margin-left: 4px;
	font-size: 17px;
}

#appskin-skin3 .imp-idx{
	display: block;
	color: white;
}

#appskin-skin3 .imp-idx.not-important{
	float: left;
	margin-left: 7px;
}

#appskin-skin3  .imp-idx .signify{
	font-size: 20px;
}

#appskin-skin3 .imp-idx.really-important{
	/* display: inline-block; */
	margin-left: 0px;
	float: right;
}

#decisions #appskin-skin3   div.row-value div[auguri-app-setting-type=zipcode]{
	text-align: center;
}

#decisions #appskin-skin3 div.row-value div[auguri-app-setting-type=geoloc]{
	
}

#decisions #appskin-skin3 div.row-value div[auguri-app-setting-type=geoloc] label{
	display: block;
	width: 100%;
	margin-left: -70px;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

#decisions #appskin-skin3 div.row-value div[auguri-app-setting-type=zipcode] input{
	margin-top: 5px;
	margin-bottom: 5px;
}


#appskin-skin3 .btn1:first-child{display: block;position: absolute;margin-top: 70px;width: 89%;}

#appskin-skin3 .btn1:first-child + .btn1{

}

#decisions #appskin-skin3   div.row-value div[auguri-app-setting-type=zipcode]{
	text-align: center;
}

#decisions #appskin-skin3 div.row-value div[auguri-app-setting-type=geoloc]{
	
}

#decisions #appskin-skin3 div.row-value div[auguri-app-setting-type=geoloc] label{
	display: block;
	width: 100%;
	margin-left: -70px;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

#decisions #appskin-skin3 div.row-value div[auguri-app-setting-type=zipcode] input{
	margin-top: 5px;
	margin-bottom: 5px;
}

#decisions #appskin-skin3 div.row-value input[auguri-app-setting-type=date]{
	text-align: center;
	margin-top: 10px;
	margin-left: 65px;
}

#appskin-skin3 .btn1:first-child{display: block;position: absolute;margin-top: 70px;width: 89%;}

#appskin-skin3 .btn1:first-child + .btn1{

}
#appview .step-buttons {
    margin: 0px 7px 0 0;
    padding-top: 5px;
    z-index: 1000;
    background-color: white;
    z-index: 11;
}

#ui-datepicker-div{z-index: 22 !important;}




@import url('https://fonts.googleapis.com/css?family=Montserrat');



#search-form {
  width: 100%;
  margin: 0 auto;
  position: relative;
  font-family: 'Signify2Regular';
  font-size: 20px;
  padding-left: 20px;
}
.tab-item.step3 #search-form input{
	margin:10px;
	margin-left:-46px;
}
#search-form input {
  width: 69%;
  font-size: 15px;
  padding: 5px;
  border: 2px solid #ccc;
  border-radius: 2px;
  border: 1px solid #cbcbcb;
  padding: 6px 10px;
  margin-left: -46px;
  /* border-left: none; */
  background-color: transparent;
  padding-left: 30px;
}
#search-form .info {
	margin-top: 0.5rem;
	text-align: center;
	font-size: 0.75rem;
	display: none;
	}
  #search-form i {
	
  }
#search-form button {
  position: absolute;
  top: 0;
  /* right: 0; */
  bottom: 0;
  background-color: transparent;
  outline: none;
  border: none;
  width: 3rem;
  text-align: center;
  font-size: 1.75rem;
  cursor: pointer;
  color: #333;
  margin-left: -49px;
  margin-top: -19px;
}

@media (max-width: 1200px) {
  #search-form {width: 100%;}
}
@media (max-width: 768px) {
  .container { padding: 30px 35px; }
  #search-form { width: 100%; }
  .info { font-size: 0.5rem; }
}

#search-form .fa-microphone:before {
    content: " ";
    font-family: 'Signify2Regular';
    background-image: url('/img/svg/microphone.svg');
    position: absolute;
    width: 21px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    /* margin-top: -10px; */
    /* margin-left: -60px; */
}

#search-form .fa-microphone-slash:before{
	content: " ";
	font-family: 'Signify2Regular';
	background-image: url('/img/svg/loading.gif');
	position: absolute;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	/* margin-top: -10px; */
	/* margin-left: -60px; */
}
#appskin-skin3 #search-form input {
    width: 80%
}

.defaultskin4{
	width: auto !important;
	padding: 2vw;
	max-width: 1200px;
	padding-top: 0px;
}

#appskin-skin4 .ui-slider[rel=importance] .ui-slider-range {
	/* background: #436eac; */
	background-color: #39a4c7;
	border-radius: 10px;
	position: relative;
	display: inline-block;
}

#appskin-skin4 .ui-slider[rel=importance] .ui-slider-range:after {
	content:" ";
}

#appskin-skin4 div.label .index {display: none;}
#appskin-skin4 #appresults .all-results ul.list{
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: inline-block !important;
    padding: 0px;
    margin: 0px;
}
#appskin-skin4 #appresults .all-results ul.pages{
    width: 100%;
}
#appskin-skin4 #appresults .all-results ul.pages li.prev, #appresults .all-results ul.pages li.next, #appresults .all-results ul.pages li.goto{}
#appskin-skin4 #appresults .all-results ul.pages li.goto.active{
    /* background: -webkit-linear-gradient(top, #39a4c7 0%,#82c8df 100%); */
    /* color: white; */
}
#appskin-skin4 #appresults .all-results ul.pages li.prev, #appresults .all-results ul.pages li.next, #appresults .all-results ul.pages li.goto{}
#appskin-skin4 #appresults .all-results ul.pages li.prev, #appresults .all-results ul.pages li.next, #appresults .all-results ul.pages li.goto{}
#appskin-skin4 #appresults .all-results ul.list .block{
	display: inline-block;
	box-sizing: border-box;
	width: CALC(30vw - 111px);
	padding: 0px;
	margin: 5px;
	vertical-align: top;
	height: 44vw;
	height: 550px;
	/* border: 1px solid black; */
	/* background-color: #f6f6f6; */
	/* background-image: none; */
	/* margin-bottom: 80px; */
	max-width: 270px;
	min-width: 160px;
}

#appskin-skin4 #appresults .all-results ul.list .block.open{
    height: auto;
}
#appskin-skin4 #appresults .all-results ul.list .block.open ul{
    height: auto;
    overflow: visible !important;
    max-height: inherit !important;
}

#appskin-skin4 #appresults .all-results ul.list .block>div{
	display:inline-block;
	vertical-align: top;
}

#appskin-skin4 #appresults .all-results ul.list .block .thimb {
    width: 24%;
    padding: 10px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: CALC(31vw - 111px);
    background-color: whitesmoke;
    object-fit: cover;
    object-position: center;
    padding: 0px;
    position: relative;
    max-height: 280px;
}
#appskin-skin4 #appresults .all-results ul.list .block .thimb img {
    object-fit: contain;
    object-position: center;
    width: 100%;
   
    /* max-height: 144px; */
    object-fit: contain;
    object-position: center;
    height: 100%;
}
#appskin-skin4 #appresults .all-results ul.list .block .values {
    width: 100%;
    text-align: right;
    display: block;
    margin-top: 10px;
}
#appskin-skin4 #appresults .all-results ul.list .block .actions {
    width: 100%;
    padding-top: 40px;
    text-align: center;
    display: block;
}
#appskin-skin4 #appresults .all-results ul.list .block .actions a.actionlink{
    background: none;
    background-color: #39a4c7 !important;
    display: inline-block;
    border-radius: 4px;
    color: white;
    width: 100px;
    border: none;
    background-position-y: center;
    background-position-x: right;
    text-align: left;
    padding: 5px;
    padding-top: 7px;
    font-size: 17px;
}
#appskin-skin4 #appresults .all-results ul.list .block .actions a.actionlink:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}
#appskin-skin4 #appresults .all-results ul.list .block .actions a.actionlink:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}

#appskin-skin4 #appresults .all-results ul.list .block .actions a.actionlink.grey:hover{
    color: white;
}
#appskin-skin4 #appresults .all-results ul.list .block .actions a.actionlink.grey:active{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#appskin-skin4 #appresults .all-results ul.list .block .actions a.actionlink.grey{
	background-color: #cbcbcb !important;
	width: auto;
	cursor: no-drop;
	white-space: nowrap;
}
#appskin-skin4 #appresults .all-results ul.list .block .actions a.actionlink>span{
    font-family: auto;
    font-family: 'Quattrocento Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    margin-left: 7px;
}
#appskin-skin4 #appresults .all-results ul.list .block .line{
    margin-bottom: 44px;
    display: inline-block;
    float: right;
    vertical-align: top;
}
#appskin-skin4 #appresults .all-results ul.list .block .line.actionbutton{
	float: left;
}
#appskin-skin4 #appresults .all-results ul.list .block .actions a{
    /* display: block; */
    height: 20px;
    /* padding: 10px; */
    display: inline-block;
}
#appskin-skin4 #appresults .all-results ul.list .block .values span{
    font-size: 17px;
    display: block;
    text-align: CENTER;
}
#appskin-skin4 #appresults .all-results ul.list .block .values ul{
    display: block;
    margin-top: 10px;
    max-height: 100px;
    overflow: hidden;
}

#appskin-skin4 #appresults .all-results .specs-more-toggle{
    background-color: #39a4c7;
    display: inline-block;
    width: 50px;
    border-radius: 10px;
    margin-top: 10px;
}
#appskin-skin4 #appresults .all-results .abutton{
    padding: 1px 10px;
}
#appskin-skin4 .abutton[action=clear]{
    width: CALC(100% - 230px);
    vertical-align: top;
}
#appskin-skin4 .abutton{background: none;background-color: #39a4c7 !important;display: inline-block;width: auto;border-radius: 10px;margin-top: 10px;color: white;text-align: center;padding: 0px 10px;padding: 10px;border: none;}
#appskin-skin4 .btn1:first-child{
	display: none;
}

#appskin-skin4 .ui-buttonset .ui-button:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}
#appskin-skin4 .ui-buttonset .ui-button:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}
#appskin-skin4 .ui-buttonset .ui-button{
	background: none;
	background-color: #39a4c7 !important;
	display: inline-block;
	width: auto;
	border-radius: 10px;
	/* margin-top: 10px; */
	color: white;
	text-align: center;
	padding: 0px 10px;
	padding: 4px 0px;
	border: none;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}
#appskin-skin4 .ui-buttonset .ui-button.ui-state-active{
	font-weight: bold;
	color: #e17009;
	border: 1px solid #79b7e7;
	background-color: #f5f8f9 !important;
}

#appskin-skin4 .ui-buttonset label:nth-child(4){
	margin-left:10px
}

#appskin-skin4 .ui-buttonset label:nth-child(6){
	display: none;
}

#appskin-skin4 .ui-buttonset label:first-of-type{
	margin-right: 4px;
}

#appskin-skin4 .ui-buttonset label:first-of-type + label {
	
}
#appskin-skin4 .abutton:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}
#appskin-skin4 .abutton:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}

#appskin-skin4 #appresults .all-results ul.list .block .values ul li{
    display: block !important;
    width: 100%;
    background: none;
    border-bottom: 1px solid #8080801a;
}
#appskin-skin4 #appresults .all-results ul.list .block .values ul li div{
    display: inline-block;
    width: 49%;
}
#appskin-skin4 #appresults .all-results ul.list .block .values ul li div:first-child{
    text-align: left;
}
#appskin-skin4 #appresults .all-results ul.list .block .values ul li div:first-child + div{
    text-align: right;
    font-weight: 100;
}

#appskin-skin4 .selected{
	display:none;
}


#appskin-skin4{
	padding-top: 35px;
}
#appskin-skin4 #appview{
	align-self: flex-start;
	/* position: sticky; */
	width: 55%;
	padding-top: 0px !important;
	padding-bottom: 50px;
}

#appskin-skin4 .appinfo-wrapper{
    width: 100% !important;
    /* margin-top: 1vw !important; */
}

#appskin-skin4  ul.appinfo-wrapper li {
	background-color: #31B2DD;
}

#appskin-skin4  .appinfo {
	margin: 0;
	background-color: #ffffff;
}

#appskin-skin4  .appinfo img { 
	margin: 0 10px 0 0;
	width: 120px;
	height: 115px;
}

#appskin-skin4  .appinfo label {
	color: #3f3f38;
}

#appskin-skin4  .appinfo label.appname {
	font-size: 24px;
}

#dappskin-skin3  .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin4 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin4 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}
#appskin-skin4{
	padding-top: 35px;
}
#appskin-skin4 #appview{
	align-self: flex-start;
	/* position: sticky; */
	width: 300px;
	padding-top: 0px !important;
}

#appskin-skin4 .appinfo-wrapper{
    width: 100% !important;
    /* margin-top: 1vw !important; */
}

#appskin-skin4  ul.appinfo-wrapper li {
	background-color: #31B2DD;
}

#appskin-skin4  .appinfo {
	margin: 0;
	background-color: #ffffff;
}

#appskin-skin4  .appinfo img { 
	margin: 0 10px 0 0;
	width: 120px;
	height: 115px;
}

#appskin-skin4  .appinfo label {
	color: #3f3f38;
}

#appskin-skin4  .appinfo label.appname {
	font-size: 24px;
}

#dappskin-skin3  .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin4 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin4 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}

#appskin-skin4  .appinfo label.appname {
	font-size: 24px;
}

#appskin-skin4 .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin4 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin4 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}

#appskin-skin4 label.fwidth{
	font-weight: bold;
}

#appskin-skin4  ul.appinfo-wrapper, #decisions #appskin-skin4 ul.items{
	width: 100%;
}

#decisions #appskin-skin4   div.row-value{
	width: auto;
	width: 100%;
	padding-left: 0px;
}

#decisions #appskin-skin4 .ui-slider[rel=importance]{
	width: auto;
}

#appskin-skin4{
	padding-top: 35px;
}
#appskin-skin4 #appview{
	align-self: flex-start;
	/* position: sticky; */
	width: 55%;
	padding-top: 0px !important;
}

#appskin-skin4 .appinfo-wrapper{
    width: 100% !important;
    /* margin-top: 1vw !important; */
}

#appskin-skin4  ul.appinfo-wrapper li {
	background-color: #31B2DD;
}

#appskin-skin4  .appinfo {
	margin: 0;
	background-color: #ffffff;
}

#appskin-skin4  .appinfo img { 
	margin: 0 10px 0 0;
	width: 120px;
	height: 115px;
}

#appskin-skin4  .appinfo label {
	color: #3f3f38;
}

#appskin-skin4  .appinfo label.appname {
	font-size: 24px;
}

#dappskin-skin3  .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin4 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin4 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}
#appskin-skin4{
	padding-top: 35px;
}
#appskin-skin4 #appview{
	align-self: flex-start;
	/* position: sticky; */
	width: 300px;
	padding-top: 0px !important;
}

#appskin-skin4 .appinfo-wrapper{
    width: 100% !important;
    /* margin-top: 1vw !important; */
}

#appskin-skin4  ul.appinfo-wrapper li {
	background-color: #31B2DD;
}

#appskin-skin4  .appinfo {
	margin: 0;
	background-color: #ffffff;
}

#appskin-skin4  .appinfo img { 
	margin: 0 10px 0 0;
	width: 120px;
	height: 115px;
}

#appskin-skin4  .appinfo label {
	color: #3f3f38;
}

#appskin-skin4  .appinfo label.appname {
	font-size: 24px;
}

#dappskin-skin3  .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin4 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin4 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}

#appskin-skin4  .appinfo label.appname {
	font-size: 24px;
}

#appskin-skin4 .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin4 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin4 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}

#appskin-skin4 label.fwidth{
	font-weight: bold;
}

#appskin-skin4  ul.appinfo-wrapper, #decisions #appskin-skin4 ul.items{
	width: 100%;
}

#decisions #appskin-skin4 div.row-value .range-header{
	width:90%;
	margin-left:5%;
}

#decisions #appskin-skin4   div.row-value {
	width: auto;
	width: 100%;
	padding-left: 0px;
	background: none;
	padding: 0px 8px;
	box-sizing: border-box;
}
#decisions #appskin-skin4  ul.select .ui-state-default{
	/* background-color:red; */
	width: 15px;
	height: 15px;
	border: 1px solid black;
	border-radius: 50%;
	background-color: white;
	position: absolute;
	vertical-align: top;
	margin-top: -3px;
	margin-left: -9px;
	cursor: pointer;
	z-index: 10;
	border-color: #aeaeae;
	background: #f8f8f8;
	border-radius: 50%;
}
#decisions #appskin-skin4 .ui-slider[rel=importance]{
	width: auto;
	height: 8px;
	/* background-color: #39a4c7; */
	margin: 5px;
	border: none;
	border-radius: 10px;
	position: relative;
	background: #c7c7c773;
	padding: 0px 0px;
}
#appskin-skin4 .ui-slider[rel=importance]:after {
	content:" ";
	width: 15px;
	height: 15px;
	border: 1px solid black;
	border-radius: 50%;
	background-color: white;
	position: absolute;
	vertical-align: top;
	margin-top: -5px;
	margin-left: -9px;
	cursor: pointer;
	z-index: 10;
	border-color: #aeaeae;
	background: #f8f8f8;
}

#appskin-skin4  #appresults{
    width: CALC(100% - 320px);
    position: sticky;
}

#appskin-skin4 .selected table{
	width:100%
}

#appskin-skin4 .selected img{
    height: 300px;
    object-fit: cover;
    object-position: center;
}

#appskin-skin4 .items-list ul.items .upper{
	/* display: none !important; */
	margin-top: -10px;
}

#appskin-skin4 .items-list ul.items .upper .like{
	display:none;
}

#appskin-skin4 .items-list ul.items .upper .dislike{
	display:none;
}

#appskin-skin4 .constraints{display: none !important;}

#appskin-skin4 #modetoggler{
	/* display:none; */
	margin-top: 8px;
	margin-left: 0px;
}

#appskin-skin4 .hr div.label{
	display:none
}
#appskin-skin4  ul.items>li.item{
	background:none;
	padding-top: 11px;
}

#appskin-skin4 .upper div.label{
	margin-top: 0px;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #eeeeee 100%);
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eeeeee)); */
	/* background: -webkit-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); */
	background: -o-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.Gradien;
	width: 97%;
	padding-top: 20px !important;
	padding-bottom: 10px !important;
}
#appskin-skin4 div.label{
	width: auto;
	padding: 6px !important;
	/* padding-bottom: 5px; */
	padding: 4px;
	line-height: 1px;
	background-color: white;
	color: black;
}

#appskin-skin4 div.label>span:first-child + span{
	display: inline-block;
	vertical-align: text-bottom;
	height: 10px;
	margin-left: 4px;
	font-size: 17px;
}

#appskin-skin4 .imp-idx{
	display: block;
	color: white;
}

#appskin-skin4 .imp-idx.not-important{
	float: left;
	margin-left: 7px;
}

#appskin-skin4  .imp-idx .signify{
	font-size: 20px;
}

#appskin-skin4 .imp-idx.really-important{
	/* display: inline-block; */
	margin-left: 0px;
	float: right;
}

#decisions #appskin-skin4   div.row-value div[auguri-app-setting-type=zipcode]{
	text-align: center;
}

#decisions #appskin-skin4 div.row-value div[auguri-app-setting-type=geoloc]{
	
}

#decisions #appskin-skin4 div.row-value div[auguri-app-setting-type=geoloc] label{
	display: block;
	width: 100%;
	margin-left: -70px;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

#decisions #appskin-skin4 div.row-value div[auguri-app-setting-type=zipcode] input{
	margin-top: 5px;
	margin-bottom: 5px;
}


#appskin-skin4 .btn1:first-child{display: block;position: absolute;margin-top: 70px;width: 89%;}

#appskin-skin4 .btn1:first-child + .btn1{

}

#decisions #appskin-skin4   div.row-value div[auguri-app-setting-type=zipcode]{
	text-align: center;
}

#decisions #appskin-skin4 div.row-value div[auguri-app-setting-type=geoloc]{
	
}

#decisions #appskin-skin4 div.row-value div[auguri-app-setting-type=geoloc] label{
	display: block;
	width: 100%;
	margin-left: -70px;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}


.defaultskin5{
	width: auto !important;
	padding: 2vw;
	max-width: 1200px;
	padding-top: 0px;
}

#appskin-skin5 .items{
	display: block;
}

#appskin-skin5 .items .tile:hover {
    /*transform: scale(1.05);*/
	box-shadow: rgba(0, 0, 0, 0.1) 5px 14px 8px;
}

#appskin-skin5 li.item ul.select li.option{
	display: block;
}

#appskin-skin5 .items .tile {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
  }

  #appskin-skin5 .items .tile * {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
  }

#appskin-skin5 .items .tile{
	display: inline-block;
	min-width: 20px;
	max-width: 200px;
	height: 60px;
	margin: 5px;
	margin-right: 0px;
	margin-left: 10px;
	background-color: rgb(47, 168,214);
	vertical-align: top;
	position: relative;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
	/* border-radius: 5px; */
	/* transition: all 0.3s ease 0s; */
}

#appskin-skin5 .items .item{
	position: absolute !important;
}

#appskin-skin5 .items .item.setting{
	background-color: white;
	z-index: 10;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
	padding: 10px;
	padding-bottom: 20px;
}

#appskin-skin5 .items .item.setting.active{

   
}

#appskin-skin5 .items .tile .value{color: white;position: absolute;left: 10px;top: 5px;}
#appskin-skin5 .items .tile node{
	display: none;
}
#appskin-skin5 .items .tile.small node.hidename{
	display: none;
}

#appskin-skin5 .items .tile node.name{
	display: block;
	color: white;
	font-size: 17px;
	text-align: center;
	line-height: 60px;
	overflow: hidden;
}
#appskin-skin5 .items .tile .control:active{
    box-shadow: -12px 12px 12px 10px rgb(255 255 255 / 75%) inset;
    -webkit-box-shadow: -1px 1px 1px 0px rgb(255 255 255 / 75%) inset;
    -moz-box-shadow: -1px 1px 1px 0px rgba(0,0,0,0.75) inset;
    border-radius: 50%;
    /* filter: drop-shadow(2px 4px 6px black); */
}
#appskin-skin5 .items .tile .control{
	cursor: pointer;
	background-image: url(/img/svg/like.svg);
	background-repeat: no-repeat;
	background-size: contain;
	filter: invert(1);
	bottom: 0px;
}
#appskin-skin5 .items .tile .settings{
	position: absolute;
	width: 20px;
	height: 20px;
	/* left: CALC(50% - 10px); */
	background-image: url(/img/svg/tools.svg);
	right: 10px;
	bottom: auto;
	top: 0px;
}
#appskin-skin5 .items .tile .settings.active{
    filter: blur(1px);
}
#appskin-skin5 .items .tile .action{
	position: absolute;
	width: 20px;
	height: 20px;
}
#appskin-skin5 .items .tile .action.minus{
	left: 10px;
	transform: rotate(180deg);
}
#appskin-skin5 .items .tile .action.plus{
	right: 10px;
}
#appskin-skin5 .items .tile .border{
	position: absolute;
	top:0px;
	bottom: 0px;
	width: 10px;
	cursor: col-resize;
	
}
#appskin-skin5 .items .tile .border.left{
	left: 0px;
}
#appskin-skin5 .items .tile .border.right{
	right: 0px;
}

#appskin-skin5 .items .tile.zerro {background-color: grey;}

#appskin-skin5 .items .tile.small .value{left: 3px;font-size: 9px;}

#appskin-skin5 .items .tile.small .control{
	
}

#appskin-skin5 .items .tile.small node.name{
	
}

#appskin-skin5 .items .item.setting .Save{
	padding: 5px;
    margin: 10px;
    background: none;
    background-color: #39a4c7 !important;
    display: inline-block;
    width: auto;
    border-radius: 10px;
    margin-top: 10px;
    color: white;
    text-align: center;
    padding: 0px 10px;
    padding: 10px;
    border: none;
	cursor: pointer;
}

#appskin-skin5 .items .item.setting .Save:active{
	box-shadow: -12px 12px 12px 10px rgb(255 255 255 / 75%) inset;
    -webkit-box-shadow: -1px 1px 1px 0px rgb(255 255 255 / 75%) inset;
    -moz-box-shadow: -1px 1px 1px 0px rgba(0,0,0,0.75) inset;
    
}

#appskin-skin5 .items .tile.small node.hidename{
	position: fixed;
	display: block;
	margin-top: -30px;
	/* background-color: #ffffff; */
	height: 20px;
	line-height: 21px;
	color: black;
	text-align: center;
	width: auto;
	font-size: 11px;
	max-width: 62px;
	width: 62px;
	margin-left: -10px;
	line-height: 11px;
	text-align: center;
	white-space: normal;
}

#appskin-skin5 .items .tile.small .action.minus{left: 0px;}

#appskin-skin5 .items .tile.small .action.plus{right: 0px;}

#appskin-skin5 .items .tile.small .settings{right: 0px;}


#appskin-skin5 .ui-slider[rel=importance] .ui-slider-range {
	/* background: #436eac; */
	background-color: #39a4c7;
	border-radius: 10px;
	position: relative;
	display: inline-block;
}

#appskin-skin5 .ui-slider[rel=importance] .ui-slider-range:after {
	content:" ";
}

#appskin-skin5 div.label .index {display: none;}
#appskin-skin5 #appresults .all-results ul.list{
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: inline-block !important;
    padding: 0px;
    margin: 0px;
}
#appskin-skin5 #appresults .all-results ul.pages{
    width: 100%;
}
#appskin-skin5 .step-buttons{
	display: none;
}
#appskin-skin5 #appresults .all-results ul.pages li.prev, #appresults .all-results ul.pages li.next, #appresults .all-results ul.pages li.goto{}
#appskin-skin5 #appresults .all-results ul.pages li.goto.active{
    /* background: -webkit-linear-gradient(top, #39a4c7 0%,#82c8df 100%); */
    /* color: white; */
}
#appskin-skin5 #appresults .all-results ul.pages li.prev, #appresults .all-results ul.pages li.next, #appresults .all-results ul.pages li.goto{}
#appskin-skin5 #appresults .all-results ul.pages li.prev, #appresults .all-results ul.pages li.next, #appresults .all-results ul.pages li.goto{}
#appskin-skin5 #appresults .all-results ul.list .block{
	display: inline-block;
	box-sizing: border-box;
	width: CALC(30vw - 111px);
	padding: 0px;
	margin: 5px;
	vertical-align: top;
	height: 44vw;
	height: 550px;
	/* border: 1px solid black; */
	/* background-color: #f6f6f6; */
	/* background-image: none; */
	/* margin-bottom: 80px; */
	max-width: 270px;
	min-width: 160px;
}

#appskin-skin5 #appresults .all-results ul.list .block.open{
    height: auto;
}
#appskin-skin5 #appresults .all-results ul.list .block.open ul{
    height: auto;
    overflow: visible !important;
    max-height: inherit !important;
}

#appskin-skin5 #appresults .all-results ul.list .block>div{
	display:inline-block;
	vertical-align: top;
}

#appskin-skin5 #appresults .all-results ul.list .block .thimb {
    width: 24%;
    padding: 10px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: CALC(31vw - 111px);
    background-color: whitesmoke;
    object-fit: cover;
    object-position: center;
    padding: 0px;
    position: relative;
    max-height: 280px;
}
#appskin-skin5 #appresults .all-results ul.list .block .thimb img {
    object-fit: contain;
    object-position: center;
    width: 100%;
   
    /* max-height: 144px; */
    object-fit: contain;
    object-position: center;
    height: 100%;
}
#appskin-skin5 #appresults .all-results ul.list .block .values {
    width: 100%;
    text-align: right;
    display: block;
    margin-top: 10px;
}
#appskin-skin5 #appresults .all-results ul.list .block .actions {
    width: 100%;
    padding-top: 40px;
    text-align: center;
    display: block;
}
#appskin-skin5 #appresults .all-results ul.list .block .actions a.actionlink{
    background: none;
    background-color: #39a4c7 !important;
    display: inline-block;
    border-radius: 4px;
    color: white;
    width: 100px;
    border: none;
    background-position-y: center;
    background-position-x: right;
    text-align: left;
    padding: 5px;
    padding-top: 7px;
    font-size: 17px;
}
#appskin-skin5 #appresults .all-results ul.list .block .actions a.actionlink:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}
#appskin-skin5 #appresults .all-results ul.list .block .actions a.actionlink:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}

#appskin-skin5 #appresults .all-results ul.list .block .actions a.actionlink.grey:hover{
    color: white;
}
#appskin-skin5 #appresults .all-results ul.list .block .actions a.actionlink.grey:active{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#appskin-skin5 #appresults .all-results ul.list .block .actions a.actionlink.grey{
	background-color: #cbcbcb !important;
	width: auto;
	cursor: no-drop;
	white-space: nowrap;
}
#appskin-skin5 #appresults .all-results ul.list .block .actions a.actionlink>span{
    font-family: auto;
    font-family: 'Quattrocento Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    margin-left: 7px;
}
#appskin-skin5 #appresults .all-results ul.list .block .line{
    margin-bottom: 44px;
    display: inline-block;
    float: right;
    vertical-align: top;
}
#appskin-skin5 #appresults .all-results ul.list .block .line.actionbutton{
	float: left;
}
#appskin-skin5 #appresults .all-results ul.list .block .actions a{
    /* display: block; */
    height: 20px;
    /* padding: 10px; */
    display: inline-block;
}
#appskin-skin5 #appresults .all-results ul.list .block .values span{
    font-size: 17px;
    display: block;
    text-align: CENTER;
}
#appskin-skin5 #appresults .all-results ul.list .block .values ul{
    display: block;
    margin-top: 10px;
    max-height: 100px;
    overflow: hidden;
}

#appskin-skin5 #appresults .all-results .specs-more-toggle{
    background-color: #39a4c7;
    display: inline-block;
    width: 50px;
    border-radius: 10px;
    margin-top: 10px;
}
#appskin-skin5 #appresults .all-results .abutton{
    padding: 1px 10px;
}
#appskin-skin5 .abutton[action=clear]{
    width: CALC(100% - 230px);
    vertical-align: top;
}
#appskin-skin5 .abutton{background: none;background-color: #39a4c7 !important;display: inline-block;width: auto;border-radius: 10px;margin-top: 10px;color: white;text-align: center;padding: 0px 10px;padding: 10px;border: none;}
#appskin-skin5 .btn1:first-child{
	display: none;
}

#appskin-skin5 .ui-buttonset .ui-button:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}
#appskin-skin5 .ui-buttonset .ui-button:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}
#appskin-skin5 .ui-buttonset .ui-button{
	background: none;
	background-color: #39a4c7 !important;
	display: inline-block;
	width: auto;
	border-radius: 10px;
	/* margin-top: 10px; */
	color: white;
	text-align: center;
	padding: 0px 10px;
	padding: 4px 0px;
	border: none;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}
#appskin-skin5 .ui-buttonset .ui-button.ui-state-active{
	font-weight: bold;
	color: #e17009;
	border: 1px solid #79b7e7;
	background-color: #f5f8f9 !important;
}

#appskin-skin5 .ui-buttonset label:nth-child(4){
	margin-left:10px
}

#appskin-skin5 .ui-buttonset label:nth-child(6){
	display: none;
}

#appskin-skin5 .ui-buttonset label:first-of-type{
	margin-right: 4px;
}

#appskin-skin5 .ui-buttonset label:first-of-type + label {
	
}
#appskin-skin5 .abutton:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}
#appskin-skin5 .abutton:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}

#appskin-skin5 #appresults .all-results ul.list .block .values ul li{
    display: block !important;
    width: 100%;
    background: none;
    border-bottom: 1px solid #8080801a;
}
#appskin-skin5 #appresults .all-results ul.list .block .values ul li div{
    display: inline-block;
    width: 49%;
}
#appskin-skin5 #appresults .all-results ul.list .block .values ul li div:first-child{
    text-align: left;
}
#appskin-skin5 #appresults .all-results ul.list .block .values ul li div:first-child + div{
    text-align: right;
    font-weight: 100;
}

#appskin-skin5 .selected{
	display:none;
}


#appskin-skin5{
	padding-top: 35px;
}
#appskin-skin5 #appview{
	align-self: flex-start;
	/* position: sticky; */
	width: 55%;
	padding-top: 0px !important;
	padding-bottom: 50px;
}

#appskin-skin5 .appinfo-wrapper{
    width: 100% !important;
    /* margin-top: 1vw !important; */
}

#appskin-skin5  ul.appinfo-wrapper li {
	background-color: #31B2DD;
}

#appskin-skin5  .appinfo {
	margin: 0;
	background-color: #ffffff;
}

#appskin-skin5  .appinfo img { 
	margin: 0 10px 0 0;
	width: 120px;
	height: 115px;
}

#appskin-skin5  .appinfo label {
	color: #3f3f38;
}

#appskin-skin5  .appinfo label.appname {
	font-size: 24px;
}

#dappskin-skin3  .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin5 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin5 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}
#appskin-skin5{
	padding-top: 35px;
}
#appskin-skin5 #appview{
	align-self: flex-start;
	/* position: sticky; */
	width: 300px;
	padding-top: 0px !important;
}

#appskin-skin5 .appinfo-wrapper{
    width: 100% !important;
    /* margin-top: 1vw !important; */
}

#appskin-skin5  ul.appinfo-wrapper li {
	background-color: #31B2DD;
}

#appskin-skin5  .appinfo {
	margin: 0;
	background-color: #ffffff;
}

#appskin-skin5  .appinfo img { 
	margin: 0 10px 0 0;
	width: 120px;
	height: 115px;
}

#appskin-skin5  .appinfo label {
	color: #3f3f38;
}

#appskin-skin5  .appinfo label.appname {
	font-size: 24px;
}

#dappskin-skin3  .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin5 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin5 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}

#appskin-skin5  .appinfo label.appname {
	font-size: 24px;
}

#appskin-skin5 .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin5 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin5 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}

#appskin-skin5 label.fwidth{
	font-weight: bold;
}

#appskin-skin5  ul.appinfo-wrapper, #decisions #appskin-skin5 ul.items{
	width: 100%;
	white-space: nowrap;
}

#decisions #appskin-skin5   div.row-value{
	width: auto;
	width: 100%;
	padding-left: 0px;
}

#decisions #appskin-skin5 .ui-slider[rel=importance]{
	width: auto;
}

#appskin-skin5{
	padding-top: 35px;
}
#appskin-skin5 #appview{
	align-self: flex-start;
	/* position: sticky; */
	width: 55%;
	padding-top: 0px !important;
}

#appskin-skin5 .appinfo-wrapper{
    width: 100% !important;
    /* margin-top: 1vw !important; */
}

#appskin-skin5  ul.appinfo-wrapper li {
	background-color: #31B2DD;
}

#appskin-skin5  .appinfo {
	margin: 0;
	background-color: #ffffff;
}

#appskin-skin5  .appinfo img { 
	margin: 0 10px 0 0;
	width: 120px;
	height: 115px;
}

#appskin-skin5  .appinfo label {
	color: #3f3f38;
}

#appskin-skin5  .appinfo label.appname {
	font-size: 24px;
}

#dappskin-skin3  .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin5 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin5 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}
#appskin-skin5{
	padding-top: 35px;
}
#appskin-skin5 #appview{
	align-self: flex-start;
	/* position: sticky; */
	width: 300px;
	padding-top: 0px !important;
}

#appskin-skin5 .appinfo-wrapper{
    width: 100% !important;
    /* margin-top: 1vw !important; */
}

#appskin-skin5  ul.appinfo-wrapper li {
	background-color: #31B2DD;
}

#appskin-skin5  .appinfo {
	margin: 0;
	background-color: #ffffff;
}

#appskin-skin5  .appinfo img { 
	margin: 0 10px 0 0;
	width: 120px;
	height: 115px;
}

#appskin-skin5  .appinfo label {
	color: #3f3f38;
}

#appskin-skin5  .appinfo label.appname {
	font-size: 24px;
}

#dappskin-skin3  .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin5 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin5 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}

#appskin-skin5  .appinfo label.appname {
	font-size: 24px;
}

#appskin-skin5 .appinfo label.appdescription {
	font-size: 18px;
}

#appskin-skin5 .items-list ul.items {
	--margin-top: 35px;
}

#appskin-skin5 .items-list {
	border: 0;
	margin-top: 0;
	padding-top: 35px;
}

#appskin-skin5 label.fwidth{
	font-weight: bold;
}

#appskin-skin5  ul.appinfo-wrapper, #decisions #appskin-skin5 ul.items{
	width: 100%;
}

#decisions #appskin-skin5 div.row-value .range-header{
	width:90%;
	margin-left:5%;
}

#decisions #appskin-skin5   div.row-value {
	width: auto;
	width: 100%;
	padding-left: 0px;
	background: none;
	padding: 0px 8px;
	box-sizing: border-box;
}
#decisions #appskin-skin5  ul.select .ui-state-default{
	/* background-color:red; */
	width: 15px;
	height: 15px;
	border: 1px solid black;
	border-radius: 50%;
	background-color: white;
	position: absolute;
	vertical-align: top;
	margin-top: -3px;
	margin-left: -9px;
	cursor: pointer;
	z-index: 10;
	border-color: #aeaeae;
	background: #f8f8f8;
	border-radius: 50%;
}
#decisions #appskin-skin5 .ui-slider[rel=importance]{
	width: auto;
	height: 8px;
	/* background-color: #39a4c7; */
	margin: 5px;
	border: none;
	border-radius: 10px;
	position: relative;
	background: #c7c7c773;
	padding: 0px 0px;
}
#appskin-skin5 .ui-slider[rel=importance]:after {
	content:" ";
	width: 15px;
	height: 15px;
	border: 1px solid black;
	border-radius: 50%;
	background-color: white;
	position: absolute;
	vertical-align: top;
	margin-top: -5px;
	margin-left: -9px;
	cursor: pointer;
	z-index: 10;
	border-color: #aeaeae;
	background: #f8f8f8;
}

#appskin-skin5  #appresults{
    width: 100%;
    position: sticky;
    display: block;
}

#appskin-skin5 .selected table{
	width:100%
}

#appskin-skin5 .selected img{
    height: 300px;
    object-fit: cover;
    object-position: center;
}

#appskin-skin5 .items-list ul.items .upper{
	/* display: none !important; */
	margin-top: -10px;
	white-space: normal;
}

#appskin-skin5 .items-list ul.items .upper .like{
	display:none;
}

#appskin-skin5 .items-list ul.items .upper .dislike{
	display:none;
}

#appskin-skin5 .constraints{display: none !important;}

#appskin-skin5 #modetoggler{
	/* display:none; */
	margin-top: 8px;
	margin-left: 0px;
}

#appskin-skin5 .hr div.label{
	display:none
}
#appskin-skin5  ul.items>li.item{
	background:none;
	padding-top: 11px;
}

#appskin-skin5 .upper div.label{
	margin-top: 0px;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #eeeeee 100%);
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eeeeee)); */
	/* background: -webkit-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); */
	background: -o-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.Gradien;
	width: 97%;
	padding-top: 20px !important;
	padding-bottom: 10px !important;
}
#appskin-skin5 div.label{
	width: auto;
	padding: 6px !important;
	/* padding-bottom: 5px; */
	padding: 4px;
	line-height: 1px;
	background-color: white;
	color: black;
}

#appskin-skin5 div.label>span:first-child + span{
	display: inline-block;
	vertical-align: text-bottom;
	height: 10px;
	margin-left: 4px;
	font-size: 17px;
}

#appskin-skin5 .imp-idx{
	display: block;
	color: white;
}

#appskin-skin5 .imp-idx.not-important{
	float: left;
	margin-left: 7px;
}

#appskin-skin5  .imp-idx .signify{
	font-size: 20px;
}

#appskin-skin5 .imp-idx.really-important{
	/* display: inline-block; */
	margin-left: 0px;
	float: right;
}

#decisions #appskin-skin5   div.row-value div[auguri-app-setting-type=zipcode]{
	text-align: center;
}

#decisions #appskin-skin5 div.row-value div[auguri-app-setting-type=geoloc]{
	
}

#decisions #appskin-skin5 div.row-value div[auguri-app-setting-type=geoloc] label{
	display: block;
	width: 100%;
	margin-left: -70px;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

#decisions #appskin-skin5 div.row-value div[auguri-app-setting-type=zipcode] input{
	margin-top: 5px;
	margin-bottom: 5px;
}


#appskin-skin5 .btn1:first-child{display: block;position: absolute;margin-top: 70px;width: 89%;}

#appskin-skin5 .btn1:first-child + .btn1{

}

#decisions #appskin-skin5   div.row-value div[auguri-app-setting-type=zipcode]{
	text-align: center;
}

#decisions #appskin-skin5 div.row-value div[auguri-app-setting-type=geoloc]{
	
}

#decisions #appskin-skin5 div.row-value div[auguri-app-setting-type=geoloc] label{
	display: block;
	width: 100%;
	margin-left: -70px;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}


.selecticon{
	max-width: 13px;
	max-height: 13px;
	object-fit: cover;
	margin: 5px;
	margin-top: 0px;
	vertical-align: bottom;
	display: inline-block;
}

#decisions #appskin-skin4 div.row-value div[auguri-app-setting-type=zipcode] input{
	margin-top: 5px;
	margin-bottom: 5px;
}

#decisions #appskin-skin4 div.row-value input[auguri-app-setting-type=date]{
	text-align: center;
	margin-top: 10px;
	margin-left: 65px;
}

#appskin-skin4 .btn1:first-child{display: block;position: absolute;margin-top: 70px;width: 89%;}

#appskin-skin4 .btn1:first-child + .btn1{

}

#resolve-conflict{}
#resolve-conflict .work{}
#resolve-conflict .work>span{
    display: block;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}
#resolve-conflict table{
    border-collapse: collapse;
    border-color: black;
    border-spacing: 2px;
}
#resolve-conflict table tr{}
#resolve-conflict table tr th{
    /* border-left: 1px solid black; */
    border: 1px solid #0000001f;
    padding: 6px 7px;
}
#resolve-conflict table tr td{
    border: 1px solid #0000001f;
    padding: 7px;
}
#resolve-conflict table input{
    display: inline-block;
    width: CALC(100% - 30px);
    border: 1px solid #ffffff;
    font-size: 17px;
}
#resolve-conflict table input.red{
	color:red
}
#resolve-conflict table input.orange{
	color:red
}
#resolve-conflict table .delete{
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}

#appskin-skin4 #search-form input {
    width: 80%
}

#appskin-skin4 .datasets{
	border: none;
}

#appview .item.showmore{
	display: none !important;
}

#appview.showmore .item.showmore{
	display: inherit !important;
}

.buttontext{
	padding: 6px;
	text-align: center;
}

.buttontext span{
	/* display: block; */
	text-align: center;
	color: #39a4c7;
	font-size: 15px;
	cursor: pointer;
	font-weight: 700;
	display: inline-block;
	padding: 5px 20px;
	border: 1px solid transparent;
	border-radius: 14px;
}


.buttontext span:hover{
    color: #31b2dd;
    background-color: #dedede !important;
}
.buttontext span:active{
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75) inset;
}