html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:0.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}@media (max-width: 400px) {@-ms-viewport {
width: 320px;
}
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.grid-container:before, .grid-5:before, .mobile-grid-5:before, .tablet-grid-5:before, .grid-10:before, .mobile-grid-10:before, .tablet-grid-10:before, .grid-15:before, .mobile-grid-15:before, .tablet-grid-15:before, .grid-20:before, .mobile-grid-20:before, .tablet-grid-20:before, .grid-25:before, .mobile-grid-25:before, .tablet-grid-25:before, .grid-30:before, .mobile-grid-30:before, .tablet-grid-30:before, .grid-35:before, .mobile-grid-35:before, .tablet-grid-35:before, .grid-40:before, .mobile-grid-40:before, .tablet-grid-40:before, .grid-45:before, .mobile-grid-45:before, .tablet-grid-45:before, .grid-50:before, .mobile-grid-50:before, .tablet-grid-50:before, .grid-55:before, .mobile-grid-55:before, .tablet-grid-55:before, .grid-60:before, .mobile-grid-60:before, .tablet-grid-60:before, .grid-65:before, .mobile-grid-65:before, .tablet-grid-65:before, .grid-70:before, .mobile-grid-70:before, .tablet-grid-70:before, .grid-75:before, .mobile-grid-75:before, .tablet-grid-75:before, .grid-80:before, .mobile-grid-80:before, .tablet-grid-80:before, .grid-85:before, .mobile-grid-85:before, .tablet-grid-85:before, .grid-90:before, .mobile-grid-90:before, .tablet-grid-90:before, .grid-95:before, .mobile-grid-95:before, .tablet-grid-95:before, .grid-100:before, .mobile-grid-100:before, .tablet-grid-100:before, .grid-33:before, .mobile-grid-33:before, .tablet-grid-33:before, .grid-66:before, .mobile-grid-66:before, .tablet-grid-66:before, .grid-offset:before, .clearfix:before,
.grid-container:after,
.grid-5:after,
.mobile-grid-5:after,
.tablet-grid-5:after,
.grid-10:after,
.mobile-grid-10:after,
.tablet-grid-10:after,
.grid-15:after,
.mobile-grid-15:after,
.tablet-grid-15:after,
.grid-20:after,
.mobile-grid-20:after,
.tablet-grid-20:after,
.grid-25:after,
.mobile-grid-25:after,
.tablet-grid-25:after,
.grid-30:after,
.mobile-grid-30:after,
.tablet-grid-30:after,
.grid-35:after,
.mobile-grid-35:after,
.tablet-grid-35:after,
.grid-40:after,
.mobile-grid-40:after,
.tablet-grid-40:after,
.grid-45:after,
.mobile-grid-45:after,
.tablet-grid-45:after,
.grid-50:after,
.mobile-grid-50:after,
.tablet-grid-50:after,
.grid-55:after,
.mobile-grid-55:after,
.tablet-grid-55:after,
.grid-60:after,
.mobile-grid-60:after,
.tablet-grid-60:after,
.grid-65:after,
.mobile-grid-65:after,
.tablet-grid-65:after,
.grid-70:after,
.mobile-grid-70:after,
.tablet-grid-70:after,
.grid-75:after,
.mobile-grid-75:after,
.tablet-grid-75:after,
.grid-80:after,
.mobile-grid-80:after,
.tablet-grid-80:after,
.grid-85:after,
.mobile-grid-85:after,
.tablet-grid-85:after,
.grid-90:after,
.mobile-grid-90:after,
.tablet-grid-90:after,
.grid-95:after,
.mobile-grid-95:after,
.tablet-grid-95:after,
.grid-100:after,
.mobile-grid-100:after,
.tablet-grid-100:after,
.grid-33:after,
.mobile-grid-33:after,
.tablet-grid-33:after,
.grid-66:after,
.mobile-grid-66:after,
.tablet-grid-66:after,
.grid-offset:after,
.clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.grid-container:after, .grid-5:after, .mobile-grid-5:after, .tablet-grid-5:after, .grid-10:after, .mobile-grid-10:after, .tablet-grid-10:after, .grid-15:after, .mobile-grid-15:after, .tablet-grid-15:after, .grid-20:after, .mobile-grid-20:after, .tablet-grid-20:after, .grid-25:after, .mobile-grid-25:after, .tablet-grid-25:after, .grid-30:after, .mobile-grid-30:after, .tablet-grid-30:after, .grid-35:after, .mobile-grid-35:after, .tablet-grid-35:after, .grid-40:after, .mobile-grid-40:after, .tablet-grid-40:after, .grid-45:after, .mobile-grid-45:after, .tablet-grid-45:after, .grid-50:after, .mobile-grid-50:after, .tablet-grid-50:after, .grid-55:after, .mobile-grid-55:after, .tablet-grid-55:after, .grid-60:after, .mobile-grid-60:after, .tablet-grid-60:after, .grid-65:after, .mobile-grid-65:after, .tablet-grid-65:after, .grid-70:after, .mobile-grid-70:after, .tablet-grid-70:after, .grid-75:after, .mobile-grid-75:after, .tablet-grid-75:after, .grid-80:after, .mobile-grid-80:after, .tablet-grid-80:after, .grid-85:after, .mobile-grid-85:after, .tablet-grid-85:after, .grid-90:after, .mobile-grid-90:after, .tablet-grid-90:after, .grid-95:after, .mobile-grid-95:after, .tablet-grid-95:after, .grid-100:after, .mobile-grid-100:after, .tablet-grid-100:after, .grid-33:after, .mobile-grid-33:after, .tablet-grid-33:after, .grid-66:after, .mobile-grid-66:after, .tablet-grid-66:after, .grid-offset:after, .clearfix:after {
clear: both;
}
.grid-container, .grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66, .grid-offset, .clearfix {
/* */
*zoom: 1;
/* */
}
.grid-container {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding-left: 10px;
padding-right: 10px;
}
.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
/* */
*padding-left: 0;
*padding-right: 0;
/* */
}
.grid-5 > *, .mobile-grid-5 > *, .tablet-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .tablet-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .tablet-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .tablet-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .tablet-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .tablet-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .tablet-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .tablet-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .tablet-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .tablet-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .tablet-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .tablet-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .tablet-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .tablet-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .tablet-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .tablet-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .tablet-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .tablet-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .tablet-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .tablet-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .tablet-grid-33 > *, .grid-66 > *, .mobile-grid-66 > *, .tablet-grid-66 > * {
/* */
*margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
*margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
/* */
}
.grid-parent {
padding-left: 0;
padding-right: 0;
}
.grid-offset {
margin-left: -10px;
margin-right: -10px;
}
@media (max-width: 767px) {
.mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
position: relative;
}
.hide-on-mobile {
display: none !important;
}
.mobile-grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-5 {
margin-left: 5%;
}
.mobile-suffix-5 {
margin-right: 5%;
}
.mobile-push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-10 {
margin-left: 10%;
}
.mobile-suffix-10 {
margin-right: 10%;
}
.mobile-push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-15 {
margin-left: 15%;
}
.mobile-suffix-15 {
margin-right: 15%;
}
.mobile-push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-20 {
margin-left: 20%;
}
.mobile-suffix-20 {
margin-right: 20%;
}
.mobile-push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-25 {
margin-left: 25%;
}
.mobile-suffix-25 {
margin-right: 25%;
}
.mobile-push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-30 {
margin-left: 30%;
}
.mobile-suffix-30 {
margin-right: 30%;
}
.mobile-push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-35 {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-35 {
margin-left: 35%;
}
.mobile-suffix-35 {
margin-right: 35%;
}
.mobile-push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-40 {
margin-left: 40%;
}
.mobile-suffix-40 {
margin-right: 40%;
}
.mobile-push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-45 {
margin-left: 45%;
}
.mobile-suffix-45 {
margin-right: 45%;
}
.mobile-push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-50 {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-50 {
margin-left: 50%;
}
.mobile-suffix-50 {
margin-right: 50%;
}
.mobile-push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-55 {
margin-left: 55%;
}
.mobile-suffix-55 {
margin-right: 55%;
}
.mobile-push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-60 {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-60 {
margin-left: 60%;
}
.mobile-suffix-60 {
margin-right: 60%;
}
.mobile-push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-65 {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-65 {
margin-left: 65%;
}
.mobile-suffix-65 {
margin-right: 65%;
}
.mobile-push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-70 {
margin-left: 70%;
}
.mobile-suffix-70 {
margin-right: 70%;
}
.mobile-push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-75 {
margin-left: 75%;
}
.mobile-suffix-75 {
margin-right: 75%;
}
.mobile-push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-80 {
margin-left: 80%;
}
.mobile-suffix-80 {
margin-right: 80%;
}
.mobile-push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-85 {
margin-left: 85%;
}
.mobile-suffix-85 {
margin-right: 85%;
}
.mobile-push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-90 {
margin-left: 90%;
}
.mobile-suffix-90 {
margin-right: 90%;
}
.mobile-push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-95 {
margin-left: 95%;
}
.mobile-suffix-95 {
margin-right: 95%;
}
.mobile-push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-33 {
float: left;
width: 33.33333%;
/* */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-33 {
margin-left: 33.33333%;
}
.mobile-suffix-33 {
margin-right: 33.33333%;
}
.mobile-push-33 {
left: 33.33333%;
/* */
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-33 {
left: -33.33333%;
/* */
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-66 {
float: left;
width: 66.66667%;
/* */
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-66 {
margin-left: 66.66667%;
}
.mobile-suffix-66 {
margin-right: 66.66667%;
}
.mobile-push-66 {
left: 66.66667%;
/* */
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-66 {
left: -66.66667%;
/* */
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 {
position: relative;
}
.hide-on-tablet {
display: none !important;
}
.tablet-grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-5 {
margin-left: 5%;
}
.tablet-suffix-5 {
margin-right: 5%;
}
.tablet-push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-10 {
margin-left: 10%;
}
.tablet-suffix-10 {
margin-right: 10%;
}
.tablet-push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-15 {
margin-left: 15%;
}
.tablet-suffix-15 {
margin-right: 15%;
}
.tablet-push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-20 {
margin-left: 20%;
}
.tablet-suffix-20 {
margin-right: 20%;
}
.tablet-push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-25 {
margin-left: 25%;
}
.tablet-suffix-25 {
margin-right: 25%;
}
.tablet-push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-30 {
margin-left: 30%;
}
.tablet-suffix-30 {
margin-right: 30%;
}
.tablet-push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-35 {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-35 {
margin-left: 35%;
}
.tablet-suffix-35 {
margin-right: 35%;
}
.tablet-push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-40 {
margin-left: 40%;
}
.tablet-suffix-40 {
margin-right: 40%;
}
.tablet-push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-45 {
margin-left: 45%;
}
.tablet-suffix-45 {
margin-right: 45%;
}
.tablet-push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-50 {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-50 {
margin-left: 50%;
}
.tablet-suffix-50 {
margin-right: 50%;
}
.tablet-push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-55 {
margin-left: 55%;
}
.tablet-suffix-55 {
margin-right: 55%;
}
.tablet-push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-60 {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-60 {
margin-left: 60%;
}
.tablet-suffix-60 {
margin-right: 60%;
}
.tablet-push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-65 {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-65 {
margin-left: 65%;
}
.tablet-suffix-65 {
margin-right: 65%;
}
.tablet-push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-70 {
margin-left: 70%;
}
.tablet-suffix-70 {
margin-right: 70%;
}
.tablet-push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-75 {
margin-left: 75%;
}
.tablet-suffix-75 {
margin-right: 75%;
}
.tablet-push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-80 {
margin-left: 80%;
}
.tablet-suffix-80 {
margin-right: 80%;
}
.tablet-push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-85 {
margin-left: 85%;
}
.tablet-suffix-85 {
margin-right: 85%;
}
.tablet-push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-90 {
margin-left: 90%;
}
.tablet-suffix-90 {
margin-right: 90%;
}
.tablet-push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-95 {
margin-left: 95%;
}
.tablet-suffix-95 {
margin-right: 95%;
}
.tablet-push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-33 {
float: left;
width: 33.33333%;
/* */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-33 {
margin-left: 33.33333%;
}
.tablet-suffix-33 {
margin-right: 33.33333%;
}
.tablet-push-33 {
left: 33.33333%;
/* */
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-33 {
left: -33.33333%;
/* */
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-66 {
float: left;
width: 66.66667%;
/* */
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-66 {
margin-left: 66.66667%;
}
.tablet-suffix-66 {
margin-right: 66.66667%;
}
.tablet-push-66 {
left: 66.66667%;
/* */
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-66 {
left: -66.66667%;
/* */
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 1025px) {
.push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
position: relative;
}
.hide-on-desktop {
display: none !important;
}
.grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-5 {
margin-left: 5%;
}
.suffix-5 {
margin-right: 5%;
}
.push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-10 {
margin-left: 10%;
}
.suffix-10 {
margin-right: 10%;
}
.push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-15 {
margin-left: 15%;
}
.suffix-15 {
margin-right: 15%;
}
.push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-20 {
margin-left: 20%;
}
.suffix-20 {
margin-right: 20%;
}
.push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-25 {
margin-left: 25%;
}
.suffix-25 {
margin-right: 25%;
}
.push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-30 {
margin-left: 30%;
}
.suffix-30 {
margin-right: 30%;
}
.push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-35 {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-35 {
margin-left: 35%;
}
.suffix-35 {
margin-right: 35%;
}
.push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-40 {
margin-left: 40%;
}
.suffix-40 {
margin-right: 40%;
}
.push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-45 {
margin-left: 45%;
}
.suffix-45 {
margin-right: 45%;
}
.push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-50 {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-50 {
margin-left: 50%;
}
.suffix-50 {
margin-right: 50%;
}
.push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-55 {
margin-left: 55%;
}
.suffix-55 {
margin-right: 55%;
}
.push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-60 {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-60 {
margin-left: 60%;
}
.suffix-60 {
margin-right: 60%;
}
.push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-65 {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-65 {
margin-left: 65%;
}
.suffix-65 {
margin-right: 65%;
}
.push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-70 {
margin-left: 70%;
}
.suffix-70 {
margin-right: 70%;
}
.push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-75 {
margin-left: 75%;
}
.suffix-75 {
margin-right: 75%;
}
.push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-80 {
margin-left: 80%;
}
.suffix-80 {
margin-right: 80%;
}
.push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-85 {
margin-left: 85%;
}
.suffix-85 {
margin-right: 85%;
}
.push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-90 {
margin-left: 90%;
}
.suffix-90 {
margin-right: 90%;
}
.push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-95 {
margin-left: 95%;
}
.suffix-95 {
margin-right: 95%;
}
.push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-33 {
float: left;
width: 33.33333%;
/* */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-33 {
margin-left: 33.33333%;
}
.suffix-33 {
margin-right: 33.33333%;
}
.push-33 {
left: 33.33333%;
/* */
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-33 {
left: -33.33333%;
/* */
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-66 {
float: left;
width: 66.66667%;
/* */
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-66 {
margin-left: 66.66667%;
}
.suffix-66 {
margin-right: 66.66667%;
}
.push-66 {
left: 66.66667%;
/* */
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-66 {
left: -66.66667%;
/* */
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-100 {
clear: both;
width: 100%;
}
}
.container,.container-fluid{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-xs{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-xs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media only screen and (min-width:48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-sm{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-sm{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-sm{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:64em){.container{width:65rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-md{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-md{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-md{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-md{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:75em){.container{width:76rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-lg{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-lg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-lg{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-lg{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}
/*!
* Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont_v-4.3.0.eot');src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff') format('woff2'),url('../fonts/fontawesome-webfont_v-4.3.0.woff') format('woff'),url('../fonts/fontawesome-webfont_v-4.3.0.ttf') format('truetype'),url('../fonts/fontawesome-webfont_v-4.3.0-fontawesomeregular.svg') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
/* Tomorrow Comment */
.hljs-comment {
color: #8e908c;
}
/* Tomorrow Red */
.hljs-variable,
.hljs-attribute,
.hljs-tag,
.hljs-regexp,
.ruby .hljs-constant,
.xml .hljs-tag .hljs-title,
.xml .hljs-pi,
.xml .hljs-doctype,
.html .hljs-doctype,
.css .hljs-id,
.css .hljs-class,
.css .hljs-pseudo {
color: #c82829;
}
/* Tomorrow Orange */
.hljs-number,
.hljs-preprocessor,
.hljs-pragma,
.hljs-built_in,
.hljs-literal,
.hljs-params,
.hljs-constant {
color: #f5871f;
}
/* Tomorrow Yellow */
.ruby .hljs-class .hljs-title,
.css .hljs-rules .hljs-attribute {
color: #eab700;
}
/* Tomorrow Green */
.hljs-string,
.hljs-value,
.hljs-inheritance,
.hljs-header,
.ruby .hljs-symbol,
.xml .hljs-cdata {
color: #718c00;
}
/* Tomorrow Aqua */
.hljs-title,
.css .hljs-hexcolor {
color: #3e999f;
}
/* Tomorrow Blue */
.hljs-function,
.python .hljs-decorator,
.python .hljs-title,
.ruby .hljs-function .hljs-title,
.ruby .hljs-title .hljs-keyword,
.perl .hljs-sub,
.javascript .hljs-title,
.coffeescript .hljs-title {
color: #4271ae;
}
/* Tomorrow Purple */
.hljs-keyword,
.javascript .hljs-function {
color: #8959a8;
}
.hljs {
display: block;
overflow-x: auto;
background: white;
color: #4d4d4c;
padding: 0.5em;
-webkit-text-size-adjust: none;
}
.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .javascript,
.xml .vbscript,
.xml .css,
.xml .hljs-cdata {
opacity: 0.5;
}
/* Tomorrow Night Theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
/* Tomorrow Comment */
.tomorrow-night {
color: #ccc;
/* Tomorrow Red */
/* Tomorrow Orange */
/* Tomorrow Yellow */
/* Tomorrow Green */
/* Tomorrow Aqua */
/* Tomorrow Blue */
/* Tomorrow Purple */
}
.tomorrow-night .hljs-comment {
color: #969896;
}
.tomorrow-night .hljs-variable,
.tomorrow-night .hljs-attribute,
.tomorrow-night .hljs-tag,
.tomorrow-night .hljs-regexp,
.tomorrow-night .ruby .hljs-constant,
.tomorrow-night .xml .hljs-tag .hljs-title,
.tomorrow-night .xml .hljs-pi,
.tomorrow-night .xml .hljs-doctype,
.tomorrow-night .html .hljs-doctype,
.tomorrow-night .css .hljs-id,
.tomorrow-night .css .hljs-class,
.tomorrow-night .css .hljs-pseudo {
color: #c66;
}
.tomorrow-night .hljs-number,
.tomorrow-night .hljs-preprocessor,
.tomorrow-night .hljs-pragma,
.tomorrow-night .hljs-built_in,
.tomorrow-night .hljs-literal,
.tomorrow-night .hljs-params,
.tomorrow-night .hljs-constant {
color: #de935f;
}
.tomorrow-night .ruby .hljs-class .hljs-title,
.tomorrow-night .css .hljs-rules .hljs-attribute {
color: #f0c674;
}
.tomorrow-night .hljs-string,
.tomorrow-night .hljs-value,
.tomorrow-night .hljs-inheritance,
.tomorrow-night .hljs-header,
.tomorrow-night .ruby .hljs-symbol,
.tomorrow-night .xml .hljs-cdata {
color: #b5bd68;
}
.tomorrow-night .hljs-title,
.tomorrow-night .css .hljs-hexcolor {
color: #8abeb7;
}
.tomorrow-night .hljs-function,
.tomorrow-night .python .hljs-decorator,
.tomorrow-night .python .hljs-title,
.tomorrow-night .ruby .hljs-function .hljs-title,
.tomorrow-night .ruby .hljs-title .hljs-keyword,
.tomorrow-night .perl .hljs-sub,
.tomorrow-night .javascript .hljs-title,
.tomorrow-night .coffeescript .hljs-title {
color: #81a2be;
}
.tomorrow-night .hljs-keyword,
.tomorrow-night .javascript .hljs-function {
color: #b294bb;
}
.tomorrow-night .hljs {
display: block;
overflow-x: auto;
background: #1d1f21;
color: #c5c8c6;
padding: 0.5em;
-webkit-text-size-adjust: none;
}
.tomorrow-night .coffeescript .javascript,
.tomorrow-night .javascript .xml,
.tomorrow-night .tex .hljs-formula,
.tomorrow-night .xml .javascript,
.tomorrow-night .xml .vbscript,
.tomorrow-night .xml .css,
.tomorrow-night .xml .hljs-cdata {
opacity: 0.5;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
/** initial setup **/
.nano {
position : relative;
width : 100%;
height : 100%;
overflow : hidden;
}
.nano > .nano-content {
position : absolute;
overflow : scroll;
overflow-x : hidden;
top : 0;
right : 0;
bottom : 0;
left : 0;
}
.nano > .nano-content:focus {
outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
display: block;
}
.nano > .nano-pane {
background : rgba(0,0,0,.25);
position : absolute;
width : 10px;
right : 0;
top : 0;
bottom : 0;
visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
opacity : .01;
-webkit-transition : .2s;
-moz-transition : .2s;
-o-transition : .2s;
transition : .2s;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border-radius : 5px;
}
.nano > .nano-pane > .nano-slider {
background: #444;
background: rgba(0,0,0,.5);
position : relative;
margin : 0 1px;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
border-radius : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
visibility : visible\9; /* Target only IE7 and IE8 with this hack */
opacity : 0.99;
}
/****** dropdown-select *******/
.wrap-dd-select {
/* Size and position */
position: relative;
width: 200px;
margin: 0 auto;
padding: 10px;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
/* Styles */
background: #fff;
border-radius: 7px;
border: 1px solid rgba(0,0,0,0.15);
box-shadow: 0 1px 1px rgba(50,50,50,0.1);
cursor: pointer;
outline: none;
/* Font settings */
font-weight: bold;
color: #8AA8BD;
}
.wrap-dd-select:after {
content: "";
width: 0;
height: 0;
position: absolute;
right: 15px;
top: 50%;
margin-top: -3px;
border-width: 6px 6px 0 6px;
border-style: solid;
border-color: #8aa8bd transparent;
}
.wrap-dd-select .dropdown {
/* Size & position */
position: absolute;
top: 100%;
left: 0;
right: 0;
/* Styles */
background: white;
padding: 0;
border-radius: inherit;
border: 1px solid rgba(0,0,0,0.17);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
font-weight: normal;
list-style: none;
/* Hiding */
visibility: hidden;
}
.wrap-dd-select .dropdown li.divider {
padding: 2px 0;
background: #e6e8ea;
}
.wrap-dd-select .dropdown li.divider-label {
background: #e6e8ea;
cursor: default;
color: #000;
padding: 10px 0;
}
.wrap-dd-select .dropdown li a {
display: block;
padding: 10px;
text-decoration: none;
color: #8aa8bd;
border-bottom: 1px solid #e6e8ea;
box-shadow: inset 0 1px 0 rgba(255,255,255,1);
cursor: pointer;
}
.wrap-dd-select .dropdown li i {
float: right;
color: inherit;
}
.wrap-dd-select .dropdown li:first-of-type a {
border-radius: 7px 7px 0 0;
}
.wrap-dd-select .dropdown li:last-of-type a {
border-radius: 0 0 7px 7px;
border: none;
}
/* Hover state */
.wrap-dd-select .dropdown li:hover a {
background: #f3f8f8;
}
.wrap-dd-select .dropdown:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
right: 15px;
border-width: 0 6px 6px 6px;
border-style: solid;
border-color: #fff transparent;
}
.wrap-dd-select .dropdown:before {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
right: 13px;
border-width: 0 8px 8px 8px;
border-style: solid;
border-color: rgba(0,0,0,0.1) transparent;
}
.wrap-dd-select.active .dropdown {
visibility: visible;
}
/****** dropdown-menu *******/
.wrap-dd-menu {
/* Size and position */
position: relative;
width: 200px;
margin: 0 auto;
padding: 10px;
}
.wrap-dd-menu .dropdown {
/* Size & position */
position: absolute;
z-index: 1;
top: 70%;
left: 0;
right: 0;
/* Styles */
background: white;
padding: 0;
border-radius: 7px;
border: 1px solid rgba(0,0,0,0.17);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
font-weight: normal;
list-style: none;
/* Hiding */
visibility: hidden;
}
.wrap-dd-menu .dropdown li.divider {
padding: 2px 0;
background: #e6e8ea;
}
.wrap-dd-menu .dropdown li.divider-label {
background: #e6e8ea;
cursor: default;
color: #000;
padding: 10px 0;
}
.wrap-dd-menu .dropdown li a {
display: block;
padding: 10px;
text-decoration: none;
color: #8aa8bd;
border-bottom: 1px solid #e6e8ea;
box-shadow: inset 0 1px 0 rgba(255,255,255,1);
cursor: pointer;
}
.wrap-dd-menu .dropdown li i {
float: right;
color: inherit;
}
.wrap-dd-menu .dropdown li:first-of-type a {
border-radius: 7px 7px 0 0;
}
.wrap-dd-menu .dropdown li:last-of-type a {
border-radius: 0 0 7px 7px;
border: none;
}
/* Hover state */
.wrap-dd-menu .dropdown li:hover a {
background: #f3f8f8;
}
.wrap-dd-menu .dropdown:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
right: 102px;
border-width: 0 6px 6px 6px;
border-style: solid;
border-color: #fff transparent;
}
.wrap-dd-menu .dropdown:before {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
right: 100px;
border-width: 0 8px 8px 8px;
border-style: solid;
border-color: rgba(0,0,0,0.1) transparent;
}
.wrap-dd-menu .dropdown.active {
visibility: visible;
}
/*
* angular-modal v0.1.0
* (c) 2013 Brian Ford http://briantford.com
* License: MIT
*/
.btf-modal {
position: fixed;
top: 50%;
left: 50%;
width: 50%;
max-width: 550px;
min-width: 330px;
height: auto;
z-index: 2000;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
/* Basically, this is our bootstrap replacement */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pull-right {
float: right;
}
.text-overflow {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.text-muted {
font-weight: normal;
color: #aaa;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.disabled-warning {
color: #666;
display: block;
font-size: 13px;
border-bottom: 1px solid #eee;
padding-bottom: 17px;
margin: -20px 9px 30px;
text-align: center;
color: #d05b5b;
}
.disabled-warning .icon {
color: #d05b5b;
margin-right: 3px;
}
.disabled-warning a {
display: block;
padding: 7px 15px;
background: #d05b5b;
color: #fff;
border-radius: 4px;
text-align: center;
margin-top: 10px;
margin: 10px 10px 0;
}
.disabled-warning a:hover {
background-color: #c94444;
color: #fff;
}
.disabled-warning .fa {
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
font-size: 10;
}
.hub-full .disabled-warning {
margin: -20px 15px 30px;
}
.hub-full .disabled-warning a {
margin: 10px 0 0;
}
.fa.fa-right:before,
.icon.fa-right:before,
.fa.icon-right:before,
.icon.icon-right:before {
margin-right: 7px;
}
.fa.fa-left:before,
.icon.fa-left:before,
.fa.icon-left:before,
.icon.icon-left:before {
margin-left: 7px;
}
.fa.fa-mono:before,
.icon.fa-mono:before,
.fa.icon-mono:before,
.icon.icon-mono:before {
width: 1em;
display: inline-block;
}
.icon.icon-loading,
.icon.icon-spin {
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
-o-animation: spin 1s linear infinite;
-ms-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.row::after {
clear: both;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:active,
.btn.active {
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.btn.btn-full {
display: block;
}
.btn.btn-primary {
color: #fff;
}
.lumosity-light .btn.btn-primary {
color: #fff;
}
.btn.btn-default {
background-color: #fff;
border: 1px solid #ccc;
color: #999;
}
.btn.btn-default:hover {
border: 1px solid #aaa;
color: #777;
}
.btn.btn-lg {
padding: 10px 20px;
}
.lumosity-light .btn {
color: #000;
}
.ng-cloak {
display: none !important;
}
.hidden {
display: none !important;
}
.table {
display: table;
}
.table .tr {
display: table-row;
}
.table .tr .td,
.table .tr .th {
display: table-cell;
}
.form-group .control-label {
padding-right: 30px;
text-align: right;
}
.form-group .form-control {
width: 100%;
border: 1px solid #bbb;
border-radius: 3px;
padding: 10px 15px;
}
.form-group .form-control:focus {
border: 1px solid #777;
outline: 0 none;
}
.form-group textarea.form-control {
padding: 15px;
}
.form-control {
width: 100%;
border: 1px solid #bbb;
border-radius: 3px;
padding: 10px 15px;
}
.form-control:focus {
border: 1px solid #777;
outline: 0 none;
}
textarea.form-control {
padding: 15px;
}
.error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
width: 50%;
text-align: center;
padding: 15px;
margin: 30px auto;
border: 1px solid transparent;
border-radius: 4px;
}
.grid-container {
max-width: 1300px;
}
hr.spacer {
border: 0 none;
background-color: #fff;
}
.no-scroll {
overflow: hidden !important;
}
.mobile-nav {
display: none;
}
.hub-loading-indicator {
border-radius: 50%;
width: 40px;
height: 40px;
border: 0.25rem solid #eee;
border-top-color: #ccc;
-webkit-animation: loading-indicator-spin 1s infinite linear;
-moz-animation: loading-indicator-spin 1s infinite linear;
-o-animation: loading-indicator-spin 1s infinite linear;
-ms-animation: loading-indicator-spin 1s infinite linear;
animation: loading-indicator-spin 1s infinite linear;
position: absolute;
left: 50%;
margin-left: -20px;
margin-top: 50px;
display: none;
}
.hub-loading-indicator.active {
display: block;
}
@media (max-width: 1000px) {
.hub-reference-right {
display: none !important;
}
}
@media (max-width: 768px) {
html,
body {
max-width: 100%;
overflow-x: hidden;
}
.hub-is-home .hub-container {
max-width: none !important;
}
#hub-container {
padding-top: 98px;
}
.hub-is-home #hub-container {
padding-top: 0;
}
.hub-landing-links {
padding-bottom: 0 !important;
}
.mobile-grid-100 {
margin: 20px 25px;
}
.hub-landing-category-columns .grid-container {
padding-bottom: 0 !important;
}
.hub-landing-category-columns .grid-container .mobile-grid-100 {
margin: 20px 25px;
padding-right: 75px !important;
padding-left: 10px !important;
height: auto;
}
.hub-landing-category-columns .grid-container .mobile-grid-100 ul {
height: auto !important;
}
#deprecation-warning {
background-color: #f2dede;
padding: 12px;
height: auto !important;
}
#deprecation-warning .error {
padding: 0px;
}
#header-top {
position: fixed;
width: 100%;
}
.hub-is-home #header-top {
position: relative;
}
#header-top nav {
display: none;
}
.sticky {
top: 60px !important;
}
#hub-sidebar-parent {
display: none !important;
}
#hub-content {
padding-left: 0 !important;
}
#hub-subheader-parent {
top: 60px !important;
position: fixed;
width: 100%;
}
.hub-is-home #hub-subheader-parent {
position: relative;
top: 0 !important;
}
#hub-subheader-parent #hub-subheader {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding-right: 0 !important;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu {
top: 37px !important;
}
#hub-subheader-parent #hub-subheader .hub-container {
white-space: nowrap;
margin: 0 !important;
width: 100%;
}
#hub-subheader-parent #hub-search {
display: none !important;
}
#hub-subheader-parent .icons .subheaderLink .icon {
padding-right: 0 !important;
}
#hub-subheader-parent .icons .subheaderLink span {
display: none !important;
}
section#hub-content .anchor-page-title {
top: -98px !important;
}
#content-toc {
display: none !important;
}
#readmeLogo {
position: relative !important;
margin: 20px;
float: right;
}
.mobile-nav {
display: block;
line-height: 40px;
margin-left: auto;
margin-right: 10px;
}
.mobile-nav .nav:before {
position: absolute;
right: 35px;
top: 11px;
z-index: 100;
display: block;
height: 15px;
width: 1px;
background: #d6dee5;
content: '';
}
.mobile-nav .nav:after {
position: absolute;
right: 21px;
top: 17px;
z-index: 75;
display: block;
height: 4px;
width: 6px;
content: '';
background-image: url("../img/down-arrow.png");
}
.mobile-nav .nav select {
width: 100%;
position: relative;
z-index: 50;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: 29px;
padding-left: 10px;
padding-right: 38px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
border: 1px solid #d6dee5;
border-radius: 5px;
color: #4c555a;
cursor: pointer;
font-family: Whitney SSm A, Whitney SSm B, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 28px;
outline: none;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
text-indent: 0.01px;
-o-text-overflow: '';
text-overflow: '';
vertical-align: middle;
}
#hub-discuss .answered {
display: none;
}
#hub-discuss .discuss-details-show .submit-vote {
margin-left: 35px !important;
margin-right: 25px !important;
}
#hub-discuss .hub-sorting {
display: none;
}
#hub-discuss header .btn {
display: none;
}
#hub-discuss a.box.comments {
display: none;
}
#hub-discuss div.box.submit-vote {
width: 40px !important;
font-size: 20px !important;
}
#hub-discuss .discuss-body {
margin-left: 60px !important;
}
#hub-discuss .hub-comment-add {
display: none;
}
.api-definition-container {
display: none;
}
.param-item input,
.param-item select {
display: none;
}
}
@-moz-keyframes spin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-ms-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-ms-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes spin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-ms-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-ms-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-moz-keyframes loading-indicator-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes loading-indicator-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes loading-indicator-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loading-indicator-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* This is for general CSS styles that affect basic tags */
html {
height: 100%;
}
body {
font-family: 'Proxima Nova', 'Open Sans', sans-serif;
font-size: 15px;
color: #4c555a;
margin: 0;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
body.hub-suggested-edits {
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
-ms-transition: 0.3s ease-out;
transition: 0.3s ease-out;
background-color: #fdfdfd;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
p {
margin-top: 0;
font-size: 14px;
line-height: 24px;
color: #747c84;
}
p code {
background: rgba(96,105,113,0.1);
padding: 3px 5px;
border-radius: 3px;
font-size: 0.8em;
color: #555;
}
code {
font-family: Monaco, "Lucida Console", monospace;
font-size: 12px;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
hr {
border: 0 none;
background: #eaeaea;
height: 1px;
}
.badge {
display: inline;
margin-left: 10px;
padding: 2px 10px;
background-color: #ecc323;
border-radius: 2px;
color: #fff;
font-size: 10px;
}
.chooser-parent .list {
position: absolute;
top: -4px;
}
.chooser-parent .list .pg-type {
position: absolute;
top: 8px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
pointer-events: none;
background-color: #555;
}
.chooser-parent .list .pg-type.chosen {
opacity: 1;
-ms-filter: none;
filter: none;
pointer-events: auto;
z-index: 100;
padding-right: 15px;
}
.chooser-parent .list .pg-type:nth-child(1) {
-webkit-transition: -webkit-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-ms-transition: -ms-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
transition: transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.chooser-parent .list.open .pg-type:nth-child(1) {
opacity: 1;
-ms-filter: none;
filter: none;
pointer-events: auto;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.chooser-parent .list .pg-type:nth-child(2) {
-webkit-transition: -webkit-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-ms-transition: -ms-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
transition: transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.chooser-parent .list.open .pg-type:nth-child(2) {
opacity: 1;
-ms-filter: none;
filter: none;
pointer-events: auto;
-webkit-transform: translateY(28px);
-moz-transform: translateY(28px);
-o-transform: translateY(28px);
-ms-transform: translateY(28px);
transform: translateY(28px);
}
.chooser-parent .list .pg-type:nth-child(3) {
-webkit-transition: -webkit-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-ms-transition: -ms-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
transition: transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.chooser-parent .list.open .pg-type:nth-child(3) {
opacity: 1;
-ms-filter: none;
filter: none;
pointer-events: auto;
-webkit-transform: translateY(56px);
-moz-transform: translateY(56px);
-o-transform: translateY(56px);
-ms-transform: translateY(56px);
transform: translateY(56px);
}
.chooser-parent .list .pg-type:nth-child(4) {
-webkit-transition: -webkit-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-ms-transition: -ms-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
transition: transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.chooser-parent .list.open .pg-type:nth-child(4) {
opacity: 1;
-ms-filter: none;
filter: none;
pointer-events: auto;
-webkit-transform: translateY(84px);
-moz-transform: translateY(84px);
-o-transform: translateY(84px);
-ms-transform: translateY(84px);
transform: translateY(84px);
}
.chooser-parent .list .pg-type:nth-child(5) {
-webkit-transition: -webkit-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-ms-transition: -ms-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
transition: transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.chooser-parent .list.open .pg-type:nth-child(5) {
opacity: 1;
-ms-filter: none;
filter: none;
pointer-events: auto;
-webkit-transform: translateY(112px);
-moz-transform: translateY(112px);
-o-transform: translateY(112px);
-ms-transform: translateY(112px);
transform: translateY(112px);
}
.chooser-parent .list .pg-type:nth-child(6) {
-webkit-transition: -webkit-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-ms-transition: -ms-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
transition: transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.chooser-parent .list.open .pg-type:nth-child(6) {
opacity: 1;
-ms-filter: none;
filter: none;
pointer-events: auto;
-webkit-transform: translateY(140px);
-moz-transform: translateY(140px);
-o-transform: translateY(140px);
-ms-transform: translateY(140px);
transform: translateY(140px);
}
.chooser-parent .list .pg-type:nth-child(7) {
-webkit-transition: -webkit-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-ms-transition: -ms-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
transition: transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.chooser-parent .list.open .pg-type:nth-child(7) {
opacity: 1;
-ms-filter: none;
filter: none;
pointer-events: auto;
-webkit-transform: translateY(168px);
-moz-transform: translateY(168px);
-o-transform: translateY(168px);
-ms-transform: translateY(168px);
transform: translateY(168px);
}
.chooser-parent .list .pg-type:nth-child(8) {
-webkit-transition: -webkit-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-ms-transition: -ms-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
transition: transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.chooser-parent .list.open .pg-type:nth-child(8) {
opacity: 1;
-ms-filter: none;
filter: none;
pointer-events: auto;
-webkit-transform: translateY(196px);
-moz-transform: translateY(196px);
-o-transform: translateY(196px);
-ms-transform: translateY(196px);
transform: translateY(196px);
}
.chooser-parent .list .pg-type:nth-child(9) {
-webkit-transition: -webkit-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-ms-transition: -ms-transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
transition: transform 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.chooser-parent .list.open .pg-type:nth-child(9) {
opacity: 1;
-ms-filter: none;
filter: none;
pointer-events: auto;
-webkit-transform: translateY(224px);
-moz-transform: translateY(224px);
-o-transform: translateY(224px);
-ms-transform: translateY(224px);
transform: translateY(224px);
}
.pg-type {
width: 26px;
display: inline-block;
height: 13px;
background-color: #333;
border-radius: 3px;
vertical-align: middle;
background-image: url("../img/pg-types.png");
background-repeat: no-repeat;
background-position: 6px 4px;
text-indent: -9000px;
margin-right: 7px;
margin-bottom: 3px;
}
.pg-type.pg-type-big {
padding: 9px 20px;
margin-right: 15px;
margin-bottom: 5px;
}
.chooser-parent .pg-type {
width: 34px;
height: 17px;
}
.chooser-parent .closed .pg-type.chosen {
width: 42px;
}
.chooser-parent .closed .pg-type.chosen:before {
width: 6px;
height: 3px;
background-image: url("../img/pg-types.png");
background-position: 0px -97px;
content: " ";
display: block;
position: absolute;
right: 5px;
top: 7px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.chooser-parent .closed .pg-type.chosen:before {
background-image: url("../img/pg-types-2x.jpg");
-webkit-background-size: 19px auto;
-moz-background-size: 19px auto;
background-size: 19px auto;
}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.pg-type {
background-image: url("../img/pg-types-2x.jpg");
-webkit-background-size: 19px auto;
-moz-background-size: 19px auto;
background-size: 19px auto;
}
}
.pg-type.type-post {
background-position: 6px 4px;
background-color: #248fb2;
}
.pg-type.type-post.pg-type-big {
background-position: 12px 7px;
}
.chooser-parent .pg-type.type-post {
background-position: 10px 6px;
}
.chooser-parent .pg-type.type-post.chosen,
.chooser-parent .pg-type.type-post:hover {
background-color: #248fb2;
}
.pg-type.type-get {
background-position: 8px -12px;
background-color: #6bbd5b;
}
.pg-type.type-get.pg-type-big {
background-position: 14px -9px;
}
.chooser-parent .pg-type.type-get {
background-position: 12px -10px;
}
.chooser-parent .pg-type.type-get.chosen,
.chooser-parent .pg-type.type-get:hover {
background-color: #6bbd5b;
}
.pg-type.type-put {
background-position: 8px -28px;
background-color: #9b708b;
}
.pg-type.type-put.pg-type-big {
background-position: 14px -25px;
}
.chooser-parent .pg-type.type-put {
background-position: 12px -26px;
}
.chooser-parent .pg-type.type-put.chosen,
.chooser-parent .pg-type.type-put:hover {
background-color: #9b708b;
}
.pg-type.type-options {
background-position: 4px -148px;
background-color: #d3ca12;
}
.pg-type.type-options.pg-type-big {
background-position: 10px -145px;
}
.chooser-parent .pg-type.type-options {
background-position: 8px -146px;
}
.chooser-parent .pg-type.type-options.chosen,
.chooser-parent .pg-type.type-options:hover {
background-color: #d3ca12;
}
.pg-type.type-patch {
background-position: 4px -114px;
background-color: #e09d43;
}
.pg-type.type-patch.pg-type-big {
background-position: 10px -111px;
}
.chooser-parent .pg-type.type-patch {
background-position: 8px -112px;
}
.chooser-parent .pg-type.type-patch.chosen,
.chooser-parent .pg-type.type-patch:hover {
background-color: #e09d43;
}
.pg-type.type-delete {
background-position: 4px -44px;
background-color: #e27a7a;
}
.pg-type.type-delete.pg-type-big {
background-position: 10px -41px;
}
.chooser-parent .pg-type.type-delete {
background-position: 8px -42px;
}
.chooser-parent .pg-type.type-delete.chosen,
.chooser-parent .pg-type.type-delete:hover {
background-color: #e27a7a;
}
.pg-type.type-fn {
background-position: 7px -62px;
background-color: #d1ae42;
}
.pg-type.type-fn.pg-type-big {
background-position: 13px -59px;
}
.chooser-parent .pg-type.type-fn {
background-position: 11px -60px;
}
.chooser-parent .pg-type.type-fn.chosen,
.chooser-parent .pg-type.type-fn:hover {
background-color: #d1ae42;
}
.pg-type.type-basic {
background-position: 5px -79px;
background-color: #999;
}
.pg-type.type-basic.pg-type-big {
background-position: 11px -76px;
}
.chooser-parent .pg-type.type-basic {
background-position: 9px -77px;
}
.chooser-parent .pg-type.type-basic.chosen,
.chooser-parent .pg-type.type-basic:hover {
background-color: #999;
}
.pg-type.type-link {
background-position: 4px -131px;
background-color: #31bbb6;
}
.pg-type.type-link.pg-type-big {
background-position: 10px -128px;
}
.chooser-parent .pg-type.type-link {
background-position: 8px -129px;
}
.chooser-parent .pg-type.type-link.chosen,
.chooser-parent .pg-type.type-link:hover {
background-color: #31bbb6;
}
.hub-container,
.container {
max-width: 1100px;
margin: auto;
position: relative;
}
.hub-full .hub-container,
.hub-full .container {
max-width: none;
margin: 0;
}
body .ns-popover-dropdown-theme,
.ns-popover-auth-theme {
border: 0 none;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.2);
box-shadow: 0 2px 5px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.2);
padding: 2px 10px;
border-radius: 3px;
z-index: 100;
background-color: #fff;
padding: 9px 7px;
margin-top: 5px;
}
body .ns-popover-dropdown-theme .triangle,
.ns-popover-auth-theme .triangle {
display: none;
}
body .ns-popover-dropdown-theme .ns-triangle,
.ns-popover-auth-theme .ns-triangle {
left: auto;
top: -14px;
right: 8px;
content: "";
display: block;
width: 0;
height: 0;
border: solid 7px;
border-color: transparent;
position: absolute;
border-bottom-color: rgba(0,0,0,0.1);
margin-left: -11px;
}
body .ns-popover-dropdown-theme .ns-triangle:before,
.ns-popover-auth-theme .ns-triangle:before {
content: " ";
display: block;
width: 0;
height: 0;
border: solid 6px;
border-color: transparent;
position: absolute;
border-bottom-color: #fff;
border-top-width: 0;
top: 1px;
margin-left: -6px;
}
body .ns-popover-dropdown-theme a,
.ns-popover-auth-theme a {
display: block;
padding: 5px 8px;
}
body .ns-popover-dropdown-theme a:hover,
.ns-popover-auth-theme a:hover {
background: #f9f9f9;
}
header#hub-header {
height: auto;
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 100;
background-color: #fff;
font-size: 14px;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-o-box-flex: 1;
box-flex: 1;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
header#hub-header #header-top {
height: auto;
padding: 2px 30px;
}
header#hub-header #header-top .clearfix {
height: 60px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
header#hub-header #header-top .clearfix nav {
width: 100%;
}
.theme-line header#hub-header #header-top {
padding: 10px 30px;
border-bottom: 5px solid;
}
.theme-solid.header-overlay header#hub-header #header-top {
background-position: center center;
}
.theme-solid.header-overlay.header-overlay-triangles header#hub-header #header-top {
background-image: url("../img/bgs/triangles.png");
}
.theme-solid.header-overlay.header-overlay-blueprint header#hub-header #header-top {
background-image: url("../img/bgs/blueprint.png");
}
.theme-solid.header-overlay.header-overlay-grain header#hub-header #header-top {
background-image: url("../img/bgs/grain.png");
}
.theme-solid.header-overlay.header-overlay.header-overlay-map header#hub-header #header-top {
background-image: url("../img/bgs/map.png");
}
.theme-solid.header-overlay.header-overlay-circuits header#hub-header #header-top {
background-image: url("../img/bgs/circuits.png");
}
.header-custom header#hub-header #header-top {
background-position: center center;
background-repeat: no-repeat;
}
.header-custom.header-bg-pos-tl header#hub-header #header-top {
background-position: top left;
}
.header-custom.header-bg-pos-tc header#hub-header #header-top {
background-position: top center;
}
.header-custom.header-bg-pos-tr header#hub-header #header-top {
background-position: top right;
}
.header-custom.header-bg-pos-cl header#hub-header #header-top {
background-position: center left;
}
.header-custom.header-bg-pos-cc header#hub-header #header-top {
background-position: center center;
}
.header-custom.header-bg-pos-cr header#hub-header #header-top {
background-position: center right;
}
.header-custom.header-bg-pos-bl header#hub-header #header-top {
background-position: bottom left;
}
.header-custom.header-bg-pos-bc header#hub-header #header-top {
background-position: bottom center;
}
.header-custom.header-bg-pos-br header#hub-header #header-top {
background-position: bottom right;
}
.header-custom.header-bg-size-auto header#hub-header #header-top {
background-repeat: no-repeat;
}
.header-custom.header-bg-size-tile header#hub-header #header-top {
background-repeat: repeat;
}
.header-custom.header-bg-size-tile-x header#hub-header #header-top {
background-repeat: repeat-x;
}
.header-custom.header-bg-size-tile-y header#hub-header #header-top {
background-repeat: repeat-y;
}
.header-custom.header-bg-size-contain header#hub-header #header-top {
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
}
.header-custom.header-bg-size-cover header#hub-header #header-top {
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}
header#hub-header #header-top #header-logo {
width: 120px;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
height: 40px;
float: left;
margin: 0 15px 0 0;
text-indent: -99999px;
}
header#hub-header #header-top #header-nav-left li,
header#hub-header #header-top #header-nav-right li {
display: inline-block;
vertical-align: middle;
}
header#hub-header #header-top #header-nav-left li > span,
header#hub-header #header-top #header-nav-right li > span,
header#hub-header #header-top #header-nav-left li a,
header#hub-header #header-top #header-nav-right li a {
height: 40px;
line-height: 40px;
margin: 3px 0;
padding: 4px 10px;
color: #ddd;
}
.theme-solid header#hub-header #header-top #header-nav-left li > span,
.theme-solid header#hub-header #header-top #header-nav-right li > span,
.theme-solid header#hub-header #header-top #header-nav-left li a,
.theme-solid header#hub-header #header-top #header-nav-right li a {
color: rgba(255,255,255,0.5);
}
.lumosity-light header#hub-header #header-top #header-nav-left li > span,
.lumosity-light header#hub-header #header-top #header-nav-right li > span,
.lumosity-light header#hub-header #header-top #header-nav-left li a,
.lumosity-light header#hub-header #header-top #header-nav-right li a {
color: rgba(0,0,0,0.4);
}
header#hub-header #header-top #header-nav-left li a,
header#hub-header #header-top #header-nav-right li a {
color: #999;
text-decoration: none;
}
.theme-solid header#hub-header #header-top #header-nav-left li a,
.theme-solid header#hub-header #header-top #header-nav-right li a {
color: rgba(255,255,255,0.8);
}
.lumosity-light header#hub-header #header-top #header-nav-left li a,
.lumosity-light header#hub-header #header-top #header-nav-right li a {
color: rgba(0,0,0,0.6);
}
header#hub-header #header-top #header-nav-left li a:hover,
header#hub-header #header-top #header-nav-right li a:hover {
border-radius: 3px;
background-color: rgba(0,0,0,0.03);
-webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.15);
box-shadow: 1px 1px 0 rgba(255,255,255,0.15);
color: #444;
}
.theme-solid header#hub-header #header-top #header-nav-left li a:hover,
.theme-solid header#hub-header #header-top #header-nav-right li a:hover {
color: #fff;
}
.lumosity-light header#hub-header #header-top #header-nav-left li a:hover,
.lumosity-light header#hub-header #header-top #header-nav-right li a:hover {
color: rgba(0,0,0,0.8);
}
header#hub-header #header-top #header-nav-left li a .fa-chevron-down,
header#hub-header #header-top #header-nav-right li a .fa-chevron-down {
font-size: 11px;
position: relative;
bottom: 2px;
padding-left: 5px;
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
}
header#hub-header #header-top #header-nav-right {
-webkit-align-self: flex-end;
align-self: flex-end;
-ms-flex-item-align: end;
float: right;
}
header#hub-header #header-top #header-nav-left {
float: left;
}
header#hub-header #header-top .dropdown-toggle:hover {
cursor: pointer;
}
#hub-user-dropdown {
min-width: 140px;
}
#hub-user-dropdown a {
text-align: left;
font-size: 12px;
}
#hub-user-dropdown a .fa {
width: 17px;
color: #ccc;
}
#hub-subheader-parent {
height: 38px;
}
body.hub-suggested-edits #hub-subheader-parent {
height: 46px;
overflow: hidden;
}
#hub-subheader-parent #hub-subheader {
height: 38px;
border-bottom: 1px solid #dee5e8;
background-color: #f6f7f8;
padding: 0px 30px;
font-size: 15px;
position: relative;
}
body.hub-suggested-edits #hub-subheader-parent #hub-subheader {
-webkit-transition: height 0.3s ease-out, background 0.3s ease-out, border-bottom-color 0.3s ease-out;
-moz-transition: height 0.3s ease-out, background 0.3s ease-out, border-bottom-color 0.3s ease-out;
-o-transition: height 0.3s ease-out, background 0.3s ease-out, border-bottom-color 0.3s ease-out;
-ms-transition: height 0.3s ease-out, background 0.3s ease-out, border-bottom-color 0.3s ease-out;
transition: height 0.3s ease-out, background 0.3s ease-out, border-bottom-color 0.3s ease-out;
overflow: hidden;
height: 46px;
background: #fbf7be;
border-bottom-color: #e2de9b !important;
}
#hub-subheader-parent #hub-subheader.sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs {
display: inline-block;
vertical-align: top;
margin-left: -10px;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .hub-breadcrumb-item {
padding-left: 11px;
padding-right: 9px;
padding-top: 2px;
padding-bottom: 6px;
display: inline-block;
color: #7d7d8e;
border-radius: 2px;
height: 26px;
margin-top: 6px;
margin-right: 10px;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .hub-breadcrumb-item span,
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .hub-breadcrumb-item strong {
padding-right: 8px;
font-size: 13px;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .hub-breadcrumb-item .fa-chevron-down {
font-size: 10px;
display: inline-block;
position: relative;
top: -2px;
color: #ddd;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs a.hub-breadcrumb-item:active {
-webkit-box-shadow: 0 0 0 1px #c9d4d9, 0 4px 4px rgba(0,0,0,0.07) inset;
box-shadow: 0 0 0 1px #c9d4d9, 0 4px 4px rgba(0,0,0,0.07) inset;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs a.dropdown-toggle:hover,
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown.open a.dropdown-toggle {
background-color: #fff;
-webkit-box-shadow: 0 0 0 1px #c9d4d9, 0 2px 2px rgba(0,0,0,0.1);
box-shadow: 0 0 0 1px #c9d4d9, 0 2px 2px rgba(0,0,0,0.1);
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs a.dropdown-toggle:hover span,
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown.open a.dropdown-toggle span,
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs a.dropdown-toggle:hover strong,
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown.open a.dropdown-toggle strong {
color: #000;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs a.dropdown-toggle:hover .fa-chevron-down,
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown.open a.dropdown-toggle .fa-chevron-down {
color: #7d7d8e;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs a.dropdown-toggle:active {
-webkit-box-shadow: 0 0 0 1px #c9d4d9, 0 2px 2px rgba(0,0,0,0.1) inset;
box-shadow: 0 0 0 1px #c9d4d9, 0 2px 2px rgba(0,0,0,0.1) inset;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown {
position: relative;
display: inline-block;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown.left-dropdown {
margin-left: 0px;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown.open a.dropdown-toggle {
z-index: 101;
-webkit-box-shadow: 0 1px #fff, 0 0 0 1px #b6c5cc;
box-shadow: 0 1px #fff, 0 0 0 1px #b6c5cc;
position: relative;
border-radius: 2px 2px 0 0;
color: #e5eaed;
height: 31px;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown.open a.dropdown-toggle span,
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown.open a.dropdown-toggle strong,
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown.open a.dropdown-toggle .fa-chevron-down {
color: #d3dfe4;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu {
display: none;
border: 1px solid #f00;
position: absolute;
z-index: 100;
background-color: #fff;
margin-left: 0;
-webkit-box-shadow: 0 0 0 1px #b6c5cc, 0 2px 2px rgba(0,0,0,0.1);
box-shadow: 0 0 0 1px #b6c5cc, 0 2px 2px rgba(0,0,0,0.1);
border: 0 none;
border-radius: 0px;
min-width: 190px;
border-radius: 0 0 2px 2px;
padding: 6px 0;
min-width: 100%;
margin-top: 1px;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu li {
border-bottom: 1px solid #dee5e8;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu li:last-child {
border-bottom: none;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu .active {
font-weight: bold;
background-color: #dee5e8;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a {
display: block;
padding: 10px 20px 10px 15px;
color: #666;
white-space: nowrap;
font-size: 13px;
border-radius: 0;
min-width: 220px;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a .stable,
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a .beta,
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a .private,
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a .deprecated {
font-size: 9px;
padding: 3px 5px;
display: inline-block;
line-height: 8px;
border-radius: 3px;
margin-left: 6px;
color: #fff;
top: -2px;
position: relative;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a a:hover > .stable,
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a a:hover > .beta,
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a a:hover > .private,
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a a:hover > .deprecated {
opacity: 1;
-ms-filter: none;
filter: none;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a .beta {
background-color: #59c3d1;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a .stable {
background-color: #41b841;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a .private {
background-color: #333;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a .deprecated {
background-color: #917698;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a .codename {
margin-top: 5px;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a .li {
font-size: 18px;
position: relative;
top: 3px;
margin-right: 9px;
color: rgba(0,0,0,0.3);
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a.active {
font-weight: bold;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a.active .li {
color: rgba(0,0,0,0.6);
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a:hover {
background-color: #666;
cursor: pointer;
color: #fff;
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a:hover .li {
color: rgba(255,255,255,0.3);
}
#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown.open .dropdown-menu {
display: block;
}
body.hub-suggested-edits #hub-subheader-parent #hub-subheader .hub-container {
-webkit-transform: translateY(-38px);
-moz-transform: translateY(-38px);
-o-transform: translateY(-38px);
-ms-transform: translateY(-38px);
transform: translateY(-38px);
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
-ms-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
#hub-subheader-parent #hub-subheader #header-bottom-nav {
position: relative;
}
#hub-subheader-parent #hub-subheader #header-bottom-nav #header-icon-nav .icons .subheaderLink {
padding: 8px 0px 2px;
height: 38px;
text-align: center;
font-size: 14px;
cursor: pointer;
margin-right: 20px;
display: inline-block;
z-index: 100;
position: relative;
}
#hub-subheader-parent #hub-subheader #header-bottom-nav #header-icon-nav .icons .subheaderLink .icon {
font-size: 20px;
padding-right: 6px;
color: #444;
height: 20px;
display: inline-block;
}
#hub-subheader-parent #hub-subheader #header-bottom-nav #header-icon-nav .icons .subheaderLink span {
color: #7d7d8e;
position: relative;
top: -4px;
font-size: 13px;
}
#hub-subheader-parent #hub-subheader #header-bottom-nav #header-icon-nav .icons .subheaderLink.muted {
border-bottom-color: #999;
}
#hub-subheader-parent #hub-subheader #header-bottom-nav #header-icon-nav .icons .subheaderLink.muted span {
color: #bbb;
}
#hub-subheader-parent #hub-subheader #header-bottom-nav #header-icon-nav .icons .subheaderLink.muted i {
color: #bbb;
}
#hub-subheader-parent #hub-subheader #header-bottom-nav #header-icon-nav .icons .subheaderLink.muted:hover span {
color: #888;
}
#hub-subheader-parent #hub-subheader #header-bottom-nav #header-icon-nav .icons .subheaderLink:hover {
cursor: pointer;
}
#hub-subheader-parent #hub-subheader #header-bottom-nav #header-icon-nav .icons .subheaderLink:hover .li {
color: #000;
}
#hub-subheader-parent #hub-subheader #header-bottom-nav #header-icon-nav .icons .subheaderLink:hover span {
color: #000;
}
#hub-subheader-parent #hub-subheader #header-bottom-nav #header-icon-nav .icons .subheaderLink .li {
font-size: 17px;
color: #7d7d8e;
padding-right: 9px;
}
#hub-subheader-parent #header-bottom-suggested-edits {
display: none;
padding: 5px 0;
}
#hub-subheader-parent #header-bottom-suggested-edits .btn strong {
color: #777;
}
#hub-subheader-parent #header-bottom-suggested-edits .hub-suggested-edits-cancel {
margin-right: 15px;
padding: 10px;
color: #b3ae5f;
font-size: 13px;
}
#hub-subheader-parent #header-bottom-suggested-edits .hub-suggested-edits-cancel .icon {
margin-right: 5px;
position: relative;
top: 1px;
}
#hub-subheader-parent #header-bottom-suggested-edits .hub-suggested-edits-cancel:hover {
color: #af5757;
}
body.hub-suggested-edits #hub-subheader-parent #header-bottom-suggested-edits {
display: block;
}
#hub-comments {
clear: both;
}
#hub-comments .hub-comments-loading {
display: none;
}
#hub-comments .hub-comments-loading.active {
display: block;
text-align: center;
padding: 50px;
}
#hub-comments .hub-comments-loading.active .hub-loading-indicator {
position: relative;
margin-bottom: 15px;
margin-top: 0;
display: block;
}
.hub-comment {
border-bottom: 1px solid #eee;
padding-top: 40px;
padding-bottom: 30px;
}
.hub-comment .excerpt {
margin-bottom: 0;
font-size: 14px;
color: #797a7e;
}
.hub-comment .excerpt span {
font-weight: normal;
color: #999;
}
.hub-comment .hub-comment-info {
margin-bottom: 5px;
}
.hub-comment .hub-comment-info .ago {
color: #999;
font-size: 11px;
margin-left: 5px;
}
.hub-comment .hub-comment {
padding-top: 30px;
}
.hub-comment .information {
margin-bottom: 10px;
}
.hub-comment .information input {
margin: 0px 10px;
}
.hub-comment .hub-comment-add {
padding-left: 40px;
margin-bottom: 50px;
}
.hub-comment .reopened-badge,
.hub-comment .solved-badge {
font-style: normal;
padding-left: 10px;
}
.hub-comment .reopened-badge .fa:before,
.hub-comment .solved-badge .fa:before {
margin-right: 3px;
}
.hub-comment .solved-badge {
color: #5ea43f;
}
.hub-comment .reopened-badge {
color: #b20000;
}
.hub-comment-add {
padding-top: 40px;
padding-bottom: 40px;
}
.hub-comment-add textarea.add-comment {
width: 100%;
margin: 0 0 10px;
border: 1px solid #ccc;
border-radius: 3px;
padding: 21px 22px;
background: #f9f9f9;
font-size: 14px;
}
.hub-comment-add textarea.add-comment:focus,
.hub-comment-add textarea.add-comment:active {
background: #fff;
border-color: #aaa;
outline: 0 none;
}
.hub-comment-add .btn {
margin-left: 10px;
}
section#hub-discuss {
padding-bottom: 100px;
}
section#hub-discuss .excerpt {
margin-bottom: 0;
font-size: 14px;
color: #797a7e;
}
section#hub-discuss .excerpt strong {
color: #51585e;
font-weight: normal;
}
section#hub-discuss .excerpt span {
font-weight: normal;
color: #999;
}
section#hub-discuss .grid-20 {
padding-right: 0px;
padding-left: 20px;
}
section#hub-discuss .grid-20 .hub-sorting {
margin-top: 30px;
background-color: #f9f9f9;
padding: 10px;
border-radius: 5px;
border: 1px solid #e4e4e4;
margin-left: 10px;
}
section#hub-discuss .grid-20 .hub-sorting li {
padding: 10px;
}
section#hub-discuss .grid-20 .hub-sorting li a {
color: #75767b;
font-size: 16px;
}
section#hub-discuss .grid-20 .hub-sorting li a.active {
font-weight: bold;
}
section#hub-discuss .grid-20 .hub-sorting li a span:hover {
color: #525356;
text-decoration: underline;
}
section#hub-discuss .grid-20 .hub-sorting li a .icon {
padding-right: 10px;
font-size: 20px;
color: #bbb;
position: relative;
top: 2px;
}
section#hub-discuss .grid-20 .hub-sorting li a .icon-power {
padding-right: 2px;
}
section#hub-discuss .pagination {
text-align: center;
width: 85%;
margin: 30px 0;
}
section#hub-discuss .pagination > li {
display: inline-block;
}
section#hub-discuss .pagination > li.active a {
border-radius: 5px;
background-color: #ddd;
border: 1px solid #bbb;
margin: 0 5px;
}
section#hub-discuss .pagination > li.no a {
border-radius: 5px;
margin: 0 5px;
border: 1px solid #ddd;
}
section#hub-discuss .pagination > li > a {
padding: 6px 12px;
}
section#hub-discuss.hub-discuss-show .content-body {
padding-top: 0;
}
section#hub-discuss header#content-head {
padding-left: 0;
padding-right: 0;
padding-top: 20px;
padding: 45px 0px 20px 0px;
margin: 0;
}
section#hub-discuss header#content-head .btn {
background-color: #73c485;
}
section#hub-discuss header#content-head .btn:hover {
background-color: #419954;
}
section#hub-discuss h1 {
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
margin-top: 0;
}
section#hub-discuss h2 {
margin-bottom: 0;
}
section#hub-discuss .discussion {
margin: 0;
padding: 0px;
overflow: hidden;
border-bottom: 1px solid #ddd;
}
section#hub-discuss .discussion .box {
width: 60px;
text-align: center;
font-size: 22px;
padding: 5px 0;
-webkit-box-shadow: 0 0 0 1px #dfdfdf;
box-shadow: 0 0 0 1px #dfdfdf;
margin: 1px 1px 0 1px;
border-radius: 2px;
background-color: #f9f9f9;
color: #aeaeae;
}
section#hub-discuss .discussion .box:hover {
cursor: pointer;
}
section#hub-discuss .discussion .answered {
clear: both;
float: left;
width: 129px;
margin-left: 10px;
margin-top: 10px;
text-align: center;
border-radius: 2px;
font-size: 10px;
background-color: #5ea43f;
color: #fff;
padding: 4px;
}
section#hub-discuss .discussion .answered .fa {
margin-right: 5px;
}
section#hub-discuss .discussion .submit-vote:hover,
section#hub-discuss .discussion .submit-vote.voted {
color: #f6c060;
}
section#hub-discuss .discussion .comments .icon {
margin-right: 5px;
}
section#hub-discuss .discussion#mainDiscussion {
display: inline;
}
section#hub-discuss .discussion a.content-list-item {
padding: 30px 0 20px;
display: block;
}
section#hub-discuss .discussion a.content-list-item:hover {
background-color: #f7f7f7;
border-radius: 3px;
}
section#hub-discuss .discussion .discuss-body {
margin-left: 160px;
padding: 0 0 6px;
color: #aaa;
}
section#hub-discuss .discussion .discuss-body .oneline {
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
width: 100%;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
section#hub-discuss .discussion .discuss-body h4 {
padding-bottom: 5px;
font-size: 18px;
margin: 0;
}
section#hub-discuss .discussion .discuss-body .discuss-info {
margin: 0;
padding: 0;
line-height: 22px;
font-size: 13px;
}
section#hub-discuss .discussion .discuss-details-side {
text-align: right;
font-size: 13px;
padding: 9px 0 0;
}
section#hub-discuss .discussion .discuss-details .box {
margin-top: 30px;
}
section#hub-discuss .discussion .discuss-details .submit-vote {
margin-left: 10px;
margin-right: 8px;
}
section#hub-discuss .discussion .discuss-details-show .submit-vote {
margin-right: 43px;
}
section#hub-discuss .content-body .discuss-actions {
margin-top: 10px;
font-size: 12px;
text-align: right;
position: relative;
top: 20px;
}
section#hub-discuss .content-body .discuss-actions a {
text-transform: uppercase;
}
section#hub-discuss .content-body .discuss-actions a .icon-right:before {
margin-right: 5px;
}
/* Sidebar Area */
#hub-sidebar-parent {
position: fixed;
width: 246px;
left: auto;
top: 0;
height: 100%;
z-index: 10;
-webkit-box-shadow: 1px 0 0 rgba(81,88,90,0.17);
box-shadow: 1px 0 0 rgba(81,88,90,0.17);
}
#hub-sidebar-parent.static {
position: absolute;
}
.no-sidebar #hub-sidebar-parent {
display: none;
}
nav#hub-sidebar {
height: 100%;
padding-bottom: 8px;
overflow: hidden;
position: relative;
background: #fff;
}
nav#hub-sidebar .scrollable-parent {
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
nav#hub-sidebar .scrollable-parent > .nano {
height: 100%;
}
nav#hub-sidebar .scrollable-parent > .nano > .nano-pane {
background: rgba(0,0,0,0.1);
width: 6px;
}
nav#hub-sidebar .scrollable-parent > .nano > .nano-pane > .nano-slider {
background: rgba(0,0,0,0.25);
margin: 0;
border-radius: 5px;
}
nav#hub-sidebar .scrollable-parent .nano-pane {
margin: 3px;
}
nav#hub-sidebar .scrollable-parent #hub-sidebar-content {
padding-top: 40px;
}
nav#hub-sidebar h3 {
margin-top: 0;
padding: 0 9px;
margin-bottom: 10px;
color: #7d7f7f;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.5px;
}
.hub-full nav#hub-sidebar h3 {
padding-left: 30px;
}
nav#hub-sidebar .btn {
margin-left: 30px;
margin-right: 30px;
margin-bottom: 30px;
}
nav#hub-sidebar ul {
margin: 0 0 30px;
padding: 0;
list-style: none;
}
nav#hub-sidebar ul a {
display: block;
text-decoration: none;
width: 233px;
border-radius: 3px;
padding: 5px 9px;
font-size: 13px;
color: #bbb;
cursor: pointer;
}
.hub-full nav#hub-sidebar ul a {
border-radius: 0;
padding: 6px 9px 6px 30px;
width: auto;
}
nav#hub-sidebar ul a .icon.icon-pencil4 {
margin-right: 6px;
font-size: 12px;
}
nav#hub-sidebar ul a .fa-external-link-square {
margin-right: 10px;
padding-left: 5px;
}
nav#hub-sidebar ul a:hover {
background-color: #eee;
color: #666;
}
nav#hub-sidebar ul a .fa-chevron-right {
float: right;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
font-size: 11px;
padding-top: 4px;
padding-left: 7px;
}
nav#hub-sidebar ul a.active {
background-color: #999;
color: #fff;
display: block;
}
nav#hub-sidebar ul a.active .fa-chevron-right {
padding-left: 1px;
margin-top: 2px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.lumosity-light nav#hub-sidebar ul a.active {
color: rgba(0,0,0,0.8);
}
nav#hub-sidebar ul li.subnav-expanded .fa-chevron-right {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
padding-left: 1px;
}
nav#hub-sidebar ul li.subnav-expanded .subpages {
display: block;
}
nav#hub-sidebar ul .subpages {
margin-bottom: 0px;
display: none;
}
nav#hub-sidebar ul .subpages .subpage {
margin-left: 9px;
font-size: 12px;
padding-left: 17px;
}
.hub-full nav#hub-sidebar ul .subpages .subpage {
margin-left: 30px;
}
#hub-container {
-webkit-transition: opacity 0.1s ease-out;
-moz-transition: opacity 0.1s ease-out;
-o-transition: opacity 0.1s ease-out;
-ms-transition: opacity 0.1s ease-out;
transition: opacity 0.1s ease-out;
opacity: 1;
-ms-filter: none;
filter: none;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-o-box-flex: 1;
box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
#hub-container.loading {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
section#hub-content {
width: 100%;
padding-left: 246px;
padding-top: 0px;
}
.no-sidebar section#hub-content {
padding-left: 0;
}
section#hub-content .hub-content-container {
-webkit-transition: opacity 0.1s ease-out;
-moz-transition: opacity 0.1s ease-out;
-o-transition: opacity 0.1s ease-out;
-ms-transition: opacity 0.1s ease-out;
transition: opacity 0.1s ease-out;
}
section#hub-content .hub-content-container.loading {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
section#hub-content header {
padding: 40px 0px 20px 0;
border-bottom: 1px solid #eee;
margin-left: 31px;
margin-bottom: 10px;
}
section#hub-content header h1,
section#hub-content header h2 {
margin-top: 0;
font-weight: 300;
margin-bottom: 5px;
color: #33383c;
font-size: 30px;
line-height: 30px;
word-wrap: break-word;
}
section#hub-content header .excerpt p {
color: #9ea6ad;
}
section#hub-content #content-container {
padding-top: 20px;
}
section#hub-content #content-container section.content-body {
padding: 0;
}
section#hub-content #content-container section.content-body :first-child {
margin-top: 0 !important;
}
section#hub-content #content-container section.content-body .marked {
margin-bottom: 2em;
}
section#hub-content #content-container section.content-body .marked p,
section#hub-content #content-container section.content-body .marked ul,
section#hub-content #content-container section.content-body .marked ol,
section#hub-content #content-container section.content-body .marked h1,
section#hub-content #content-container section.content-body .marked h2,
section#hub-content #content-container section.content-body .marked h3,
section#hub-content #content-container section.content-body .marked h4,
section#hub-content #content-container section.content-body .marked h5,
section#hub-content #content-container section.content-body .marked h6 {
padding-left: 31px;
}
section#hub-content #content-container section#content-toc {
padding-left: 22px;
padding-right: 0;
font-size: 13px;
}
section#hub-content #content-container section#content-toc .tocHeader {
padding-left: 2px;
margin-bottom: 8px;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
color: #777;
}
section#hub-content #content-container section#content-toc .tocHeader:hover {
background: transparent;
color: #000;
}
section#hub-content #content-container section#content-toc .tocHeader .icon {
width: 23px;
font-size: 16px;
display: inline-block;
color: #999;
position: relative;
top: 2px;
}
section#hub-content #content-container section#content-toc nav {
max-width: 220px;
margin: auto;
}
section#hub-content #content-container section#content-toc li.toc-H1 a {
padding-left: 16px;
}
section#hub-content #content-container section#content-toc li.toc-H2 a {
padding-left: 24px;
}
section#hub-content #content-container section#content-toc li.toc-H3 a {
padding-left: 32px;
}
section#hub-content #content-container section#content-toc li.toc-H4 a {
padding-left: 40px;
}
section#hub-content #content-container section#content-toc li.toc-H5 a {
padding-left: 48px;
}
section#hub-content #content-container section#content-toc li.toc-H6 a {
padding-left: 56px;
}
section#hub-content #content-container section#content-toc li > span {
padding: 4px 16px;
display: block;
}
section#hub-content #content-container section#content-toc a {
color: #bbb;
font-size: 13px;
text-decoration: none;
border-radius: 2px;
padding: 4px 5px 4px 23px;
display: block;
}
section#hub-content #content-container section#content-toc a.active {
color: #555;
}
section#hub-content #content-container section#content-toc a.active strong {
color: #222;
}
section#hub-content #content-container section#content-toc a:hover {
background-color: #f8f8f8;
color: #555;
}
section#hub-content #content-container section#content-list {
padding: 30px 0 20px 31px;
}
section#hub-content #content-container section#content-list .content-list-item {
display: block;
}
section#hub-content .clearfix {
position: relative;
}
section#hub-content .anchor {
position: absolute;
top: -60px;
width: 2px;
height: 2px;
pointer-events: auto;
}
section#hub-content .anchor-page-title {
top: 1px;
position: absolute;
width: 2px;
height: 2px;
pointer-events: auto;
}
section#hub-content .page-small {
width: 70%;
margin: 0 auto;
}
section#hub-content .page-small header {
text-align: center;
}
section#hub-content .page-full header {
text-align: center;
}
section#hub-content #content-suggested-edits .content-container {
padding-top: 20px;
}
section#hub-content #content-suggested-edits #content-head {
padding-right: 0;
}
section#hub-content #content-suggested-edits .hub-se-form-control {
background: #fff;
width: 100%;
padding: 10px;
border: 1px solid #e3e3e3;
border-radius: 3px;
font-size: 14px;
}
section#hub-content #content-suggested-edits .hub-se-form-control.hub-se-title {
font-size: 22px;
font-weight: 600;
}
section#hub-content #content-suggested-edits .hub-expand-parent {
padding-left: 5px;
padding-right: 17px;
}
section#hub-content #content-suggested-edits .hub-se-magic .blocks-parent {
border: 1px solid #e3e3e3;
margin-left: 30px;
border-radius: 3px;
background: #fff;
padding: 20px 25px 20px 0;
}
section#hub-content #content-suggested-edits .hub-se-magic dragbox ul {
margin-top: -5px;
}
#deprecation-warning {
height: 50px;
z-index: 10000;
text-align: center;
bottom: 0;
margin: 0 auto;
border: 0 none;
border-radius: 0;
padding-top: 10px;
}
#deprecation-warning a:hover {
color: #8b3735;
background-color: #deacac;
}
#hub-reference .hub-reference {
clear: both;
position: relative;
}
#hub-reference .hub-reference:first-child .hub-reference-section.hub-reference-section-top .hub-reference-left,
#hub-reference .hub-reference:first-child .hub-reference-section.hub-reference-section-top .hub-reference-right {
border-top: 0 none;
}
#hub-reference .hub-reference .hub-reference-section {
position: relative;
clear: both;
display: table;
table-layout: fixed;
width: 100%;
}
#hub-reference .hub-reference .hub-reference-section p,
#hub-reference .hub-reference .hub-reference-section ul,
#hub-reference .hub-reference .hub-reference-section table {
font-size: 15px;
}
#hub-reference .hub-reference .hub-reference-section .content-body {
padding-top: 30px;
}
#hub-reference .hub-reference .hub-reference-section.hub-reference-section-top .hub-reference-left {
border-top: 1px solid #ddd;
}
#hub-reference .hub-reference .hub-reference-section.hub-reference-section-top .hub-reference-right {
border-top: 1px solid rgba(255,255,255,0.05);
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-left {
background-color: #fff;
display: table-cell;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-left header {
padding-left: 30px;
padding-top: 40px;
padding-right: 30px;
margin-left: 0;
margin-bottom: 0;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-left header .hub-reference-edit {
padding: 5px 0 5px 15px;
color: #aaa;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-left header .hub-reference-edit .icon {
margin-right: 5px;
position: relative;
top: 1px;
color: #ccc;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-left header .hub-reference-edit:hover .icon {
color: #aaa;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-left .param-item .tags .tag-item {
padding-bottom: 5px;
display: inline;
padding: 2px 10px;
border-radius: 3px;
margin: 3px;
float: left;
color: #fff;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-left .param-item .tags .tag-item a {
color: #fff;
cursor: pointer;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-left .param-item .tags .input {
margin-top: 5px;
width: 100% !important;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-response-label {
padding: 17px 20px 0;
font-size: 14px;
color: #666;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right {
background-color: #f0f2f4;
border-left: 1px solid #dee5e8;
width: 390px;
display: table-cell;
vertical-align: top;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-header {
background-color: rgba(0,0,0,0.2);
padding: 0px 30px 0px 20px;
color: #fff;
border-bottom: none;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-header .hub-reference-results-back {
font-size: 11px;
padding: 6px 0 3px 3px;
color: rgba(255,255,255,0.3);
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-header .hub-reference-results-back:hover {
color: #fff;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-header .hub-reference-results-back .fa {
margin-right: 2px;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-header .hub-reference-results-header-item {
height: 100%;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-box;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding: 5px 10px;
color: #fff;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-header .hub-reference-results-header-item.selected {
background-color: rgba(0,0,0,0.4);
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-header .hub-reference-results-header-item .fa-circle {
font-size: 8px;
position: relative;
bottom: 1px;
margin-right: 1px;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-header .hub-reference-results-header-item .httpsuccess i {
color: #5bb349;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-header .hub-reference-results-header-item .httperror i {
color: #d96367;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-header .hub-reference-results-header-item em {
font-style: normal;
color: #999;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-meta .meta {
margin: 0 15px;
color: #fff;
border-bottom: 1px solid rgba(255,255,255,0.1);
padding: 15px 0;
font-size: 11px;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-meta .meta label {
color: rgba(255,255,255,0.4);
text-transform: uppercase;
font-size: 11px;
display: block;
margin-bottom: 3px;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-meta .meta pre {
margin: 0;
padding: 0;
font-size: 11px;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-meta .meta .httpstatus i {
font-size: 11px;
position: relative;
top: -1px;
margin-right: 3px;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-meta .meta .httpstatus .httpsuccess i {
color: #5bb349;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-meta .meta .httpstatus .httperror i {
color: #d96367;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-meta .meta .httpstatus em {
color: rgba(255,255,255,0.5);
font-style: normal;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-body {
color: #fff;
border-radius: 0;
border: 0;
overflow: auto;
margin: 0;
}
#hub-reference .hub-reference .hub-reference-section .hub-reference-right .hub-reference-results-body .hljs {
color: #fff;
background-color: transparent;
}
#hub-reference .hub-reference-end {
clear: both;
border-top: 1px solid #ddd;
margin: 0 0 0 -150%;
}
#hub-reference .hub-reference-actions {
margin-left: 31px;
padding-bottom: 20px;
}
#hub-reference .hub-reference-actions a {
color: #bbb;
font-size: 13px;
}
#hub-reference .hub-reference-actions a:hover {
color: #777;
}
.auth-box-parent {
position: relative;
float: right;
height: 50px;
top: -8px;
margin-left: 10px;
}
.auth-box-parent .hidden {
display: none;
}
.auth-box-parent .auth-box-drop {
position: absolute;
right: 0;
top: 0;
background-color: #333;
border-radius: 5px;
z-index: 100;
-webkit-transform: scale(0) translate(-10px, 10px);
-moz-transform: scale(0) translate(-10px, 10px);
-o-transform: scale(0) translate(-10px, 10px);
-ms-transform: scale(0) translate(-10px, 10px);
transform: scale(0) translate(-10px, 10px);
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
-ms-transition: 0.3s ease-out;
transition: 0.3s ease-out;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
min-width: 370px;
color: #bbb;
}
.auth-box-parent .auth-box-drop h3 {
margin: 0;
padding: 16px 26px;
font-size: 17px;
background-color: #222;
border-radius: 5px 5px 0 0;
color: #fff;
}
.auth-box-parent .auth-box-drop h3 .fa {
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.auth-box-parent .auth-box-drop > section {
padding: 15px 0;
margin: 0 25px;
border-top: 1px solid rgba(255,255,255,0.2);
}
.auth-box-parent .auth-box-drop > section label {
color: #fff;
display: block;
padding-top: 6px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.auth-box-parent .auth-box-drop > section input {
background-color: #222;
border: 0 none;
width: 100%;
border-radius: 4px;
color: #fff;
outline: 0 none;
padding: 8px 14px;
margin-bottom: 5px;
}
.auth-box-parent .auth-box-drop > h3 + section {
border-top: 0 none;
}
.auth-box-parent .auth-box-drop.on {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
-ms-filter: none;
filter: none;
}
.auth-box-parent a.auth-box {
display: block;
z-index: 101;
width: 45px;
height: 45px;
border-radius: 100px;
background-color: #ddd;
border: 1px solid #ddd;
-webkit-box-shadow: 0 0 0 2px #fff inset;
box-shadow: 0 0 0 2px #fff inset;
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
-ms-transition: 0.3s ease-out;
transition: 0.3s ease-out;
position: relative;
}
.auth-box-parent a.auth-box .fa {
color: #fff;
font-size: 22px;
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
-ms-transition: 0.3s ease-out;
transition: 0.3s ease-out;
top: 10px;
left: 10px;
position: absolute;
}
.auth-box-parent a.auth-box .fa-check {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.auth-box-parent a.auth-box:hover {
background-color: #888;
border-color: #888;
}
.auth-box-parent a.auth-box.auth-ready {
background-color: #5cb85c;
border-color: #5cb85c;
}
.auth-box-parent a.auth-box.drop-enabled {
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-o-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-box-shadow: 0 0 0 #333 inset;
box-shadow: 0 0 0 #333 inset;
border-radius: 5px;
background-color: #5cb85c;
-webkit-box-shadow: 0 0 0 3px #fff inset;
box-shadow: 0 0 0 3px #fff inset;
border-radius: 100px;
}
.auth-box-parent a.auth-box.drop-enabled:hover {
background-color: #4bad4b;
}
.auth-box-parent a.auth-box.drop-enabled:hover .fa-check {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.auth-box-parent a.auth-box.drop-enabled .fa-key {
-webkit-transform: rotate(55deg);
-moz-transform: rotate(55deg);
-o-transform: rotate(55deg);
-ms-transform: rotate(55deg);
transform: rotate(55deg);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.auth-box-parent a.auth-box.drop-enabled .fa-check {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1;
-ms-filter: none;
filter: none;
}
#hub-search .searchbox {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 17%;
-webkit-transition: width 0.3s ease-out;
-moz-transition: width 0.3s ease-out;
-o-transition: width 0.3s ease-out;
-ms-transition: width 0.3s ease-out;
transition: width 0.3s ease-out;
z-index: 1000;
height: 100%;
}
#hub-search .fa.fa-search {
position: absolute;
left: 0;
top: 10px;
color: #888;
z-index: 1002;
pointer-events: none;
}
#hub-search .searchbox:hover .fa.fa-search,
#hub-search .searchbox.full .fa.fa-search {
color: #333;
}
#hub-search input {
padding-left: 30px;
height: 100%;
width: 100%;
border: 0 none;
padding-top: 5px;
background: transparent;
padding-top: 2px;
background-color: #f6f7f8;
border-bottom: 1px solid #dee5e8;
z-index: 1001;
position: relative;
}
body.hub-suggested-edits #hub-search input {
border-bottom: 0 none;
background: transparent;
}
#hub-search input:focus {
outline: 0;
}
#hub-search input:focus + .fa.fa-search {
color: #333;
}
#hub-search .searchbox.full {
width: 100%;
}
#hub-search .searchbox.full input {
padding-left: 30px;
}
#hub-landing-top .searchbox {
height: 100%;
-webkit-transition: width 0.3s ease-out;
-moz-transition: width 0.3s ease-out;
-o-transition: width 0.3s ease-out;
-ms-transition: width 0.3s ease-out;
transition: width 0.3s ease-out;
width: 50%;
border-radius: 5px;
-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.1);
box-shadow: 0 0 0 5px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.1);
margin: 30px auto 0;
position: relative;
}
#hub-landing-top .searchbox.full {
width: 100%;
}
#hub-landing-top .searchbox.full input {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
#hub-search-results {
display: none;
max-height: 600px;
overflow: auto;
z-index: 2000;
text-align: left;
position: absolute;
background-color: #fff;
width: 100%;
padding: 20px 0;
border-top: 1px solid #dee5e8;
left: 0;
border-bottom: 1px solid #ddd;
-webkit-box-shadow: 0 3px 3px -2px rgba(0,0,0,0.3);
box-shadow: 0 3px 3px -2px rgba(0,0,0,0.3);
margin-top: -1px;
}
#hub-search-results.hub-search-results-active {
display: block;
}
#hub-search-results .icon {
font-size: 20px;
margin-bottom: 20px;
float: left;
width: 30px;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
#hub-search-results h3,
#hub-search-results .hub-search-noresults,
#hub-search-results ul a {
padding: 0 30px;
color: #999;
}
#hub-search-results ul li {
clear: both;
}
#hub-search-results ul li a {
overflow: hidden;
display: block;
padding: 8px 30px 3px;
}
#hub-search-results ul li a strong.hub-result-title {
color: #555;
font-weight: normal;
}
#hub-search-results ul li a p {
color: #888;
font-size: 14px;
margin: 0;
}
#hub-search-results ul li a em {
font-weight: bold;
color: #555;
}
#hub-search-results ul li a .hub-result-type {
font-weight: normal;
padding-left: 10px;
font-size: 11px;
text-transform: uppercase;
font-style: normal;
color: #aaa;
}
#hub-search-results ul li.activeSearch a {
background-color: #fcf5d4;
}
#hub-search-results ul li.activeSearch .icon,
#hub-search-results ul li:hover .icon {
opacity: 1;
-ms-filter: none;
filter: none;
}
#hub-search-results ul li.activeSearch p,
#hub-search-results ul li:hover p {
color: #777;
}
#hub-search-results h3 {
padding-top: 5px;
margin-top: 0;
color: #555;
}
#hub-search-results h3 em {
font-style: normal;
color: #bbb;
}
#hub-error {
margin: 150px 0 0;
}
#hub-error i.icon {
text-align: center;
display: block;
font-size: 80px;
color: #eee;
margin-bottom: 30px;
}
#hub-error h2 {
font-weight: lighter;
color: #aaa;
}
#hub-error h2 span {
color: #666;
}
#hub-error pre code {
background: #f9f9f9;
display: block;
padding: 30px;
border: 1px solid #ddd;
border-radius: 4px;
margin-top: 50px;
}
.content-body .magic-block-html {
margin-bottom: 2em;
margin-left: 31px;
}
.content-body .magic-block-html table {
max-width: 100%;
}
.content-body .magic-block-html table .header {
padding: 15px;
}
.content-body .magic-block-html table .header th {
border: 1px solid #ccc;
background-color: #f7f7f7;
padding: 5px;
}
.content-body .magic-block-html table td {
border: 1px solid #ccc;
vertical-align: top;
padding: 5px;
}
.content-body .magic-block-callout ul {
list-style: disc;
margin-left: 40px;
}
.content-body .magic-block-callout ol {
list-style: decimal;
margin-left: 0px;
}
.content-body .magic-block-callout ul,
.content-body .magic-block-callout ol {
font-size: 15px;
color: #747c84;
margin-top: 3px;
margin-bottom: 5px;
}
.content-body .magic-block-callout ul li,
.content-body .magic-block-callout ol li {
margin-bottom: 4px;
}
.content-body .magic-block-callout.no-title {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.content-body .magic-block-callout.no-title .noTitleIcon {
margin-right: 15px;
}
.content-body .magic-block-callout.no-title p {
margin-top: 0;
}
.content-body .magic-block-textarea,
.content-body .magic-block-api-header {
margin-bottom: 2em;
}
.content-body .magic-block-textarea p,
.content-body .magic-block-api-header p,
.content-body .magic-block-textarea ul,
.content-body .magic-block-api-header ul,
.content-body .magic-block-textarea ol,
.content-body .magic-block-api-header ol,
.content-body .magic-block-textarea h1,
.content-body .magic-block-api-header h1,
.content-body .magic-block-textarea h2,
.content-body .magic-block-api-header h2,
.content-body .magic-block-textarea h3,
.content-body .magic-block-api-header h3,
.content-body .magic-block-textarea h4,
.content-body .magic-block-api-header h4,
.content-body .magic-block-textarea h5,
.content-body .magic-block-api-header h5,
.content-body .magic-block-textarea h6,
.content-body .magic-block-api-header h6 {
padding-left: 31px;
padding-right: 25px;
}
.content-body .magic-block-textarea h1,
.content-body .magic-block-api-header h1,
.content-body .magic-block-textarea h2,
.content-body .magic-block-api-header h2,
.content-body .magic-block-textarea h3,
.content-body .magic-block-api-header h3,
.content-body .magic-block-textarea h4,
.content-body .magic-block-api-header h4,
.content-body .magic-block-textarea h5,
.content-body .magic-block-api-header h5,
.content-body .magic-block-textarea h6,
.content-body .magic-block-api-header h6 {
line-height: 1;
margin: 2em 0 0.5em;
}
.content-body .magic-block-textarea h1 .fa-anchor,
.content-body .magic-block-api-header h1 .fa-anchor,
.content-body .magic-block-textarea h2 .fa-anchor,
.content-body .magic-block-api-header h2 .fa-anchor,
.content-body .magic-block-textarea h3 .fa-anchor,
.content-body .magic-block-api-header h3 .fa-anchor,
.content-body .magic-block-textarea h4 .fa-anchor,
.content-body .magic-block-api-header h4 .fa-anchor,
.content-body .magic-block-textarea h5 .fa-anchor,
.content-body .magic-block-api-header h5 .fa-anchor,
.content-body .magic-block-textarea h6 .fa-anchor,
.content-body .magic-block-api-header h6 .fa-anchor {
display: none;
font-size: 12px;
color: #ccc;
}
.content-body .magic-block-textarea h1:hover .fa-anchor,
.content-body .magic-block-api-header h1:hover .fa-anchor,
.content-body .magic-block-textarea h2:hover .fa-anchor,
.content-body .magic-block-api-header h2:hover .fa-anchor,
.content-body .magic-block-textarea h3:hover .fa-anchor,
.content-body .magic-block-api-header h3:hover .fa-anchor,
.content-body .magic-block-textarea h4:hover .fa-anchor,
.content-body .magic-block-api-header h4:hover .fa-anchor,
.content-body .magic-block-textarea h5:hover .fa-anchor,
.content-body .magic-block-api-header h5:hover .fa-anchor,
.content-body .magic-block-textarea h6:hover .fa-anchor,
.content-body .magic-block-api-header h6:hover .fa-anchor {
display: inline-block;
}
.content-body .magic-block-textarea h1,
.content-body .magic-block-api-header h1 {
color: #555;
font-size: 23px;
font-weight: 600;
}
.content-body .magic-block-textarea h2,
.content-body .magic-block-api-header h2 {
color: #999;
font-size: 21px;
font-weight: 300;
}
.content-body .magic-block-textarea h3,
.content-body .magic-block-api-header h3 {
font-weight: 400;
color: #7d7d7d;
font-size: 17px;
}
.content-body .magic-block-textarea h4,
.content-body .magic-block-api-header h4,
.content-body .magic-block-textarea h5,
.content-body .magic-block-api-header h5,
.content-body .magic-block-textarea h6,
.content-body .magic-block-api-header h6 {
color: #7d7d7d;
font-size: 16px;
font-style: italic;
font-weight: 300;
}
.content-body .magic-block-textarea h1 + h2,
.content-body .magic-block-api-header h1 + h2,
.content-body .magic-block-textarea h1 + h3,
.content-body .magic-block-api-header h1 + h3,
.content-body .magic-block-textarea h1 + h4,
.content-body .magic-block-api-header h1 + h4,
.content-body .magic-block-textarea h1 + h5,
.content-body .magic-block-api-header h1 + h5,
.content-body .magic-block-textarea h1 + h6,
.content-body .magic-block-api-header h1 + h6,
.content-body .magic-block-textarea h2 + h3,
.content-body .magic-block-api-header h2 + h3,
.content-body .magic-block-textarea h2 + h4,
.content-body .magic-block-api-header h2 + h4,
.content-body .magic-block-textarea h2 + h5,
.content-body .magic-block-api-header h2 + h5,
.content-body .magic-block-textarea h2 + h6,
.content-body .magic-block-api-header h2 + h6,
.content-body .magic-block-textarea h3 + h4,
.content-body .magic-block-api-header h3 + h4,
.content-body .magic-block-textarea h3 + h5,
.content-body .magic-block-api-header h3 + h5,
.content-body .magic-block-textarea h3 + h6,
.content-body .magic-block-api-header h3 + h6,
.content-body .magic-block-textarea h4 + h5,
.content-body .magic-block-api-header h4 + h5,
.content-body .magic-block-textarea h4 + h6,
.content-body .magic-block-api-header h4 + h6,
.content-body .magic-block-textarea h5 + h6,
.content-body .magic-block-api-header h5 + h6 {
margin-top: 1em;
}
.content-body .magic-block-textarea ul,
.content-body .magic-block-api-header ul,
.content-body .magic-block-textarea ol,
.content-body .magic-block-api-header ol {
margin-left: 20px;
margin-bottom: 1em;
margin-top: 0;
font-size: 15px;
line-height: 26px;
color: #747c84;
}
.content-body .magic-block-textarea ul li,
.content-body .magic-block-api-header ul li,
.content-body .magic-block-textarea ol li,
.content-body .magic-block-api-header ol li {
margin-bottom: 0.7em;
font-size: 14px;
}
.content-body .magic-block-textarea ul,
.content-body .magic-block-api-header ul {
list-style: disc;
}
.content-body .magic-block-textarea ol,
.content-body .magic-block-api-header ol {
list-style: decimal;
}
.content-body .magic-block-textarea pre,
.content-body .magic-block-api-header pre {
margin: 20px 0px;
background-color: #f0f2f4;
padding: 20px 50px;
}
.content-body .magic-block-textarea pre code,
.content-body .magic-block-api-header pre code {
font-size: 12px;
line-height18px
overflow: hidden;
color: #555;
}
.content-body .magic-block-textarea img,
.content-body .magic-block-api-header img {
max-width: 100%;
}
.content-body .marked-table {
border: 3px solid #eee;
border-radius: 5px;
margin: 2em 30px 2em;
overflow: auto;
}
.content-body .marked-table table {
width: 100%;
}
.content-body .marked-table table tr,
.content-body .marked-table table td,
.content-body .marked-table table th {
padding: 5px 15px;
vertical-align: top;
font-size: 14px;
}
.content-body .marked-table table tr ul,
.content-body .marked-table table td ul,
.content-body .marked-table table th ul {
list-style: disc;
margin-left: 10px;
}
.content-body .marked-table table th {
background-color: #f9f9f9;
border-bottom: 2px solid #eee;
text-align: left;
}
.content-body .magic-block-parameters {
margin: 0 30px 2em;
}
.content-body .magic-block-parameters .block-parameters-table {
border: 3px solid #eee;
border-radius: 5px;
overflow: auto;
}
.content-body .magic-block-parameters .block-parameters-table .table {
width: 100%;
}
.content-body .magic-block-parameters .block-parameters-table .tr,
.content-body .magic-block-parameters .block-parameters-table .td,
.content-body .magic-block-parameters .block-parameters-table .th {
padding: 5px 15px;
vertical-align: top;
font-size: 14px;
}
.content-body .magic-block-parameters .block-parameters-table .tr ul,
.content-body .magic-block-parameters .block-parameters-table .td ul,
.content-body .magic-block-parameters .block-parameters-table .th ul {
list-style: disc;
margin-left: 10px;
}
.content-body .magic-block-parameters .block-parameters-table .tr p,
.content-body .magic-block-parameters .block-parameters-table .td p,
.content-body .magic-block-parameters .block-parameters-table .th p {
margin-bottom: 0;
font-size: 14px;
}
.content-body .magic-block-parameters .block-parameters-table .th {
background-color: #f9f9f9;
border-bottom: 2px solid #eee;
text-align: left;
}
.content-body .magic-block-code {
background-color: #f6f6f6;
margin-bottom: 2em;
}
.content-body .magic-block-code ul.block-code-header {
margin: 0;
list-style: none;
background-color: #eaeaea;
padding-left: 18px;
}
.content-body .magic-block-code ul.block-code-header li {
display: inline-block;
}
.content-body .magic-block-code ul.block-code-header li a {
font-size: 13px;
color: #aaa;
text-decoration: none;
padding: 8px 13px;
display: block;
}
.content-body .magic-block-code ul.block-code-header li a:hover {
background-color: #e2e1e1;
color: #777;
}
.content-body .magic-block-code ul.block-code-header li a.active {
color: #333;
font-weight: 600;
}
.content-body .magic-block-code ul.block-code-header li a .status-icon {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 10px;
background-color: #5bb349;
margin-right: 5px;
margin-bottom: 1px;
}
.content-body .magic-block-code ul.block-code-header li a .status-icon.status-icon-error {
background-color: #d96367;
}
.content-body .magic-block-code ul.block-code-header li a em {
font-style: normal;
font-weight: 300;
color: rgba(255,255,255,0.5);
padding-left: 6px;
}
.content-body .magic-block-code div.block-code-code {
padding: 20px 20px 20px 31px;
}
.content-body .magic-block-code div.block-code-code pre {
margin: 0;
}
.content-body .magic-block-code div.block-code-code pre code {
background: transparent;
padding: 0;
font-size: 12px;
line-height: 18px;
margin: 0;
overflow: hidden;
color: #666;
}
.content-body .magic-block-image {
margin-bottom: 3em;
}
.content-body .magic-block-image .block-display-image-parent {
display: block;
}
.content-body .magic-block-image .block-display-image-border {
position: relative;
}
.content-body .magic-block-image .block-display-image-border:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
}
.content-body .magic-block-image .block-display-image-size-full {
width: 100%;
}
.content-body .magic-block-image .block-display-image-size-full img {
width: 100%;
}
.content-body .magic-block-image .block-display-image-size-80 {
margin: auto;
width: 80%;
}
.content-body .magic-block-image .block-display-image-size-80 img {
width: 100%;
}
.content-body .magic-block-image .block-display-image-size-original {
display: inline-block;
}
.content-body .magic-block-image .block-display-image-size-original img {
margin: auto;
}
.content-body .magic-block-image .block-display-image-size-smart {
margin: auto;
display: inline-block;
position: relative;
}
.content-body .magic-block-image .block-display-image-size-smart img {
max-width: 100%;
max-height: 450px;
}
.content-body .magic-block-image figcaption p {
text-align: center;
width: 80%;
margin: -1em auto 0;
color: #777;
font-size: 15px;
font-weight: 100;
font-style: italic;
}
.content-body .magic-block-callout {
margin-left: 31px;
border-left: 4px solid #f00;
padding: 13px 13px 13px 23px;
position: relative;
margin-bottom: 3em;
}
.content-body .magic-block-callout.no-title .callout-body {
margin-top: 0;
padding-left: 0;
}
.content-body .magic-block-callout .callout-body {
margin-top: 10px;
padding-left: 22px;
}
.content-body .magic-block-callout h3 {
color: #5bc0de;
margin: 0;
font-size: 15px;
font-weight: bold;
}
.content-body .magic-block-callout h3 + p {
margin-top: 4px;
}
.content-body .magic-block-callout p {
margin-top: 8px;
margin-bottom: 0px;
color: rgba(0,0,0,0.5);
font-size: 14px;
}
.content-body .magic-block-callout p:first-child {
margin-top: 0;
}
.content-body .magic-block-callout.type-info {
background-color: #e3edf2;
border-color: #5bc0de;
}
.content-body .magic-block-callout.type-info h3 {
color: #5bc0de;
}
.content-body .magic-block-callout.type-warning {
background-color: #fcf8f2;
border-color: #f0ad4e;
}
.content-body .magic-block-callout.type-warning h3 {
color: #f0ad4e;
}
.content-body .magic-block-callout.type-danger {
background-color: #fdf7f7;
border-color: #d9534f;
}
.content-body .magic-block-callout.type-danger h3 {
color: #d9534f;
}
.content-body .magic-block-callout.type-success {
background-color: #f3f8f3;
border-color: #50af51;
}
.content-body .magic-block-callout.type-success h3 {
color: #50af51;
}
.content-body .magic-block-callout .fa {
pointer-events: none;
font-size: 18px;
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
margin-right: 6px;
position: relative;
top: 1px;
}
.content-body .magic-block-callout .fa.fa-info-circle {
color: #5bc0de;
}
.content-body .magic-block-callout .fa.fa-exclamation-circle {
color: #f0ad4e;
}
.content-body .magic-block-callout .fa.fa-exclamation-triangle {
color: #d9534f;
}
.content-body .magic-block-callout .fa.fa-check-square {
color: #50af51;
}
.content-body .magic-block-embed {
padding-left: 31px;
margin-bottom: 3em;
}
.content-body .magic-block-embed iframe.embedly-embed {
width: 100%;
}
.content-body .magic-block-embed iframe.media-iframe {
border: 0 none;
}
.content-body .magic-block-api-header {
margin: 30px 0px 15px 0px;
}
.content-body .magic-block-textarea,
.content-body .magic-block-api-header,
.content-body .header-scroll {
position: relative;
}
.content-body h1 .fa.fa-anchor,
.content-body h2 .fa.fa-anchor,
.content-body h3 .fa.fa-anchor,
.content-body h4 .fa.fa-anchor,
.content-body h5 .fa.fa-anchor,
.content-body h6 .fa.fa-anchor {
display: none;
font-size: 14px;
position: relative;
top: -2px;
color: #ccc;
}
.content-body h1:hover .fa.fa-anchor,
.content-body h2:hover .fa.fa-anchor,
.content-body h3:hover .fa.fa-anchor,
.content-body h4:hover .fa.fa-anchor,
.content-body h5:hover .fa.fa-anchor,
.content-body h6:hover .fa.fa-anchor {
padding: 0px 4px 0px 12px;
display: inline-block;
text-decoration: none;
vertical-align: middle;
}
.content-body h1:hover .fa.fa-anchor:hover,
.content-body h2:hover .fa.fa-anchor:hover,
.content-body h3:hover .fa.fa-anchor:hover,
.content-body h4:hover .fa.fa-anchor:hover,
.content-body h5:hover .fa.fa-anchor:hover,
.content-body h6:hover .fa.fa-anchor:hover {
color: #777;
}
.content-body .magic-block-parameters h1 .fa.fa-anchor,
.content-body .magic-block-parameters h2 .fa.fa-anchor,
.content-body .magic-block-parameters h3 .fa.fa-anchor,
.content-body .magic-block-parameters h4 .fa.fa-anchor,
.content-body .magic-block-parameters h5 .fa.fa-anchor,
.content-body .magic-block-parameters h6 .fa.fa-anchor {
display: none;
}
.content-body .magic-block-parameters h1 .fa.fa-anchor:hover,
.content-body .magic-block-parameters h2 .fa.fa-anchor:hover,
.content-body .magic-block-parameters h3 .fa.fa-anchor:hover,
.content-body .magic-block-parameters h4 .fa.fa-anchor:hover,
.content-body .magic-block-parameters h5 .fa.fa-anchor:hover,
.content-body .magic-block-parameters h6 .fa.fa-anchor:hover {
display: none;
}
body.page-password,
#password {
background-color: #00799e;
padding: 100px 0 0;
text-align: center;
}
body.page-password .container,
#password .container {
max-width: 470px;
margin: auto;
}
body.page-password .container .main-content,
#password .container .main-content {
padding: 0 0 30px;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
background-color: transparent;
}
body.page-password .container h1,
#password .container h1 {
font-family: "Open Sans", sans-serif;
font-weight: 300;
color: #fff;
}
body.page-password .container a.admin-login,
#password .container a.admin-login {
color: rgba(255,255,255,0.8);
}
body.page-password .container a.admin-login:hover,
#password .container a.admin-login:hover {
color: #fff;
border-bottom: 1px dotted rgba(255,255,255,0.3);
}
body.page-password .container p,
#password .container p {
font-family: "Open Sans", sans-serif;
margin-bottom: 25px;
color: #fff;
}
body.page-password .container .form-group,
#password .container .form-group {
overflow: hidden;
}
body.page-password .container .form-group .form-control,
#password .container .form-group .form-control {
border: 0 none;
width: 300px;
display: inline-block;
border-radius: 3px 0 0 3px;
float: left;
}
body.page-password .container .form-group .form-control:active,
#password .container .form-group .form-control:active,
body.page-password .container .form-group .form-control:focus,
#password .container .form-group .form-control:focus {
outline: 0 none;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
}
body.page-password .container .form-group button.btn,
#password .container .form-group button.btn {
width: 100px;
float: left;
border-radius: 0 3px 3px 0;
}
body.page-password .container button.btn,
#password .container button.btn,
body.page-password .container a.btn,
#password .container a.btn {
background-color: rgba(0,0,0,0.3);
color: #fff;
border-radius: 3px;
}
body.page-password .error,
#password .error {
background-color: #ece4b6;
width: 300px;
margin: auto;
padding: 10px;
margin-top: 35px;
color: #92832e;
}
body.page-password footer,
#password footer {
border-top: 0;
}
#error-page .logo {
width: 182px;
height: 182px;
margin: 80px auto 45px;
background-image: url("../img/logo-loading.png");
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5/1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) {
#error-page .logo {
background-image: url("../img/logo-loading-2x.jpg");
-webkit-background-size: 182px 182px;
-moz-background-size: 182px 182px;
background-size: 182px 182px;
}
}
#error-page h2 {
text-align: center;
font-weight: 300;
}
#error-page h2 span {
color: #aaa;
}
#error-page #error-message-box {
display: none;
}
.hub-blog {
max-width: 700px;
margin: 60px auto 0;
}
.hub-blog .hub-blog-post {
padding-right: 31px;
display: block;
border-top: 1px solid #eee;
padding: 50px 0;
}
.hub-blog .hub-blog-post:first-child {
border-top: 0;
padding-top: 0;
}
.hub-blog .hub-blog-post h3 {
margin: 0;
padding-left: 31px;
}
.hub-blog .hub-blog-post .hub-blog-info {
color: #999;
font-size: 14px;
margin-bottom: 25px;
padding-left: 31px;
}
#hub-changelog {
padding: 0 31px;
margin-top: 20px;
}
#hub-changelog table.changelog {
width: 100%;
border: 0 none;
}
#hub-changelog table.changelog th,
#hub-changelog table.changelog td {
vertical-align: middle;
padding: 0;
border: 0 none;
}
#hub-changelog table.changelog th p,
#hub-changelog table.changelog td p {
margin-bottom: 0;
}
#hub-changelog table.changelog tr:first-child th,
#hub-changelog table.changelog tr:first-child td {
border-top: 0 none;
}
#hub-changelog table.changelog th {
width: 120px;
padding: 5px 20px 5px 0;
background-color: #fff;
}
#hub-changelog table.changelog th .changelog-label {
background-color: #ddd;
font-size: 11px;
border-radius: 3px;
color: #fff;
padding: 4px 8px;
text-transform: uppercase;
font-weight: bold;
}
#hub-changelog table.changelog th .changelog-label.cl-added {
background-color: #6bbd5b;
}
#hub-changelog table.changelog th .changelog-label.cl-improved {
background-color: #248fb2;
}
#hub-changelog table.changelog th .changelog-label.cl-fixed {
background-color: #9b708b;
}
#hub-changelog table.changelog th .changelog-label.cl-broken {
background-color: #e27a7a;
}
#hub-changelog table.changelog th .changelog-label.cl-known {
background-color: #d1ae42;
}
.grid-container.threes {
text-align: center;
}
#hub-landing-page {
margin-top: 40px;
}
#hub-landing-page .row {
padding: 0 0 70px 0;
}
#hub-landing-page .row .imageContainer {
text-align: center;
}
#hub-landing-page .left {
text-align: left;
}
#hub-landing-page .right {
text-align: right;
}
#hub-landing-page .center {
text-align: center;
}
#hub-landing-page .floatleft {
float: left;
padding-right: 50px;
}
#hub-landing-page .floatright {
float: right;
padding-left: 50px;
}
#hub-landing-page img {
max-width: 100%;
max-height: 500px;
}
#hub-landing-page h3 {
margin-bottom: 5px;
}
#hub-landing-page .links li {
padding: 5px;
}
#hub-landing-page .links li a {
color: #888;
}
#hub-landing-page .links li a:hover {
color: #646464;
text-decoration: underline;
}
#hub-landing-page .hub-landing-links > div h3 {
padding-left: 50px;
margin-top: 0;
position: relative;
text-align: left;
padding-bottom: 0;
border-bottom: 1px solid #ddd;
color: #555;
text-transform: none;
font-size: 20px;
}
#hub-landing-page .hub-landing-links > div h3 a {
padding-top: 15px;
padding-bottom: 17px;
display: block;
cursor: pointer;
}
#hub-landing-page .hub-landing-links > div h3 a:hover .pull-right {
color: #888;
}
#hub-landing-page .hub-landing-links > div h3 a strong {
color: #555;
}
#hub-landing-page .hub-landing-links > div h3 a .pull-right {
color: #bbb;
font-weight: normal;
font-size: 12px;
text-transform: uppercase;
padding-top: 6px;
}
#hub-landing-page .hub-landing-links > div i.icon {
position: absolute;
left: 5px;
font-size: 31px;
top: 14px;
color: #aaa;
}
#hub-landing-page .hub-landing-links > div ul {
text-align: left;
padding-top: 10px;
}
#hub-landing-page .hub-landing-category-columns {
display: block;
}
#hub-landing-page .hub-landing-category-columns .row {
padding-bottom: 40px;
}
#hub-landing-page .hub-landing-category-columns .row .col-sm-4 {
padding-right: 20px;
padding-left: 20px;
margin-right: -1px;
}
#hub-landing-page .hub-landing-category-columns .row .col-sm-4 h3 {
fonxt-size: 20px;
text-align: left;
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
}
#hub-landing-page .hub-landing-category-columns .row .col-sm-4 ul {
padding-top: 10px;
height: 110px;
}
#hub-landing-page .hub-landing-category-columns .row .col-sm-4 ul li a {
text-align: left;
padding: 5px 0;
display: block;
color: #888;
}
#hub-landing-page .hub-landing-category-columns .row .col-sm-4 ul li a:hover {
color: #646464;
text-decoration: underline;
}
#hub-landing-page .hub-landing-category-columns .row .col-sm-4 ul li a .fa {
margin-left: 5px;
}
#hub-landing-page .hub-landing-category-columns .row .col-sm-4 .view-all {
float: left;
}
#hub-landing-top {
max-width: 700px;
padding: 60px 0;
display: none;
}
#hub-landing-top.hub-landing-search {
max-width: 1000px;
margin: 0 auto;
padding: 60px 50px;
}
.theme-solid #hub-landing-top h2,
.theme-solid #hub-landing-top .hub-landing-description p {
color: #fff;
}
#hub-landing-top h2 {
font-weight: normal;
font-size: 30px;
margin-top: 0;
margin: 0;
}
.hub-is-home #hub-landing-top {
display: block;
}
#hub-landing-top .btn {
background-color: #fff;
color: #333;
text-transform: uppercase;
font-weight: 500;
transition: 0.15s ease-out;
padding: 4px 17px 7px;
font-size: 12px;
box-shadow: 0 0;
border-radius: 6px;
}
.theme-line #hub-landing-top .btn {
color: #fff;
}
#hub-landing-top .btn:hover {
box-shadow: none;
}
.lumosity-light #hub-landing-top {
color: rgba(0,0,0,0.8);
}
.theme-line #hub-landing-top {
color: rgba(0,0,0,0.8);
}
#hub-landing-top .hub-landing-description {
font-size: 17px;
font-weight: 500;
line-height: 1.6em;
font-size: 16px;
margin: 18px 0 26px;
}
#hub-landing-top #hub-search-results {
left: inherit;
width: 75%;
}
#hub-landing-top .search-bar.focus {
box-shadow: 0 0 0 5px rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.1);
}
#hub-landing-top .search-bar .fa {
position: absolute;
top: 10px;
left: 14px;
font-size: 21px;
color: #ccc;
z-index: 1004;
}
#hub-landing-top .search-bar .searchbox.full input {
padding-left: 50px;
}
#hub-landing-top .search-bar .twitter-typeahead {
width: 100%;
}
#hub-landing-top .search-bar input {
border-radius: 5px;
height: 100%;
border: 0 none;
box-shadow: 0 2px 2px rgba(0,0,0,0.1) inset;
color: #444;
width: 100%;
font-size: 20px;
padding: 13px 13px 13px 50px;
font-size: 14px;
}
#hub-landing-top .search-bar input.tt-hint {
color: #bbb;
}
#hub-landing-top .search-bar input:active,
#hub-landing-top .search-bar input:focus {
outline: 0 none;
box-shadow: 0 2px 2px rgba(0,0,0,0.2) inset;
}
#hub-landing-top .search-bar .tt-dropdown-menu {
width: 100%;
text-align: left;
}
#hub-landing-top .search-bar .tt-dropdown-menu h3 {
padding: 0 45px;
color: #ccc;
font-weight: bold;
font-size: 12px;
margin: 10px 0 4px;
text-transform: uppercase;
}
#hub-landing-top .search-bar .tt-dropdown-menu .tt-suggestions {
display: block;
}
#hub-landing-top .search-bar .tt-dropdown-menu .tt-suggestions .tt-suggestion {
cursor: pointer;
font-size: 14px;
padding: 4px 45px;
}
#hub-landing-top .search-bar .tt-dropdown-menu .tt-suggestions .tt-suggestion p {
color: #333;
overflow: ellipsis;
}
#hub-landing-top .search-bar .tt-cursor {
background-color: #eee;
color: #fff;
}
#hub-landing-top a .fa,
#hub-landing-top a .icon {
display: inline-block;
text-align: left;
transition: 0.15s ease-out;
width: 0px;
overflow: hidden;
opacity: 0;
top: 4px;
position: relative;
font-size: 18px;
transform: scale(0.6);
}
#hub-landing-top a.btn:hover .fa,
#hub-landing-top a.btn:hover .icon {
width: 28px;
opacity: 1;
transform: scale(1);
}
/* Reference page */
/* TODO: This should be refactored by Future Greg*/
#hub-reference .hub-api .sidebar-nav {
overflow: auto;
}
#hub-reference .hub-api .docs-header {
padding-left: 30px;
padding-right: 30px;
}
#hub-reference .hub-api .hub-reference-section-code {
background-color: #3d434a;
position: relative;
z-index: 1;
}
#hub-reference .hub-api .hub-reference-section-code .hub-reference-left,
#hub-reference .hub-api .hub-reference-section-code .hub-reference-right {
background-color: transparent !important;
}
#hub-reference .hub-api .hub-reference-right.hub-reference-results {
border-left: 0 none !important;
width: 390px;
overflow: hidden;
background-color: #363d44 !important;
position: relative;
overflow: hidden;
}
#hub-reference .hub-api .hub-reference-right.hub-reference-results:hover {
overflow-y: auto;
}
#hub-reference .hub-api .hub-reference-right.hub-reference-results .hub-reference-results-slider {
width: 780px;
display: table;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
-ms-transition: 0.3s ease-out;
transition: 0.3s ease-out;
table-layout: fixed;
}
#hub-reference .hub-api .hub-reference-right.hub-reference-results .hub-reference-results-slider .hub-reference-results-examples,
#hub-reference .hub-api .hub-reference-right.hub-reference-results .hub-reference-results-slider .hub-reference-results-explorer {
width: 390px;
display: table-cell;
vertical-align: top;
}
#hub-reference .hub-api .hub-reference-right.hub-reference-results .hub-reference-results-slider .hub-reference-results-examples .code-sample pre {
max-height: 300px;
}
#hub-reference .hub-api .hub-reference-right.hub-reference-results.on .hub-reference-results-slider {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
#hub-reference .hub-api .code-sample .hub-code-param,
#hub-reference .hub-api .code-sample .hub-code-param-empty {
background: rgba(0,0,0,0.2);
padding: 0 1px;
border-radius: 3px;
}
#hub-reference .hub-api .code-sample .hub-code-param-empty {
color: #777;
font-style: italic;
padding: 0px 3px 0px 0;
}
#hub-reference .hub-api .code-sample .hub-lang {
display: none;
}
#hub-reference .hub-api .code-sample .hub-code-auto {
position: relative;
}
#hub-reference .hub-api .code-sample .hub-code-auto i.icon-sync {
position: absolute;
top: -2px;
right: 11px;
color: rgba(255,255,255,0.5);
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
}
.is-lang-curl #hub-reference .hub-api .code-sample .hub-lang-curl {
display: block;
}
.is-lang-curl #hub-reference .hub-api .code-sample .hub-lang-switch-curl {
color: #fff;
}
.is-lang-node #hub-reference .hub-api .code-sample .hub-lang-node {
display: block;
}
.is-lang-node #hub-reference .hub-api .code-sample .hub-lang-switch-node {
color: #fff;
}
.is-lang-ruby #hub-reference .hub-api .code-sample .hub-lang-ruby {
display: block;
}
.is-lang-ruby #hub-reference .hub-api .code-sample .hub-lang-switch-ruby {
color: #fff;
}
.is-lang-javascript #hub-reference .hub-api .code-sample .hub-lang-javascript {
display: block;
}
.is-lang-javascript #hub-reference .hub-api .code-sample .hub-lang-switch-javascript {
color: #fff;
}
.is-lang-python #hub-reference .hub-api .code-sample .hub-lang-python {
display: block;
}
.is-lang-python #hub-reference .hub-api .code-sample .hub-lang-switch-python {
color: #fff;
}
#hub-reference .hub-api .code-sample .docs-right {
padding: 5px 20px 15px 20px;
float: right;
width: 40%;
}
#hub-reference .hub-api .code-sample .docs-right .responsesHeader .status {
padding: 10px;
}
#hub-reference .hub-api .code-sample .docs-right .scroller {
max-height: 500px;
}
#hub-reference .hub-api .code-sample .docs-right .scroller code {
background-color: #eee;
font-size: 16px;
font-family: Monaco, "Lucida Console", monospace;
}
#hub-reference .hub-api .code-sample .hub-no-code {
text-align: center;
padding: 40px 0;
color: rgba(255,255,255,0.7);
font-style: italic;
font-size: 14px;
}
#hub-reference .hub-api .code-sample ul.code-sample-tabs {
padding: 0px 30px 0px 20px;
margin: 0;
background: #333840;
font-size: 14px;
}
#hub-reference .hub-api .code-sample ul.code-sample-tabs li {
display: inline-block;
}
#hub-reference .hub-api .code-sample ul.code-sample-tabs li a {
display: inline-block;
padding: 5px 10px;
color: rgba(255,255,255,0.4);
}
#hub-reference .hub-api .code-sample ul.code-sample-tabs li a:hover {
color: rgba(255,255,255,0.8);
}
#hub-reference .hub-api .code-sample .code-sample-body {
padding: 10px 0;
overflow: auto;
}
#hub-reference .hub-api .code-sample pre {
font-size: 12px;
font-family: Monaco, "Lucida Console", monospace;
padding: 0;
border: 0;
background: transparent;
padding: 0 30px;
overflow: visible;
white-space: pre-wrap;
max-height: 300px;
word-break: break-all;
}
#hub-reference .hub-api .section-right {
background-color: #272b2d;
width: 30%;
margin-left: 70%;
}
#hub-reference .hub-api .section-right .docs-page .docs-content {
width: 233.33333%;
margin-left: -233.33333%;
}
#hub-reference .hub-api .section-right .docs-page .docs-content {
padding-left: 0;
padding-right: 0;
}
#hub-reference .hub-api .api-manager {
padding: 0 30px;
}
#hub-reference .hub-api .api-manager .param-header {
display: table-row;
}
#hub-reference .hub-api .api-manager .param-header > * {
border-bottom: 1px solid #ddd;
vertical-align: bottom;
display: table-cell;
}
#hub-reference .hub-api .api-manager .param-header h3 {
padding-top: 30px;
color: #aeaeae;
padding-bottom: 10px;
margin-bottom: 5px;
font-weight: normal;
font-size: 14px;
text-transform: uppercase;
padding-left: 15px;
}
#hub-reference .hub-api .api-manager .param-table {
padding: 0;
display: table;
padding: 8px 0;
font-size: 14px;
width: 100%;
}
#hub-reference .hub-api .api-manager .param-table .param-item {
display: table-row;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-name,
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info {
border-bottom: 1px solid #f2f2f2;
padding: 8px 15px 8px 15px;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-name {
display: table-cell;
vertical-align: top;
margin-left: 10px;
min-width: 170px;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-name strong {
display: block;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 14px;
color: #56585e;
font-weight: 600;
font-size: 14px;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-name .param-type {
color: #b4babd;
font-size: 12px;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-required {
color: #ef6363;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
margin-bottom: 4px;
margin-left: auto;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info {
display: table-cell;
padding: 8px 0;
vertical-align: top;
margin-left: auto;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table {
display: table;
width: 100%;
vertical-align: middle;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-desc {
display: table-cell;
padding-right: 50px;
width: 320px;
vertical-align: top;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-desc p {
color: #666;
font-weight: 400;
font-style: normal;
line-height: 18px;
font-size: 13px;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-desc p code {
margin-left: 5px;
padding-left: 3px;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-input {
display: table-cell;
width: 220px;
vertical-align: middle;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-input .selectize select {
width: 100%;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-input .full,
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-input textarea {
width: 100%;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-input textarea,
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-input input[type="text"],
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-input input[type="number"] {
border: 1px solid #eaeaea;
border-radius: 2px;
padding: 8px 10px;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-input textarea:focus,
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-input input[type="text"]:focus,
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-input input[type="number"]:focus {
outline: 0 none;
border: 1px solid #888;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-input textarea {
width: 400px;
}
@media (max-width: 1290px) {
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table {
display: block;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-desc {
display: block;
padding-right: 0;
width: auto;
}
#hub-reference .hub-api .api-manager .param-table .param-item .param-item-info .param-item-table .param-item-input {
display: block;
}
}
#hub-reference .hub-api .section-right .docs-page .docs-right {
padding: 0;
padding-top: 133px;
}
#hub-reference .hub-api .section-right .docs-page .docs-right .results-header {
background-color: rgba(0,0,0,0.2);
padding: 5px 30px;
color: #fff;
}
#hub-reference .hub-api .section-right .docs-page .docs-right .results-body {
background-color: rgba(0,0,0,0.1);
color: #fff;
border-radius: 0;
border: 0;
padding: 30px;
max-height: 700px;
overflow: auto;
}
#hub-reference .hub-api .api-definition {
color: #a8a7a7;
font-size: 15px;
position: relative;
word-break: break-all;
}
#hub-reference .hub-api .api-definition .api-definition-container {
-webkit-box-shadow: 0 -1px 0 #ddd;
box-shadow: 0 -1px 0 #ddd;
position: relative;
padding: 15px 160px 15px 90px;
}
#hub-reference .hub-api .api-definition .api-definition-container a.icon {
color: #999;
}
#hub-reference .hub-api .api-definition .api-definition-container a.icon:hover {
color: #444;
}
#hub-reference .hub-api .api-definition .api-definition-container .api-definition-actions {
margin-left: 15px;
white-space: nowrap;
top: 7px;
position: absolute;
right: 30px;
}
#hub-reference .hub-api .api-definition .pg-type {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-right: 10px;
position: absolute;
left: 30px;
}
#hub-reference .hub-api .api-definition .popover {
font-size: 13px;
}
#hub-reference .hub-api .api-definition .api-definition-protocol:hover {
color: #333;
}
#hub-reference .hub-api .api-definition .api-variable {
position: relative;
color: #5a5a5a;
border-bottom: 1px solid #ccc;
margin: 0 3px;
}
#hub-reference .hub-api .api-definition .api-variable:hover {
color: #333;
}
#hub-reference .hub-api .api-definition .api-variable:hover:after {
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
}
#hub-reference .hub-api .api-definition .api-try-it-out {
background: #fff;
border: 2px solid #eee;
border-radius: 5px;
padding: 6px 17px 8px;
font-size: 15px;
color: #999;
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
-ms-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
#hub-reference .hub-api .api-definition .api-try-it-out.active,
#hub-reference .hub-api .api-definition .api-try-it-out.active:hover {
color: #fff !important;
border-radius: 3px;
}
#hub-reference .hub-api .api-definition .api-try-it-out:before {
padding-right: 8px;
}
#hub-reference .hub-api .api-definition .api-try-it-out .fa.fa-compass {
padding-right: 2px;
}
#hub-reference .hub-api .api-definition .hub-auth-dropdown {
display: inline-block;
margin-right: 15px;
}
#hub-reference .hub-api .api-definition .hub-auth-dropdown > div {
width: 340px;
margin-right: -7px;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.1);
}
#hub-reference .hub-api .api-definition .hub-auth-dropdown > div .triangle {
border-bottom-color: rgba(0,0,0,0.2);
}
#hub-reference .hub-api .api-definition .hub-auth-dropdown > div .triangle:before {
border-bottom-color: #f9f9f9;
}
#hub-reference .hub-api .api-definition .hub-auth-dropdown > div h3 {
margin-top: 0;
color: #555;
font-weight: normal;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
padding: 8px 17px;
background: #f9f9f9;
border-radius: 3px 3px 0 0;
}
#hub-reference .hub-api .api-definition .hub-auth-dropdown > div section {
border-top: 1px solid #eee;
padding-top: 15px;
margin-top: 15px;
}
#hub-reference .hub-api .api-definition .hub-auth-dropdown > div section:first-child {
padding-top: 0;
margin-top: 0;
border-top: 0 none;
}
#hub-reference .hub-api .api-definition .hub-auth-dropdown > div .pad {
padding: 15px 17px;
}
#hub-reference .hub-api .api-definition .hub-auth-dropdown > div label {
font-size: 13px;
padding: 5px 0;
display: block;
color: #777;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
#hub-reference .hub-api .api-definition .hub-auth-dropdown > div input[type=text] {
border: 1px solid #ddd;
border-radius: 2px;
padding: 5px 7px;
width: 100%;
font-size: 13px;
margin-bottom: 6px;
color: #666;
}
#hub-reference .hub-api .api-definition .hub-auth-dropdown > div input[type=text]:focus,
#hub-reference .hub-api .api-definition .hub-auth-dropdown > div input[type=text]:active {
outline: 0 none;
border: 1px solid #888;
}
#hub-reference .hub-api .api-definition .hub-auth-dropdown .hub-authrequired {
overflow: hidden;
height: 0;
}
#hub-reference .hub-api .api-definition .hub-auth-dropdown .hub-authrequired.active {
height: 36px;
-webkit-transition: 0.4s ease-out 0.4s;
-moz-transition: 0.4s ease-out 0.4s;
-o-transition: 0.4s ease-out 0.4s;
-ms-transition: 0.4s ease-out 0.4s;
transition: 0.4s ease-out 0.4s;
}
#hub-reference .hub-api .api-definition .hub-auth-dropdown .hub-authrequired .hub-authrequired-slider {
font-size: 12px;
padding: 10px 10px;
word-break: break-word;
background: #f9f5ec;
color: #d49d39;
text-align: center;
border-radius: 0 0 4px 4px;
border-top: 1px solid #e5dccb;
height: 36px;
}
#hub-reference .hub-api .api-definition.float {
position: fixed;
left: 0;
top: 0;
z-index: 1000;
width: calc(100% - 246px);
margin-left: 246px;
background: #fff;
-webkit-box-shadow: 1px 0 0 #dee5e8 inset, 0 1px 0 rgba(81,88,90,0.17);
box-shadow: 1px 0 0 #dee5e8 inset, 0 1px 0 rgba(81,88,90,0.17);
}
footer {
clear: both;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-o-box-flex: 1;
box-flex: 1;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.hub-is-home footer {
display: block;
}
footer #readmeLogo {
padding: 30px 0;
text-align: right;
}
.hub-full footer #readmeLogo {
padding: 30px 30px 24px 30px;
}
footer #readmeLogo a.icon {
color: #ccc;
font-size: 22px;
}
footer #readmeLogo a.icon:hover {
color: #2283c9;
}
footer .hub-notification-spacer {
padding: 10px 15px;
font-size: 14px;
margin-top: 1px;
}
footer .hub-notification {
position: fixed;
padding: 10px 15px;
font-size: 14px;
text-align: center;
z-index: 10001;
bottom: 0;
left: 0;
right: 0;
border-radius: 0;
border: 0 none;
border-top: 1px solid #d6d1ae;
color: #9f944f;
background: #fffdef;
}
footer .hub-notification strong {
color: #8f8547;
font-weight: 600;
}
footer .hub-notification .icon.icon-notification {
display: inline-block;
vertical-align: top;
font-size: 17px;
margin-right: 5px;
position: relative;
top: 1px;
}
footer .hub-notification:hover {
color: #8f8547;
background: #fffbe0;
}
footer .hub-notification#beta-notification {
background: #f4f8fa;
border-top: 1px solid #aad6e3;
color: #5bc0de;
}
footer .hub-notification#beta-notification strong {
color: #41b6d9;
}
footer .hub-notification#beta-notification:hover {
color: #41b6d9;
background: #eaf2f5;
}
.inactive {
padding: 50px 400px;
}
.inactive h1 {
font-size: 36px;
font-weight: 400;
font-family: "Open Sans", sans-serif;
}
body.password_page {
background-color: #00799e;
padding: 100px 0 0;
text-align: center;
}
body.password_page .container {
max-width: 470px;
margin: 40px auto;
}
body.password_page .container .main-content {
padding: 0 0 30px;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
background-color: transparent;
}
body.password_page .container h1 {
font-family: "Open Sans", sans-serif;
font-weight: 300;
color: #fff;
}
body.password_page .container a.admin-login {
color: rgba(255,255,255,0.8);
margin: 30px auto;
}
body.password_page .container a.admin-login:hover {
color: #fff;
}
body.password_page .container p {
font-family: "Open Sans", sans-serif;
margin-bottom: 25px;
color: #fff;
}
body.password_page .container .form-group {
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
body.password_page .container .form-group .form-control {
border: 0 none;
width: 300px;
display: inline-block;
border-radius: 3px 0 0 3px;
float: left;
}
body.password_page .container .form-group .form-control:active,
body.password_page .container .form-group .form-control:focus {
outline: 0 none;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
}
body.password_page .container .form-group .input-lg {
height: 45px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
}
body.password_page .container .form-group button.btn {
width: 100px;
float: left;
border-radius: 0 3px 3px 0;
}
body.password_page .container .form-group .btn-lg {
font-size: 18px;
}
body.password_page .container button.btn,
body.password_page .container a.btn {
background-color: rgba(0,0,0,0.3);
color: #fff;
border-radius: 3px;
}
body.password_page .error {
background-color: #ece4b6;
width: 300px;
margin: auto;
padding: 10px;
margin-top: 35px;
color: #92832e;
}
body.password_page footer {
border-top: 0;
}
.hub-modal .hub-modal-overlay {
position: fixed;
z-index: 1999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
.hub-modal .hub-modal-body {
padding: 20px;
background: #fff;
-webkit-transform: translateY(0) translateX(-50%);
-moz-transform: translateY(0) translateX(-50%);
-o-transform: translateY(0) translateX(-50%);
-ms-transform: translateY(0) translateX(-50%);
transform: translateY(0) translateX(-50%);
border-radius: 6px;
-webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.2);
box-shadow: 0 3px 4px rgba(0,0,0,0.2);
top: 80px;
max-width: 650px;
}
div[simple-dropdown] {
position: relative;
}
div[simple-dropdown] > div {
display: none;
border: 0 none;
box-shadow: 0 2px 5px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.2);
padding: 2px 10px;
border-radius: 3px;
z-index: 100;
background-color: #fff;
padding: 9px 7px;
position: absolute;
margin-top: 10px;
right: 0;
min-width: 210px;
transform-origin: 100% 0;
}
div[simple-dropdown] > div .triangle {
top: -14px;
right: 8px;
left: auto;
content: "";
display: block;
width: 0;
height: 0;
border: solid 7px;
border-color: transparent;
position: absolute;
border-bottom-color: rgba(0,0,0,0.1);
margin-left: -11px;
}
div[simple-dropdown] > div .triangle:before {
content: " ";
display: block;
width: 0;
height: 0;
border: solid 6px;
border-color: transparent;
position: absolute;
border-bottom-color: #fff;
border-top-width: 0;
top: 1px;
margin-left: -6px;
}
div[simple-dropdown] > div.nopad {
padding: 0;
}
div[simple-dropdown].open > div {
display: block;
animation: 0.4s bounce;
}
@-moz-keyframes bounce {
0% {
opacity: 0;
transform: scale(0);
}
73% {
transform: scale(1.07);
}
100% {
opacity: 100%;
transform: scale(1);
}
}
@-webkit-keyframes bounce {
0% {
opacity: 0;
transform: scale(0);
}
73% {
transform: scale(1.07);
}
100% {
opacity: 100%;
transform: scale(1);
}
}
@-o-keyframes bounce {
0% {
opacity: 0;
transform: scale(0);
}
73% {
transform: scale(1.07);
}
100% {
opacity: 100%;
transform: scale(1);
}
}
@keyframes bounce {
0% {
opacity: 0;
transform: scale(0);
}
73% {
transform: scale(1.07);
}
100% {
opacity: 100%;
transform: scale(1);
}
}
/* line 8, ../sass/ns-popover.scss */
.ns-popover-list-theme {
box-sizing: border-box;
border: solid 1px #d2d2d2;
border-radius: 3px;
z-index: 100;
background-color: #fff;
-webkit-box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2); }
/* line 18, ../sass/ns-popover.scss */
.ns-popover-list-theme ul, .ns-popover-list-theme .list {
padding: 0;
margin: 0.625rem 0;
display: block; }
/* line 24, ../sass/ns-popover.scss */
.ns-popover-list-theme li, .ns-popover-list-theme .list-item {
list-style-type: none; }
/* line 27, ../sass/ns-popover.scss */
.ns-popover-list-theme li a, .ns-popover-list-theme .list-item a {
padding: 0.1875rem 0.625rem;
display: block; }
/* line 31, ../sass/ns-popover.scss */
.ns-popover-list-theme li a:hover, .ns-popover-list-theme .list-item a:hover {
background-color: #f5f5f5; }
/* line 123, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme {
box-sizing: border-box;
z-index: 100;
background-color: transparent; }
/* line 128, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme .ns-popover-tooltip {
box-sizing: border-box;
border: solid 1px #d2d2d2;
border-radius: 3px;
z-index: 100;
background-color: #fff;
padding: 0.5625rem 0.875rem;
max-width: 20rem;
font-size: 0.875rem;
-webkit-box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2);
margin: 10px; }
/* line 142, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme .ns-popover-tooltip ul {
padding: 0;
margin: 0.625rem 0;
display: block; }
/* line 148, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme .ns-popover-tooltip li {
list-style-type: none; }
/* line 151, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme .ns-popover-tooltip li a {
padding: 0.1875rem 0.625rem;
display: block; }
/* line 155, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme .ns-popover-tooltip li a:hover {
background-color: #f5f5f5; }
/* line 163, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle {
content: "";
display: block;
width: 0;
height: 0;
border: solid 11px;
border-color: transparent;
position: absolute;
border-bottom-color: #d2d2d2;
left: 50%;
top: -11px;
margin-left: -11px; }
/* line 56, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle:after {
content: " ";
display: block;
width: 0;
height: 0;
border: solid 10px;
border-color: transparent;
position: absolute; }
/* line 86, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle:after {
border-bottom-color: white;
border-top-width: 0;
top: 1px;
margin-left: -10px; }
/* line 169, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-top-placement .triangle {
content: "";
display: block;
width: 0;
height: 0;
border: solid 11px;
border-color: transparent;
position: absolute;
border-top-color: #d2d2d2;
left: 50%;
bottom: -11px;
margin-left: -11px; }
/* line 56, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-top-placement .triangle:after {
content: " ";
display: block;
width: 0;
height: 0;
border: solid 10px;
border-color: transparent;
position: absolute; }
/* line 72, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-top-placement .triangle:after {
border-top-color: white;
border-bottom-width: 0;
bottom: 1px;
margin-left: -10px; }
/* line 175, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-right-placement .triangle {
content: "";
display: block;
width: 0;
height: 0;
border: solid 11px;
border-color: transparent;
position: absolute;
border-right-color: #d2d2d2;
top: 50%;
left: -11px;
margin-top: -11px; }
/* line 56, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-right-placement .triangle:after {
content: " ";
display: block;
width: 0;
height: 0;
border: solid 10px;
border-color: transparent;
position: absolute; }
/* line 114, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-right-placement .triangle:after {
border-right-color: white;
border-left-width: 0;
left: 1px;
bottom: -10px; }
/* line 181, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-left-placement .triangle {
content: "";
display: block;
width: 0;
height: 0;
border: solid 11px;
border-color: transparent;
position: absolute;
border-left-color: #d2d2d2;
top: 50%;
right: -11px;
margin-top: -11px; }
/* line 56, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-left-placement .triangle:after {
content: " ";
display: block;
width: 0;
height: 0;
border: solid 10px;
border-color: transparent;
position: absolute; }
/* line 100, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-left-placement .triangle:after {
border-left-color: white;
border-right-width: 0;
right: 1px;
bottom: -10px; }
/* line 187, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-left-align .ns-popover-tooltip {
margin-left: 0; }
/* line 193, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-right-align .ns-popover-tooltip {
margin-right: 0; }
/* line 199, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-top-align .ns-popover-tooltip {
margin-top: 0; }
/* line 205, ../sass/ns-popover.scss */
.ns-popover-tooltip-theme.ns-popover-bottom-align .ns-popover-tooltip {
margin-bottom: 0; }
@font-face {
font-family: 'ReadMe-Icons';
src: url('../fonts/ReadMe-Icons_lwtjp7.eot');
src: url('../fonts/ReadMe-Icons_lwtjp7.eot#iefix') format('embedded-opentype'),
url('../fonts/ReadMe-Icons.woff') format('woff2'),
url('../fonts/ReadMe-Icons_lwtjp7.ttf') format('truetype'),
url('../fonts/ReadMe-Icons_lwtjp7.woff') format('woff'),
url('../fonts/ReadMe-Icons_lwtjp7-ReadMe-Icons.svg') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'ReadMe-Icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-readme-brandmark:before {
content: "\e90f";
}
.icon-readme-logo:before {
content: "\e910";
}
.icon-readme:before {
content: "\e911";
}
.icon-landing-page:before {
content: "\e900";
}
.icon-getting-started:before {
content: "\e901";
}
.icon-documentation:before {
content: "\e902";
}
.icon-examples:before {
content: "\e903";
}
.icon-reference:before {
content: "\e904";
}
.icon-custom-pages:before {
content: "\e905";
}
.icon-announcements:before {
content: "\e906";
}
.icon-support:before {
content: "\e907";
}
.icon-owl:before {
content: "\e908";
}
.icon-speed:before {
content: "\e909";
}
.icon-subnav:before {
content: "\e90a";
}
.icon-reference-guides:before {
content: "\e90b";
}
.icon-search:before {
content: "\e90c";
}
.icon-mobile:before {
content: "\e90d";
}
.icon-filled-star:before {
content: "\e912";
}
.icon-page-header:before {
content: "\e913";
}
.icon-page-body:before {
content: "\e914";
}
.icon-page-footer:before {
content: "\e915";
}
.icon-logo-settings:before {
content: "\e916";
}
.icon-custom-css:before {
content: "\e918";
}
.icon-custom-js:before {
content: "\e91b";
}
.icon-home:before {
content: "\e600";
}
.icon-home2:before {
content: "\e601";
}
.icon-home3:before {
content: "\e602";
}
.icon-home4:before {
content: "\e603";
}
.icon-home5:before {
content: "\e604";
}
.icon-home6:before {
content: "\e605";
}
.icon-pencil4:before {
content: "\e612";
}
.icon-brush:before {
content: "\e61d";
}
.icon-brush2:before {
content: "\e61e";
}
.icon-spray:before {
content: "\e61f";
}
.icon-paint-roller:before {
content: "\e620";
}
.icon-eye-dropper:before {
content: "\e625";
}
.icon-palette:before {
content: "\e626";
}
.icon-color-sampler:before {
content: "\e627";
}
.icon-bucket:before {
content: "\e628";
}
.icon-magic-wand:before {
content: "\e62b";
}
.icon-pencil-ruler2:before {
content: "\e62e";
}
.icon-cloud:before {
content: "\e64a";
}
.icon-cloud-upload:before {
content: "\e64b";
}
.icon-cloud-download:before {
content: "\e64c";
}
.icon-cloud-sun:before {
content: "\e653";
}
.icon-cloud-lightning:before {
content: "\e654";
}
.icon-cloud-sync:before {
content: "\e655";
}
.icon-cloud-lock:before {
content: "\e656";
}
.icon-cloud-gear:before {
content: "\e657";
}
.icon-cloud-alert:before {
content: "\e658";
}
.icon-cloud-check:before {
content: "\e659";
}
.icon-cloud-cross:before {
content: "\e65a";
}
.icon-lock:before {
content: "\e66b";
}
.icon-rotation-lock:before {
content: "\e66c";
}
.icon-unlock:before {
content: "\e66d";
}
.icon-key:before {
content: "\e66e";
}
.icon-toggle-off:before {
content: "\e670";
}
.icon-toggle-on:before {
content: "\e671";
}
.icon-cog:before {
content: "\e672";
}
.icon-cog2:before {
content: "\e673";
}
.icon-wrench:before {
content: "\e674";
}
.icon-hammer-wrench:before {
content: "\e676";
}
.icon-hammer:before {
content: "\e677";
}
.icon-trash:before {
content: "\e680";
}
.icon-trash2:before {
content: "\e681";
}
.icon-broom:before {
content: "\e683";
}
.icon-heart:before {
content: "\e68c";
}
.icon-star:before {
content: "\e68d";
}
.icon-star-half:before {
content: "\e68e";
}
.icon-star-empty:before {
content: "\e68f";
}
.icon-envelope:before {
content: "\e696";
}
.icon-envelope-open:before {
content: "\e697";
}
.icon-paper-plane:before {
content: "\e699";
}
.icon-eye:before {
content: "\e6a5";
}
.icon-eye-crossed:before {
content: "\e6a6";
}
.icon-floppy-disk:before {
content: "\e6ae";
}
.icon-clipboard-check:before {
content: "\e6cc";
}
.icon-register:before {
content: "\e6d1";
}
.icon-papers:before {
content: "\e6d4";
}
.icon-news:before {
content: "\e6d5";
}
.icon-document2:before {
content: "\e6d9";
}
.icon-headset:before {
content: "\e6f0";
}
.icon-equalizer:before {
content: "\e6f2";
}
.icon-picture2:before {
content: "\e70f";
}
.icon-book2:before {
content: "\e714";
}
.icon-bookmark:before {
content: "\e715";
}
.icon-library:before {
content: "\e718";
}
.icon-user:before {
content: "\e71e";
}
.icon-user-plus:before {
content: "\e71f";
}
.icon-user-minus:before {
content: "\e720";
}
.icon-user-lock:before {
content: "\e721";
}
.icon-users:before {
content: "\e722";
}
.icon-users2:before {
content: "\e723";
}
.icon-users-plus:before {
content: "\e724";
}
.icon-users-minus:before {
content: "\e725";
}
.icon-group-work:before {
content: "\e726";
}
.icon-tag:before {
content: "\e755";
}
.icon-tags:before {
content: "\e756";
}
.icon-credit-card:before {
content: "\e759";
}
.icon-pushpin:before {
content: "\e778";
}
.icon-compass2:before {
content: "\e780";
}
.icon-map2:before {
content: "\e782";
}
.icon-location:before {
content: "\e783";
}
.icon-road-sign:before {
content: "\e784";
}
.icon-mouse:before {
content: "\e78d";
}
.icon-mouse-left:before {
content: "\e78e";
}
.icon-mouse-right:before {
content: "\e78f";
}
.icon-mouse-both:before {
content: "\e790";
}
.icon-signal:before {
content: "\e79a";
}
.icon-new-tab:before {
content: "\e7b1";
}
.icon-power-switch:before {
content: "\e7b8";
}
.icon-power:before {
content: "\e7b9";
}
.icon-bubble-dots:before {
content: "\e7d8";
}
.icon-bubble-text:before {
content: "\e7db";
}
.icon-lifebuoy:before {
content: "\e7ed";
}
.icon-diamond2:before {
content: "\e807";
}
.icon-speed-slow:before {
content: "\e834";
}
.icon-speed-medium:before {
content: "\e835";
}
.icon-speed-fast:before {
content: "\e836";
}
.icon-rocket:before {
content: "\e837";
}
.icon-truck:before {
content: "\e857";
}
.icon-icons2:before {
content: "\e880";
}
.icon-select:before {
content: "\e881";
}
.icon-select2:before {
content: "\e882";
}
.icon-versions:before {
content: "\e883";
}
.icon-earth:before {
content: "\e884";
}
.icon-network:before {
content: "\e886";
}
.icon-sad:before {
content: "\e88d";
}
.icon-bullhorn:before {
content: "\e8ae";
}
.icon-lan:before {
content: "\e8b5";
}
.icon-hourglass:before {
content: "\e8cf";
}
.icon-loading:before {
content: "\e8d0";
}
.icon-sync:before {
content: "\e8da";
}
.icon-timer:before {
content: "\e8ef";
}
.icon-enter-down2:before {
content: "\e90e";
}
.icon-cli:before {
content: "\e917";
}
.icon-code:before {
content: "\e919";
}
.icon-file-code:before {
content: "\e91a";
}
.icon-file-stats:before {
content: "\e921";
}
.icon-thumbs-up:before {
content: "\e927";
}
.icon-thumbs-down:before {
content: "\e928";
}
.icon-thumbs-up2:before {
content: "\e929";
}
.icon-thumbs-down2:before {
content: "\e92a";
}
.icon-find-replace:before {
content: "\e932";
}
.icon-chevron-right:before {
content: "\e94a";
}
.icon-contract2:before {
content: "\e95b";
}
.icon-notification:before {
content: "\e962";
}
.icon-warning:before {
content: "\e963";
}
.icon-question-circle:before {
content: "\e965";
}
.icon-checkmark-circle:before {
content: "\e967";
}
.icon-cross-circle:before {
content: "\e968";
}
.icon-play-circle:before {
content: "\e978";
}
.icon-grid:before {
content: "\e983";
}
.icon-align-center-vertical:before {
content: "\e995";
}
.icon-text-align-left:before {
content: "\e9b6";
}
.icon-page-break:before {
content: "\e9c1";
}
.icon-page-break2:before {
content: "\e9c2";
}
.icon-reminder:before {
content: "\e9d4";
}
.editBox {
width: 550px;
height: 400px;
position: fixed;
bottom: 0;
left: 10px;
z-index: 1000;
box-shadow: 0px 0px 10px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.editBox.hide {
height: 38px;
}
.editBox .editHeader {
background: #2283c9;
padding: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #fff;
}
.editBox .editHeader span {
padding-left: 10px;
}
.editBox .editHeader .pull-right:hover {
cursor: pointer;
color: #ddd;
}
.editBox .cssBox,
.editBox .jsBox {
width: 100%;
height: 80%;
}
.editBox .cssBox .CodeMirror,
.editBox .jsBox .CodeMirror {
width: 100%;
height: 100%;
}
.editBox .saveAndUpgrade {
background: #2283c9;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.editBox .saveAndUpgrade a {
color: #fff;
}
.editBox .saveAndUpgrade .fa {
margin: 0 5px;
}
.editBox .saveAndUpgrade .btn {
margin: 2px;
}
.editBox .saveAndUpgrade .btn:hover {
color: #ddd;
}
.upgradeBox {
position: fixed;
background-color: #2283c9;
border-radius: 5px;
color: #fff;
bottom: 25px;
left: 20px;
z-index: 1000;
}
.upgradeBox .fa {
margin-right: 10px;
}
.upgradeBox a,
.upgradeBox .btn {
color: #fff;
}
.upgradeBox a:hover,
.upgradeBox .btn:hover {
color: #ddd;
}
#variableDropdown .active {
background-color: #ccc;
border-radius: 5px;
}
.ns-popover-auth-theme {
margin-top: 10px;
}
.ns-popover-auth-theme .ns-triangle {
left: 50%;
}
#loginDropdown .pad {
padding: 5px 17px;
}
#loginDropdown .pad .text-center a {
width: 50%;
margin: 10px auto 0px auto;
}
.variable-underline {
border-bottom: 1px dotted #333;
}
.variable-underline:hover {
cursor: pointer;
}
.atwho-view{position:absolute;top:0;left:0;display:none;margin-top:18px;background:#fff;color:#000;border:1px solid #DDD;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.1);min-width:120px;max-height:200px;overflow:auto;z-index:11110!important}.atwho-view .cur{background:#36F;color:#fff}.atwho-view .cur small{color:#fff}.atwho-view strong{color:#36F}.atwho-view .cur strong{color:#fff;font:700}.atwho-view ul{list-style:none;padding:0;margin:auto}.atwho-view ul li{display:block;padding:5px 10px;border-bottom:1px solid #DDD;cursor:pointer}.atwho-view small{font-size:smaller;color:#777;font-weight:400}
.magictextarea {
position: relative;
padding-right: 200px;
min-height: 500px;
}
.magictextarea .block.section > div > div {
padding: 15px 0;
}
.magictextarea .block.section.type-textarea > div > div {
padding-bottom: 0;
}
.magictextarea .block.section.type-textarea + .type-textarea > div > div {
padding-top: 0;
}
.magictextarea .block.section.type-api-header > div > div {
padding-top: 10px;
}
.magictextarea .blocks-parent {
position: relative;
}
.magictextarea.condensed dragbox {
display: none;
}
.magictextarea.form-control {
height: auto;
padding-right: 12px;
}
.magictextarea.magic-form-control .blocks-parent {
border: 1px solid #ccc;
padding: 20px 60px 20px 0;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset;
}
.magictextarea.magic-form-control .magictextarea-click {
display: none;
}
.magictextarea .dragging {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.magictextarea .dragging .droppable {
height: 5px;
width: 100%;
position: absolute;
}
.magictextarea .dragging .droppable.ui-state-active .line {
border-top: 2px solid #248fb2;
}
.magictextarea .dragging .droppable.ui-state-active .line:before {
border-left-color: #248fb2;
}
.magictextarea .dragging .droppable .line {
border-top: 2px solid #555;
width: 100%;
position: absolute;
}
.magictextarea .dragging .droppable .line:before {
width: 0;
height: 0;
content: " ";
display: block;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 10px solid #555;
top: -8px;
position: absolute;
left: -7px;
z-index: 200;
}
.magictextarea .blocks-parent > div {
margin-bottom: 0em;
padding-left: 74px;
}
.magictextarea .magictextarea-click {
height: 300px;
display: block;
cursor: text;
}
.magic-templates {
margin-top: -280px;
text-align: center;
padding: 25px 10px 15px;
background-color: #333;
border-radius: 3px;
color: #ddd;
position: relative;
}
.magic-templates .fa-times {
position: absolute;
top: 5px;
right: 5px;
color: #aaa;
padding: 4px 5px;
border-radius: 5px;
}
.magic-templates .fa-times:hover {
background-color: #000;
color: #fff;
}
.magic-templates:after {
bottom: 100%;
left: 35px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0,0,0,0);
border-bottom-color: #333;
border-width: 10px;
}
.magic-templates strong {
color: #fff;
}
.magic-templates table {
margin-top: 15px;
width: 100%;
}
.magic-templates table td {
width: 20%;
}
.magic-templates table a {
margin: 5px;
display: block;
text-align: center;
padding: 13px 0;
border-radius: 5px;
}
.magic-templates table a:hover {
background-color: rgba(0,0,0,0.2);
}
.magic-templates table a:hover .fa {
color: #fff;
}
.magic-templates table a:hover span {
color: #fff;
}
.magic-templates table a .fa {
display: block;
font-size: 30px;
color: #777;
padding-bottom: 10px;
}
.magic-templates table a span {
color: #eee;
font-size: 12px;
}
.magictextarea.content dragbox {
width: 154px;
display: block;
position: absolute;
right: 0;
top: 0;
z-index: 1001;
}
.magictextarea.content dragbox .ui-sortable-helper {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}
.magictextarea.content dragbox .ui-sortable-placeholder {
background-color: #ddd;
border: 0 none;
}
.magictextarea.content dragbox .show-extra ul li.extra {
display: inline-block;
}
.magictextarea.content dragbox ul li.extra {
display: none;
}
.magictextarea.content dragbox:hover .show-extra-link {
visibility: visible;
}
.magictextarea.content dragbox .show-extra-link {
display: block;
text-align: center;
margin-top: 10px;
font-size: 12px;
color: #ccc;
visibility: hidden;
}
.magictextarea.content dragbox .show-extra-link:hover {
color: #2283c9;
text-decoration: none;
}
.magictextarea.content dragbox ul {
margin: 0;
padding: 0;
list-style: none;
padding: 0;
font-size: 0;
}
.magictextarea.content dragbox ul li {
font-size: 12px;
background-color: #efefef;
border-radius: 5px;
width: 74px;
height: 69px;
display: inline-block;
margin: 5px 0 0 5px;
z-index: 100;
vertical-align: top;
}
.magictextarea.content dragbox ul li:nth-child(2n + 1) {
margin: 5px 0 0 0;
}
.magictextarea.content dragbox ul li.ui-draggable-parent {
z-index: 1000;
}
.magictextarea.content dragbox ul li.ui-draggable-parent a {
color: #eee;
border-color: #eee;
}
.magictextarea.content dragbox ul li a {
display: block;
width: 100%;
height: 100%;
border-radius: 3px;
border: 1px solid #e3e3e3;
background-color: #fff;
cursor: move;
color: #aba9a9;
text-align: center;
font-size: 10px;
width: 74px;
height: 69px;
}
.magictextarea.content dragbox ul li a.disabled {
color: #ddd;
cursor: default;
}
.magictextarea.content dragbox ul li a.disabled:hover {
color: #bbb;
border-color: #ccc;
}
.magictextarea.content dragbox ul li a.shake {
-webkit-animation: shake 0.4s ease-out;
-moz-animation: shake 0.4s ease-out;
-o-animation: shake 0.4s ease-out;
-ms-animation: shake 0.4s ease-out;
animation: shake 0.4s ease-out;
}
.magictextarea.content dragbox ul li a .fa {
font-size: 30px;
padding: 12px 0 3px;
}
.magictextarea.content dragbox ul li a .icon {
padding-top: 12px;
font-size: 25px;
display: inline-block;
padding-bottom: 8px;
}
.magictextarea.content dragbox ul li a span {
white-space: nowrap;
display: block;
}
.magictextarea.content dragbox ul li a:hover {
border: 1px solid #2283c9;
color: #2283c9;
}
.magictextarea.content dragbox ul li a.ui-draggable-dragging {
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
z-index: 10000;
margin-left: -2px;
margin-top: -2px;
border: 1px solid #2283c9;
color: #2283c9;
}
/* individual items */
.blocks-parent.is-dragging .block.section {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
.blocks-parent.is-dragging .block.section.ui-sortable-helper {
opacity: 1;
-ms-filter: none;
filter: none;
}
.blocks-parent .ui-sortable-placeholder {
height: 40px;
border: 2px dashed #ddd;
display: block;
border-radius: 5px;
margin: 0 0 0 74px;
list-style: none;
}
.blocks-parent .block-edit-callout {
border-left: 4px solid #5bc0de;
background-color: #f4f8fa;
padding: 15px;
}
.blocks-parent .block-edit-callout input {
color: #5bc0de;
}
.blocks-parent .block-edit-callout.type-warning {
background-color: #fcf8f2;
border-color: #f0ad4e;
}
.blocks-parent .block-edit-callout.type-warning input {
color: #f0ad4e;
}
.blocks-parent .block-edit-callout.type-danger {
background-color: #fdf7f7;
border-color: #d9534f;
}
.blocks-parent .block-edit-callout.type-danger input {
color: #d9534f;
}
.blocks-parent .block-edit-callout.type-success {
background-color: #f3f8f3;
border-color: #50af51;
}
.blocks-parent .block-edit-callout.type-success input {
color: #50af51;
}
.blocks-parent .block-edit-callout .block-callout-icons .fa {
color: rgba(0,0,0,0.3);
padding-right: 5px;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
.blocks-parent .block-edit-callout .block-callout-icons .fa.on {
color: #5bc0de;
}
.blocks-parent .block-edit-callout .block-callout-icons .fa.fa-exclamation-circle.on {
color: #f0ad4e;
}
.blocks-parent .block-edit-callout .block-callout-icons .fa.fa-exclamation-triangle.on {
color: #d9534f;
}
.blocks-parent .block-edit-callout .block-callout-icons .fa.fa-check-square.on {
color: #50af51;
}
.blocks-parent .block-edit-callout .block-callout-icons .fa.on {
opacity: 1;
-ms-filter: none;
filter: none;
}
.blocks-parent .block-edit-callout input {
border: 0 none;
background-color: transparent;
font-weight: bold;
margin: 10px 0;
width: 100%;
}
.blocks-parent .block-edit-callout input:focus {
outline: 0;
}
.blocks-parent .block-edit-parameters {
position: relative;
}
.blocks-parent .block-edit-parameters .table-control {
display: none;
width: 50px;
height: 20px;
left: -50px;
text-align: right;
position: absolute;
padding-top: 4px;
padding-right: 7px;
}
.blocks-parent .block-edit-parameters .table-control a {
color: #ccc;
}
.blocks-parent .block-edit-parameters .table-control a:hover {
color: #2283c9;
}
.blocks-parent .block-edit-parameters:hover .table-control {
display: block;
}
.blocks-parent .block-edit-parameters table {
width: 100%;
background-color: #fff;
}
.blocks-parent .block-edit-parameters .table-overflow {
overflow: auto;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid #ccc;
}
.blocks-parent .block-edit-parameters .size {
text-align: right;
padding: 5px;
background-color: #f3f3f3;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.blocks-parent .block-edit-parameters .size input {
width: 50px;
}
.blocks-parent .block-edit-parameters th {
border-left: 1px solid #ccc;
background-color: #f3f3f3;
padding: 5px;
}
.blocks-parent .block-edit-parameters th:first-child {
border-left: 0 none;
}
.blocks-parent .block-edit-parameters th input {
border: 0 none;
background-color: transparent;
font-weight: bold;
}
.blocks-parent .block-edit-parameters th input:focus {
outline: 0;
}
.blocks-parent .block-edit-parameters td {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
vertical-align: top;
padding: 5px;
}
.blocks-parent .block-edit-parameters td:first-child {
border-left: 0 none;
}
.blocks-parent .block-edit-api-header {
padding-top: 0;
border-bottom: 1px solid #ddd;
padding-bottom: 1em;
}
.blocks-parent .block-edit-api-header .picker-offset {
position: absolute;
left: 73px;
z-index: 1000;
}
.blocks-parent .block-edit-api-header input.api-header {
margin-left: 55px;
width: 100%;
border: 0;
outline: 0;
background-color: transparent;
padding: 0 0 6px;
font-weight: bold;
color: #444;
font-size: 18px;
}
.blocks-parent .block-edit-image {
margin-bottom: 30px;
}
.blocks-parent .block-edit-image figure {
position: relative;
}
.blocks-parent .block-edit-image figure img {
max-height: 300px;
max-width: 100%;
margin: 0 auto 10px;
display: block;
}
.blocks-parent .block-edit-image .image-size {
position: absolute;
top: 10px;
right: 10px;
}
.blocks-parent .block-edit-image .image-size .btn.btn-default {
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}
.blocks-parent .block-edit-image .image-size .dropdown-menu hr {
margin-top: 10px;
margin-bottom: 10px;
}
.blocks-parent .block-edit-image .image-size .dropdown-menu strong {
padding: 0 10px 5px;
display: block;
}
.blocks-parent .block-edit-image .image-size .dropdown-menu label {
padding-left: 20px;
color: #888;
}
.blocks-parent .block-edit-image .image-size .dropdown-menu label:hover {
cursor: pointer;
color: #000;
}
.blocks-parent .block-edit-image .image-size .dropdown-menu label.nohover {
cursor: default;
color: #888;
}
.type-textarea .outline {
position: absolute;
top: 5px;
left: 0;
border: 1px solid #eee;
margin-top: 4px;
margin-left: -1.5%;
width: 103%;
bottom: 12px;
pointer-events: none;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
-ms-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.type-textarea textarea:focus + div + .outline {
opacity: 1;
-ms-filter: none;
filter: none;
}
.toolbar {
background-color: #111;
color: #fff;
border-radius: 2px;
font-size: 0;
display: inline-block;
position: absolute;
top: -38px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
width: 160px;
text-align: center;
pointer-events: none;
z-index: 10000;
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
-ms-transition: -ms-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-o-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
background: #47525d;
}
.toolbar a {
font-size: 14px;
color: #ccc !important;
padding: 7px 9px;
cursor: pointer;
}
.toolbar a:hover {
color: #fff !important;
background-color: #444;
}
.toolbar.on {
opacity: 1;
-ms-filter: none;
filter: none;
pointer-events: auto;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.block.section {
position: relative;
}
.block.section .marker {
border-top: 1px solid #f00;
width: 100%;
position: absolute;
left: 0;
}
.block.section .block-options {
position: absolute;
top: 13px;
left: 0;
width: 60px;
font-size: 0;
text-align: right;
}
.block.section .block-options:hover > .block-option {
background-color: #bbb;
}
.block.section .block-options .tooltip {
white-space: nowrap;
}
.block.section .block-options > .block-option {
display: none;
vertical-align: top;
width: 20px;
height: 20px;
background-color: #ddd;
text-align: center;
color: #fff;
font-size: 14px;
padding: 2px;
}
.block.section .block-options > .block-option:hover {
color: #fff;
background-color: #666;
}
.block.section .block-options > .block-option.fa-times:hover {
background-color: #e27a7a;
}
.block.section .block-options > .block-option.fa-arrows {
font-size: 12px;
padding: 4px;
cursor: move;
}
.block.section .block-options > .block-option.moveToSidebar {
padding: 3px 0px 0 0px;
border-radius: 2px;
}
.block.section .block-options > .block-option.fa-sign-out {
padding-left: 2px;
}
.block.section .block-options a.moveToSidebar span {
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
-ms-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.block.section .block-options a.moveToSidebar.is_sidebar {
display: inline-block;
background-color: #6bbd5b;
}
.block.section:hover .block-options > *,
.block.section.ui-sortable-helper .block-options > * {
display: inline-block;
}
.block.section:hover .block-options > *:first-child,
.block.section.ui-sortable-helper .block-options > *:first-child {
border-radius: 2px 0 0 2px;
}
.block.section:hover .block-options > *:last-child,
.block.section.ui-sortable-helper .block-options > *:last-child {
border-radius: 0 2px 2px 0;
}
.block.section:hover .block-options > *:last-child:first-child,
.block.section.ui-sortable-helper .block-options > *:last-child:first-child {
border-radius: 2px;
}
/* Textareas */
.sliver {
width: 100%;
background-color: #fcfcfc;
border: 0 none;
border-bottom: 1px solid rgba(0,0,0,0.2);
}
textarea.expand {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
overflow: hidden;
resize: none;
width: 100%;
padding: 0 0 0 5px;
margin-left: -5px;
border: 0 none;
background-color: transparent;
outline: 0 none;
position: relative;
border-left: 0 none;
font-size: 14px;
line-height: 1.5em;
color: #444;
}
textarea.expand.raw {
background-color: #fff;
padding: 20px;
border: 1px solid #ddd;
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.block-edit-html .body {
border: 1px solid #ccc;
}
.block-edit-html .header {
background-color: #f5f5f5;
border-bottom: 1px solid #ccc;
padding: 6px 13px;
}
.block-edit-html .header em {
font-size: 0.8em;
color: #888;
}
.block-edit-html .CodeMirror {
height: auto;
}
.block-edit-html .CodeMirror-scroll {
overflow: auto;
}
.block-edit-embed .input-group .btn {
padding: 7px 30px;
margin: 0;
}
.block-edit-embed .favicon {
width: 16px;
height: 16px;
margin-right: 5px;
}
.block-display-embed iframe.embedly-embed,
.magic-block-embed iframe.embedly-embed {
width: 100%;
}
.block-display-embed iframe.media-iframe,
.magic-block-embed iframe.media-iframe {
border: 0 none;
margin: auto;
display: block;
}
.block-edit-code .status-icon,
.block-show-code .status-icon,
.magic-block-code .status-icon {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 10px;
background-color: #5bb349;
margin-right: 5px;
margin-bottom: 1px;
}
.block-edit-code .status-icon.status-icon-error,
.block-show-code .status-icon.status-icon-error,
.magic-block-code .status-icon.status-icon-error {
background-color: #d96367;
}
.block-show-code .tab em,
.magic-block-code .tab em {
font-style: normal;
}
.block-show-code .tab .status-icon,
.magic-block-code .tab .status-icon {
margin-right: 2px;
}
.block-edit-code.ace-editor {
border: 1px solid #ccc;
-webkit-box-shadow: 3px 3px #eee, -3px 3px #eee, 3px -3px #eee, -3px -3px #eee;
box-shadow: 3px 3px #eee, -3px 3px #eee, 3px -3px #eee, -3px -3px #eee;
border-radius: 3px;
}
.block-edit-code.ace-editor .block-code-status {
width: 53px;
}
.block-edit-code.ace-editor .CodeMirror {
height: auto;
font-size: 12px;
}
.block-edit-code.ace-editor .CodeMirror-scroll {
overflow: auto;
}
.block-edit-code.ace-editor .ace-header {
border-bottom: 1px solid #ccc;
background-color: #f5f5f5;
border-radius: 4px 4px 0 0;
text-align: left;
padding: 3px 5px 0;
}
.block-edit-code.ace-editor .ace-header ul {
margin: 0;
padding: 0;
list-style: none;
}
.block-edit-code.ace-editor .ace-header ul li {
display: inline-block;
margin-right: 10px;
}
.block-edit-code.ace-editor .ace-header .tab {
display: inline-block;
margin-right: 5px;
padding: 4px 8px;
border: 1px solid transparent;
border-bottom: 0 none;
border-radius: 4px 4px 0 0;
position: relative;
top: 1px;
font-size: 11px;
}
.block-edit-code.ace-editor .ace-header .tab.on {
border-color: #ccc;
background-color: #fff;
color: #888;
}
.block-edit-code.ace-editor .ace-header .tab em {
font-style: normal;
color: #999;
margin-right: 2px;
}
.block-edit-code.ace-editor .ace-header a.pull-right {
padding: 0 3px;
color: #666;
}
.block-edit-code.ace-editor .ace-header a.pull-right:hover {
color: #2283c9;
}
.block-edit-code.ace-editor .options {
font-size: 13px;
background-color: #fff;
padding: 5px 10px;
border-bottom: 1px solid #ccc;
}
.block-edit-code.ace-editor .options select.full-width {
width: 100%;
}
.block-edit-code.ace-editor .code-init {
border-top: 1px solid #ddd;
text-align: right;
background-color: #f6f6f6;
}
.block-edit-code.ace-editor .code-init a {
padding: 3px 9px;
display: inline-block;
font-size: 12px;
color: #aaa;
}
.block-edit-code.ace-editor .code-init a .fa {
font-size: 14px;
color: #666;
position: relative;
top: 1px;
padding-right: 2px;
}
.block-edit-code.ace-editor .code-init a:hover,
.block-edit-code.ace-editor .code-init a:hover .fa {
color: #2283c9;
}
@-moz-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
30% {
-webkit-transform: translate3d(-30px, 0, 0);
-moz-transform: translate3d(-30px, 0, 0);
-o-transform: translate3d(-30px, 0, 0);
-ms-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0);
}
60% {
-webkit-transform: translate3d(-15px, 0, 0);
-moz-transform: translate3d(-15px, 0, 0);
-o-transform: translate3d(-15px, 0, 0);
-ms-transform: translate3d(-15px, 0, 0);
transform: translate3d(-15px, 0, 0);
}
40%, 80% {
-webkit-transform: translate3d(5px, 0, 0);
-moz-transform: translate3d(5px, 0, 0);
-o-transform: translate3d(5px, 0, 0);
-ms-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
30% {
-webkit-transform: translate3d(-30px, 0, 0);
-moz-transform: translate3d(-30px, 0, 0);
-o-transform: translate3d(-30px, 0, 0);
-ms-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0);
}
60% {
-webkit-transform: translate3d(-15px, 0, 0);
-moz-transform: translate3d(-15px, 0, 0);
-o-transform: translate3d(-15px, 0, 0);
-ms-transform: translate3d(-15px, 0, 0);
transform: translate3d(-15px, 0, 0);
}
40%, 80% {
-webkit-transform: translate3d(5px, 0, 0);
-moz-transform: translate3d(5px, 0, 0);
-o-transform: translate3d(5px, 0, 0);
-ms-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
}
@-o-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
30% {
-webkit-transform: translate3d(-30px, 0, 0);
-moz-transform: translate3d(-30px, 0, 0);
-o-transform: translate3d(-30px, 0, 0);
-ms-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0);
}
60% {
-webkit-transform: translate3d(-15px, 0, 0);
-moz-transform: translate3d(-15px, 0, 0);
-o-transform: translate3d(-15px, 0, 0);
-ms-transform: translate3d(-15px, 0, 0);
transform: translate3d(-15px, 0, 0);
}
40%, 80% {
-webkit-transform: translate3d(5px, 0, 0);
-moz-transform: translate3d(5px, 0, 0);
-o-transform: translate3d(5px, 0, 0);
-ms-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
30% {
-webkit-transform: translate3d(-30px, 0, 0);
-moz-transform: translate3d(-30px, 0, 0);
-o-transform: translate3d(-30px, 0, 0);
-ms-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0);
}
60% {
-webkit-transform: translate3d(-15px, 0, 0);
-moz-transform: translate3d(-15px, 0, 0);
-o-transform: translate3d(-15px, 0, 0);
-ms-transform: translate3d(-15px, 0, 0);
transform: translate3d(-15px, 0, 0);
}
40%, 80% {
-webkit-transform: translate3d(5px, 0, 0);
-moz-transform: translate3d(5px, 0, 0);
-o-transform: translate3d(5px, 0, 0);
-ms-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
}
.filepicker .fp {
border: 1px solid #ccc;
border-radius: 5px;
background-color: #fff;
max-width: 300px;
line-height: 1em;
}
.has-error .filepicker .fp {
border: 1px solid #b94a48;
}
.filepicker a.fp {
background: -webkit-linear-gradient(#fff, #f3f3f3);
background: -moz-linear-gradient(#fff, #f3f3f3);
background: -o-linear-gradient(#fff, #f3f3f3);
background: -ms-linear-gradient(#fff, #f3f3f3);
background: linear-gradient(#fff, #f3f3f3);
display: block;
}
.filepicker a.fp:hover {
border: 1px solid #bbb;
background: -webkit-linear-gradient(#fff, #eee);
background: -moz-linear-gradient(#fff, #eee);
background: -o-linear-gradient(#fff, #eee);
background: -ms-linear-gradient(#fff, #eee);
background: linear-gradient(#fff, #eee);
}
.filepicker a.fp:active {
border: 1px solid #bbb;
background: -webkit-linear-gradient(#eee, #fff);
background: -moz-linear-gradient(#eee, #fff);
background: -o-linear-gradient(#eee, #fff);
background: -ms-linear-gradient(#eee, #fff);
background: linear-gradient(#eee, #fff);
}
.filepicker.drag .fp {
border: 1px solid #f3da6f;
background: #fffdf5;
}
.filepicker > * {
vertical-align: middle;
}
.filepicker .imgbox {
padding: 12px;
min-width: 60px;
display: inline-block;
vertical-align: middle;
position: relative;
min-height: 51px;
text-align: center;
}
.filepicker .imgbox .fa-refresh {
display: none;
}
.filepicker .imgbox.hasImage .fa-cloud-upload {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.filepicker .imgbox.hasImage:hover img {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
}
.filepicker .imgbox.hasImage:hover .fa-cloud-upload {
opacity: 1;
-ms-filter: none;
filter: none;
}
.filepicker .imgbox .fa-cloud-upload {
width: 100%;
height: 100%;
font-size: 30px;
text-align: center;
display: block;
padding-top: 10px;
position: absolute;
top: 1px;
left: 0;
color: #555;
z-index: 5;
}
.has-error .filepicker .imgbox .fa-cloud-upload {
color: #b94a48;
}
.filepicker .imgbox .fa-cloud-upload:hover {
color: #000;
}
.filepicker .imgbox img {
max-height: 25px;
max-width: 69px;
}
.filepicker .loading .fa-cloud-upload,
.filepicker .loading img {
opacity: 0 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
filter: alpha(opacity=0) !important;
pointer-events: none;
}
.filepicker .loading .fa-refresh {
-webkit-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
-o-animation: spin 2s linear infinite;
-ms-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
width: 100%;
height: 100%;
font-size: 30px;
text-align: center;
display: block;
padding-top: 10px;
position: absolute;
top: 0;
left: 0;
color: #888;
z-index: 5;
}
.dark .filepicker .imgbox.hasImage {
background-color: #ccc;
border-radius: 5px 0 0 5px;
margin-right: 10px;
}
.filepicker .info {
font-size: 13px;
display: inline-block;
vertical-align: middle;
}
.filepicker .info.placeholder {
color: #888;
}
.filepicker .info span {
padding: 0 4px;
}
.has-error .filepicker .info span {
color: #b94a48;
}
.filepicker .info .options {
font-size: 11px;
color: #ccc;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
.filepicker .info .options a {
color: #aaa;
}
.filepicker .info .options a:hover {
color: #2283c9;
}
.filepicker .info .options a.remove:hover {
color: #c00;
}
.filepicker .info strong {
display: block;
overflow: hidden;
font-weight: normal;
width: 128px;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.filepicker:hover .info .options {
opacity: 1;
-ms-filter: none;
filter: none;
}
.filepicker:hover .info strong {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}
/* Select boxes */
.selectize {
border: 0px none;
width: 100%;
border-radius: 3px;
overflow: hidden;
background-color: #fafafa;
cursor: pointer;
position: relative;
border-left: 1px solid #fff;
-webkit-box-shadow: 0 0 0 1px #ccc inset;
box-shadow: 0 0 0 1px #ccc inset;
}
.selectize.form-control {
padding: 0 !important;
height: auto;
}
.selectize.form-control select {
padding: 11px 16px;
font-size: 17px;
}
.selectize.form-control:after {
top: 21px;
right: 17px;
}
.selectize:before {
content: " ";
display: block;
width: 33px;
position: absolute;
top: 1px;
right: 2px;
height: 32px;
background-image: -webkit-linear-gradient(left, rgba(250,250,250,0), #fafafa 40%);
background-image: -moz-linear-gradient(left, rgba(250,250,250,0), #fafafa 40%);
background-image: -o-linear-gradient(left, rgba(250,250,250,0), #fafafa 40%);
background-image: -ms-linear-gradient(left, rgba(250,250,250,0), #fafafa 40%);
background-image: linear-gradient(to right, rgba(250,250,250,0), #fafafa 40%);
pointer-events: none;
}
.selectize:after {
content: " ";
display: block;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #555;
position: absolute;
top: 15px;
right: 10px;
z-index: 1;
pointer-events: none;
}
.selectize:hover {
-webkit-box-shadow: 0 0 0 1px #bbb inset;
box-shadow: 0 0 0 1px #bbb inset;
}
.selectize select {
padding: 8px 9px;
cursor: pointer;
width: 130%;
color: #555;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
}
.selectize select:focus {
outline: none;
}
/* neo theme for codemirror */
/* Color scheme */
.cm-s-neo.CodeMirror {
background-color:#ffffff;
color:#2e383c;
line-height:1.4375;
}
.cm-s-neo .cm-comment {color:#75787b}
.cm-s-neo .cm-keyword, .cm-s-neo .cm-property {color:#1d75b3}
.cm-s-neo .cm-atom,.cm-s-neo .cm-number {color:#75438a}
.cm-s-neo .cm-node,.cm-s-neo .cm-tag {color:#9c3328}
.cm-s-neo .cm-string {color:#b35e14}
.cm-s-neo .cm-variable,.cm-s-neo .cm-qualifier {color:#047d65}
/* Editor styling */
.cm-s-neo pre {
padding:0;
}
.cm-s-neo .CodeMirror-gutters {
border:none;
border-right:10px solid transparent;
background-color:transparent;
}
.cm-s-neo .CodeMirror-linenumber {
padding:0;
color:#e0e2e5;
}
.cm-s-neo .CodeMirror-guttermarker { color: #1d75b3; }
.cm-s-neo .CodeMirror-guttermarker-subtle { color: #e0e2e5; }
.cm-s-neo div.CodeMirror-cursor {
width: auto;
border: 0;
background: rgba(155,157,162,0.37);
z-index: 1;
}
.cm-s-neo span.cm-builtin {
color: #1d75b3;
}
.cm-s-neo span.cm-attribute {
color: #047d65;
}
/* BASICS */
.CodeMirror {
/* Set height, width, borders, and global font properties here */
font-family: monospace;
height: 300px;
color: black;
}
/* PADDING */
.CodeMirror-lines {
padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
padding: 0 4px; /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
background-color: white; /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
border-right: 1px solid #ddd;
background-color: #f7f7f7;
white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
padding: 0 3px 0 5px;
min-width: 20px;
text-align: right;
color: #999;
white-space: nowrap;
}
.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }
/* CURSOR */
.CodeMirror div.CodeMirror-cursor {
border-left: 1px solid black;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver;
}
.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
width: auto;
border: 0;
background: #7e7;
}
.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
z-index: 1;
}
.cm-animate-fat-cursor {
width: auto;
border: 0;
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite;
}
@-moz-keyframes blink {
0% { background: #7e7; }
50% { background: none; }
100% { background: #7e7; }
}
@-webkit-keyframes blink {
0% { background: #7e7; }
50% { background: none; }
100% { background: #7e7; }
}
@keyframes blink {
0% { background: #7e7; }
50% { background: none; }
100% { background: #7e7; }
}
/* Can style cursor different in overwrite (non-insert) mode */
div.CodeMirror-overwrite div.CodeMirror-cursor {}
.cm-tab { display: inline-block; text-decoration: inherit; }
.CodeMirror-ruler {
border-left: 1px solid #ccc;
position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}
.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}
.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}
.CodeMirror-composing { border-bottom: 2px solid; }
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
the editor. You probably shouldn't touch them. */
.CodeMirror {
position: relative;
overflow: hidden;
background: white;
}
.CodeMirror-scroll {
overflow: scroll !important; /* Things will break if this is overridden */
/* 30px is the magic margin used to hide the element's real scrollbars */
/* See overflow: hidden in .CodeMirror */
margin-bottom: -30px; margin-right: -30px;
padding-bottom: 30px;
height: 100%;
outline: none; /* Prevent dragging from highlighting the element */
position: relative;
}
.CodeMirror-sizer {
position: relative;
border-right: 30px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
before actuall scrolling happens, thus preventing shaking and
flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
position: absolute;
z-index: 6;
display: none;
}
.CodeMirror-vscrollbar {
right: 0; top: 0;
overflow-x: hidden;
overflow-y: scroll;
}
.CodeMirror-hscrollbar {
bottom: 0; left: 0;
overflow-y: hidden;
overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
left: 0; bottom: 0;
}
.CodeMirror-gutters {
position: absolute; left: 0; top: 0;
z-index: 3;
}
.CodeMirror-gutter {
white-space: normal;
height: 100%;
display: inline-block;
margin-bottom: -30px;
/* Hack to make IE7 behave */
*zoom:1;
*display:inline;
}
.CodeMirror-gutter-wrapper {
position: absolute;
z-index: 4;
height: 100%;
}
.CodeMirror-gutter-elt {
position: absolute;
cursor: default;
z-index: 4;
}
.CodeMirror-gutter-wrapper {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.CodeMirror-lines {
cursor: text;
min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
/* Reset some styles that the rest of the page might have set */
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
border-width: 0;
background: transparent;
font-family: inherit;
font-size: inherit;
margin: 0;
white-space: pre;
word-wrap: normal;
line-height: inherit;
color: inherit;
z-index: 2;
position: relative;
overflow: visible;
-webkit-tap-highlight-color: transparent;
}
.CodeMirror-wrap pre {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
}
.CodeMirror-linebackground {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
z-index: 0;
}
.CodeMirror-linewidget {
position: relative;
z-index: 2;
overflow: auto;
}
.CodeMirror-widget {}
.CodeMirror-code {
outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.CodeMirror-measure {
position: absolute;
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden;
}
.CodeMirror-measure pre { position: static; }
.CodeMirror div.CodeMirror-cursor {
position: absolute;
border-right: none;
width: 0;
}
div.CodeMirror-cursors {
visibility: hidden;
position: relative;
z-index: 3;
}
.CodeMirror-focused div.CodeMirror-cursors {
visibility: visible;
}
.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror ::selection { background: #d7d4f0; }
.CodeMirror ::-moz-selection { background: #d7d4f0; }
.cm-searching {
background: #ffa;
background: rgba(255, 255, 0, .4);
}
/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span { *vertical-align: text-bottom; }
/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }
@media print {
/* Hide the cursor when printing */
.CodeMirror div.CodeMirror-cursors {
visibility: hidden;
}
}
/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }