/*===============================
/templates/ja_elicyon/css/layouts/docs.css
================================================================================*/
.docs-section{margin-bottom:37.5px;margin-top:37.5px;padding-bottom:37.5px;font-size:14px;border-bottom:1px solid #e8e8e8}.docs-section:last-child{border:none}.docs-section .row{margin:0 -25px}.docs-section .row > [class^="col-"]{padding:0 25px}.docs-section .page-header{border-bottom:0;margin-bottom:50px;padding-bottom:0}.docs-section .page-header h1{font-size:36px;font-weight:700;color:#d7d7d7;margin:0;line-height:normal}.docs-section h2.sub-title{font-size:21px;font-weight:700;font-family:'Roboto',sans-serif;color:#333333;margin-bottom:25px;margin-top:0;padding-bottom:5px;border-bottom:2px solid #e55a55;display:inline-block}.docs-section .dropdown-menu{border:0;padding:12.5px 0}.docs-section .dropdown-menu li{padding:0 12.5px}.example-type h1,.example-type h2,.example-type h3,.example-type h4,.example-type h5,.example-type h6{margin:25px 0;font-weight:100}.example-colors .swatch-item{width:100%;min-height:100px;position:relative;background:#333333;color:#ffffff;margin-bottom:25px}@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:#e55a55}.example-colors .color-brand-secondary{background:#428bca}.example-colors .color-brand-success{background:#5cb85c}.example-colors .color-brand-danger{background:#d9534f}.example-colors .color-brand-warning{background:#f0ad4e}.example-colors .color-brand-info{background:#5bc0de}.example-colors .color-gray-darker{background:#222222}.example-colors .color-gray-dark{background:#333333}.example-colors .color-gray{background:#555555}.example-colors .color-gray-light{background:#999999;color:#333333}.example-colors .color-gray-lighter{background:#eeeeee;color:#333333}.example-colors .color-gray-lightest{background:#f7f7f7;color:#333333}.example-inputs .form-control{box-shadow:none;width:100%;margin-bottom:25px}.example-inputs ul{padding:0;list-style:none}@media screen and (min-width:768px){.example-inputs ul li{float:left;width:30%;padding-right:25px}}.example-button .btn{margin:0 10px 10px 0}@media screen and (min-width:768px){.example-button .btn{width:30%}}