@import url('https://fonts.googleapis.com/css?family=Barlow:300,400,500,600&display=swap');


:root{
    --color-amarillo: #a5fd00;
    --color-verde-oscuro: #002c0f;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
* {-webkit-box-sizing: border-box;box-sizing: border-box;}
p {margin: 0;}
body{font: 400 17px/1.4 "Barlow";position: relative;padding-top: 100px;padding-left: 100px;background: #F7FAFC;color: var(--color-verde-oscuro);}
img{max-width: 100%;display: block;height: auto;}
strong{font-weight: 600;}
a{color: #8dd30b;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
a:hover, a:focus{color: #7cb317;}
.grow{
	flex-grow: 1;
}
@media only screen and (max-width: 1200px){
	body{padding-top: 80px;padding-left: 64px;}
}
.hide{display: none;}
body .fancybox-bg{background: #f7fafc;}
body .fancybox-is-open .fancybox-bg{opacity: .97;}
body .fancybox-content{background: transparent;}
body .fancybox-button{width: 52px;height: 52px;background: rgba(255,255,255,0);color: var(--color-verde-oscuro);border: none;outline: none !important;}
body .fancybox-button:hover, body .fancybox-button:focus, body .fancybox-button:active{background: var(--color-amarillo);color: var(--color-verde-oscuro);}
/* header */
#header{position: fixed;top: 0;left: 0;right: 0;height: 100px;border-bottom: 1px solid #E9EFF3;background: #FFF;z-index: 999999;}
#header > .holder{padding: 16px;display: flex;}
#header > .holder  > * + *{margin-left: 8px;}
#header > .holder > .grow{flex-grow: 1;}
#header > .holder > .logo img{height: 68px;}
#header > .holder > .logo.logo-network{align-self: center;}
#header > .holder > .logo.logo-network img{height: 56px;}
#header > .holder > .notifications{position: relative;}
#header > .holder > .notifications > .submenu{position: absolute;top: calc(100% - 8px);right: 0;pointer-events: none;background: #FFF;border: 1px solid #e9eff3;padding: 16px 32px;opacity: 0;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;-webkit-transform: translateY(8px);transform: translateY(8px);}
#header > .holder > .notifications:hover > .submenu,#header .user:focus > .submenu{pointer-events: all;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
#header > .holder > .notifications > .submenu > a{display: block;text-align: right;white-space: nowrap;text-decoration: none;font-weight: 600;text-transform: uppercase;font-size: 14px;}
#header > .holder > .notifications > .submenu > a:hover, #header .user > .submenu > a:focus, #header .user > .submenu > a:active{}
#header > .holder > .notifications > .submenu > a + a{margin-top: 8px;}
#header > .holder > .notifications > .submenu > a > span{display: inline-block;margin-left: 8px;line-height: 24px;width: 24px;text-align: center;background: #ff0000;color: #FFF;font-size: 12px;-webkit-border-radius: 24px;border-radius: 24px;}
#header > .holder > .notifications > a{line-height: 68px;display: block;width: 68px;text-align: center;font-size: 32px;}
#header > .holder > .notifications.has-notifications > a{position: relative;}
#header > .holder > .notifications.has-notifications > a > span{position: absolute;top: 8px;right: 8px;background: #ff0000;display: block;min-width: 24px;padding: 0 8px;line-height: 24px;font-size: 12px;-webkit-border-radius: 32px;border-radius: 32px;color: #FFF;}
.avatar{border-radius: 100%;background: var(--color-verde-oscuro);color: #FFF;line-height: 68px;display: block;width: 68px;height: 68px;text-align: center;font-size: 32px;overflow: hidden;position: relative;}
.avatar:hover, .avatar:focus{background: var(--color-amarillo);color: #FFF;}
.avatar > img{object-fit: cover;width: 68px;height: 68px;display: block;}


.avatar.logo {


	border-radius: 0 !important;
	background-color: transparent;
	width: auto;

}

.avatar.logo > img{width: auto;height: 68px;display: block;}

#header .user{position: relative;}
#header .user > .submenu{position: absolute;top: calc(100% - 8px);right: 0;pointer-events: none;background: #FFF;border: 1px solid #e9eff3;padding: 16px 32px;opacity: 0;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;-webkit-transform: translateY(8px);transform: translateY(8px);}
#header .user:hover > .submenu,#header .user:focus > .submenu{pointer-events: all;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
#header .user > .submenu > a{display: block;text-align: right;white-space: nowrap;text-decoration: none;font-weight: 600;color: var(--color-verde-oscuro);text-transform: uppercase;font-size: 14px;}
#header .user > .submenu > a:hover, #header .user > .submenu > a:focus, #header .user > .submenu > a:active{color: var(--color-amarillo);}
#header .user > .submenu > a + a{margin-top: 8px;}
@media only screen and (max-width: 1200px){
	#header{height: 80px;}
	#header > .holder{padding: 12px;}
	#header > .holder > .logo img{height: 56px;}
	#header > .holder > .logo.logo-network img{height: 40px;}
	#header > .holder > .notifications > a{line-height: 56px;width: 56px;font-size: 30px;}
	.avatar{line-height: 56px;width: 56px;height: 56px;font-size: 30px;}
	.avatar > img{width: 56px;height: 56px;}

	.avatar.logo > img{height: 56px;width: auto;}
}
/* menu */
#menu{position: fixed;top: 100px;left: 0;width: 100px;bottom: 0;border-right: 1px solid #E9EFF3;background: #FFF;z-index: 10;}
#menu .holder{display: flex;flex-direction: column;padding: 16px;height: calc(100vh - 100px);overflow-y: auto;
}
#menu .holder > nav{flex-grow: 1;display: flex;flex-direction: column;justify-content: center;}
#menu .holder > nav > .item + .item{margin-top: 16px;}
#menu .holder > nav > .item > a{font-size: 32px;width: 100%;text-align: center;display: block;line-height: 68px;border-radius: 64px 0 64px 64px;position: relative;
color: var(--color-verde-oscuro);
}
#menu .holder > nav > .item > a:hover, #menu .holder > nav > .item > a:focus, #menu .holder > nav > .item.active > a{background: var(--color-amarillo);color: var(--color-verde-oscuro);}
#menu .holder > nav > .item > a[data-title]::after{content: attr(data-title);position: fixed;


    -webkit-transform: translate(16px, -100%) scale(.5);transform: translate(16px, -100%) scale(.5);white-space: nowrap;
    background-color: var(--color-verde-oscuro);color: var(--color-amarillo);text-transform: uppercase;font-size: 11px;font-weight: 700;line-height: 1;padding: 16px 24px;-webkit-border-radius:  48px;border-radius:  48px 48px 48px 0;-webkit-transition: all ease-in-out .1s;transition: all ease-in-out .1s;opacity: 0;pointer-events: none;-webkit-transform-origin: left bottom;transform-origin: left bottom;}
#menu .holder > nav > .item > a[data-title]:hover::after{opacity: 1;-webkit-transform: translate(16px, -100%);transform: translate(16px, -100%);box-shadow: 0 0 0 2px var(--color-amarillo);

}
@media only screen and (max-width: 1200px){
	#menu{top: 80px;width: 64px;}
	#menu .holder{padding: 4px;}
	#menu .holder > nav > .item > a{line-height: 56px;font-size: 28px;}
	#menu .holder{height: calc(100vh - 80px);}
}
@media only screen and (max-height: 992px){
	#menu .holder{overflow-y: auto;}
	#menu .holder > nav > .item > a{line-height: 56px;font-size: 28px;width: 56px;margin: 0 auto;}
	#menu .holder > nav > .item + .item{margin-top: 0;}
}
@media only screen and (max-width: 576px){
	#menu .holder > nav{justify-content: flex-end;}
}
/* actions */
#actions{z-index: 2;position: fixed;bottom: 0;left: 100px;height: 100px;right: 0;border-top: 1px solid #E9EFF3;background: #FFF;padding: 16px 32px;display: flex;align-items: center;justify-content: flex-end;}
#actions + #content{padding-bottom: 100px;}
#actions > .btn + .btn{margin-left: 4px;}
@media only screen and (max-width: 1200px){
	#actions{left: 64px;height: 80px;padding: 8px 16px;}
}
/* content */
#content{display: block;margin: 0;position: relative;z-index: 1;}
#content > .holder > .items{display: flex;flex-wrap: wrap;padding: 32px;padding: 16px;}
#content > .holder > .items > .item{width: calc(100% / 3 - .3px);padding: 16px;}
#content > .holder > .items > .item.double{width: calc(100% / 3 * 2 - .3px);}
#content > .holder > .items > .item.full{width: 100%;}
#content > .holder > .items > .item.half{width: 50%;}
@media only screen and (max-width: 1200px){
	#content > .holder > .items{padding: 12px;}
	#content > .holder > .items > .item{padding: 12px;}
	#content > .holder > .items > .item{width: 50%;}
	#content > .holder > .items > .item.double{width: 50%;}
}
@media only screen and (max-width: 768px){
	#content > .holder > .items{padding: 8px;}
	#content > .holder > .items > .item{padding: 8px;}
	#content > .holder > .items > .item{width: 100%;}
	#content > .holder > .items > .item.double{width: 100%;}
	#content > .holder > .items > .item.half{width: 100%;}
}
/* content-head */
#content-head{padding: 16px 32px;background: var(--color-amarillo);position: relative;}
#content-head + *, * + #content-head{border-top:  1px solid #E9EFF3;}
#content-head +  form{
	margin-top: 0;
}
#content-head > h1{display: block;margin: 0;color: var(--color-verde-oscuro);font-weight: 600;font-size: 32px;text-transform: uppercase;}
#content-head > .subtitle{text-transform: uppercase;font-size: 12px;font-weight: 500;letter-spacing: 2px;}
#content-head > .verified{position: absolute;right: 32px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-weight: 600;letter-spacing: 1px;font-size: 11px;text-transform: uppercase;display: flex;align-items: center;
    mix-blend-mode: multiply;
}
#content-head > .verified > img{margin-left: 2px;height: 24px;width: auto;}
@media only screen and (max-width: 1600px){
	#content-head > h1{font-size: 22px;}
}
@media only screen and (max-width: 1200px){
	#content-head > h1{font-size: 21px;}
	#content-head{padding: 12px 24px;}
	#content-head > .subtitle{font-size: 11px;letter-spacing: 1px;}
}
@media only screen and (max-width: 992px){
	#content-head > h1{font-size: 20px;}
}
@media only screen and (max-width: 768px){
	#content-head{padding: 8px 16px;}
}
/* login */
#login-background-image{position: fixed;top: 0;bottom: 0;right: 0;left: 0;display: block;overflow: hidden;background: #D3E4EF;}
#login-background-image > img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;max-width: none;max-height: none;width: auto;height: auto;display: block;display: block;}
#login-background{position: fixed;top: 0;bottom: 0;right: 0;left: 25%;display: block;overflow: hidden;background: #D3E4EF;}
#login-background > video{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;max-width: none;max-height: none;width: auto;height: auto;display: block;mix-blend-mode: overlay;display: block;}
#login{position: fixed;top: 50%;left: 25%;width: 20%;transform: translate(-50%, -50%);background: #FFF;border: 1px solid #E9EFF3;padding: 96px 48px 48px 48px;background: #FFF;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: 0 6px 24px 0px rgba(0,0,0,0.05);min-width: 360px;}
#login.logos{min-width: 600px;}
#login.client-logo{padding: 48px;}
#login .logo{position: absolute;top: 0;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 240px;height: 160px;}
#login .logo > img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 80%;max-height: 80%;width:auto;height: auto;-webkit-filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));}
#login.client-logo .logo{position: relative;display: block;top: auto;left: auto;width: auto;height: auto;-webkit-transform: translate(0, -0);transform: translate(0, 0);display: flex;justify-content: center;margin-bottom: 48px;align-items: center;}
#login.client-logo .logo > img{position: relative;top: auto;left: auto;-webkit-transform: translate(0, -0);transform: translate(0, 0);max-width: 192px;max-height: 100px;width: auto;height: auto;}
#login .logo.logo-network{width: 180px;height: 140px;-webkit-transform: translate(-50%, -75%);transform: translate(-50%, -75%);background: #FFF;border: 1px solid #E9EFF3;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: 0 6px 24px 0px rgba(0,0,0,0.05);}
#login .logo.logo-network > img{-webkit-filter:none;filter: none;max-width: 60%;max-height: 60%;}
#login form .actions{justify-content: center;}
@media only screen and (max-width: 1200px){
	#login-background{display: none;}
	#login{left: 50%;}
	#login .logo{width: 200px;height: 140px;}
}
@media only screen and (max-width: 768px){
	#login{min-width: 80%;padding: 96px 32px 32px 32px;}
	#login .logo{width: 180px;height: 120px;}
	#login.logos{min-width: 0px;width: calc(100% - 32px);}
}
/* module for login */
* + .platforms, .platforms+ * {margin-top: 16px;}
.platforms > * + *{margin-top: 8px;}
.platforms > .title{font-size: 16px;font-weight: 600;color: #233D57;}
.platforms > .items{display: flex;flex-direction: column;padding: 4px;background: #f7fafc;border: 1px solid #e9eff3;border-radius: 3px;}
.platforms > .items > a{display: flex;align-items: center;padding: 6px;color: #FFF;background: #5ea830;text-decoration: none;-webkit-border-radius: 3px;border-radius: 3px;text-transform: uppercase;letter-spacing: 1px;font-weight: 600;font-size: 14px;}
.platforms > .items > a > i{font-size: 32px;line-height: 48px;width: 48px;text-align: center;background: #233D57;color: #FFF;  -webkit-border-radius: 2px;border-radius: 2px;margin-right: 8px;-webkit-transition: all .2s;transition: all .2s;}
.platforms > .items > a:hover > i {background: #FFF;color: #5ea830;}
.platforms > .items > a + a {margin-top: 4px;}
.platforms.double > .items{display: grid;grid-gap: 4px;grid-template-columns: repeat(2, 1fr);}
.platforms.double > .items > a + a{margin: 0;}
.platforms > .logos{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 16px;}
.platforms > .logos > a {padding-bottom: 50%;display: block;position: relative;background: #f7fafc;border: 1px solid #e9eff3;border-radius: 3px;}
.platforms > .logos > a:hover {border-color: #009E3C;}
.platforms > .logos > a > img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 80%;max-height: 80%;width: auto;height: auto;}
/* box */
.box > .title, .box_title{font-weight: 600;font-size:20px;color: var(--color-verde-oscuro);text-transform: uppercase;}
.box > .title{display: flex;align-items: center;}
.box > .title > div{display: flex;flex-direction: column;line-height: 1.3;}
.box > .title > div > div.subtitle{color: #7d97b2;text-transform: uppercase;font-size: 11px;font-weight: 300;letter-spacing: 2px;margin-top: 2px;}
.box > .title > i{font-size: 32px;margin-right: 8px;}
.box > .content{border: 1px solid #E9EFF3;padding: 32px;background: #FFF;}
.box > * + .content, .box > .content + *, .box > * + .content-transparent, .box > .content-transparent + * {margin-top: 16px;}
@media only screen and (max-width: 1600px){
	.box > .title{font-size: 19px;}
	.box > .content{padding: 28px;}
	.box > * + .content, .box > .content + *, .box > * + .content-transparent, .box > .content-transparent + * {margin-top: 14px;}
}
@media only screen and (max-width: 1200px){
	.box > .title > i {font-size: 30px;}
	.box > .content{padding: 24px;}
	.box > * + .content, .box > .content + *, .box > * + .content-transparent, .box > .content-transparent + * {margin-top: 12px;}
}
@media only screen and (max-width: 992px){
	.box > .title{font-size: 18px;}
	.box > .content{padding: 20px;}
	.box > * + .content, .box > .content + *, .box > * + .content-transparent, .box > .content-transparent + * {margin-top: 10px;}
}
@media only screen and (max-width: 768px){
	.box > .title > i {font-size: 24px;}
	.box > .content{padding: 18px;}
	.box > * + .content, .box > .content + *, .box > * + .content-transparent, .box > .content-transparent + * {margin-top: 8px;}
}
@media only screen and (max-width: 576px){
	.box > .title{font-size: 17px;}
	.box > .content{padding: 16px;}
	.box > * + .content, .box > .content + *, .box > * + .content-transparent, .box > .content-transparent + * {margin-top: 6px;}
}
/* version */
* + .version{margin-top: 64px;}
.version {font-size: 13px;font-weight: 300;color: #7d97b2;text-align: center;}
.version > strong{font-weight: 400;color: #233d6b;}
/* banner */
.banner {padding: 24px 25%;display: block;text-transform: uppercase;font-weight: 600;font-size: 13px;text-align: center;background: var(--color-amarillo);
    color: var(--color-verde-oscuro);-webkit-border-radius: 4px;border-radius: 4px;line-height: 1.6;}

.banner.gray{
	color: #294662;
	border-color: #e9eff3;
}
@media only screen and (max-width: 992px){
	.banner {padding: 16px;}
}
/* sub */
* + .sub, .sub + *{margin-top: 8px;}
.sub {display: block;text-transform: uppercase;font-size: 12px;font-weight: 500;letter-spacing: 2px;}
/* comparison */
.comparison-double{display: grid;grid-gap: 24px;grid-template-columns: 1fr 1fr;}
/* .maxi-title-comparison */
.maxi-title-comparison{display: grid;grid-gap: 24px;grid-template-columns: 1fr 1fr;margin: 16px 0;}
.maxi-title-comparison > .title{font-size: 24px;font-weight: 600;padding-bottom: 8px;border-bottom: 2px solid var(--color-amarillo);}
.maxi-title-comparison > .title:nth-child(2){text-align: right;}
@media only screen and (max-width: 1200px){
	.maxi-title-comparison > .title{font-size: 20px;}
}
/* block-summary-info */
.block-summary-info{background: #FFF;padding: 16px;-webkit-box-shadow: inset 0 0 0 1px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: inset 0 0 0 1px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.05);-webkit-border-radius: 2px;border-radius: 2px;}
.block-summary-info > .data{border: 1px solid #e9eff3;padding: 8px;-webkit-border-radius: 2px;border-radius: 2px;}
.block-summary-info > .data > .label{font-size: 12px;text-transform: uppercase;line-height: 1.1;margin-bottom: 4px;}
.block-summary-info > .data > .description{font-weight: 500;font-size: 14px;line-height: 1.1;text-transform: uppercase;color: #233d57;}
.block-summary-info > .data + .data{margin-top: 8px;}
/* maxi-counter */
.maxi-counter-comparison{display: flex;justify-content: space-between;}
.maxi-counter{font-size: 96px;font-weight: 700;display: flex;align-items: flex-end;line-height: 1;}
.maxi-counter > span{font-size: 24px;font-weight: 300;line-height: 1.2;margin-left: 8px;text-transform: uppercase;}
.maxi-counter > span.percentage {-webkit-border-radius: 2px;border-radius: 2px;background:var(--color-amarillo);color: var(--color-verde-oscuro);font-size: 14px;font-weight: 600;padding: 4px 8px;}
.maxi-counter > span.percentage.negative{ background: #ff795d; }
@media only screen and (max-width: 1600px){
	.maxi-counter{font-size: 88px;}
}
@media only screen and (max-width: 1200px){
	.maxi-counter{font-size: 80px;}
	.maxi-counter > span{font-size: 23px;margin-left: 6px;}
}
@media only screen and (max-width: 992px){
	.maxi-counter{font-size: 72px;}
}
@media only screen and (max-width: 768px){
	.maxi-counter{font-size: 64px;}
	.maxi-counter > span{font-size: 22px;margin-left: 5px;}
}
@media only screen and (max-width: 576px){
	.maxi-counter{font-size: 52px;}
	.maxi-counter > span{font-size: 20px;margin-left: 4px;}
}
/* list-details */
.list-details > .holder-items{margin-left: -8px;margin-right: -8px;}
.list-details > .holder-items > .items{display: flex;flex-wrap: wrap;}
.list-details > .holder-items > .items > .item{padding: 8px;width: 50%;}
.list-details > .holder-items > .items > .item > .title{font-weight: 500;font-size: 15px;}
#content > .holder > .items > .item.full .list-details > .holder-items > .items > .item{width: 25%;}
#content > .holder > .items > .item.double .list-details > .holder-items > .items > .item{width: calc(100% / 3 - .3px);}

@media only screen and (max-width: 1600px){
	.list-details > .holder-items > .items > .item{width: 100%;}
	#content > .holder > .items > .item.double .list-details > .holder-items > .items > .item{width: 50%;}
}
@media only screen and (max-width: 1200px){
	#content > .holder > .items > .item.full .list-details > .holder-items > .items > .item{width: calc(100% / 3 - .3px);}
	#content > .holder > .items > .item.double .list-details > .holder-items > .items > .item{width: 100%;}
}
@media only screen and (max-width: 992px){
	#content > .holder > .items > .item.full .list-details > .holder-items > .items > .item{width: 50%;}
}
@media only screen and (max-width: 768px){
	#content > .holder > .items > .item.full .list-details > .holder-items > .items > .item{width: 100%;}
}
/* pagination */
.pagination{display: flex;justify-content: flex-end;}
* + .pagination, .pagination + *{margin-top: 32px;}
.pagination > .page-item {display: block;}
.pagination > .page-item + .page-item{margin-left: 2px;}
body .pagination > .page-item > .page-link{line-height: 38px;min-width: 38px;padding: 0 8px;font-size: 13px;color: var(--color-amarillo);text-decoration: none;
    background: var(--color-verde-oscuro);display: block;text-align: center;-webkit-border-radius: 2px;border-radius: 2px;}
.pagination > .page-item > .page-info{line-height: 38px;display: block;font-size: 14px;padding: 0 16px;}
.pagination > .page-item > a.page-link:hover, .pagination > .page-item > a.page-link:focus, .pagination > .page-item > a.page-link:active{background: var(--color-amarillo);color: var(--color-verde-oscuro);}
.pagination > .page-item.disabled > .page-link{display: none;}
.pagination > .page-item.active > .page-link{background: var(--color-amarillo);color: var(--color-verde-oscuro);pointer-events: none;}
/* inline-message */
.inline-message{color: #ADC5DA;font-size: 13px;font-weight: 300;display: block;}
.inline-message strong{font-weight: 500;color: #7D97B2;}
* + .inline-message, .inline-message + *{margin-top: 8px;}
/* compare-popup */
.compare-popup .actions{margin-top: 16px;justify-content: center;}
.compare-popup input.datepicker{padding: 20px 32px;font-size: 32px;border-width: 2px;text-align: center;}
/* forms */
.field + *, * + .field{margin-top: 20px;}
.field > label{display: block;text-transform: uppercase;font-size: 12px;font-weight: 400;letter-spacing: 1px;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.field:not(.check) > label + *{margin-top: 6px;}
.field > label + .field{margin-top: 14px;}
*:focus {outline: none;}
input[type=text], input[type=date], input[type=number], input[type=email], input[type=password], select, textarea{padding: 12px 16px;display: block;width: 100%;border: 1px solid #7D97B2;font: 400 17px/21px "Barlow";-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;-webkit-border-radius: 2px;border-radius: 2px;}
.transport-units-field{padding: 14px !important;line-height: 1;display: inline-flex;width: 100%;text-align: center;justify-content: center;align-items: center;line-height: 17px;border: 1px solid #7d97b2;-webkit-border-radius: 3px;border-radius: 3px;text-transform: uppercase;font-size: 12px;text-decoration: none;color: #7d97b2;}
.transport-units-field:hover{color: var(--color-verde-oscuro);border-color: var(--color-amarillo);}
.transport-units-field.active::before{color: #5ea830;content: "\f00c";font-family: 'Line Awesome Free';font-weight: 900;font-size: 22px;line-height: 17px;margin-right: 8px;display: inline-flex;align-self: center;}
.field-search-routes {position: relative;padding-right: 32px;}
.field-search-routes > a{position: absolute;height: 28px;display: inline-flex;align-items: center;justify-content: center;line-height: 1;font-size: 12px;right: 0;bottom: 8px;background: #eff5f9;color: #7d97b2;width: 28px;text-align: center;border-radius: 2px;text-decoration: none;}
.field-search-routes > a:hover{background: #7d97b2;color: #FFF;}
input[type=text]:focus, input[type=date]:focus, input[type=number]:focus, input[type=email]:focus, input[type=password]:focus, select:hover, select:focus, textarea:focus{border-color: var(--color-amarillo);}
input[type=text]:focus:invalid, input[type=date]:focus:invalid, input[type=number]:focus:invalid, input[type=email]:focus:invalid, input[type=password]:focus:invalid, select:focus:invalid, textarea:focus:invalid{border-color: #ff0000;}
*:invalid{-webkit-box-shadow: none;box-shadow: none;}
input[type=text]:disabled, input[type=date]:disabled, input[type=number]:disabled, input[type=email]:disabled, input[type=password]:disabled, select:disabled, textarea:disabled{background: #fcfcfc;border-color:  #CCC;color: #CCC;pointer-events: none;}
input[type=number]{-moz-appearance:textfield;}
input[type=date]::-webkit-inner-spin-button {display: none;-webkit-appearance: none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
select {-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';}
select::-ms-expand {display: none;}
form + *, * + form{margin-top: 32px;}
.field > input[type=file], .field > input[type=checkbox], .field > input[type=radio] {opacity: 0;float: left;position: absolute;pointer-events: none;}
.field > input[type=checkbox] + label, .field > input[type=radio] + label {cursor: pointer;padding-left: 32px;position: relative;}
.field > input[type=checkbox] + label{padding-left: 64px;}
.field > input[type=checkbox] + label::before {width: 48px;height: 24px;background:var(--color-verde-oscuro);
    outline: 1px solid var(--color-verde-oscuro);
    position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);content: " ";-webkit-border-radius: 24px;border-radius: 24px;}
.field > input[type=checkbox] + label::after{-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;width: 22px;height: 22px;
    
    background: #7D97B2;position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);content: " ";-webkit-border-radius: 24px;border-radius: 24px;}
.field > input[type=checkbox]:checked + label::after{left: auto;left: 26px;background: var(--color-amarillo);}
.field > input[type=checkbox]:checked + label{color: var(--color-verde-oscuro);}
.field > input[type=radio] + label::before, .field > input[type=radio] + label::after{position: absolute;display: block;left: 0;content: " ";font-weight: 900;line-height: 20px;height: 20px;width: 20px;top: 50%;background: #e9eff3;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-border-radius: 24px;border-radius: 24px;}
.field > input[type=radio] + label::after{opacity: 0;background: #5ea830;width: 12px;height: 12px;left: 4px;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 0.3s;transition: all 0.3s;}
.field > input[type=radio]:checked + label::after{-webkit-transform: translateY(-50%);transform: translateY(-50%);opacity: 1;}
.field > input[type=radio]:checked + label{color: #5EA830;}
.field > label + input[type=file] + label{margin-top: 6px;}
.field > input[type=file] + label{text-transform: none;cursor: pointer;background: var(--color-amarillo);color: var(--color-verde-oscuro);padding: 13px 16px;display: block;width: 100%;border: 1px solid #7d97b2;font: 400 15px/1.2 "Barlow";-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;-webkit-border-radius: 2px;border-radius: 2px;}
.field > input[type=file] + label:hover{ filter: brightness(.75); }
.field > input[type=file] + label.with-file{ background-color: var(--color-verde-oscuro); color: var(--color-amarillo);}
.field.dates > .dates{display: flex;}
.field.dates > .dates > input[type=date]{width: 50%;}
.field.dates > .dates > input[type=date]:first-child{border-right: 0;-webkit-border-radius: 2px 0 0 2px;border-radius: 2px 0 0 2px;}
.field.dates > .dates > input[type=date]:last-child{-webkit-border-radius: 0 2px 2px 0;border-radius: 0 2px 2px 0;}
::-webkit-input-placeholder {opacity: 1;color:#7D97B2;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {opacity: .25;}
::-moz-placeholder {opacity: 1;color:#7D97B2;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {opacity: .25;}
:-ms-input-placeholder {opacity: 1;color:#7D97B2;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {opacity: .25;}
.field-group {padding: 16px;background: #FFF;border: 1px solid #7D97B2;-webkit-border-radius: 2px;border-radius: 2px;}
.field-group-horizontal{display: flex;flex-wrap: wrap;padding: 8px;}
.field-group-horizontal > .field{width: 200px;max-width: 100%;padding: 8px;flex-grow: 1;}
.field-group-horizontal > .field + .field{margin: 0;}
.field-group-horizontal + .actions{margin-top: 16px;justify-content: flex-end;}
.appends-field{width: 100%;position: relative;}
.appends-field .append{position: absolute;right: 3px;top: 50%;height: calc(100% - 6px);display: flex;align-items: center;-webkit-border-radius: 2px;border-radius: 2px;-webkit-transform: translateY(-50%);transform: translateY(-50%);text-transform: uppercase;font-size: 12px;font-weight: 400;letter-spacing: 0;background: var(--color-amarillo);color: var(--color-verde-oscuro);padding: 0 8px;}
.field.field-image-selectable .image{width: 160px;height: 160px;display: block;position: relative;background: #FFF;-webkit-box-shadow: 0 0 0 1px #e9eff3;box-shadow: 0 0 0 1px #e9eff3;-webkit-border-radius: 2px;border-radius: 2px;}
.field.field-image-selectable .image > img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 90%;max-height: 90%;width: auto;height: auto;}
.field.field-image-selectable .image > a.close{position: absolute;top: 4px;right: 4px;-webkit-border-radius: 2px;border-radius: 2px;display: block;line-height: 32px;width: 32px;text-align: center;font-size: 20px;color: var(--color-verde-oscuro);display: none;background: var(--color-amarillo);}
.field.field-image-selectable .image:hover > a{display: block;}
.field.field-image-selectable .image > input[type=checkbox]{float: left;opacity: 0;pointer-events: none;position: absolute;}
.field.field-image-selectable .image + input[type=file] + label{display: none;}
/* tranport-units-modal */
.tranport-units-modal-holder{background: #FFF !important;border: 1px solid #7d97b2;-webkit-border-radius: 2px;border-radius: 2px;}
.tranport-units-modal > .actions{justify-content: center;margin-top: 24px;}
.tranport-units-modal > .actions > .btn{justify-content: center;text-align: center;}
.tranport-units-modal > .fields {display: flex;padding: 0;}
.tranport-units-modal > .fields > .column {padding: 16px;}
.tranport-units-modal > .fields > .column > .title{margin-bottom: 8px;font-weight: 600;color: #233d57;text-align: center;}
.tranport-units-modal > .fields > .column > .fields > .field > input[type=number]{padding: 6px;text-align: center;width: 80px;font-size: 14px;margin-left: auto;margin-right: auto;}
.tranport-units-modal > .fields > .column > .fields > .field {text-align: center;}
/* popup-search-routes */

#popup-search-routes{background: #FFF !important;border: 1px solid #7d97b2;-webkit-border-radius: 2px;border-radius: 2px;margin-top: 100px;}
#popup-search-routes > form > .actions{justify-content: center;margin-top: 24px;}
#popup-search-routes tr[data-select-id]{cursor: pointer;}
@media only screen and (max-width: 1200px){
	#popup-search-routes{margin-top: 80px;}
}

/*
.tranport-units-modal > .actions{justify-content: center;margin-top: 24px;}
.tranport-units-modal > .actions > .btn{justify-content: center;text-align: center;}
.tranport-units-modal > .fields {display: flex;padding: 0;}
.tranport-units-modal > .fields > .column {padding: 16px;}
.tranport-units-modal > .fields > .column > .title{margin-bottom: 8px;font-weight: 600;color: #233d57;text-align: center;}
.tranport-units-modal > .fields > .column > .fields > .field > input[type=number]{padding: 6px;text-align: center;width: 80px;font-size: 14px;margin-left: auto;margin-right: auto;}
.tranport-units-modal > .fields > .column > .fields > .field {text-align: center;}
*/

/* repeater-field */
.repeater-field{padding: 24px;background: #EFF5F9;border: 1px solid #e9eff3;border-radius: 2px;}
.repeater-field > .actions{justify-content:center;margin: 0;}
.repeater-field > .repeater-items > * {margin-bottom: 16px;}
.repeater-field-item{position: relative;padding-right: 36px;}
.repeater-field-item > .remove-item{position: absolute;top: 0;right: 0;width: 28px;line-height: 28px;background: var(--color-amarillo);color: var(--color-verde-oscuro);font-size: 22px;text-align: center;-webkit-border-radius: 2px;border-radius: 2px;}
@media only screen and (max-width: 768px){
	.repeater-field{padding: 8px;}
}
/* custom repeater-transhipments */
@media only screen and (min-width: 769px){
	.repeater-transhipments > .field-group{display: grid;grid-gap: 12px;grid-template-columns: 1fr 1fr;}
	.repeater-transhipments > .field-group > .field + .field{margin: 0;}
	.repeater-transhipments > .field-group > .field:nth-child(3){grid-column: 1 / 3;}
}
@media only screen and (min-width: 993px){
	.repeater-transhipments > .field-group > .field:nth-child(3) > .field-group{display: flex;flex-wrap: wrap;}
	.repeater-transhipments > .field-group > .field:nth-child(3) > .field-group > .field + .field{margin: 0 0 0 24px;}
}
/* show-hide-password */
.show-hide-password{position: relative;}
.show-hide-password > input[type=password]{padding-right: 48px;}
.show-hide-password > span{display: block;position: absolute;top: 50%;right: 16px;-webkit-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;color: #e9eff3;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.show-hide-password > span:hover{color: #7d97b2;}
.show-hide-password > span::after{content: "\f06e";font-family: 'Line Awesome Free';font-weight: 900;font-size: 22px;}
.show-hide-password.show-password > span::after{ content: "\f070";}
/* actions */
.actions{display: flex;}
.actions.end{justify-content: flex-end;}
.actions + *, * + .actions{margin-top: 48px;}
.actions > * + *{margin-left: 4px;}
/* select2 */
.field .select2-container.select2-container--disabled{pointer-events: none;}
.field .select2-container.select2-container--disabled .select2-selection{background: #e9eff3;border-color:  #e9eff3; }
.field .select2-container.select2-container--disabled .select2-selection .select2-selection__rendered{ color: #7d97b2;}
.field .select2-container {display: block;margin-top: 6px;width: 100% !important;max-width: 100%;min-width: 150px;}
.field .select2-container .select2-selection{-webkit-border-radius: 2px;border-radius: 2px;border: 1px solid #7D97B2;height: auto;min-height: 0 !important;}
.field .select2-container.select2-container--open .select2-selection, .field .select2-container.select2-container--focus .select2-selection{border-color: #009E3C;}
.field .select2-selection__arrow{display: none;}
.field .select2-container .select2-selection .select2-selection__rendered{padding: 14px 16px;line-height: 1;display: block;min-height: 45px;}
.field .select2-container .select2-selection ul.select2-selection__rendered {display: flex;flex-wrap: wrap;align-items: center;padding: 8px 12px;}
.field .select2-container .select2-selection.select2-selection--multiple ul.select2-selection__rendered{padding: 4px 12px 5px 12px;}
.field .select2-container .select2-selection ul.select2-selection__rendered > li{margin: 1px;}
.field .select2-container .select2-selection ul.select2-selection__rendered > li.select2-search > input{margin: 0;font: 400 17px/1.4 "Barlow";}
.field .select2-container .select2-selection ul.select2-selection__rendered > li.select2-selection__choice{border: none;color: var(--color-verde-oscuro);background: var(--color-amarillo);line-height: 1.2;font-size: 13px;padding: 4px 8px;display: flex;align-items: center;-webkit-border-radius: 2px;border-radius: 2px;}
.field .select2-container .select2-selection ul.select2-selection__rendered > li.select2-selection__choice > .select2-selection__choice__remove{color: var(--color-verde-oscuro);margin-right: 4px;font-size: 20px;}
.field .select2-container .select2-selection ul.select2-selection__rendered > li.select2-selection__choice > .select2-selection__choice__remove:hover{color: var(--color-verde-oscuro);}
.select2-container--open .select2-dropdown--below{-webkit-border-radius: 0;border-radius: 0;border: 1px solid #7D97B2;}
.select2-container .select2-results__option{padding: 8px 16px;font-size: 14px;}
.select2-container .select2-results__option--highlighted{background: var(--color-verde-oscuro) !important;color: var(--color-amarillo) !important;}
.select2-container .select2-results__option[aria-selected="true"]{background: var(--color-amarillo) !important;color: var(--color-verde-oscuro) !important;}
.select2-container .select2-search--dropdown{padding: 0;}
.select2-container .select2-search--dropdown .select2-search__field{padding: 8px 12px;border: none !important;border-bottom: 1px solid #7D97B2 !important;}
/* search-in-items */
.search-in-items > .field > input{padding: 6px 12px;font-size: 13px;}
/* btn */
.btn, button{padding: 15px 32px;background: var(--color-amarillo);color: var(--color-verde-oscuro);font-weight: 700;font-size: 14px;text-transform: uppercase;letter-spacing: 3px;border: none;text-decoration: none;display: inline-block;cursor: pointer;-webkit-transition: all 0.1s;transition: all 0.1s;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-border-radius: 2px;border-radius: 2px;}
.btn > *, button > * {pointer-events: none;}
.btn{display: inline-flex;align-items: center;}
.btn > i{font-size: 26px;margin-right: 8px;}
.btn:hover, button:hover,
.btn:focus, button:focus{outline: 1px solid var(--color-verde-oscuro); background: var(--color-amarillo);color: var(--color-verde-oscuro);}
.btn.secondary, button.secondary{background: var(--color-verde-oscuro);color: var(--color-amarillo);}
:is(.btn.secondary, button.secondary):is(:hover, :focus){
    outline-color: var(--color-amarillo);
}

.btn.sm{padding: 8px 20px;font-size: 12px;letter-spacing: 1px;}
.btn.new, button.new{background: #E8EFF5;color: var(--color-verde-oscuro);}
.btn.new:hover, .btn.new:focus, button.new:hover, button.new:focus {background: #E8EFF5;color: var(--color-verde-oscuro);outline-color: var(--color-verde-oscuro);}
.btn.disabled{pointer-events: none;background-color: #e9eff3;color: #233d57;user-select: none;}


.notification-block .btn{background: #FFF;color: #7d97b2;}
.notification-block .btn:hover, .notification-block .btn:focus{background: #3e3d57;color: #FFF;}
@media only screen and (max-width: 1600px){
	.btn, button{padding: 13px 28px;}
	.btn > i{font-size: 24px;}
}
@media only screen and (max-width: 1200px){
	.btn, button{padding: 12px 24px;font-size: 13px;letter-spacing: 2px;}
	.btn > i{font-size: 22px;}
}
@media only screen and (max-width: 992px){
	.btn, button{padding: 11px 22px;}
	.btn > i{font-size: 20px;}
}
@media only screen and (max-width: 768px){
	.btn, button{padding: 10px 20px;}
	.btn > i{font-size: 19px;}
}
@media only screen and (max-width: 576px){
	.btn > i{font-size: 18px;}
}
/* filters */
.filters .holder{display: flex;align-items: center;}
.filters .holder > .items{display: flex;flex-grow: 1;flex-wrap: wrap;}
.filters .holder > .items > .nl{width: 100%;height: 32px;}
.filters .holder > .actions{margin-left: 16px;margin-top: 0;}
.filters .holder > .items > .item + .item{margin-left: 8px;}
.filters .holder > .items > .item input[type=checkbox] + label{padding-right: 32px;}
label + .boxed-checkbox{margin-top: 6px !important; }
.boxed-checkbox{height: 47px;display: flex;align-items: center;padding: 0 16px;background: #FFF;-webkit-border-radius: 2px;border-radius: 2px;border: 1px solid #7d97b2;}
@media only screen and (max-width: 1200px){
	.filters .holder {margin-left: -4px;margin-right: -4px;flex-direction: column;}
	.filters .holder > .actions{margin: 16px 0 0 0;padding: 4px;width: 100%;justify-content: flex-end;}
	.filters .holder > .items {flex-wrap: wrap;width: 100%;}
	.filters .holder > .items > .item{width: 25%;padding: 4px;flex-grow: 1;}
	.filters .holder > .items > .item + .item{margin: 0;}
}
@media only screen and (max-width: 992px){
	.filters .holder > .items > .item{width: calc(100% / 3 - .3px);}
}
@media only screen and (max-width: 768px){
	.filters .holder > .items > .item{width: 50%;}
}
@media only screen and (max-width: 576px){
	.filters .holder > .items > .item{width: 100%;}
}
/* remaining-bar */
.remaining-bar{position: relative;padding-bottom: 24px;font-size: 13px;text-transform: uppercase;letter-spacing: 1px;}
.remaining-bar::before{background: #E8F0F6;height: 20px;display: block;content: " ";position: absolute;bottom: 0;left: 0;right: 0;-webkit-border-radius: 20px;border-radius: 20px;}
.remaining-bar > span{background: #5ea830;height: 10px;display: block;position: absolute;bottom: 5px;left: 5px;-webkit-border-radius: 10px;border-radius: 10px;max-width: calc(100% - 10px);}
.remaining-bar + * {margin-top: 32px;}
* + .remaining-bar {margin-top: 32px;}
/* tags */
* + .tags{margin-top: 16px;}
.tags {display: flex;margin-left: -2px;margin-right: -2px;}
.tags > *{margin:2px;padding: 2px 8px;background: #5ea830;color: #FFF;font-weight: 500;font-size: 12px;text-transform: uppercase;-webkit-border-radius: 2px;border-radius: 2px;}
.tags > .danger{background: #FF0000;}
/* quick-stats-comparison-item */
.quick-stats-comparison > .items > .item + .item {margin-top: 8px;}
.quick-stats-comparison-item{display: flex;justify-content: center;align-items: center;justify-content:space-between;position: relative;}
.quick-stats-comparison-item > .icon{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: #7d97b2;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.quick-stats-comparison-item:hover > .icon{color: #FFF;}
.quick-stats-comparison-item > .icon::after{content: " ";position: absolute;top: 50%;left: 50%;width: 80px;height: 80px;-webkit-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);background: #7d97b2;display: block;-webkit-border-radius: 50%;border-radius: 50%;z-index: 1;opacity: 0;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.quick-stats-comparison-item:hover > .icon::after{-webkit-transform: translate(-50%, -50%) scale(1.8);transform: translate(-50%, -50%) scale(1.8);opacity: 1;}
.quick-stats-comparison-item > .icon > i{font-size:36px;width: 80px;line-height: 80px;text-align: center;z-index: 2;position: relative;}
.quick-stats-comparison-item > .data{text-align: left;width: calc(50% - 64px);padding: 16px;background: #FFF;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0 0 0 3px #5ea830, 0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: inset 0 0 0 3px #5ea830, 0 6px 24px 0px rgba(0,0,0,0.05);text-align: center;color: #233d57;}
.quick-stats-comparison-item > .data:last-child{-webkit-box-shadow: inset 0 0 0 3px #7d97b2, 0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: inset 0 0 0 3px #7d97b2, 0 6px 24px 0px rgba(0,0,0,0.05);text-align: center;color: #233d57;}
.quick-stats-comparison-item > .data > .label{font-weight: 500;opacity: .5;}
.quick-stats-comparison-item > .data > .value{font-size: 30px;font-weight: 600;}
.quick-stats-comparison-item > .data > .value > span{font-size: 18px;font-weight: 600;margin-left: 2px;}
.quick-stats-comparison-item.blue > .icon::after{background: #008ffb;}
.quick-stats-comparison-item.yellow > .icon::after{background: #fac42f;}
.quick-stats-comparison-item.red > .icon::after{background: #ff4560;}
.quick-stats-comparison-item.green > .icon::after{background: #00e396;}
.quick-stats-comparison-item > .data {position: relative;}
.quick-stats-comparison-item > .data > .indicator{position: absolute;left: 16px;top: 50%;display: flex;align-items: center;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.quick-stats-comparison-item > .data:last-child >.indicator{left: auto;right: 16px;}
.quick-stats-comparison-item > .data > .indicator > i{width: 72px;line-height: 72px;font-size: 48px;background: #5ea830;color: #FFF;-webkit-border-radius: 50%;border-radius: 50%;}
.quick-stats-comparison-item > .data > .indicator > span{background: #7CC544;color: #FFF;padding: 4px 8px;font-weight: 700;font-size: 14px;-webkit-border-radius: 2px;border-radius: 2px;}
.quick-stats-comparison-item > .data > .indicator.negative > i{background: #ff5b44;}
.quick-stats-comparison-item > .data > .indicator.negative > span{background: #FF795D;}
@media only screen and (max-width: 992px){
	.quick-stats-comparison-item > .data > .indicator{left: -12px;}
	.quick-stats-comparison-item > .data:last-child >.indicator{right: -12px;}
	.quick-stats-comparison-item > .data{width: calc(50% - 32px);}
	.quick-stats-comparison-item > .data > .value{font-size:24px;}
}
/* quick-stats */
.quick-stats + *,* + .quick-stats{margin-top: 32px;}
.quick-stats > .holder-items {margin-left: -8px;margin-right: -8px;}
.quick-stats > .holder-items > .items{display: flex;flex-wrap: wrap;}
.quick-stats > .holder-items > .items > .item{padding: 8px;width: 50%;}
#content > .holder > .items > .item.full .quick-stats > .holder-items > .items > .item{width: 20%;}
#content > .holder > .items > .item.double .quick-stats > .holder-items > .items > .item{width: calc(100% / 3 - .3px);}
.quick-stats-item{overflow: hidden;background: #FFF;min-height: 200px;display: flex;align-items: center;position: relative;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0 0 0 1px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: inset 0 0 0 1px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.05);}
.quick-stats-item > .content{padding: 36px;}
.quick-stats-item > i{background: var(--color-amarillo);color: var(--color-verde-oscuro);position: absolute;top: 0;right: 0;font-size: 64px;line-height: 128px;text-align: center;width: 128px;-webkit-transform: translate(15%, -15%);transform: translate(15%, -15%);pointer-events: none;-webkit-border-radius: 128px;border-radius: 128px;}
/*
.quick-stats-item.blue > i{background: #008ffb;}
.quick-stats-item.yellow > i{background: #fac42f;}
.quick-stats-item.red > i{background: #ff4560;}
.quick-stats-item.green > i{background: #00e396;}
*/
.quick-stats-item > .content > .title{font-weight: 500;color: #233d57;}
.quick-stats-item > .content > .value{font-size: 30px;font-weight: 600;color: #5ea830;color: #5a3d57;}
.quick-stats-item > .content > .value > span{font-size: 18px;font-weight: 600;margin-left: 2px;}
@media only screen and (max-width: 1600px){
	#content > .holder > .items > .item.full .quick-stats > .holder-items > .items > .item{width: 25%;}
	.quick-stats-item > i{line-height: 112px;width: 112px;font-size: 60px;}
}
@media only screen and (max-width: 1200px){
	#content > .holder > .items > .item.full .quick-stats > .holder-items > .items > .item{width: calc(100% / 3 - .3px);}
	.quick-stats-item > i{line-height: 104px;width: 104px;font-size: 50px;}
}
@media only screen and (max-width: 992px){
	#content > .holder > .items > .item.full .quick-stats > .holder-items > .items > .item{width: 50%;}
}
@media only screen and (max-width: 768px){
	#content > .holder > .items > .item.full .quick-stats > .holder-items > .items > .item{width: 100%;}
}
/* averages */
.averages + *, * + .averages{margin-top: 8px;}
.averages > .item + .item{margin-top: 4px;}
.averages > .item{display: flex;justify-content: space-between;align-items: center;padding: 12px;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow:  0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: 0 6px 24px 0px rgba(0,0,0,0.05);color: #FFF;background: #233d57;}
.averages > .item:nth-child(1){background: #007848;}
.averages > .item:nth-child(2){background: #708238;}
.averages > .item:nth-child(3){background: #487800;}
.averages > .item:nth-child(4){background: #b2ec5d;}
.averages > .item:nth-child(5){background: #9dc209;}
.averages > .item > .avg-val{font-weight: 600;font-size: 22px;}
.averages.sm{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 8px;}
.averages.sm > .item + .item{margin: 0;}
.averages.sm > .item > .avg-val{font-size: 18px;}
@media only screen and (max-width: 992px){
	.averages.sm{grid-template-columns: 1fr 1fr;}
}
/* donut */
.donut {display: block;background: #FFF;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow:  0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: 0 6px 24px 0px rgba(0,0,0,0.05);padding: 48px;}
.apexcharts-tooltip {background: #233d57;color: #FFF;}
.apexcharts-tooltip-text-y-label:empty + .apexcharts-tooltip-text-y-value{font-weight: normal;}
@media only screen and (max-width: 1600px){
	.donut{padding: 32px;}
}
@media only screen and (max-width: 1200px){
	.donut{padding: 32px;}
}
@media only screen and (max-width: 992px){
	.donut{padding: 32px;}
}
@media only screen and (max-width: 768px){
	.donut{padding: 24px;}
}
@media only screen and (max-width: 576px){
	.donut{padding: 16px;}
}
/* bars */
.apexcharts-tooltip-marker{display: none;}
.bars, .areas, .compare_splines, .stack {display: block;background: #FFF;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow:  0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: 0 6px 24px 0px rgba(0,0,0,0.05);padding: 16px;}
/* .bars .apexcharts-tooltip .apexcharts-tooltip-text-label{display: none;} */
/* area_containers */
.area_containers {display: block;background: #FFF;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow:  0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: 0 6px 24px 0px rgba(0,0,0,0.05);padding: 16px;}
/* route-generator-item */
@-webkit-keyframes animateRouteDirection {
	from { background-position: 0 0; }
	to { background-position: 0 32px; }
}
@keyframes animateRouteDirection {
	from { background-position: 0 0; }
	to { background-position: 0 32px; }
}
#route-generator{position: relative;}
#route-generator > .holder-items{position: relative;z-index: 2;pointer-events: none;}
#route-generator > .holder-items > .items {display: flex;flex-direction: column;justify-content: center;align-items: center;}
#route-generator > .holder-items > .items > .item{pointer-events: all;max-width: 100%;}
#route-generator > .holder-items > .items > .item + .item::before {content: " ";margin: 0 auto;height: 100px;background-image: url('../images/route-arrow.png');background-position: 0px 0px;background-repeat: repeat-y;width: 7px;display: block;-webkit-animation: animateRouteDirection .5s linear infinite;animation: animateRouteDirection .5s linear infinite;}
#route-generator > .actions{position: relative;justify-content: center;z-index: 2;}
#route-generator > .close-all{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: block;z-index: 1;}
.route-generator-stop{position: relative;}
.route-generator-stop > .min{display: flex;align-items: center;text-align: center;background: #FFF;padding: 8px;-webkit-border-radius: 64px;border-radius: 64px;-webkit-box-shadow: inset 0 0 0 1px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.01);box-shadow: inset 0 0 0 1px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.01);-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.route-generator-stop:hover > .min{cursor: pointer;-webkit-box-shadow: inset 0 0 0 1px #7d97b2, 0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: inset 0 0 0 1px #7d97b2, 0 6px 24px 0px rgba(0,0,0,0.05);}
.route-generator-stop > .min > i{font-size: 28px;background: #E8F0F6;color: #FFF;line-height: 48px;width: 48px;text-align: center;-webkit-border-radius: 48px;border-radius: 48px;}
.route-generator-stop > .min > .title{font-weight: 600;color: #233d57;font-size: 16px;padding: 0 32px;text-transform: uppercase;display: flex;align-items: center;}
.route-generator-stop > .min > .title > span{font-weight: 400;padding: 4px 6px;line-height: 1;margin-left: 8px;background: #7d97b2;color: #FFF;font-size: 10px;-webkit-border-radius: 2px;border-radius: 2px;}
.route-generator-stop > .min > .title > span + span{margin-left: 2px;}
.route-generator-stop > .min > .title > span.green{background: #5ea830;}
#route-generator > .holder-items > .items > .item:first-child > .route-generator-stop > .min > i{background: #233d57;}
#route-generator > .holder-items > .items > .item:first-child > .route-generator-stop > .min > .title, #route-generator > .holder-items > .items > .item:last-child > .route-generator-stop > .min > .title{font-size: 20px;}
#route-generator > .holder-items > .items > .item:last-child > .route-generator-stop > .min > i{background: #5ea830;}
.route-generator-action {position: relative;}
.route-generator-action > .add-new {background: #FFF;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 0 0 1px #7d97b2, 0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: 0 0 0 1px #7d97b2, 0 6px 24px 0px rgba(0,0,0,0.05);-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;width: 1000px;max-width: 100%;}
.route-generator-action > a{display: block;width: 48px;height: 48px;text-align: center;line-height: 48px;background: #FFF;color: #233d57;font-size: 32px;-webkit-border-radius: 48px;border-radius: 48px;-webkit-box-shadow: 0 0 0 2px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.01);box-shadow: 0 0 0 2px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.01);}
.route-generator-action > .add-new + a{display: none;}
.route-generator-action > .add-new > .fields{display: flex;flex-wrap: wrap;padding: 24px;}
.route-generator-action > .add-new > .fields > .field + .field{margin: 0;}
.route-generator-action > .add-new > .fields > .field{padding: 8px;}
.route-generator-action > .add-new > .fields > .field.destination{width: 100%;}
.route-generator-action > .add-new > .fields > .field.from, .route-generator-action > .add-new > .fields > .field.by, .route-generator-action > .add-new > .fields > .field.type{width: calc(100% / 3 - .3px);}
.route-generator-action .field-group{border-color: #e9eff3;}
.route-generator-action > .add-new > .actions{justify-content: center;margin: 0;padding: 16px;background: #f7fafc;border-top: 1px solid #e9eff3;}
/* route-summary */
.route-summary > .title{display: flex;font-weight: 600;font-size: 36px;margin-bottom: 32px;align-items: center;}
.route-summary > .title a{font-size: 24px;text-decoration: none;text-align: right;display: block;background: var(--color-amarillo);border-radius: 20px;color: var(--color-verde-oscuro);width: 36px;line-height: 36px;text-align: center;margin-left: 8px;}
@media only screen and (max-width: 1600px){
	.route-summary > .title{font-size: 32px;}
}
@media only screen and (max-width: 1200px){
	.route-summary > .title{font-size: 28px;}
}
@media only screen and (max-width: 992px){
	.route-summary > .title{font-size: 26px;}
}
@media only screen and (max-width: 768px){
	.route-summary > .title{font-size: 25px;}
}
@media only screen and (max-width: 576px){
	.route-summary > .title{font-size: 24px;}
}
.item-route-summary{display: flex;}
.item-route-summary > .left-area{width: 48px;position: relative;}
.item-route-summary > .left-area > i{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 24px;width: 48px;text-align: center;height: 48px;line-height: 48px;background: #5ea830;color: #FFF;-webkit-border-radius: 48px;border-radius: 48px;-webkit-box-shadow:  0 0 0 2px #d5e0e8;box-shadow:  0 0 0 2px #d5e0e8;background: var(--color-verde-oscuro);color:var(--color-amarillo);}
.item-route-summary > .icon{text-align: center;}
.item-route-summary > .right-area{padding-left: 32px;width: calc(100% - 48px);}
.item-route-summary > .right-area > .title {font-weight: 600;color: var(--color-verde-oscuro);font-size: 24px;}
.item-route-summary > .right-area > .info{margin: 16px 0 48px 0;}
.item-route-summary > .right-area > .info > .details{display: flex;margin-left: -8px;margin-right: -8px;flex-wrap: wrap;}
.item-route-summary > .right-area > .info > .details > *{padding: 12px 32px;background: #FFF;-webkit-box-shadow: inset 0 0 0 1px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.1);box-shadow: inset 0 0 0 1px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.1);margin: 8px;-webkit-border-radius: 3px;border-radius: 3px;}
.item-route-summary > .right-area > .info > .details > div > .label{font-size: 12px;text-transform: uppercase;margin-bottom: 8px;line-height: 1.1;}
.item-route-summary > .right-area > .info > .details > div > .value{font-weight: 600;color: var(--color-verde-oscuro);font-size: 20px;line-height: 1.1;}
@media only screen and (max-width: 1600px){
	.item-route-summary > .right-area > .title{font-size: 22px;}
	.item-route-summary > .right-area > .info > .details{margin-left: -8px;margin-right: -8px;}
	.item-route-summary > .right-area > .info > .details > * {margin: 8px;padding: 10px 24px;}
	.item-route-summary > .right-area > .info > .details > div > .label{margin-bottom: 6px;}
	.item-route-summary > .right-area > .info > .details > div > .value{font-size: 19px;}
}
@media only screen and (max-width: 1200px){
	.item-route-summary > .right-area > .title{font-size: 21px;}
	.item-route-summary > .right-area > .info > .details{margin-left: -6px;margin-right: -6px;}
	.item-route-summary > .right-area > .info > .details > * {margin: 6px;padding: 8px 20px;}
	.item-route-summary > .right-area > .info > .details > div > .label{margin-bottom: 5px;}
	.item-route-summary > .right-area > .info > .details > div > .value{font-size: 18px;}
}
@media only screen and (max-width: 992px){
	.item-route-summary > .right-area > .title{font-size: 20px;}
	.item-route-summary > .right-area > .info > .details{margin-left: -4px;margin-right: -4px;}
	.item-route-summary > .right-area > .info > .details > * {margin: 4px;padding: 6px 16px;}
	.item-route-summary > .right-area > .info > .details > div > .label{margin-bottom: 4px;}
	.item-route-summary > .right-area > .info > .details > div > .value{font-size: 17px;}
}
@media only screen and (max-width: 768px){
	.item-route-summary > .right-area > .title{font-size: 19px;}
	.item-route-summary > .right-area > .info > .details{margin-left: -3px;margin-right: -3px;}
	.item-route-summary > .right-area > .info > .details > * {margin: 3px;}
	.item-route-summary > .right-area > .info > .details > div > .label{margin-bottom: 3px;}
}
@media only screen and (max-width: 576px){
	.item-route-summary > .right-area > .title{font-size: 18px;}
	.item-route-summary > .right-area > .info > .details{margin-left: -2px;margin-right: -2px;}
	.item-route-summary > .right-area > .info > .details > * {margin: 2px;}
	.item-route-summary > .right-area > .info > .details > div > .label{margin-bottom: 2px;}
}
.route-summary > .summary{margin-top: 64px;text-align: right;}
.route-summary > .summary > div{color: var(--color-verde-oscuro);font-weight: 700;font-size: 32px;}
.route-summary > .summary > div > span{font-size: 18px;font-weight: 300;text-transform: uppercase;}
.route-summary > .holder-items > .items > .item:first-child > .item-route-summary > .left-area::before{position: absolute;top: 12px;left: 50%;bottom: 0;width: 13px;display: block;content: " ";transform: translateX(-50%);background-image: url('../images/summary_line.png');background-position: center top;}
.route-summary > .holder-items > .items > .item:last-child > .item-route-summary > .left-area::before{position: absolute;top: 0;left: 50%;bottom: 12px;width: 13px;display: block;content: " ";transform: translateX(-50%);background-image: url('../images/summary_line.png');background-position: center bottom;}
.route-summary > .holder-items > .items > .item:not(:last-child):not(:first-child) > .item-route-summary > .left-area::before{position: absolute;top: 0;left: 50%;bottom: 0;width: 13px;display: block;content: " ";transform: translateX(-50%);background-image: url('../images/summary_line.png');background-position: center center;}
.item-alternative-route + *, * + .item-alternative-route{margin-top: 32px;}
.item-alternative-route + .item-alternative-route, .item-alternative-route + .item-alternative-route{margin-top: 16px;}
.item-alternative-route{-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0 0 0 1px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: inset 0 0 0 1px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.05);}
.item-alternative-route > .summary{border-top: 1px solid #e9eff3;display: flex;}
.item-alternative-route > .title{padding: 16px 64px 16px 16px;display: flex;color: var(--color-verde-oscuro);font-weight: 700;font-size: 20px;display: flex;align-items: center;position: relative;cursor: pointer;}
.item-alternative-route > .title > span{position: absolute;right: 16px;font-size: 13px;display: flex;align-items: center;text-transform: uppercase;color: #7D97B2;}
.item-alternative-route > .title > span > i {color: #5ea830;font-size: 20px;margin-right: 8px;}
.item-alternative-route > .title > a{margin-left: 2px;background: var(--color-amarillo);border-radius: 28px;color: var(--color-verde-oscuro);font-size: 16px;width: 28px;line-height: 28px;text-align: center;margin-left: 8px;}
.item-alternative-route.opened > .title > span > i{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.item-alternative-route > .steps{padding: 16px;display: none;border-top: 1px solid #e9eff3;}
.item-alternative-route.opened > .steps{display: block;}
.item-alternative-route > .steps > .step{padding: 8px;border-radius: 2px;border: 1px solid #e9eff3;}
.item-alternative-route > .steps > .step + .step{margin-top: 8px;}
.item-alternative-route > .steps > .step > .title{font-weight: 600;color: #233d6c;font-size: 16px;line-height: 1.1;}
.item-alternative-route > .steps > .step:first-child > .title, .item-alternative-route > .steps > .step:last-child > .title {font-size: 20px;}
.item-alternative-route > .steps > .step.wicon {padding-left: 48px;position: relative;}
.item-alternative-route > .steps > .step.wicon > i {position: absolute;top: 50%;left: 16px; color: #5ea830;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 24px;}
.item-alternative-route > .steps > .step > .title + .info{margin-top: 8px;}
.item-alternative-route > .steps > .step > .info {display: flex;flex-wrap: wrap;}
.item-alternative-route > .steps > .step > .info > .item{width: calc(100% / 3 - .3px);padding: 8px;}
.item-alternative-route > .steps > .step > .info > .item > .label{font-size: 12px;text-transform: uppercase;margin-bottom: 4px;line-height: 1.1;opacity: .5;}
.item-alternative-route > .steps > .step > .info > .item > .desc{font-weight: 500;font-size: 14px;line-height: 1.1;text-transform: uppercase;}
.item-alternative-route > .steps > .step > .info > .item > .label > i{background:#5ea830;color: #FFF;line-height: 32px;width: 32px;border-radius: 32px;text-align: center;font-size: 20px;margin-right: 8px;}
.item-alternative-route > .summary > div {padding: 16px;border-left: 1px solid #e9eff3;flex-grow: 1;}
.item-alternative-route > .summary > div > .label{font-size: 12px;text-transform: uppercase;margin-bottom: 4px;}
.item-alternative-route > .summary > div > .description{display: flex;color: #233d6c;font-weight: 700;align-items: center;}
.item-alternative-route > .summary > div > .description > span{font-size: 10px;text-transform: uppercase;padding: 4px;background: var(--color-amarillo);color: var(--color-verde-oscuro);line-height: 1;margin-left: 4px;-webkit-border-radius: 2px;border-radius: 2px;}
.item-alternative-route > .summary > div > .description > span.negative{background: #ff0000;color: #FFF;}
.item-alternative-route > .actions{margin: 0;padding: 16px;border-top: 1px solid #e9eff3;justify-content: flex-end;}
@media only screen and (max-width: 576px){
	.item-alternative-route > .steps > .step > .info > .item{width: 50%;}
}
/* container-tags */
.container-tags {display: flex;flex-wrap: wrap;margin-left: -1px;margin-right: -1px;}
.container-tags > div{font-size: 12px;font-weight: 600;margin: 1px;background: var(--color-verde-oscuro);color: var(--color-amarillo);line-height: 1;padding: 4px 8px;border-radius: 2px;-webkit-border-radius: 2px;}
.container-tags > div > span{font-weight: 200;margin-right: 8px;}
.container-tags > div.blue{background: var(--color-amarillo);color: var(--color-verde-oscuro);}
.container-tags > div.red{background-color: #CC0000;}
.container-tags > div.soft{background: var(--color-amarillo);color: var(--color-verde-oscuro);}
/* pol-selector */
.pol-all > a{display: flex;justify-content: space-between;padding: 8px;background: #FFF;color: #6ab338;text-decoration: none;-webkit-border-radius: 2px;border-radius: 2px;}
.pol-all + *, * + .pol-all{margin-top: 16px;}
.pol-selector + .pol-selector{margin-top: 8px;}
.pol-selector > a{display: flex;justify-content: space-between;padding: 8px 8px 8px 20px;background: var(--color-amarillo);color:var(--color-verde-oscuro);text-decoration: none;}
.pol-selector > a:first-child{-webkit-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;background: var(--color-verde-oscuro) !important;color: var(--color-amarillo);padding: 8px;}
.pol-selector > a:first-child:hover, .pol-selector > a:first-child:focus, .pol-selector > a:first-child:active, .pol-selector > a:first-child.current{background: #FFF !important;}
.pol-selector > a:last-child{-webkit-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px;}
.pol-selector > a:hover, .pol-selector > a:focus, .pol-selector > a:active, .pol-selector > a.current{background: #FFF;color: var(--color-verde-oscuro);}
.pol-selector > a > .pol{padding-right: 16px;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;font-size: 13px;white-space: nowrap;}
.pol-selector > a > .count{font-weight: 200;font-size: 13px;}
.pol-selector > a + a{margin-top: 0;}
@media only screen and (max-width: 1200px){
	.pol-selector > a{-webkit-border-radius: 0 !important;border-radius: 0 !important;}
}
/* sumary-table */
.sumary-table{display: block;overflow: auto;}
.sumary-table .table-order{margin-left: 8px;color: var(--color-verde-oscuro);}
.sumary-table > table{width: 100%;text-align: left;border-collapse:separate;border-spacing: 0;}
.sumary-table {-webkit-border-radius: 2px;border-radius: 2px;overflow: hidden;-webkit-box-shadow: 0 0 0 1px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.03);box-shadow: 0 0 0 1px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.03);-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.sumary-table > table thead tr > th {padding:20px 16px;}
.sumary-table > table thead:not(:first-child) tr > th {background: var(--color-amarillo);color: var(--color-verde-oscuro);font-weight: 500;font-size: 14px;}
.sumary-table > table thead:not(:first-child) tr > th:nth-child(even) {}
.sumary-table > table thead:first-child tr th{background: var(--color-verde-oscuro);color: var(--color-amarillo);font-weight: 600;text-transform: uppercase;font-size: 15px;letter-spacing: 1px;}
.sumary-table > table thead:first-child tr th:nth-child(even){filter: brightness(1.4);}
.sumary-table > table tbody tr > th {padding: 12px 16px;background: #FFF;color: #233d57;font-weight: 400;font-size: 15px;}
.sumary-table > table tbody tr > th{border-right: 1px solid #e9eff3;}
.sumary-table > table tbody tr > th:last-child{border-right: none;}
.sumary-table > table tbody tr:nth-child(even) > th{background: #f7fafc;}
@media only screen and (min-width: 1201px){
	.sumary-table > table tbody tr:first-child > th:first-child > .fix-chrome{height: 0;}
}
.sumary-table > table tbody tr:hover > th{background: #ECF3F7;color: #233d57;}
.sumary-table > table tbody tr:first-child > th:first-child{background: var(--color-verde-oscuro);color: var(--color-amarillo);border-right: 0;vertical-align: baseline;}
@media only screen and (max-width: 1200px){
	.sumary-table > table thead{display: none;}
	.sumary-table > table tbody tr{display: flex;flex-wrap: wrap;}
	.sumary-table > table tbody tr > th{width: calc(100% / 3 - .3px);flex-grow: 1;border: none;}
	.sumary-table > table tbody tr + tr {border-top: 1px solid #e9eff3;}
	.sumary-table > table tbody tr:first-child > th:first-child{width: 100%;padding: 16px;}
	.sumary-table > table tbody tr > th::before{content: attr(data-title);font-weight: 500;font-size: 14px;line-height:1.1;color: #C3D2DD;display: block;margin-bottom: 4px;}
	.sumary-table > table tbody tr:first-child > th:first-child::before{display: none;}
	.sumary-table > table tbody tr > th{padding: 8px;}
}
@media only screen and (max-width: 768px){
	.sumary-table > table tbody tr > th{width: 50%;}
}
@media only screen and (max-width: 360px){
	.sumary-table > table tbody tr{padding: 0;}
	.sumary-table > table tbody tr > th{width: 100%;}
}
/* table */
.table{display: block;}
.table > table{width: 100%;text-align: left;border-collapse:separate;border-spacing: 0 16px;}
.table > table tr > th:last-child{text-align: right;}
.table > table tr {-webkit-box-shadow: inset 0 0 0 1px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.01);box-shadow: inset 0 0 0 1px #e9eff3, 0 6px 24px 0px rgba(0,0,0,0.01);-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.table > table tbody{font-weight: 300;}
.table > table tbody strong{font-weight: 500;}
.table > table tbody th{font-weight: 400;}
.table > table tbody tr:hover {-webkit-box-shadow: inset 0 0 0 1px #7d97b2, 0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: inset 0 0 0 1px #7d97b2, 0 6px 24px 0px rgba(0,0,0,0.05);}
.table > table th{padding: 24px 16px;}
.table > table thead {color: #233d57;}
.table > table thead tr {-webkit-box-shadow: none;box-shadow: none;}
.table > table thead tr > th {padding: 0 16px 8px 16px;}
.table > table tbody tr.favourite{outline: 1px solid rgba(247,202,0,.2);}
.table > table tbody tr.favourite:hover{outline: 4px solid rgba(247,202,0,1);}
.table > table tbody tr.favourite > th:first-child{position: relative;white-space: nowrap;}
.table > table tbody tr.favourite > th:first-child:after{border-radius: 4px;z-index: 999;font-weight: 900;font-size: 14px;padding: 4px;margin-left: 4px;line-height: 1;content: "\f005";font-family: 'Line Awesome Free';pointer-events: none;background: #f7ca00;color: #FFF;}
.table a.table-order{margin-left: 8px;}
.table .action-icons{display: flex;justify-content: flex-end;}
.table .action-icons > a + a {margin-left: 8px;}
.table .action-icons > a{font-size: 26px;}
.table .action-icons > a.danger{color: #FF0000;}
.table .action-icons > a.danger:hover, .table .action-icons > a.danger:focus{color: #CC0000;}

@media only screen and (max-width: 1200px){
	.table > table{border-spacing: 0;}
	.table > table thead{display: none;}
	.table > table tbody tr{display: flex;flex-wrap: wrap;}
	.table > table tbody tr + tr{margin-top: 16px;}
	.table > table tbody tr > th{padding: 12px; }
	.table > table tbody tr > th{width: calc(100% / 3 - .3px);flex-grow: 1;}
	.table > table tbody tr > th:last-child{width: 100%;border-top: 1px solid #e9eff3;}
	.table > table tbody tr > th::before{content: attr(data-title);font-weight: 500;font-size: 14px;line-height:2;color: #233d6c;display: block;}
}
@media only screen and (max-width: 992px){
	.table > table tbody tr > th{width: 50%;}
}
@media only screen and (max-width: 768px){
	.table > table tbody tr > th{width: 100%;}
}
/* export-holder-items */
.export-holder-items {margin-left: -6px;margin-right: -6px;}
.export-holder-items > .items{display: flex;flex-wrap: wrap;justify-content: center;}
.export-holder-items > .items > .item {padding: 6px;}
.export-holder-items > .items > .item > span{text-align: center;display: block;margin-top: 12px;font-size: 12px;text-transform: uppercase;font-weight: 500;line-height: 1.2;}
.export-holder-items > .items > .item > a{display: block;text-decoration: none;width: 120px;text-align: center;font-size: 64px;line-height: 120px;color: #7d97b2;background: #FFF;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow:  0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: 0 6px 24px 0px rgba(0,0,0,0.05);}
.export-holder-items > .items > .item > a:hover, .export-holder-items > .items > .item > a:active{background: #5ea830;color: #FFF;-webkit-transform: translateY(-4px);transform: translateY(-4px);-webkit-box-shadow: 0 10px 24px 0px rgba(0,0,0,0.1);box-shadow: 0 10px 24px 0px rgba(0,0,0,0.1);}
@media only screen and (max-width: 1200px){
	.export-holder-items > .items > .item > a{width: 96px;text-align: center;font-size: 56px;line-height: 96px;}
}
@media only screen and (max-width: 768px){
	.export-holder-items > .items > .item > a{width: 72px;text-align: center;font-size: 48px;line-height: 72px;}
}

.mapstats{background: #f7fafc;height: 40vh;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 0 0 1px #D5E0E8, 0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: 0 0 0 1px #D5E0E8, 0 6px 24px 0px rgba(0,0,0,0.05);}
.custom-marker{position: absolute;display: block;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 1;cursor: pointer;}
.custom-marker:hover{z-index: 2;}
.custom-marker.hide > * {display: none !important;}
.overview-marker > .marker{width: 8px;height: 8px;background: var(--color-amarillo);-webkit-border-radius: 50%;border-radius: 50%;}
.overview-marker.xl > .marker{width: 20px;height: 20px;}
.overview-marker.lg > .marker{width: 14px;height: 14px;}
.overview-marker.sm > .marker{width: 6px;height: 6px;}
.overview-marker > .marker:before, .overview-marker > .marker:after{content: " ";position: absolute;top: 50%;left: 50%;width: 128px;height: 128px;border: 20px solid #1D5DEC;border-radius: 50%;-webkit-animation: map-marker-pulse 1s linear infinite;animation: map-marker-pulse 1s linear infinite;visibility: hidden;z-index: -1;}
.overview-marker > .marker:after {animation-delay: .3s;background: #FFF;border: none;}
.overview-marker > .info{font-family: "Barlow";position: absolute;top: 100%;left: 50%;-webkit-transform: translate(-50%, 16px);transform: translate(-50%, 16px);background: #233d57;padding: 12px;text-align: center;border-radius: 3px;opacity: 0;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.overview-marker:not(:hover) > .info{pointer-events: none;}
.overview-marker:hover > .info{transition-delay: .1;opacity: 1;-webkit-transform: translate(-50%, 8px);transform: translate(-50%, 8px);}
.overview-marker > .info > .country-name{color: #e9eff3;font-weight: 600;font-size: 10px;letter-spacing: 0;text-transform: uppercase;}
.overview-marker > .info > .number{font-weight: 700;margin-top: 4px;font-size: 24px;color: #FFF;padding: 0 16px;}
@-webkit-keyframes map-marker-pulse{
  0%{border-width:20px;opacity:.5;-webkit-transform:translateZ(0) translate(-50%, -50%) scale(0);visibility: visible;}
  to{border-width:0;opacity:0;-webkit-transform:translateZ(0) translate(-50%, -50%) scale(1);visibility: visible;}
}
@keyframes map-marker-pulse{
  0%{border-width:10px;opacity:.5;transform:translateZ(0) translate(-50%, -50%) scale(0);visibility: visible;}
  to{border-width:0;opacity:0;transform:translateZ(0) translate(-50%, -50%) scale(1);visibility: visible;}
}
/* datepicker */
body .daterangepicker{font-family: "Barlow";text-transform: uppercase;border: 1px solid #7d97b2;-webkit-box-shadow:  0 6px 24px 0px rgba(0,0,0,0.05);box-shadow:  0 6px 24px 0px rgba(0,0,0,0.05);z-index: 99999;}
body .daterangepicker::before{border-bottom: 7px solid #7d97b2;}
body .daterangepicker.show-ranges.ltr .drp-calendar.left{border-left: 1px solid  #e9eff3; }
body .daterangepicker .drp-buttons{border-top: 1px solid #e9eff3;}
body .daterangepicker .calendar-table th, body .daterangepicker .calendar-table td {font-family: "Barlow";font-size: 13px;}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{color: #7d97b2;}
body .daterangepicker .calendar-table th.month{color:#233d57; }
body .daterangepicker .calendar-table td:hover{background: #5ea830;color: #FFF;}
body .daterangepicker .calendar-table .next span, body .daterangepicker .calendar-table .prev span{display: none;}
body .daterangepicker .calendar-table .next::after, body .daterangepicker .calendar-table .prev::after{content: "\f061";font-family: 'Line Awesome Free';display: block;width: 32px;height: 32px;line-height: 32px;font-size: 20px;text-align: center;}
body .daterangepicker .calendar-table .prev::after{content: "\f060";}
body .daterangepicker .calendar-table .next:hover, body .daterangepicker .calendar-table .prev:hover{background: #3796f6;color: #FFF;}
body .daterangepicker td.off{color: #e9eff3;opacity: 0;pointer-events: none;}
body .daterangepicker td.in-range{background: #7EB959;color: #FFF;}
.datepicker-btn{background: #3796F6;font-size: 13px;font-weight: 500;letter-spacing: 1px;padding: 6px 10px;-webkit-border-radius: 2px;border-radius: 2px;font-family: "Barlow";}
.datepicker-btn:hover, .datepicker-btn:focus{background: #2177F1;color: #FFF;}
.datepicker-btn + *{margin-left: 4px;}
.datepicker-btn.cancelBtn {background: #7d97b2;}
body .daterangepicker .ranges li.active{background: #5ea830;pointer-events: none;}
body .daterangepicker .ranges li:hover{background: #f7fafc;}
body .daterangepicker td.active, body .daterangepicker td.active:hover{background: #5ea830;}
@media only screen and (max-width: 992px){
	/*body .daterangepicker .drp-selected{display: none;}*/
}
/* #notifications */
.notification{display: none;}
#notifications {position: fixed;top: 100px;right: 0;padding: 4px;z-index: 999998;display: flex;flex-direction: column-reverse;width: 360px;}
body.login #notifications {top: 0;}
#notifications .notification{display: none;margin: 2px;padding: 12px;background: #3796f6;color: #FFF;font-size: 15px;text-align: center;cursor: pointer;}
#notifications .notification.error, .inline-notification.error, .notification-block.error{background: #ff0000;}
#notifications .notification.success, .inline-notification.success{background: var(--color-amarillo);color: var(--color-verde-oscuro); outline: 1px solid var(--color-verde-oscuro);}
.inline-notification{padding: 8px 16px;background: var(--color-amarillo);color: var(--color-verde-oscuro);
    font-size: 14px;}
.notification-block{padding: 16px;background: #3796f6;color: #FFF;font-size: 18px;font-weight: 500;display: flex;justify-content: space-between;align-items: center;}
* + .inline-notification, .inline-notification + *{margin-top: 4px;}
* + .notification-block, .notification-block + *{margin-top: 12px;}
@media only screen and (max-width: 1200px){
	#notifications{top: 80px;}
}
/* modal-window */
.modal-window{padding: 24px;background: #FFF;border: 1px solid #E9EFF3;padding: 96px 48px 48px 48px;background: #FFF;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 6px 24px 0px rgba(0,0,0,0.05);box-shadow: 0 6px 24px 0px rgba(0,0,0,0.05);width:600px;max-width:100%;}
.modal-window > .modal-window-title{font-weight: 600;font-size: 28px;padding-right: 52px;}
.modal-window > .modal-window-content{margin-top: 32px;}
.modal-window > .actions{justify-content: flex-end;}
/* print */
@page { size: auto;  margin: 0mm;

}

.print-title { display: none;border-bottom: 1px solid #000;}
.print-title + *{margin-top: 0;}
.print-title > *:last-child{margin-bottom: 32px;}
.print-title > .title{color: #000;font-size: 28px;}
.print-title > .title + *{margin-top: 8px;}
.print-title > .description{color: #333;}
.print-time .donut, .print-time .bars, .print-time .areas, .print-time .stack{width: 400px;-webkit-box-shadow: none;box-shadow: none;padding: 0;}
.print-time #content > .holder > .items > .item{width: 100% !important;}
@media all {
	.page-break-before,
	.page-break-after{ display: none; position: relative;}
}

@media print {
	body, div{
		-webkit-print-color-adjust: exact;
	}
	.noprint, .pagination, .table-order{display: none;}
	.page-break-before	{ display: block; page-break-before:always; }
	.page-break-after	{ display: block; page-break-after:always; }
	.el-page-break-before	{ page-break-before:always; position: relative;}
	.el-page-break-after	{ page-break-after:always; position: relative; }
	#content > .holder > .items{padding: 15mm;}
	.maxi-counter{font-size: 48px;color: #000;}
	.maxi-counter > span{color: #333;}
	.maxi-counter > span.percentage{border: 1px solid #000;color: #000;background: transparent;}
	.remaining-bar{display: none;}
	.no-print {display: none;}
	.print-title {display: block;}
	.block-summary-info{background: transparent;-webkit-box-shadow: none;box-shadow: none;padding: 0;}
	.block-summary-info > .data{padding: 0;border: none;}
	.block-summary-info > .data > .label{color: #333;}
	.block-summary-info > .data > .description{color: #000;}
	.box > .title{color: #000;}
	.box > .title > i{color: #999;}
	#header, #menu, #actions, #content-head{display: none;}
	body{padding: 0;}
	#content{padding: 0 !important;}
	form.filters{display: none;}
	#content > .holder > .items > .item,
	#content > .holder > .items > .item.double,
	#content > .holder > .items > .item.full,
	#content > .holder > .items > .item.half{width: 100% !important;page-break-inside: avoid;padding: 0;}
	#content > .holder > .items > .item + .item{margin-top: 32px;}
	.box{margin-bottom: 16px;}
	.box > .title{margin: 0 0 16px 0;}
	.quick-stats-item{min-height: 0;box-shadow:none;text-align: center;justify-content: center;background: transparent;border: 1px solid #000;-webkit-border-radius: 2px;border-radius: 2px;padding: 16px;}
	.quick-stats-item > i{display: none;}
	.quick-stats-item > .content{padding: 0;}
	.quick-stats-item > .content > .title{color: #333;}
	.quick-stats-item > .content > .value, .quick-stats-item > .content > .value > span{color: #000;}
	.quick-stats-item > .content .tags{display: none;}
	#content > .holder > .items > .item.full .quick-stats > .holder-items > .items > .item{width: auto;}
	.bars, .areas, .compare_splines{padding: 0 25%;}
	.item-alternative-route{color: #000;-webkit-box-shadow: none;box-shadow: none;}
	.item-alternative-route > .steps{border: none;}
	.item-alternative-route > .steps > .step{border: none;padding: 0;}
	.item-alternative-route > .steps > .step > .title{color: #000;padding-bottom: 8px;border-bottom: 1px solid #999;}
	.item-alternative-route > .steps > .step.wicon > i{color: #999;top: 8px;-webkit-transform: translateY(0);transform: translateY(0);}
	.item-alternative-route > .steps{padding: 0;}
	.item-alternative-route > .steps > .step > .info > .item{width: 50%;padding: 4px;}
	.item-alternative-route > .steps > .step + .step{margin-top: 8px;}
	.item-alternative-route > .summary{margin-top: 32px;}
	.item-alternative-route > .summary, .item-alternative-route > .summary > div{border: none;}
	.item-alternative-route > .summary > div{padding: 0;}
	.item-alternative-route > .summary, .item-alternative-route > .summary > div > .description{color: #000;}
	.sumary-table{font-size: 7pt;}
	.sumary-table > table tbody tr > th{padding: 8px;}
	.sumary-table > table > thead:first-child,
	.sumary-table > table > thead:nth-child(2) > tr > th:nth-child(1),
	.sumary-table > table > thead:nth-child(2) > tr > th:nth-child(2),
	.sumary-table > table > tbody > tr:first-child > th:first-child{display: none !important;}

}
/* dym-el */
.dym-el{position: fixed;display: block;padding-top: 7px;}
.dym-el > .dym-content{display: block;background: #FFF;-webkit-border-radius: 3px;border-radius: 3px;border: 1px solid #7d97b2;width: 300px;}
.dym-el > .dym-content > .dym-actions{padding: 8px;display: flex;justify-content: flex-end;border-top: 1px solid #e9eff3;}
.dym-el > .dym-content > .dym-actions > * + *{margin-left: 8px;}
.dym-el > .dym-content > .dym-actions > a{background: transparent;text-transform: uppercase;cursor: pointer;padding: 6px 10px;letter-spacing: 1px;color: var(--color-verde-oscuro);text-decoration: none;font-size: 12px;font-weight: 500;-webkit-border-radius: 2px;border-radius: 2px;}
.dym-el > .dym-content > .dym-actions > a.apply{background: var(--color-amarillo);color: var(--color-verde-oscuro);}
.dym-el > .dym-content > .dym-fields{padding: 8px;}
.dym-el > .dym-content > .dym-fields > * {display: flex;justify-content: space-between;}
.dym-el > .dym-content > .dym-fields > * > * {width: calc(50% - 4px);}
.dym-el > .dym-content > .dym-fields .dym-field > label{white-space: nowrap;font-size: 12px;font-weight: 300;text-transform: uppercase;}
.dym-el > .dym-content > .dym-fields .dym-field > select{padding: 6px;}




.filter-tool, .filter-map, .filter-pol-pod {flex-grow: 1;display: flex;align-items: flex-end; position: relative;z-index: 99;}
.filter-tool:hover, .filter-map:hover, .filter-pol-pod:hover{z-index: 100;}
.filter-tool > .filter-tool-label, .filter-map > .filter-tool-label{color: #FFF;font-size: 12px;background:var(--color-verde-oscuro);line-height: 1;padding: 6px;-webkit-border-radius: 3px;border-radius: 3px;cursor: pointer;}
.filter-tool > .holder-options, .filter-map > .holder-options{position: absolute;top: 22px;right: 0;padding: 12px;background: var(--color-verde-oscuro);color: #FFF;font-size: 10px;font-weight: 400;-webkit-border-radius: 3px 0 3px 3px;border-radius: 3px 0 3px 3px;display: none;}
.filter-tool:hover > .holder-options, .filter-map:hover > .holder-options{display: block;}
.filter-tool > .holder-options > .options, .filter-map > .holder-options > .options{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 12px;}
.filter-tool > .holder-options > .options > .separator, .filter-map > .holder-options > .options > .separator{grid-column: 1 / 3;height: 1px;background:  rgba(255,255,255,.15);margin: 0;}
.filter-tool > .holder-options > .options > .option > label, .filter-map > .holder-options > .options > .option > label{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-transform: uppercase;}
.filter-tool > .holder-options > .options > .option > label > input, .filter-map > .holder-options > .options > .option > label > input {margin-right: 4px;}
.filter-tool > .holder-options > .options > .option > label > input:checked, .filter-map > .holder-options > .options > .option > label > input:checked{background-color: #2196F3;}
.filter-tool > .holder-options > hr, .filter-map > .holder-options > hr {display: block;border: none;height: 1px; background: rgba(255,255,255,.25);margin: 8px 0;}
.filter-tool > .holder-options > .custom-actions, .filter-map > .holder-options > .custom-actions{display: flex;justify-content: flex-end;align-self: flex-end;}
.filter-tool > .holder-options > .custom-actions > * + *, .filter-map > .holder-options > .custom-actions > * + *{margin-left: 8px;}
.filter-tool > .holder-options > .custom-actions > a, .filter-map > .holder-options > .custom-actions > a{text-decoration: none;color: rgba(255,255,255,.25);font-size: 12px;font-weight: 400;}
.filter-tool > .holder-options > .custom-actions > a:hover, .filter-map > .holder-options > .custom-actions > a:hover{color: #FFF;}

.filter-pol-pod > label{cursor: pointer;}
.filter-pol-pod > label > input[type=checkbox]{opacity: 0;float: left;position: absolute;pointer-events: none;}
.filter-pol-pod > label > input[type=checkbox] + .effect{display: flex;align-items: center;gap: 8px}
.filter-pol-pod > label > input[type=checkbox] + .effect::before,
.filter-pol-pod > label > input[type=checkbox] + .effect::after{font-size: 12px;font-weight: 400;transition: all .3s ease-in-out;}
.filter-pol-pod > label > input[type=checkbox] + .effect::before{content: attr(data-pol) "POL";opacity: 1;}
.filter-pol-pod > label > input[type=checkbox]:checked + .effect::before{opacity: .5;}
.filter-pol-pod > label > input[type=checkbox] + .effect::after{content: attr(data-pod) "POD";opacity: .5;}
.filter-pol-pod > label > input[type=checkbox]:checked + .effect::after{opacity: 1;}
.filter-pol-pod > label > input[type=checkbox] + .effect > span{background: var(--color-verde-oscuro);border-radius: 24px;width: 48px;height: 24px;display: flex;
outline: 1px solid var(--color-verde-oscuro);
}
.filter-pol-pod > label > input[type=checkbox] + .effect > span::before{content: " ";width: 24px;height: 24px;border-radius: 50%;background: var(--color-amarillo);transition: all .3s ease-in-out;left: 0;position:relative;}
.filter-pol-pod > label > input[type=checkbox]:checked + .effect > span::before{left: 24px;}

.grid-cards{display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;}
@media only screen and (max-width: 1200px){
	.grid-cards{grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 768px){
	.grid-cards{grid-template-columns: 1fr;}
}




.errors + *, * + .errors{margin-top: 16px;}
.errors {display: flex;flex-direction: column;gap: 16px;}
.errors > .error{padding: 12px;font-size: 15px;-webkit-border-radius: 3px;border-radius: 3px;outline: 1px solid #CC0000;color: #CC0000;display: flex;gap: 12px;align-items: center;}
.errors > .error > i{font-size: 24px;}
[class^="circle-status-"]{display: inline-flex;width: 12px;height: 12px;border-radius: 12px;border-radius: 12px;background-color:#233D57;outline:  2px solid #e9eff3;}
[class^="circle-status-"][class*="-processed"]{background-color: #0fa23a;}
[class^="circle-status-"][class*="-pending"]{background-color: #CC0000;}



[class^="card-"]{background-color: #FFF;border: 1px solid #e9eff3;border-radius: 2px;display: flex;flex-direction: column;}
[class^="card-"].status-pending:is(:hover){outline: 1px solid #CC0000;outline-offset: 2px;}
[class^="card-"] > .box + *{margin-top: 0;}
[class^="card-"] > .box > .title{display: flex;align-items: center;gap: 8px;padding: 16px;font-size: 16px;border-bottom: 1px solid #e9eff3;}
[class^="card-"] > .foot{border-top: 1px solid #e9eff3;padding: 16px;background-color: #f7fafc;}
[class^="card-"] > .actions{display: flex;border-top: 1px solid #e9eff3;padding: 16px;background-color: #f7fafc;}
[class^="card-"] > .box + .actions {border-top: none;}
[class^="card-"] > .content{padding: 16px;display: flex;flex-direction: column;gap: 16px;flex-grow: 1;}


form > .actions{
	justify-content: flex-end;
}