

/*===============================
/templates/ja_directory/local/css/themes/tema-arancio/layouts/docs.css
================================================================================*/
.docs-section{margin-bottom:52px}.docs-section .page-header{border-bottom:0;margin-bottom:26px;padding-bottom:0}.docs-section .page-header h1{font-size:20px;font-weight:600;color:#26292d}.docs-section h2.sub-title{font-size:20px;font-weight:600;color:#26292d;margin-bottom:26px}.docs-section .dropdown-menu{border:0;padding:13px 0}.docs-section .dropdown-menu li{padding:0 13px}.example-type h1,.example-type h2,.example-type h3,.example-type h4,.example-type h5,.example-type h6{margin:26px 0;font-weight:100}.example-colors .swatch-item{width:100%;min-height:100px;position:relative;background:#4c5560;color:#ffffff;margin-bottom:26px}@media (min-width:1200px){.example-colors .swatch-item{min-height:123px}}.example-colors .swatch-item dl{width:100%;position:absolute;bottom:0;padding:20px;margin:0}.example-colors .color-brand-primary{background:#fe6a45}.example-colors .color-brand-secondary{background:#fe6945}.example-colors .color-brand-success{background:#4db18d}.example-colors .color-brand-danger{background:#cc0000}.example-colors .color-brand-warning{background:#f0ad4e}.example-colors .color-brand-info{background:#5bc0de}.example-colors .color-gray-darker{background:#26292d}.example-colors .color-gray-dark{background:#4c5560}.example-colors .color-gray{background:#555555}.example-colors .color-gray-light{background:#8c959f;color:#4c5560}.example-colors .color-gray-lighter{background:#eeeeee;color:#4c5560}.example-colors .color-gray-lightest{background:#f7f7f7;color:#4c5560}.example-inputs .btn,.example-inputs .form-control{box-shadow:none;width:100%;margin-bottom:26px}.example-inputs ul{padding:0;list-style:none}@media screen and (min-width:768px){.example-inputs ul li{float:left;width:30%;padding-right:26px}}.example-button .btn{margin:0 10px 10px 0}.example-buttons ul{list-style:none;padding-left:0}.example-buttons .btn{margin:0 10px 10px 0}


/*===============================
/plugins/system/jabuilder/assets/css/jabuilder.css
================================================================================*/
.jub-edit-btn{background:#F44336;color:#fff;color:rgba(255,255,255,.87);font-weight:500;font-size:14px;font-family:Roboto,sans-serif;text-transform:uppercase;text-align:left;position:fixed;top:16px;left:16px;box-sizing:border-box;padding:8px;width:40px;height:40px;overflow:hidden;white-space:nowrap;border:0;border-radius:50px;z-index:100000;transition:.28s cubic-bezier(.4,0,.2,1);opacity:1;box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12),0 3px 3px -2px rgba(0,0,0,.4)}.jub-edit-btn .material-icons{}.jub-edit-btn span{line-height:1;display:inline-block;opacity:0;margin-left:8px;width:80px;position:relative;top:-4px;overflow:hidden;text-overflow:ellipsis;transition:.12s cubic-bezier(.4,0,.2,1)}.jub-edit-btn:hover,.jub-edit-btn:active,.jub-edit-btn:focus{background:#E53935;color:#fff;text-decoration:none !important;width:140px;cursor:pointer;box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.4)}.jub-edit-btn:hover span,.jub-edit-btn:active span,.jub-edit-btn:focus span{opacity:1} body .jub-edit-btn{animation-name:jubBounceIn;animation-duration:1s;animation-fill-mode:both;animation-delay:1s;z-index:999999}body.jub-onboarding .jub-edit-btn{width:140px}body.jub-onboarding .jub-edit-btn span{opacity:1} @keyframes jubBounceIn{0%,20%,40%,60%,80%,100%{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{transform:scale3d(.97,.97 .97)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}100%{transform:scale3d(1,1,1)}}