@charset "UTF-8";
.datagrid table thead tr th .datagrid-column-header-additions,.datagrid-column-status-option-icon,article .date,header .menu .donate{float:right}
body,html{margin:0;padding:0;width:100%;height:100%}
body{color:#252525;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px}
body .datagrid{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.no-break{white-space:nowrap}
.container{width:1200px;height:auto;text-align:left}
.example{background-color:rgba(70,83,93,.1);padding:1.5em 0}
.table-example-wrapper{position:relative;text-align:center}
.table-example-wrapper .table-example-data{position:relative;border:1px solid #ddd;margin:auto;width:50%;font-size:13px}
.datagrid-examplesGrid .row-item-detail td{text-align:center;background-color:#337ab7;color:#fff}
.datagrid-examplesGrid .row-item-detail td .item-detail-content{position:relative}
.datagrid-examplesGrid .row-item-detail td .item-detail-content small{position:absolute;right:0;color:#fff}
.cookies-agreement,.flashes{position:fixed;left:0;width:100%;z-index:1000}
@keyframes flashes{0%,100%{transform:translateY(-50px)}
15%,85%{transform:translateY(0)}
}
@-webkit-keyframes flashes{0%,100%{transform:translateY(-50px)}
15%,85%{transform:translateY(0)}
}
.flashes{background-color:#fff;top:0;box-sizing:border-box;transform:translateY(-50px)}
.flashes.slide{animation-name:flashes;animation-duration:4s;animation-delay:0}
.flashes .alert{display:block;height:50px;line-height:50px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0;padding:0;margin:0;background-color:#fff}
@keyframes cookies-agreement{0%{transform:translateY(0)}
100%{transform:translateY(50px)}
}
@-webkit-keyframes cookies-agreement{0%{transform:translateY(0)}
100%{transform:translateY(50px)}
}
.cookies-agreement{font-size:13px;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;bottom:0;color:#fff;background-color:#46535d;line-height:50px;min-height:50px;text-align:center;transform:translateY(0);animation-iteration-count:1;animation-fill-mode:forwards}
.cookies-agreement.toggle{animation-name:cookies-agreement;animation-duration:.5s;animation-delay:0}
.cookies-agreement .container{height:30px;text-align:center;line-height:40px;display:inline-block}
.cookies-agreement .container .link{margin-left:1em}
.cookies-agreement .container .link.success{font-size:120%}
.link-github{opacity:.6;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}
.link-github:hover{opacity:1}
header .menu{background-color:#46535d;line-height:50px;height:50px}
header .menu .container{text-align:center}
header .menu img{height:20px;vertical-align:middle}
header .menu a:not(.badge){color:#A1A9AE;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;line-height:30px;margin:0 0 0 1em}
header .menu a:not(.badge).current,header .menu a:not(.badge):active,header .menu a:not(.badge):focus,header .menu a:not(.badge):hover{color:#fff}
header .menu a:not(.badge)::after{background-color:#fff}
header .menu a:not(.badge).link-back{margin-top:10px}
header .menu a:not(.badge).link-github{margin-top:15px;line-height:initial}
header .menu.menu-datagrid a:not(.badge){font-size:11px}
header .menu .donate{margin:5px 1em 0 0;height:40px;overflow:hidden}
header .navigation-homepage{background-color:#37434f;line-height:110px;margin-bottom:1em}
header .navigation-homepage .links ul li a::after,header .navigation-homepage h1 a::after{background-color:#fff}
header .navigation-homepage .links{text-align:right}
header .navigation-homepage .links ul{font-size:0;list-style:none;padding:0;margin:0}
header .navigation-homepage .links ul li{display:inline-block;padding:0 0 0 30px;line-height:30px}
header .navigation-homepage .links ul li:first-child{padding:0}
header .navigation-homepage .links ul li form{vertical-align:middle;display:inline-block;margin-top:14px}
header .navigation-homepage .links ul li a{color:#A1A9AE;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;vertical-align:middle}
header .navigation-homepage .links ul li a.active,header .navigation-homepage .links ul li a:hover{color:#fff}
header .navigation-homepage .links ul li a .fa{font-size:18px}
header .navigation-homepage h1{margin:0;line-height:110px}
header .navigation-homepage h1 a{line-height:60px;display:inline-block;color:#A1A9AE;font-size:40px;font-weight:400}
header .navigation-homepage h1 a:hover{color:#fff}
header .navigation-homepage h1 a.active::after,header .navigation-homepage h1 a:focus::after,header .navigation-homepage h1 a:hover::after{height:3px}
main{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:300}
.body-homepage h2{font-size:30px}
.body-homepage h1{font-size:36px}
article{line-height:1.8;font-size:16px}
.badge,.badge .name{line-height:22px}
article .fa-info{font-size:22px;width:0;position:relative}
article .fa-info::before{position:absolute;top:-18px;left:-20px}
article:last-child{margin-bottom:3em}
article .datagrid{font-size:13px}
article .date{font-style:italic}
article h1,article h2,article h3{font-weight:500;margin-top:1em}
article h1:target::after,article h2:target::after,article h3:target::after{position:absolute;width:1em;height:1em;content:'';background-color:#c31824;margin-left:.5em;border-radius:1em}
.badge,.link{position:relative}
article h1,article p{margin:1em 0}
article h1 .link-section,article h2 .link-section,article h3 .link-section{display:none}
article h1:hover .link-section,article h2:hover .link-section,article h3:hover .link-section{display:initial}
.badge,article .cmd{display:inline-block}
article h1{font-size:30px}
article h2{font-size:20px}
article h2 .link-github img{width:30px;height:30px}
article h3{font-size:17px}
article .cmd,article pre:not(.tracy-dump){background-color:rgba(70,83,93,.1);font-family:"Lucida Console",Monaco,monospace;font-size:85%}
article .cmd{padding:0 8px}
article pre:not(.tracy-dump){tab-size:4;padding:1em;margin:1em 0;border:0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#37434f}
article pre:not(.tracy-dump):not(.no-syntax) .keyword{color:#7f1017}
article pre:not(.tracy-dump):not(.no-syntax) .string,article pre:not(.tracy-dump):not(.no-syntax) .string .comment{color:#c77c11}
article pre:not(.tracy-dump):not(.no-syntax) .variable,article pre:not(.tracy-dump):not(.no-syntax) .variable .keyword{color:#357935}
article pre:not(.tracy-dump) .comment{font-style:italic;color:#A1A9AE}
article pre:not(.tracy-dump) .comment .keyword,article pre:not(.tracy-dump) .comment .string,article pre:not(.tracy-dump) .comment .variable{color:#A1A9AE}
article pre:not(.tracy-dump).in-collapse{margin:0}
article .cmd,article pre{word-wrap:break-word;white-space:pre-wrap}
article .post-bottom{text-align:center;font-size:14px}
article .tags{margin-bottom:1.5em}
article .bullet{margin:0 1em}
.badge{color:#fff;padding:0 8px;height:22px;vertical-align:middle;font-size:12px;font-weight:700;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#c31824}
.badge:active,.badge:focus,.badge:hover{text-decoration:none;cursor:pointer;color:#fff;background-color:#d91b28}
.badge.primary{background-color:#337ab7}
.badge.primary:active,.badge.primary:focus,.badge.primary:hover{background-color:#3b87c8}
.badge.success{background-color:#5cb85c}
.badge.success:active,.badge.success:focus,.badge.success:hover{background-color:#6ec06e}
.badge.warning{background-color:#f0ad4e}
.badge.warning:active,.badge.warning:focus,.badge.warning:hover{background-color:#f2b866}
pre.tracy-dump{text-align:left;color:#444;background:#fff}
pre.tracy-dump div{padding-left:2ex}
pre.tracy-dump div div{border-left:1px solid rgba(0,0,0,.1);margin-left:.5ex}
pre.tracy-dump .tracy-dump-array,pre.tracy-dump .tracy-dump-object{color:#C22}
pre.tracy-dump .tracy-dump-string{color:#35D}
pre.tracy-dump .tracy-dump-number{color:#090}
pre.tracy-dump .tracy-dump-bool,pre.tracy-dump .tracy-dump-null{color:#850}
pre.tracy-dump .tracy-dump-hash,pre.tracy-dump .tracy-dump-visibility{font-size:85%;color:#999}
pre.tracy-dump .tracy-dump-indent{display:none}
.content-js{width:100%;text-align:left;margin:0;padding:0;font-size:0;background-color:#3498db}
.content-js .example-js,.content-js .example-js-devider{height:25vh;text-align:center;line-height:25vh;display:inline-block}
.content-js .example-js{width:25vw;font-size:13px}
.content-js .example-js .ublaboo-spinner-big{vertical-align:middle;background-color:rgba(0,0,0,.03);border-radius:200px}
.content-js .example-js-devider{position:relative;width:100vw;font-width:100;margin:0}
.ublaboo-spinner-1,.ublaboo-spinner-2,.ublaboo-spinner-3,.ublaboo-spinner-4,.ublaboo-spinner-5,.ublaboo-spinner-6,.ublaboo-spinner-7{margin:auto;line-height:0;display:inline-block}
.link{text-decoration:none;color:#337ab7;cursor:pointer;display:inline-block;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.link.active,.link:focus,.link:hover{transition-duration:.3s;text-decoration:none;color:#3b87c8;outline:0}
.link::after{position:absolute;left:0;width:100%;height:0;background-color:#3b87c8;content:'';opacity:0;-webkit-transition:opacity .35s,height .35s,-webkit-transform .35s;-moz-transition:opacity .35s,height .35s,-moz-transform .35s;transition:opacity .35s,height .35s,transform .35s;bottom:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}
.link::after:hover{cursor:default}
.link.active::after,.link:focus::after,.link:hover::after{opacity:1;height:2px;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.link.success{color:#5cb85c}
.link.success::after{background-color:#6ec06e}
.link.success.active,.link.success:focus,.link.success:hover{color:#6ec06e}
.link.warning{color:#f0ad4e}
.link.warning::after{background-color:#f2b866}
.link.warning.active,.link.warning:focus,.link.warning:hover{color:#f2b866}
.link.danger{color:#c31824}
.link.danger::after{background-color:#d91b28}
.link.danger.active,.link.danger:focus,.link.danger:hover{color:#d91b28}
.link.info{color:#5bc0de}
.link.info::after{background-color:#70c8e2}
.link.info.active,.link.info:focus,.link.info:hover{color:#70c8e2}
.link.white,.link.white.active,.link.white:focus,.link.white:hover{color:#fff}
.link.white::after{background-color:#fff}
.link.black,.link.black.active,.link.black:focus,.link.black:hover{color:#000}
.link.black::after{background-color:#000}
.level-0{box-shadow:none}
.card.card-1,.level-1,body .datagrid{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}
.card.card-2,.level-2,body .card-2.datagrid{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}
.card.card-1:hover,.card.card-3,.level-3,body .card-3.datagrid,body .datagrid:hover{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}
.card.card-2:hover,.card.card-4,.level-4,body .card-2.datagrid:hover,body .card-4.datagrid{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}
.card.card-3:hover,.card.card-4:hover,.card.card-5,.level-5,body .card-3.datagrid:hover,body .card-4.datagrid:hover,body .card-5.datagrid{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}
.card,body .datagrid{background:#fff;border-radius:2px;transition:all .2s ease-in-out}
.ublaboo-color-spinner>i,.ublaboo-spinner-1>i,.ublaboo-spinner-2>i,.ublaboo-spinner-3>i,.ublaboo-spinner-4>i,.ublaboo-spinner-5>i,.ublaboo-spinner-6>i,.ublaboo-spinner-7>i{background-color:#37434f}
.ublaboo-color-spinner.ublaboo-spinner-blue>i,.ublaboo-spinner-blue.ublaboo-spinner-1>i,.ublaboo-spinner-blue.ublaboo-spinner-2>i,.ublaboo-spinner-blue.ublaboo-spinner-3>i,.ublaboo-spinner-blue.ublaboo-spinner-4>i,.ublaboo-spinner-blue.ublaboo-spinner-5>i,.ublaboo-spinner-blue.ublaboo-spinner-6>i,.ublaboo-spinner-blue.ublaboo-spinner-7>i{background-color:#3498db}
.ublaboo-color-spinner.ublaboo-spinner-green>i,.ublaboo-spinner-green.ublaboo-spinner-1>i,.ublaboo-spinner-green.ublaboo-spinner-2>i,.ublaboo-spinner-green.ublaboo-spinner-3>i,.ublaboo-spinner-green.ublaboo-spinner-4>i,.ublaboo-spinner-green.ublaboo-spinner-5>i,.ublaboo-spinner-green.ublaboo-spinner-6>i,.ublaboo-spinner-green.ublaboo-spinner-7>i{background-color:#1abc9c}
.ublaboo-color-spinner.ublaboo-spinner-red>i,.ublaboo-spinner-red.ublaboo-spinner-1>i,.ublaboo-spinner-red.ublaboo-spinner-2>i,.ublaboo-spinner-red.ublaboo-spinner-3>i,.ublaboo-spinner-red.ublaboo-spinner-4>i,.ublaboo-spinner-red.ublaboo-spinner-5>i,.ublaboo-spinner-red.ublaboo-spinner-6>i,.ublaboo-spinner-red.ublaboo-spinner-7>i{background-color:#e74c3c}
.ublaboo-color-spinner.ublaboo-spinner-purple>i,.ublaboo-spinner-purple.ublaboo-spinner-1>i,.ublaboo-spinner-purple.ublaboo-spinner-2>i,.ublaboo-spinner-purple.ublaboo-spinner-3>i,.ublaboo-spinner-purple.ublaboo-spinner-4>i,.ublaboo-spinner-purple.ublaboo-spinner-5>i,.ublaboo-spinner-purple.ublaboo-spinner-6>i,.ublaboo-spinner-purple.ublaboo-spinner-7>i{background-color:#9b59b6}
.ublaboo-color-spinner.ublaboo-spinner-yellow>i,.ublaboo-spinner-yellow.ublaboo-spinner-1>i,.ublaboo-spinner-yellow.ublaboo-spinner-2>i,.ublaboo-spinner-yellow.ublaboo-spinner-3>i,.ublaboo-spinner-yellow.ublaboo-spinner-4>i,.ublaboo-spinner-yellow.ublaboo-spinner-5>i,.ublaboo-spinner-yellow.ublaboo-spinner-6>i,.ublaboo-spinner-yellow.ublaboo-spinner-7>i{background-color:#f1c40f}
.ublaboo-color-spinner.ublaboo-spinner-white>i,.ublaboo-spinner-white.ublaboo-spinner-1>i,.ublaboo-spinner-white.ublaboo-spinner-2>i,.ublaboo-spinner-white.ublaboo-spinner-3>i,.ublaboo-spinner-white.ublaboo-spinner-4>i,.ublaboo-spinner-white.ublaboo-spinner-5>i,.ublaboo-spinner-white.ublaboo-spinner-6>i,.ublaboo-spinner-white.ublaboo-spinner-7>i{background-color:#fff}
@keyframes ublaboo-spinner-balls-big{0%{transform:translate(71.2px,7.5px)}
11.1%{transform:translate(27.2px,84.2px)}
22.2%{transform:translate(42.5px,-2.5px)}
33.3%{transform:translate(57.5px,84.2px)}
44.4%{transform:translate(14px,7.7px)}
55.5%{transform:translate(80.7px,65px)}
66.6%{transform:translate(-1px,34.5px)}
77.7%{transform:translate(86.2px,34.5px)}
88.8%{transform:translate(4px,64.5px)}
100%{transform:translate(71.2px,7.5px)}
}
@keyframes ublaboo-spinner-balls{0%{transform:translate(28.5px,3px)}
11.1%{transform:translate(10.9px,33.7px)}
22.2%{transform:translate(17px,-1px)}
33.3%{transform:translate(23px,33.7px)}
44.4%{transform:translate(5.6px,3.1px)}
55.5%{transform:translate(32.3px,26px)}
66.6%{transform:translate(-.4px,13.8px)}
77.7%{transform:translate(34.5px,13.8px)}
88.8%{transform:translate(1.6px,25.8px)}
100%{transform:translate(28.5px,3px)}
}
@keyframes ublaboo-spinner-balls-small{0%{transform:translate(21.3px,2.2px)}
11.1%{transform:translate(8.1px,25.2px)}
22.2%{transform:translate(12.7px,-.7px)}
33.3%{transform:translate(17.2px,25.2px)}
44.4%{transform:translate(4.2px,2.2px)}
55.5%{transform:translate(24.1px,19.5px)}
66.6%{transform:translate(-.3px,10.3px)}
77.7%{transform:translate(25.8px,10.3px)}
88.8%{transform:translate(1.2px,19.3px)}
100%{transform:translate(21.3px,2.2px)}
}
@keyframes ublaboo-spinner-balls-tiny{0%{transform:translate(14.2px,1.5px)}
11.1%{transform:translate(5.4px,16.8px)}
22.2%{transform:translate(8.5px,-.5px)}
33.3%{transform:translate(11.5px,16.8px)}
44.4%{transform:translate(2.8px,1.5px)}
55.5%{transform:translate(16.1px,13px)}
66.6%{transform:translate(-.2px,6.9px)}
77.7%{transform:translate(17.2px,6.9px)}
88.8%{transform:translate(.8px,12.9px)}
100%{transform:translate(14.2px,1.5px)}
}
@keyframes ublaboo-spinner-rotate{0%{transform:rotate(0)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}
.ublaboo-spinner-1{position:relative;width:40px;height:40px}
.ublaboo-spinner-1>i{position:absolute;width:6px;height:6px;left:0;top:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;animation-name:ublaboo-spinner-balls;animation-duration:6s;animation-delay:0;animation-iteration-count:infinite;animation-timing-function:ease}
.ublaboo-spinner-1>i:nth-of-type(2){animation-delay:-1.5s}
.ublaboo-spinner-1>i:nth-of-type(3){animation-delay:-3s}
.ublaboo-spinner-1>i:nth-of-type(4){animation-delay:-4.5s}
.ublaboo-spinner-2,.ublaboo-spinner-2>i{animation-delay:0;animation-iteration-count:infinite}
.ublaboo-spinner-1.ublaboo-spinner-big{width:100px;height:100px}
.ublaboo-spinner-1.ublaboo-spinner-big>i{width:15px;height:15px;border-radius:7.5px;-webkit-border-radius:7.5px;-moz-border-radius:7.5px;animation-name:ublaboo-spinner-balls-big}
.ublaboo-spinner-1.ublaboo-spinner-small{width:30px;height:30px}
.ublaboo-spinner-1.ublaboo-spinner-small>i{width:4px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;animation-name:ublaboo-spinner-balls-small}
.ublaboo-spinner-1.ublaboo-spinner-tiny{width:20px;height:20px}
.ublaboo-spinner-1.ublaboo-spinner-tiny>i{width:3px;height:3px;border-radius:1.5px;-webkit-border-radius:1.5px;-moz-border-radius:1.5px;animation-name:ublaboo-spinner-balls-small}
.ublaboo-spinner-2{position:relative;width:40px;height:40px;animation-name:ublaboo-spinner-rotate;animation-duration:4s;animation-timing-function:linear}
.ublaboo-spinner-2>i{position:absolute;width:6px;height:6px;left:0;top:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;animation-name:ublaboo-spinner-balls;animation-duration:6s;animation-timing-function:ease}
.ublaboo-spinner-2>i:nth-of-type(2){animation-delay:-2s}
.ublaboo-spinner-2>i:nth-of-type(3){animation-delay:-3s}
.ublaboo-spinner-2>i:nth-of-type(4){animation-delay:-5s}
.ublaboo-spinner-3,.ublaboo-spinner-3>i{animation-delay:0;animation-iteration-count:infinite}
.ublaboo-spinner-2.ublaboo-spinner-big{width:100px;height:100px}
.ublaboo-spinner-2.ublaboo-spinner-big>i{width:15px;height:15px;border-radius:7.5px;-webkit-border-radius:7.5px;-moz-border-radius:7.5px;animation-name:ublaboo-spinner-balls-big}
.ublaboo-spinner-2.ublaboo-spinner-small{width:30px;height:30px}
.ublaboo-spinner-2.ublaboo-spinner-small>i{width:4px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;animation-name:ublaboo-spinner-balls-small}
.ublaboo-spinner-2.ublaboo-spinner-tiny{width:20px;height:20px}
.ublaboo-spinner-2.ublaboo-spinner-tiny>i{width:3px;height:3px;border-radius:1.5px;-webkit-border-radius:1.5px;-moz-border-radius:1.5px;animation-name:ublaboo-spinner-balls-small}
.ublaboo-spinner-3{position:relative;width:40px;height:40px;animation-name:ublaboo-spinner-rotate;animation-duration:4s;animation-timing-function:linear}
.ublaboo-spinner-3>i{position:absolute;width:6px;height:6px;left:0;top:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;animation-name:ublaboo-spinner-balls;animation-duration:6s;animation-timing-function:ease}
.ublaboo-spinner-3>i:nth-of-type(2){animation-delay:-2.03s}
.ublaboo-spinner-3>i:nth-of-type(3){animation-delay:-3.15s}
.ublaboo-spinner-3>i:nth-of-type(4){animation-delay:-5.2s}
.ublaboo-spinner-4,.ublaboo-spinner-4>i{animation-delay:0;animation-iteration-count:infinite}
.ublaboo-spinner-3.ublaboo-spinner-big{width:100px;height:100px}
.ublaboo-spinner-3.ublaboo-spinner-big>i{width:15px;height:15px;border-radius:7.5px;-webkit-border-radius:7.5px;-moz-border-radius:7.5px;animation-name:ublaboo-spinner-balls-big}
.ublaboo-spinner-3.ublaboo-spinner-small{width:30px;height:30px}
.ublaboo-spinner-3.ublaboo-spinner-small>i{width:4px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;animation-name:ublaboo-spinner-balls-small}
.ublaboo-spinner-3.ublaboo-spinner-tiny{width:20px;height:20px}
.ublaboo-spinner-3.ublaboo-spinner-tiny>i{width:3px;height:3px;border-radius:1.5px;-webkit-border-radius:1.5px;-moz-border-radius:1.5px;animation-name:ublaboo-spinner-balls-small}
.ublaboo-spinner-4{position:relative;width:40px;height:40px;animation-name:ublaboo-spinner-rotate;animation-duration:8s;animation-timing-function:linear}
.ublaboo-spinner-4>i{position:absolute;width:6px;height:6px;left:0;top:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;animation-name:ublaboo-spinner-balls;animation-duration:10s;animation-timing-function:ease}
.ublaboo-spinner-4>i:nth-of-type(2){animation-delay:-2.03s}
.ublaboo-spinner-4>i:nth-of-type(3){animation-delay:-3.5s}
.ublaboo-spinner-4>i:nth-of-type(4){animation-delay:-4.8s}
.ublaboo-spinner-5,.ublaboo-spinner-5>i{animation-delay:0;animation-iteration-count:infinite}
.ublaboo-spinner-4.ublaboo-spinner-big{width:100px;height:100px}
.ublaboo-spinner-4.ublaboo-spinner-big>i{width:15px;height:15px;border-radius:7.5px;-webkit-border-radius:7.5px;-moz-border-radius:7.5px;animation-name:ublaboo-spinner-balls-big}
.ublaboo-spinner-4.ublaboo-spinner-small{width:30px;height:30px}
.ublaboo-spinner-4.ublaboo-spinner-small>i{width:4px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;animation-name:ublaboo-spinner-balls-small}
.ublaboo-spinner-4.ublaboo-spinner-tiny{width:20px;height:20px}
.ublaboo-spinner-4.ublaboo-spinner-tiny>i{width:3px;height:3px;border-radius:1.5px;-webkit-border-radius:1.5px;-moz-border-radius:1.5px;animation-name:ublaboo-spinner-balls-small}
.ublaboo-spinner-5{position:relative;width:40px;height:40px;animation-name:ublaboo-spinner-rotate;animation-duration:8s;animation-timing-function:linear}
.ublaboo-spinner-5>i{position:absolute;width:6px;height:6px;left:0;top:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;animation-name:ublaboo-spinner-balls;animation-duration:10s;animation-timing-function:ease}
.ublaboo-spinner-5>i:nth-of-type(2){animation-delay:-1.5s}
.ublaboo-spinner-5>i:nth-of-type(3){animation-delay:-3s}
.ublaboo-spinner-5>i:nth-of-type(4){animation-delay:-4.5s}
.ublaboo-spinner-5>i:nth-of-type(5){animation-delay:-6s}
.ublaboo-spinner-5>i:nth-of-type(6){animation-delay:-7.5s}
.ublaboo-spinner-5>i:nth-of-type(7){animation-delay:-9s}
.ublaboo-spinner-6,.ublaboo-spinner-6>i{animation-duration:10s;animation-delay:0;animation-iteration-count:infinite}
.ublaboo-spinner-5.ublaboo-spinner-big{width:100px;height:100px}
.ublaboo-spinner-5.ublaboo-spinner-big>i{width:15px;height:15px;border-radius:7.5px;-webkit-border-radius:7.5px;-moz-border-radius:7.5px;animation-name:ublaboo-spinner-balls-big}
.ublaboo-spinner-5.ublaboo-spinner-small{width:30px;height:30px}
.ublaboo-spinner-5.ublaboo-spinner-small>i{width:4px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;animation-name:ublaboo-spinner-balls-small}
.ublaboo-spinner-5.ublaboo-spinner-tiny{width:20px;height:20px}
.ublaboo-spinner-5.ublaboo-spinner-tiny>i{width:3px;height:3px;border-radius:1.5px;-webkit-border-radius:1.5px;-moz-border-radius:1.5px;animation-name:ublaboo-spinner-balls-small}
.ublaboo-spinner-6{position:relative;width:40px;height:40px;animation-name:ublaboo-spinner-rotate;animation-timing-function:linear}
.ublaboo-spinner-6>i{position:absolute;width:6px;height:6px;left:0;top:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;animation-name:ublaboo-spinner-balls;animation-timing-function:ease}
.ublaboo-spinner-6>i:nth-of-type(2){animation-delay:-.4s}
.ublaboo-spinner-6>i:nth-of-type(3){animation-delay:-.8s}
.ublaboo-spinner-6>i:nth-of-type(4){animation-delay:-1.2s}
.ublaboo-spinner-6>i:nth-of-type(5){animation-delay:-1.6s}
.ublaboo-spinner-6>i:nth-of-type(6){animation-delay:-2s}
.ublaboo-spinner-6>i:nth-of-type(7){animation-delay:-2.4s}
.ublaboo-spinner-6>i:nth-of-type(8){animation-delay:-2.8s}
.ublaboo-spinner-6>i:nth-of-type(9){animation-delay:-3.2s}
.ublaboo-spinner-6>i:nth-of-type(10){animation-delay:-3.6s}
.ublaboo-spinner-6>i:nth-of-type(11){animation-delay:-4s}
.ublaboo-spinner-6>i:nth-of-type(12){animation-delay:-4.4s}
.ublaboo-spinner-6>i:nth-of-type(13){animation-delay:-4.8s}
.ublaboo-spinner-6>i:nth-of-type(14){animation-delay:-5.2s}
.ublaboo-spinner-6>i:nth-of-type(15){animation-delay:-5.6s}
.ublaboo-spinner-6>i:nth-of-type(16){animation-delay:-6s}
.ublaboo-spinner-6>i:nth-of-type(17){animation-delay:-6.4s}
.ublaboo-spinner-6>i:nth-of-type(18){animation-delay:-6.8s}
.ublaboo-spinner-6>i:nth-of-type(19){animation-delay:-7.2s}
.ublaboo-spinner-6>i:nth-of-type(20){animation-delay:-7.6s}
.ublaboo-spinner-6>i:nth-of-type(21){animation-delay:-8s}
.ublaboo-spinner-6>i:nth-of-type(22){animation-delay:-8.4s}
.ublaboo-spinner-6>i:nth-of-type(23){animation-delay:-8.8s}
.ublaboo-spinner-6>i:nth-of-type(24){animation-delay:-9.2s}
.ublaboo-spinner-6>i:nth-of-type(25){animation-delay:-9.6s}
.ublaboo-spinner-6>i:nth-of-type(26){animation-delay:-10s}
.ublaboo-spinner-6>i:nth-of-type(12),.ublaboo-spinner-6>i:nth-of-type(17),.ublaboo-spinner-6>i:nth-of-type(2),.ublaboo-spinner-6>i:nth-of-type(22),.ublaboo-spinner-6>i:nth-of-type(7){background-color:#e74c3c}
.ublaboo-spinner-6>i:nth-of-type(13),.ublaboo-spinner-6>i:nth-of-type(18),.ublaboo-spinner-6>i:nth-of-type(23),.ublaboo-spinner-6>i:nth-of-type(3),.ublaboo-spinner-6>i:nth-of-type(8){background-color:#2ecc71}
.ublaboo-spinner-6>i:nth-of-type(14),.ublaboo-spinner-6>i:nth-of-type(19),.ublaboo-spinner-6>i:nth-of-type(24),.ublaboo-spinner-6>i:nth-of-type(4),.ublaboo-spinner-6>i:nth-of-type(9){background-color:#2c3e50}
.ublaboo-spinner-6>i:nth-of-type(10),.ublaboo-spinner-6>i:nth-of-type(15),.ublaboo-spinner-6>i:nth-of-type(20),.ublaboo-spinner-6>i:nth-of-type(25),.ublaboo-spinner-6>i:nth-of-type(5){background-color:#f1c40f}
.ublaboo-spinner-6.ublaboo-spinner-big{width:100px;height:100px}
.ublaboo-spinner-6.ublaboo-spinner-big>i{width:15px;height:15px;border-radius:7.5px;-webkit-border-radius:7.5px;-moz-border-radius:7.5px;animation-name:ublaboo-spinner-balls-big}
.ublaboo-spinner-6.ublaboo-spinner-small{width:30px;height:30px}
.ublaboo-spinner-6.ublaboo-spinner-small>i{width:4px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;animation-name:ublaboo-spinner-balls-small}
.ublaboo-spinner-6.ublaboo-spinner-tiny{width:20px;height:20px}
.ublaboo-spinner-6.ublaboo-spinner-tiny>i{width:3px;height:3px;border-radius:1.5px;-webkit-border-radius:1.5px;-moz-border-radius:1.5px;animation-name:ublaboo-spinner-balls-small}
.ublaboo-spinner-7{position:relative;width:40px;height:40px;animation-duration:8s;animation-delay:0;animation-iteration-count:infinite;animation-timing-function:linear}
.ublaboo-spinner-7>i,.ublaboo-spinner-icon>span{animation-iteration-count:infinite;animation-timing-function:ease}
.ublaboo-spinner-7>i{position:absolute;width:6px;height:6px;left:0;top:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;animation-duration:10s;animation-delay:0}
.ublaboo-spinner-7>i:nth-of-type(2){animation-delay:-1.5s}
.ublaboo-spinner-7.ublaboo-spinner-big{width:100px;height:100px}
.ublaboo-spinner-7.ublaboo-spinner-big>i{width:15px;height:15px;border-radius:7.5px;-webkit-border-radius:7.5px;-moz-border-radius:7.5px}
.ublaboo-spinner-7.ublaboo-spinner-small{width:30px;height:30px}
.ublaboo-spinner-7.ublaboo-spinner-small>i{width:4px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;animation-name:ublaboo-spinner-balls-small}
.ublaboo-spinner-7.ublaboo-spinner-tiny{width:20px;height:20px}
.ublaboo-spinner-7.ublaboo-spinner-tiny>i{width:3px;height:3px;border-radius:1.5px;-webkit-border-radius:1.5px;-moz-border-radius:1.5px;animation-name:ublaboo-spinner-balls-small}
@keyframes ublaboo-spinner-icon{0%{transform:rotate(0)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes ublaboo-spinner-icon{0%{transform:rotate(0)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}
.ublaboo-spinner-icon>span{animation-duration:2s;animation-delay:0;animation-name:ublaboo-spinner-icon}
@keyframes ublaboo-spinner-small{0%{transform:translate(21.3px,2.2px)}
11.1%{transform:translate(8.1px,25.2px)}
22.2%{transform:translate(12.7px,-.7px)}
33.3%{transform:translate(17.2px,25.2px)}
44.4%{transform:translate(4.2px,2.2px)}
55.5%{transform:translate(24.1px,19.5px)}
66.6%{transform:translate(-.3px,10.3px)}
77.7%{transform:translate(25.8px,10.3px)}
88.8%{transform:translate(1.2px,19.3px)}
100%{transform:translate(21.3px,2.2px)}
}
@-webkit-keyframes ublaboo-spinner-small{0%{transform:translate(21.3px,2.2px)}
11.1%{transform:translate(8.1px,25.2px)}
22.2%{transform:translate(12.7px,-.7px)}
33.3%{transform:translate(17.2px,25.2px)}
44.4%{transform:translate(4.2px,2.2px)}
55.5%{transform:translate(24.1px,19.5px)}
66.6%{transform:translate(-.3px,10.3px)}
77.7%{transform:translate(25.8px,10.3px)}
88.8%{transform:translate(1.2px,19.3px)}
100%{transform:translate(21.3px,2.2px)}
}
@keyframes ublaboo-spinner-in{0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes ublaboo-spinner-in{0%{opacity:0}
100%{opacity:1}
}
.ublaboo-spinner{line-height:0;display:inline-block;position:relative;margin:0 1em -11px;top:1px;opacity:0;animation-duration:150ms;animation-delay:0;animation-iteration-count:1;animation-timing-function:ease-in;animation-name:ublaboo-spinner-in;animation-fill-mode:forwards}
.datagrid .datagrid-collapse-filters-button-row,.datagrid .datagrid-manual-submit,.datagrid .row-filters>div{margin-bottom:.5em}
.ublaboo-spinner>i{position:absolute;background-color:#37434f;left:0;top:0;animation-duration:6s;animation-delay:0;animation-iteration-count:infinite;animation-timing-function:ease}
.ublaboo-spinner>i:nth-of-type(2){animation-delay:-1.5s}
.ublaboo-spinner>i:nth-of-type(3){animation-delay:-3s}
.ublaboo-spinner>i:nth-of-type(4){animation-delay:-4.5s}
.ublaboo-spinner.ublaboo-spinner-small{width:28px;height:28px}
.ublaboo-spinner.ublaboo-spinner-small>i{width:4px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;animation-name:ublaboo-spinner-small}
@keyframes edited{0%{background-color:#A6E2A9}
100%{background-color:transparent}
}
@keyframes edited-error{0%{background-color:#E8AAA4}
100%{background-color:transparent}
}
.datagrid{background-color:#fff;padding:1em;box-sizing:border-box}
.datagrid .col-action .dropdown{display:inline-block}
.datagrid .datagrid-row-inline-add.datagrid-row-inline-add-hidden{display:none}
.datagrid .datagrid-row-columns-summary td{border-top:2px solid #bbb;border-left:1px solid #eee;border-right:1px solid #eee;font-weight:700}
.datagrid .datagrid-row-columns-summary td:first-child{border-left:1px solid #ddd}
.datagrid .datagrid-row-columns-summary td:last-child{border-right:1px solid #ddd}
.datagrid .datagrid-toolbar{margin-top:.35em;float:right;display:inline-block}
.datagrid .datagrid-toolbar>span{margin-left:1em}
.datagrid .datagrid-exports .btn,.datagrid .datagrid-toolbar>span>a{margin-left:.5em}
.datagrid .datagrid-exports .btn:first-child{margin-left:0}
.datagrid .datagrid-settings{display:inline-block}
.datagrid .datagrid-settings .dropdown-menu--grid{font-size:12px}
.datagrid .datagrid-settings .dropdown-menu--grid li .fa{margin-right:.5em}
.datagrid .row-reset-filter{text-align:right;margin-bottom:.5em}
.datagrid .filter-range-delimiter,.datagrid table th.col-action{text-align:center}
.datagrid .bootstrap-select.input-sm>.btn{padding:5px 25px 5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.datagrid table{margin:0}
.datagrid table thead tr .bootstrap-select:not([class*=col-]):not(.input-group-btn),.datagrid table thead tr .bootstrap-select:not([class*=col-]):not(.input-group-btn)>.btn{width:auto}
.datagrid table thead tr .bootstrap-select:not([class*=col-]):not(.input-group-btn) .dropdown-menu li{font-size:13px}
.datagrid table thead tr.row-group-actions th{border-bottom-width:0!important;background-color:#f9f9f9}
.datagrid table thead tr.row-group-actions .datagrid-selected-rows-count{margin-left:.3em}
.datagrid table thead tr th{font-size:90%;vertical-align:top}
.datagrid table thead tr th hr{margin:8px -8px}
.datagrid table thead tr th .datagrid-column-header-additions a[data-datagrid-reset-filter-by-column]{margin-left:.3em;color:#858585}
.datagrid table thead tr th .datagrid-column-header-additions .column-settings-menu{opacity:0;cursor:pointer;margin-left:2px;display:inline-block}
.datagrid table thead tr th .datagrid-column-header-additions .column-settings-menu .dropdown-menu{font-size:12px}
.datagrid table thead tr th .datagrid-column-header-additions .column-settings-menu .dropdown-menu li .fa{margin-right:.5em}
.datagrid table thead tr th .datagrid-col-filter-date-range .input-group .datagrid-filter-date-range-last,.datagrid table thead tr th .datagrid-col-filter-range .input-group .datagrid-filter-date-range-last{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}
.datagrid table thead tr th .datagrid-col-filter-date-range .input-group .input-group-addon-first,.datagrid table thead tr th .datagrid-col-filter-range .input-group .input-group-addon-first{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;border-left:0}
.datagrid table thead tr th .datagrid-col-filter-date-range .input-group .datagrid-col-filter-datte-range-delimiter,.datagrid table thead tr th .datagrid-col-filter-range .input-group .datagrid-col-filter-datte-range-delimiter{background-color:inherit;border:none}
.datagrid table thead tr th .datagrid-col-filter-range .form-control{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.datagrid table thead tr th:hover .column-settings-menu{opacity:1}
.datagrid table tbody td{vertical-align:middle}
.datagrid table tbody tr.ui-sortable-helper{display:table}
.datagrid table tbody tr.row-item-detail{display:none}
.datagrid table tbody tr.row-item-detail.toggled{display:table-row}
.datagrid table tbody tr.row-item-detail .item-detail-content,.datagrid table tbody tr.row-item-detail-helper{display:none}
.datagrid table tbody tr .datagrid-inline-edit .form-control{margin:-3px;padding-bottom:4px;padding-top:4px;height:28px}
.datagrid table tbody tr td[data-datagrid-editable-url].editing textarea{padding:2px;margin:-3px}
.datagrid table tbody tr td.edited{animation-name:edited;animation-duration:1.2s;animation-delay:0}
.datagrid table tbody tr td.edited-error{animation-name:edited-error;animation-duration:1.6s;animation-delay:0}
.datagrid table td.col-checkbox,.datagrid table th.col-checkbox{padding:0;width:2.1em;text-align:center;vertical-align:middle}
.datagrid table td.col-checkbox .happy-checkbox,.datagrid table th.col-checkbox .happy-checkbox{margin-right:0}
.datagrid table td.col-checkbox.col-checkbox-first,.datagrid table th.col-checkbox.col-checkbox-first{border-top-color:transparent}
.datagrid table th.col-checkbox{background-color:#f9f9f9}
.datagrid table td.col-action,.datagrid table th.col-action{white-space:nowrap;width:10px}
.datagrid table td.col-action{text-align:right}
.datagrid table td.datagrid-fit-content,.datagrid table th.datagrid-fit-content{width:1%;white-space:nowrap}
.datagrid .datagrid-tree>.datagrid-tree-header .datagrid-tree-item-right-actions-action{opacity:0}
.datagrid .datagrid-tree>.datagrid-tree-item{margin-left:20px}
.datagrid .datagrid-tree .datagrid-tree-item{position:relative}
.datagrid .datagrid-tree .datagrid-tree-item.ui-sortable-placeholder{visibility:visible!important;background-color:rgba(70,83,93,.1)}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;box-sizing:border-box;height:37px;box-shadow:inset 0 -1px 1px -1px #9B9B9B}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-left,.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-right{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-left{order:1}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-left>.chevron{-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;width:22px;height:22px;line-height:20px;vertical-align:middle;background-color:#fff;display:inline-block;text-align:center;position:relative;margin:0 5px 0 -27px;transition:transform .2s ease-in-out}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-left>.chevron:hover{-webkit-box-shadow:0 0 3px 0 #b4b4b4;-moz-box-shadow:0 0 3px 0 #b4b4b4;box-shadow:0 0 3px 0 #b4b4b4}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-left>.chevron.toggle-rotate{transform:rotate(90deg)}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-left>.chevron .fa{font-size:10px;transform:translate(1px,0)}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-right{position:relative;order:2;flex-basis:50%;display:flex;flex-wrap:nowrap;justify-content:flex-end;flex-direction:row}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-right .btn{margin-top:-3px}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-right .datagrid-tree-item-right-columns{white-space:nowrap;display:flex;flex-basis:70%;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-right .datagrid-tree-item-right-columns .datagrid-tree-item-right-columns-column{padding:0 7px;margin-right:4px;flex-basis:25%}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-right .datagrid-tree-item-right-columns .datagrid-tree-item-right-columns-column:last-child{margin-right:0}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-right .datagrid-tree-item-right-actions{margin-left:7px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-right .datagrid-tree-item-right-actions .datagrid-tree-item-right-actions-action{margin-right:4px}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content .datagrid-tree-item-right .datagrid-tree-item-right-actions .datagrid-tree-item-right-actions-action:last-child{margin-right:0}
.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-children:not(.datagrid-tree){margin-left:28px}
.datagrid .datagrid-tree .datagrid-tree-item:not(.has-children)>.datagrid-tree-item-children{box-sizing:border-box;position:relative;width:calc(100% - 28px);min-height:9px;margin-top:-9px}
.datagrid .datagrid-tree .datagrid-tree-item.has-children>.datagrid-tree-item-children{display:none}
.datagrid .datagrid-tree .datagrid-tree-item.has-children>.datagrid-tree-item-children .datagrid-tree-item-right,.datagrid .datagrid-tree-item-children .datagrid-tree-item-right{flex-basis:calc(50% + 14px)}
.datagrid .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-right{flex-basis:calc(50% + 28px)!important}
.datagrid .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-right{flex-basis:calc(50% + 42px)!important}
.datagrid .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-right{flex-basis:calc(50% + 56px)!important}
.datagrid .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-right{flex-basis:calc(50% + 74px)!important}
.datagrid .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-right{flex-basis:calc(50% + 88px)!important}
.datagrid .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-right{flex-basis:calc(50% + 102px)!important}
.datagrid .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-children .datagrid-tree-item-right{flex-basis:calc(50% + 116px)!important}
.datagrid .btn{transition:all .1s ease-in-out;white-space:nowrap}
.datagrid select{padding:0;text-transform:none}
.datagrid .row-grid-bottom{font-size:0;padding:8px;background-color:#f9f9f9;border:1px solid #ddd;border-top:0}
.datagrid .row-grid-bottom .col-items{font-size:14px;display:inline-block;width:25%}
.datagrid .row-grid-bottom .col-pagination{font-size:14px;display:inline-block;width:50%}
.datagrid .row-grid-bottom .col-per-page{font-size:14px;display:inline-block;width:25%}
.datagrid .row-grid-bottom .col-per-page form{display:inline-block}
.datagrid .row-grid-bottom .col-per-page .form-control{width:auto;display:inline-block}
.datagrid .row-grid-bottom .datagrid-per-page-submit{position:absolute;visibility:hidden;width:0;top:-200px}
.datagrid .pagination.active>span{color:#fff}
.datagrid .pagination>a.disabled{color:#989898;cursor:not-allowed}
.datagrid .pagination>a.active{pointer-events:none;cursor:default}
.datagrid .row-group-actions th{font-weight:400}
.datagrid .col-checkbox{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.datagrid .col-checkbox .happy-checkbox{margin-top:2px}