*{margin:0;padding:0;box-sizing:border-box;}
html{font-size: 62.5%;}
body{
	font-family: Lato, sans-serif;
	color: #8d96a7;
	min-height:100%;position:absolute;width:100%
}
ul{list-style:none;}
a{text-decoration:none;color:#2e3d62;outline:0}
a:hover{text-decoration:underline;}
h1{font-size:1.8rem;color:#2a354d;}
h1 > a{font-size:inherit;color:inherit;}
h2{font-weight:normal;font-size:1.8em;margin:10px 0 10px 0;color:#3a4764;}
h3{font-weight:normal;font-size:1.8em;margin:10px 0 10px 0;color:#3a4764;}
h4{color:#3a4764;margin-bottom:12px;font-size:1rem;}
hr{border:0;border-top:1px solid #f2f5f6;margin:30px 0;}
button::-moz-focus-inner{border:0;padding:0;}

.red.red.red{color: #e26a6a;}
.green.green.green{color: #7ede8d;}
.bg-orange-soft.bg-orange-soft.bg-orange-soft{background: #ff9154;color: #ffffff;}

body{font-size: 16px;background-color: #f8f6f4;}
body > main > header{display: flex;background: white;height: 65px;position: sticky;top: 0;z-index: 100;box-shadow: 0 0 5px rgba(0,0,0,.1);}
body > main > header > .page-wrapper{display: flex;flex-direction: row;width: 1200px;margin: 0 auto;column-gap: 10px;align-items: center;}
body > main > header > .page-wrapper > ul{display: flex;flex-direction: row;column-gap: 10px;}
body > main > header a{color: #3a3731;}
body > main > footer{border-top: 1px solid #e4dfda;margin-top: 20px;}
body > main > footer > .page-wrapper > div{display: flex;flex-direction: row;padding: 24px 0;column-gap: 16px;}
.page-wrapper{display: flex;flex-direction: column;width: 1200px;margin: 0 auto;color: #6c665b;}
.page-columns{display: flex;flex-direction: row;}
.page-columns > aside{width: 200px;min-width: 200px;}
.page-columns > main{flex-grow: 1;}

section{display: flex;flex-direction: column;width: 100%;row-gap: 20px;}
section > header > h3,
section > .page-wrapper > header > h3{color: #3a3731;font-size: 28px;margin-top: 6px;}
section > header > h3 + p,
section > .page-wrapper > header > h3 + p{margin-top: 8px;margin-bottom: 16px;}


/* INI-buttons */
.btn,select{
	position: relative;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	font-size: 1rem;
	line-height: 1rem;
	border-radius: 2px;
	padding: 6px 14px 6px 14px;
	background: linear-gradient(to bottom,white,white 1px,#fbfbfb 1px,#eeeeee);
	border: 1px solid #dcdcdc;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #c2c2c2;
	color: #727272;
	cursor: default;
	box-shadow: 0 1px 0 rgba(50,50,50,.1);
	text-shadow: 0 1px 0 rgba(255,255,255,.3),0 -1px 0 rgba(50,50,50,.1);
	white-space: nowrap;
}
.btn > i{font-size:inherit;}
.btn > span{font-size:inherit;}
.btn > i + span{margin-left: 4px;}
.btn:not(.active):not(.search):not(.disabled):hover:after{
	content: '';
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.2);
}
.btn.main{
	background:linear-gradient(to bottom,#fda085,#fda085 1px,#fd9a7e 1px,#f17857);
	/*background:linear-gradient(to bottom,#ffa285,#ffa285 1px,#ff8a66 1px,#ff8a66);*/
	/*background:linear-gradient(to bottom,#85c1f6,#85c1f6 1px,#6cb5f4 1px,#6cb5f4);*/
	color:#feede6;
	border:1px solid #ff774d;
	border-top:1px solid #f68869;
	border-bottom:1px solid #e35731;
	text-shadow:0 1px 0 rgba(255,255,255,.1),0 -1px 0 rgba(50,50,50,.2);
}
.btn.green.green.green{
	background:linear-gradient(to bottom,#46d252,#46d252 1px,#41c44d 1px,#3bb246);
	/*background:linear-gradient(to bottom,#ffa285,#ffa285 1px,#ff8a66 1px,#ff8a66);*/
	/*background:linear-gradient(to bottom,#85c1f6,#85c1f6 1px,#6cb5f4 1px,#6cb5f4);*/
	color:#ffffff;
	border:1px solid #2f8d37;
	border-top:1px solid #359f3e;
	border-bottom:1px solid #26732d;
	text-shadow:0 1px 0 rgba(255,255,255,.1),0 -1px 0 rgba(50,50,50,.2);
}
.btn.red.red.red{
	background:linear-gradient(to bottom,#fa6463,#fa6463 1px,#e35b5a 1px,#cf5352);
	/*background:linear-gradient(to bottom,#ffa285,#ffa285 1px,#ff8a66 1px,#ff8a66);*/
	/*background:linear-gradient(to bottom,#85c1f6,#85c1f6 1px,#6cb5f4 1px,#6cb5f4);*/
	color:#feede6;
	border:1px solid #be372b;
	border-top:1px solid #d3483c;
	border-bottom:1px solid #a7392f;
	text-shadow:0 1px 0 rgba(255,255,255,.1),0 -1px 0 rgba(50,50,50,.2);
}
.btn.mini.mini.mini{font-size:0.9rem;padding:0px 8px 0px 8px;line-height:1.4rem;}
.btn.disabled{color:#c9c9c9;}
.btn > .dropdown-toggle{font-size:inherit;}
a.btn:hover{color:#727272;}
a.btn.main:hover{color:#feede6;}
.dropdown-menu .btn-group{margin-bottom:0;}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="search"],
textarea,
.input{
	display:inline-block;width:100%;color:#4c4c4c;
	padding:6px;
	font-size:1rem;
	border:1px solid #a5a5a5;border-bottom:1px solid #b9b9b9;border-top:1px solid #929292;position:relative;border-radius:3px;box-shadow:inset 0 1px 4px rgba(66,66,66,.2),0 1px 0 rgba(255,255,255,.4);outline:none;
}
input[type="text"][readonly],
input[type="number"][readonly],
input[type="password"][readonly],
input[type="search"][readonly],
.input.readonly{
	background-color: #f2f2f2;
	line-height: 14px;
	padding: 8px 10px 8px 10px;
	box-shadow: none;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus{border:1px solid #cd5728;box-shadow:inset 0 0 2px rgba(205,87,40,.6),0 1px 0 rgba(255,255,255,.4);}
input[type="checkbox"]{vertical-align:middle;}
input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
textarea::placeholder{color:#cbcbcb;}
textarea{height:auto;min-height:90px;}
textarea.short{height:auto;min-height:45px;}
select{outline:0;padding:5px 14px 5px 14px;/* weird firefox */}

.btn.search{
	display:inline-flex;
	background:white;
	padding:0;
	height: calc(1rem + 14px);
	min-width:200px;
	border:1px solid #a5a5a5;
	border-bottom:1px solid #b9b9b9;
	border-top:1px solid #929292;
	position:relative;border-radius:3px;box-shadow:inset 0 1px 4px rgba(66,66,66,.2),0 1px 0 rgba(255,255,255,.4);}
.btn.search > input{
	display:inline-block;
	background:transparent;
	border:0;
	box-shadow:unset;
	flex-grow:1;
}
.btn.search > input:hover,.btn.search > input:focus{border:0;box-shadow:unset;}
.btn.search > button{display:inline-block;
	border:0;
	padding:0;
	min-width:30px;
}
.btn-search > input:focus,.btn-search > form > input:focus{border:0;}
.btn-search > .btn,.btn-search > form > .btn{border-top-left-radius:0;border-bottom-left-radius:0;}
.btn-separator{display:inline-block;padding:0 10px;}
.btn-group{display:flex;}
.btn-group > .btn-group{display:inline-flex;}
.btn-group > .btn-group + .btn-group{margin-left:20px;}
.btn-group > .btn,
.btn-group > input,
.btn-group > select{border-radius:0;}
.btn-group > .btn + .btn,
.btn-group > input + select{border-left:0 !important;}
.btn-group > .btn:first-child,
.btn-group > input:first-child,
.btn-group > select:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px;}
.btn-group > .btn:last-child,
.btn-group > input:last-child,
.btn-group > select:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;}
.btn-group > select + input{border-left:0;}
.btn-group > .btn-separator + .btn{border-top-left-radius:3px;border-bottom-left-radius:3px;}
.btn-group > .btn-hidden{width: 0px;height: 0px;overflow: hidden;padding: 0 !important;border: 0 !important;}
.btn-group.right{text-align:right;justify-content:flex-end;}
.btn-group.center{text-align:center;justify-content:center;}
.btn-group.nowrap{display:flex;}
.btn-group.nowrap > input{width:1px;flex-grow:1;}
.btn-group:not(.mini) > .btn{line-height:1rem;}
.btn-group.mini > .btn{font-size:0.9rem;padding:3px 8px 3px 8px;}
.btn-group > .btn-hidden{height: 0;width: 0;padding: 0;border: 0;}
.btn-group > .btn-hidden > .widget-slideout-label{display: none;}


.btn-search > form{font-size:0;}
.btn-search > form > input{
	display:inline-block;
	font-size:1rem;
	line-height:1.1rem;
	border:0;
	margin-bottom:1px;vertical-align:top;border-top-right-radius:0;border-bottom-right-radius:0;
}

.salebutton{
	text-align: center;
}
/* END-buttons */

/* Flatwolf Things*/
/*basic card design****************/
.flatwolf .card {height: 242px; margin-bottom: 15px; border-radius: 5px; border: 1px solid #d1d1d1;position:relative;width: 100%; display: flexbox; background-color: white;}
.flatwolf .avatar {width: 240px;height: 240px; border-radius: 5px;}
.flatwolf .content {padding: 10px; height: 100%;}
.flatwolf .card-title {font-size: 35px; color: #000ba3; margin: 0;}
.flatwolf .card-text {font-size: 18px;margin-top: 2px;}
.flatwolf .agencyAvatar {position: absolute;right: 0px;top: 0px;}
.flatwolf .cardFeatures {position: absolute;right: 0px;top: 100px; margin: 5px; width: 12%; max-height: 130px;min-height: 100px;}
/*basic card design****************/
/*profile design*******************/
.flatwolf .profile-container {text-align: center;}
.flatwolf .image-container {margin-top: 15px;position:relative;width: 100%; text-align: center;}
.flatwolf .image {text-align: center; border-radius: 5px; border: 1px solid #d1d1d1;background-color: white;margin: 5px;}
.flatwolf .features {display: flex;margin-bottom: 15px;justify-content: center;}
.flatwolf .features .feat {margin-top: 15px;padding: 5px 5px 5px 5px;border-radius: 5px;font-weight: bold;}
.flatwolf .content-element {margin-left: 15px;margin-right: 15px;width: 240px;height: 240px;border-radius: 5px;position:relative;display: flexbox;font-weight: bold;}
/*profile design*******************/
/*city profile design********************/
.flatwolf .profileHeader {margin-top:10px; border: 1px solid #c9c9c9; border-radius: 5px; background-color: white;}
.flatwolf .profileHeader .imageHeader {float: left;padding:10px;}
.flatwolf .profileHeader .contentHeader {margin-left: 22%;margin-top:2%;padding: 20px;}
/*city profile design********************/
.flatwolf .container-languages {width: 150px; margin-left: auto;margin-right: 0; padding: 5px;}
.flatwolf .languages {text-align:right;margin-bottom: 0px}
.flatwolf .language-icon {width: 20px;height: 20px;margin-left: 5px;}
.flatwolf .btn-group {position: absolute;left: 270px;top: 210px;}
.flatwolf .btn-group-agency {position: absolute;left: 250px;top: 210px;}
.flatwolf .filter-track {margin-top: 10px; padding: 5px;border-radius: 5px; border: 1px solid #d1d1d1;position:relative;width: 100%; display: flexbox;}
.flatwolf .filter-container {min-width:30%;max-width:30%;margin-top:10px;}
.flatwolf .contenedor-lista {width:100%;margin: 10px;}
.flatwolf .form-content {display: flex; max-width: 100%;}
.barra-horizontal {border: solid 1px; color: #d1d1d1;}
.filter {width: 100%;border: 1px solid #d1d1d1;border-radius: 5px; padding: 10px;}
.stocks-in-cities{width: 100%;border: 1px solid #d1d1d1;border-radius: 5px;padding: 10px; margin-bottom: 10px}
.flatwolf .searchbtn {
	padding: 14px 40px;
	margin: 10px 2px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;}
.flatwolf .buttoncontainer {margin-top: 10px; text-align: center;}
.flatwolf .module {margin: 10px; overflow: hidden;}
.flatwolf .line-clamp {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.flatwolf .flex-container {display: flex; width: 100%;}
.flatwolf .minicard{
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 5px;
	width: 100%;
	text-align: center;
	background-color: white;
	border: 1px solid #d1d1d1;
	border-radius: 5px;
}
.flatwolf .salebutton > a{text-decoration: none; color: white; margin-bottom: 5px;}
/*
.flatwolf .widget-table {display: table;position: relative;width: 100%;color: #888;border-bottom: 1px solid #e2e7e7;width: 10%;}

.flatwolf .widget-item-property h2{color: #666;margin: 0;font-size: 24px;font-weight: bold;}
.flatwolf .stock-list{width:100%;margin:10px;}
.flatwolf .widget-item-property .btn-group{margin-top: 10px;}
.flatwolf .widget-item-property + .widget-item-property{margin-top: 20px;}
.flatwolf .btn-group {position: absolute;left: 270px;top: 210px;}

.flatwolf .card {font-size: 20px;margin-top: 5px;}

.flatwolf p.card-address {font-size: 30px;margin-top: 5px;}
.flatwolf p.card-phone {font-size: 25px;margin-top: 3px;}
.flatwolf p.card-description {font-size: 20px;margin-top: 3px;}
.flatwolf a {text-decoration:none;}
*/

/*Item-grid-city*/
.widget-item-city{width: 90%;height: 300px;border: 1px solid #d1d1d1;border-radius: 5px;background-color: #ffffff;}
.widget-item-city h2{color: #666;margin: 0;font-size: 24px;font-weight: bold;}
.widget-item-city-image{height: 190px;}
.widget-item-city-image img{max-width: 100%;height: 190px;border-top-left-radius: 4px;border-top-right-radius: 4px;object-fit: cover;}
.widget-item-city-content{padding: 10px;}
.widget-item-city .btn-group{margin-top: 10px;}
.widget-cities-list-grid{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 15px;}
/*Item-grid-city*/


/*Distribucion de elementos dentro de filter*/
.form {display: flex; flex-direction: column;}
.form, .form ul#list{
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
.form ul#list > li{
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid; 
}
/*TEST*/

footer.section-footer{
	background: #fcfcfd;
	border-top: 1px solid #f2f5f6;
	padding: 20px 0;
}
footer.section-footer h5{
	color:#3a4664;
	text-transform: uppercase;
	border-bottom: 1px solid #f3f4f6;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
footer.section-footer li{
	padding: 4px 0;
	color: #54607a;
}

@media(max-width:1104px){
	.page-wrapper{max-width: 100%;margin-left: 40px;margin-right: 40px;}
}
@media(max-width:850px){
	.page-wrapper{flex-direction: column;}
}
.page-centerbox{max-width: 420px;margin: auto;}
.page-centerbox-header{text-align: center;}
.page-centerbox-header h2{margin-bottom: 0;}
.page-centerbox.widget-boxes > li.widget-box + li.widget-box {border-top: 0;}

.widget-boxes > li.widget-box > p > strong{color: inherit;}



.btn-white{
	display: inline-block;
	background: white;
	border-radius: 3px;
	padding: 0 24px;
	box-shadow: 0 1px 1px 1px rgba(100,100,100,.2);
	border: 0;
	line-height: 32px;
}
.btn-green{
	display: inline-block;
	color: #fff;
	background: #33b67f;
	border-radius: 3px;
	padding: 0 24px;
	box-shadow: 0 1px 1px 1px rgba(100,100,100,.2);
	border: 0;
	line-height: 32px;
}
.btn-green-soft{
	user-select: none;
	transition: background 20ms ease-in 0s;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	height: 36px;
	border-radius: 3px;
	color: #2a986a;
	font-size: 14px;
	line-height: 1;
	padding-left: 12px;
	padding-right: 12px;
	font-weight: 500;
	background: #d4efe375;
	box-shadow: #0f0f0f1a 0px 1px 2px, 0px 0px 0px 1px #8dd2b2 inset;
	width: 100%;
	border: 0;
	font-weight: bold;
}
input[type="text"],
input[type="password"],
input[type="email"] {
	width: 100%;
	border-radius: 3px;
	padding: 10px 13px;
	border: 0;
	font-size: 1.5rem;
	background: #ebf2fb47;
	box-shadow: 0px 0px 0px 30px #ebf2fb47 inset, 0px 0px 0px 1px #ddd inset, 0px 1px 2px 0px #ddd inset;
}
input:focus{
	z-index: 3;
	box-shadow: rgba(67, 90, 111, 0.14) 0px 0px 2px inset,
	 rgb(87, 154, 217) 0px 0px 0px 1px inset,
	 rgba(16, 112, 202, 0.14) 0px 0px 0px 3px;
	outline: 0;
}
input::placeholder{
	color: #bfb3b6;
}
input:-webkit-autofill { 
	-webkit-background-clip: text;
}










body > .wrapper.middle input:active,body > .wrapper.middle input:focus
	,.wrapper.middle input:active,.wrapper.middle input:focus{
	border:1px solid #93B04D;
	background:#FFF;
	transition: all .3s ease-in-out;
	color:#777;
}
body > .wrapper.middle input:required,
body > .wrapper.middle input:required{box-shadow:none;}
body > .wrapper.middle input:invalid,
body > .wrapper.middle input:invalid{box-shadow:none;}
body .wrapper.middle .field{position:relative;}
body .wrapper.middle .field span{position: absolute;top: 0;right: 0;padding:1%;width: 34px;height: 34px;line-height: 34px;text-align: center;}
body .wrapper.middle .field span i{color:#CCC;font-size:1.5rem;}

body > .wrapper.middle button
	,.wrapper.middle button{background: #6A7D3B;border: 0;width: 100%;border-radius: 3px;padding: 12px 8px;margin: 12px 0 2px 0;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	border: 1px solid #6A7D3B;
	box-shadow: inset 0 0 3px #93B04D;
	text-shadow: 0 0 3px rgba(0,0,0,.3);
	outline: 0;
}
body > .wrapper.middle button:active{
	outline:0;
}
body > .wrapper.middle button:hover{
	background:#00ccbb;
	box-shadow:inset 0 0 6px #00b588;
}

body .sms{
	max-width:300px;
	margin: auto;
	margin-top:10px;
	height:0;
	padding:0;
	overflow:hidden;
	transition: all 0.4s ease 0s;
}
body .suc{
	color:#73C27D;
	box-shadow:inset 0 0 6px #73C27D  !important;
}
body .err{
	color:#E68E8A;
	box-shadow:inset 0 0 6px #E68E8A  !important;
}
.show{
	height:76px !important;
	padding:20px !important;
}

section h1{color:#404040;text-align:center;}
section > .wrapper{margin-left:20px;}
section > .graph{position:relative;}
section .graph-svg{overflow:hidden;}
section .graph-legend{position:absolute;top:0;left:0px;width:1px;background:white;}
section .graph-legend > svg{position:absolute;}
section .graph-bar{position:relative;width:100%;height:20px;background:#eee;}
section .graph-bar .bar{position:absolute;height:calc(100% - 14px);top:7px;background:#d9d9d9;border-radius:4px;}
section .graph-rule{position:relative;border-bottom:4px solid transparent;margin-bottom:10px;}
section .graph-rule > svg{width:100%;min-height:30px;}
section .graph-rule > .frame{position:absolute;top:0;height:100%;line-height:100%;background:rgba(28,168,221,.3);border:1px solid #1ca8dd;text-align:center;cursor:default;}
section .graph-rule > .frame > .label{display:inline-block;color:#666;cursor:inherit;}
/* END - MAIN */


.container{width: 400px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.container header{margin-bottom: 30px;background: linear-gradient(to right, #036efd, #00a3ff);}
.container header h1{
	font-family: sans-serif;
	font-size: 2.5rem;
	padding: 6px;
	text-align: center;
	color: white;
	text-shadow: 0 1px 2px rgba(0,0,0,.2);
	cursor: default;
	font-weight: normal;
	margin: 0;
}
.container h2{font-size: 2.5rem;color: #272727;}
.container .form, .container.assis form{margin: 30px 0;}
.container .form > div , .container.assis form > div{margin:20px 0 30px;}
.container .form .label, .container.assis form .label{font-weight: bold;color: #6f6f6f;}
.container .form input, .container.assis form input{
	width: 100%;
    background: none;
    border-style: unset;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0 7px;
    font-size: 1.4rem;
    color: #b6b6b7;
}
.container .form button, .container.assis form button{
	background: linear-gradient(to right, #00a3ff , #036efd);
	color: #FFF;
	font-size: 1rem;
	padding: 10px 20px;
	border: 0;
	width: 100%;
    border-radius: 50px;
	font-weight: bold;
}
.container.assis header{background: linear-gradient(to right, #ffb466, #ff8a66);}
.container.assis form button{background: linear-gradient(to right, #ff8a66 , #ffb466);}

section.public{max-width: 680px;margin: 0 auto;margin-top: 200px;}
section.public > div:first-child{text-align: center;margin-bottom: 10px;}
section.public > div:last-child{padding:0 3%;}
section.public div{position:relative;}
section.public .label{margin: 10px 0 5px;color: #9E9E9E;}
section.public .check{position:absolute;right: 1%;top: 50%;transform: translate(-50%, -50%);color: #39cc89;}
@media(max-width:700px){
	section.public{margin-top: 50px;}
}

.load-enter-active, .load-leave-active{transition: all .8s;}
.load-enter, .load-leave-to{opacity: 0;transform:translateY(40px);}

.replace-enter-active, .replace-leave-active{transition: all .8s;}
.replace-enter, .replace-leave-to{opacity: 0;transform: translateY(40px);}
.replace-leave-to{height: 1px;}

.widget-table{display: table;position: relative;width: 100%;color: #888;border-bottom: 1px solid #e2e7e7;}
.widget-table div.fit{width:1px;}
.widget-table-scroll{display: flex;position: relative;flex-direction: column;}
.widget-table-scroll.fixed > .widget-table{table-layout: fixed;}
.widget-table.align-top li > div{vertical-align:top;}
.widget-table-row-group:not(.widget-table){display:table-row-group !important;}
.widget-table-row-group > li{display: table-row;position: relative;background: white;}
.widget-table-row-group > li > div{display:table-cell;padding: 6px 12px;vertical-align:middle;border-top:1px solid #e2e7e7;border-left:1px solid #e2e7e7;}
.widget-table-row-group > li > div:first-child > img{display:block;}
.widget-table-row-group > li > div.right{text-align:right;}
.widget-table-row-group > li:not(.hidden):nth-child(2n+1){background:#f7f7f7;}
.widget-table-row-group > li:hover:not(.hidden):nth-child(2n){background:#fcfcfc;}
.widget-table-row-group > li:hover:not(.hidden):nth-child(2n+1){background:#f1f1f1;}
.widget-table-row-group > li.header{background:#f4f7f8;box-shadow:0 1px 0 rgba(0,0,0,.1);font-weight:bold;}
.widget-table-row-group > li.header > div{color:#666;background:linear-gradient(to bottom,#fff 0,#fff 1px,#f4f7f8 1px);border-bottom:1px solid #b4b4b4;border-top:1px solid #ccc;}
.widget-table-row-group > li.header + li{background-color:white;background-image:linear-gradient(to bottom,#ddd,transparent 2px);border-top:0;}
.widget-table-row-group > li.header + li > div{border-top:0;}
.widget-table-row-group > li.header + li.green > div{background:linear-gradient(to bottom,#9ab68e,#b5d6a7 2px);}
.widget-table-row-group > li.child{color:#aaa;}
.widget-table-row-group > li.child > div{border-top:1px dotted #e2e7e7;border-left:1px dotted #e2e7e7;}
.widget-table-row-group > li.child > div:first-child{position:relative;padding-left:24px;}
.widget-table-row-group > li.child > div:first-child::before{display:inline-block;position:absolute;top:0;left:9px;/*left:calc(50% - 2px);*/content:" ";width:10px;height:50%;border-bottom:1px dotted #ff8a66;}
.widget-table-row-group > li.child > div:first-child::after{display:inline-block;position:absolute;top:0;left:9px;/*left:calc(50% - 2px);*/content:" ";width:0;height:100%;border-right:1px dotted #ff8a66;}
.widget-table-row-group > li > div:last-child{border-right:1px solid #e2e7e7;}
.widget-table-row-group > li.child + li:not(.child) > div{border-top:2px solid #c2c7c7;}
.widget-table-row-group > li.disabled{color:#bbb;}
.widget-table-row-group > li.disabled a{opacity:.8;}
.widget-table-row-group > li.disabled > div > a{color:#bbb;}
.widget-table-row-group > li.disabled > div > img{opacity:.3;}
.widget-table-row-group > li.disabled > div > div.widget-node{opacity: .3;}
.widget-table-row-group > li.highlight{color: #333;font-weight: bold;}



