*{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;
	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{
	border:0;
	font-size:1rem;
	line-height:1.1rem;
	display:inline-block;
	margin-bottom:1px;vertical-align:top;border-top-right-radius:0;border-bottom-right-radius:0;
}

.salebutton{
	text-align: center;
}
/* END-buttons */
/*FLATWOLF CSS ******************************/
.card-text {font-size: 18px;margin-top: 2px;}
.avatar {width: 240px;height: 240px; border-radius: 5px;}
.card-title {font-size: 35px; color: #000ba3; margin: 0;}
.content {padding: 10px; height: 100%; min-width: 58%;max-width: 58%; max-height:100px ;}
/*Header*/
.image {margin: 5px}
.icon {width: 30px; height: 30px}
.lang {padding: 5px;text-align:right;margin-bottom: 0px}
.shadow {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.conentImage {background: url('https://terrenos.es/build/assets/images/backgrounds/new-main-1920.98cfcdf9.jpg');}
.header {display: flex; width: 100%;height: 255px;border-radius: 5px; border: 1px solid #d1d1d1;margin-top: 10px; background-color: white;}
/*Header*/
/*Card*/
/*item-card-agency vv*/
.i-card {
	width: 100%;
	height: 242px;
	display: flex; 
	border-radius: 5px; 
	margin-bottom: 10px; 
	background-color: white;
	border: 1px solid #d1d1d1;
}
.module {overflow: hidden;}
.social-lang-container {width: 100%;align-items: end;}
.social{padding: 5px;text-align:right;margin-bottom: 0px}
.pcontent {margin: 3px;text-decoration: underline; text-align:right;}
.line-clamp-desc {display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
/*item-card-agency ^^*/
/*item-card-city vv*/
.i-card-city {
	height: 242px;
	display: flex;
	border-radius: 5px; 
	margin-bottom: 10px; 
	background-color: white;
	border: 1px solid #d1d1d1;
}
.data {position: relative; max-height: 250px; overflow: hidden}
.line-clamp-city-data {display: -webkit-box; -webkit-line-clamp: 7; line-clamp: 7; -webkit-box-orient: vertical;}
/*item-card-city ^^*/
/**PUBLISH STOCK FORM*/
.space {margin: 10px; text-align: center;}
.center{text-align: center;}
.flex {display: flex;}
.border {border: 1px solid black;}
.option-input {margin: 20px;width: 300px; padding: 10px;}

.post {height: 550px;}
.post-track .section {text-align: center; height: 60px;padding-top: 10px;}
.post-track .hr {margin: 5px; width: 100px; border-radius: 5px; border: 5px solid #d1d1d1; justify-content: space-around;}
.post-track .hr2 {margin: 5px; width: 100px; border-radius: 5px; border: 5px solid #4b4b4b; justify-content: space-around;}
.post-track {margin: 10px; display: flex; padding: 10px; border-radius: 5px; background-color: white; border: 1px solid #d1d1d1; justify-content: space-around;}

.other {
	height:100%;
	width: 100%;
	padding: 10px;
	padding-top: 10px; 
	border-radius: 5px; 
	background-color: white;
	border: 1px solid #d1d1d1;
	justify-content: space-between;
}

.iconButton .image {width: 100px;height: 100px;}
.iconButton .icono {padding-bottom: 0;width: 120px; margin: 20px}

.radioButton [type=radio] + img {cursor: pointer;}
.radioButton [type=radio] {position: absolute; opacity: 0; width: 0; height: 0;}
.radioButton [type=radio]:checked + img {outline: 5px solid rgb(0, 255, 42); border-radius: 5px;}

#topology {height:100%}
.topologyContent {display: flex; flex-wrap: wrap; width: 100%; text-align: center;}

#ubication {height:100%}
.ubicationInputs div {padding: 5px;}
.ubicationInputs {border: 1px solid #d1d1d1;border-radius: 5px; width: 48%;}
.ubicationContent {display: flex; justify-content: space-around; margin-top: 20px;}
.ubicationInputsMap {width: 50%; align-content: center; text-align: center; border: 1px solid #d1d1d1;border-radius: 5px;}

#price {
	height:100%;
	width: 100%;
	padding: 10px;
	padding-top: 10px; 
	border-radius: 5px; 
	background-color: white;
	border: 1px solid #d1d1d1;
}
.price-content-2 {width: 30%; text-align: center; margin-left: 34%; margin-bottom: 15px; padding: 20px;border: 1px solid #d1d1d1;border-radius: 5px;}
.price-content-1 {width: 30%; text-align: center; margin-left: 34%; margin-bottom: 15px; margin-top: 5%;padding: 20px;border: 1px solid #d1d1d1;border-radius: 5px; }

.switch input {opacity: 0; width: 0; height: 0;}
.switch {position: relative; display: inline-block; width: 50px; height: 20px;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before {
	left: 4px; 
	width: 15px; 
	bottom: 3px; 
	content: ""; 
	height: 15px; 
	transition: .4s;
	position: absolute; 
	-webkit-transition: .4s; 
	background-color: white; 
}

input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}


#data div {margin: 5px}
.state {align-content: center;}
#certificates{visibility:hidden;}
.energyCert lable {margin-right: 15px}
.dataCert {height:100%;width: 100%;display: flex;background-color: white;justify-content: space-around;}


#extras div {margin: 5px;margin-top: 15px;}
#extras input[type="checkbox"] {margin: 10px;}
#extras .featuresContent {display: flex; flex-wrap: wrap; text-align: center;}
#extras .formFeatures {justify-content: space-between; align-content: space-around;}

.meterTypes div {margin: 10px;}
.meterTypes {height: 75px;display: flex;text-align: center;align-content: space-between;justify-content: space-around;}

.roomsButtons{display: flex;margin: 10px;}
input[type="number"] {appearance: textfield;-moz-appearance: textfield;-webkit-appearance: textfield;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}
.number-input {margin:10px;display: inline-flex;border: 1px solid #d1d1d1;}
.number-input,.number-input * {box-sizing: border-box;}
.number-input .plusminusButtons  {
	margin: 0;
	width: 100%;
	height: 3rem;
	outline:none;
	border: none;
	cursor: pointer;
	-appearance: none;
	position: relative;
	align-content: center;
	background-color: transparent;
}

#undo::-webkit-outer-spin-button {-webkit-appearance: none;}
.energyCertificates {display: flex;text-align: center;justify-content: space-around;}
.desc-input {border: 1px solid #d1d1d1;border-radius: 5px;margin-top: 15px;padding: 10px;}

#multimedia {height: 100%;}
.media-content{padding-left: 5%;}
.mediaBox{
	width: 500px;
	height: 200px;
	text-align: center;
	border-radius: 10px;
	align-content: center;
	justify-content: center;
	background-color: #cdebe8;
	border: 2px dotted  #8b8b8b;
}
.media-buttons {width: 160px;cursor: pointer;text-align: center;align-content: center;margin-left: 33%;}

.contentContactBox {margin-bottom: auto; margin-top: auto;}
.revision-content {width: 500px; height: auto;margin-left: 30%;margin-top: 10%;border: 1px solid #d1d1d1;border-radius: 5px;}
.contactBox{
	text-align: center;
	border-radius: 10px;
	background-color: white;
	background-color: #cdebe8;
	align-content: space-around;
	border: 2px dotted  #8b8b8b;
	justify-content: space-around;
}
.contactBox img {height: 60px;}

.addButton {
	height: 40px;
	font-size: 12px;
	cursor: default;
	color: #727272;
	border-radius: 2px;
	position: relative;
	align-items: center;
	padding: 6px 14px 6px 14px;
	border: 1px solid #dcdcdc;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #c2c2c2;
	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);
	background: linear-gradient(to bottom,white,white 1px,#fbfbfb 1px,#eeeeee);
}
.forward-back-buttons {width: 100px;cursor: pointer;text-align: center;align-content: center;}

.moving-buttons {justify-content: space-between;margin-left: 30%;margin-right: 30%;}
#sendButton{background: linear-gradient(to bottom,white,white 1px,#fbfbfb 1px,#d4d4d4);}

#data {display: none;}
#price {display: none;}
#extras {display: none;}
#revision {display: none;}
#topology {display: block;}
#ubication {display: none;}
#multimedia {display: none;}
#sendButton {display: none;} 
#description {display: none;}

/*validations*/
#alertTop {display: none; color: red;background-color:white;width: 300px;border-radius: 5px; border: 1px;border: 1px solid #d1d1d1;padding: 5px;}
#alertUbi {display: none; color: red;background-color:white;width: 300px;border-radius: 5px; border: 1px;border: 1px solid #d1d1d1;padding: 5px;}
#alertPri {display: none; color: red;background-color:white;width: 300px;border-radius: 5px; border: 1px;border: 1px solid #d1d1d1;padding: 5px;}
#alertDat {display: none; color: red;background-color:white;width: 300px;border-radius: 5px; border: 1px;border: 1px solid #d1d1d1;padding: 5px;}
#alertExt {display: none; color: red;background-color:white;width: 300px;border-radius: 5px; border: 1px;border: 1px solid #d1d1d1;padding: 5px;}
#alertDes {display: none; color: red;background-color:white;width: 300px;border-radius: 5px; border: 1px;border: 1px solid #d1d1d1;padding: 5px;}
#alertRev {display: none; color: red;background-color:white;width: 300px;border-radius: 5px; border: 1px;border: 1px solid #d1d1d1;padding: 5px;}

/**PUBLISH STOCK FORM END*/

.filter-track {margin-top: 10px; margin-bottom: 10px; padding: 5px;border-radius: 5px; border: 1px solid #d1d1d1;position:relative;width: 100%; display: flexbox; background-color: white;}
.filter-track label {margin-right: 10px;}
.button-container {margin-top: 10px;}
.goto {padding: 10px;}
.list-grid{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 15px;}
.barra-horizontal {border: solid 1px; color: #d1d1d1;}
.line-clamp{display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.form-content {display: flex; max-width: 100%;}
.filter-container {min-width:30%;max-width:30%;}
.city-list-container {margin-left: 10px;width: 100%;}
.order-buttons {display: flex}
.contenedor-lista {width:100%;margin-left: 10px;margin-top: 10px;}
.stocks-in-cities{width: 100%;border: 1px solid #d1d1d1;border-radius: 5px;padding: 10px; margin-bottom: 10px; background-color: white;}
.profile-desc {border-radius: 5px; border: 1px solid #d1d1d1;margin-top: 10px;padding: 5px;}
.profile-data {border-radius: 5px; border: 1px solid #d1d1d1; margin-top: 10px; padding: 5px; text-align: center; background-color: white;}
.features {display: flex;margin-bottom: 15px;justify-content: center;}
.content-element {margin-left: 15px;margin-right: 15px;width: 240px;height: 240px;border-radius: 5px;position:relative;display: flexbox;font-weight: bold;}
.minicard{
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 5px;
	width: 100%;
	text-align: center;
	background-color: white;
	border: 1px solid #d1d1d1;
	border-radius: 5px;
}
/*Card*/
/*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;border: 1px solid #d1d1d1;border-radius: 5px;padding: 10px; background-color: white;}
.form, .form ul#list{columns: 2; columns: 2;}
.form ul#list > li {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
/*FLATWOLF CSS ***************************FIN*/

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;}