/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2014 Hakim El Hattab, http://hakim.se
 */
.ladda-button {
position:relative
}

.ladda-button .ladda-spinner {
position:absolute;
z-index:2;
display:inline-block;
width:32px;
height:32px;
top:50%;
margin-top:0;
opacity:0;
pointer-events:none
}

.ladda-button .ladda-label {
position:relative;
z-index:3
}

.ladda-button .ladda-progress {
position:absolute;
width:0;
height:100%;
left:0;
top:0;
background:rgba(0,0,0,.2);
visibility:hidden;
opacity:0;
-webkit-transition:.1s linear all!important;
-moz-transition:.1s linear all!important;
-ms-transition:.1s linear all!important;
-o-transition:.1s linear all!important;
transition:.1s linear all!important
}

.ladda-button [data-style=slide-down ].ladda-label,.ladda-button [data-style=slide-left ].ladda-label,.ladda-button [data-style=slide-right ].ladda-label,.ladda-button [data-style=slide-up ].ladda-label,.ladda-button [data-style=zoom-in ].ladda-label,html {
position:relative
}

.ladda-button [data-loading ].ladda-progress {
opacity:1;
visibility:visible
}

.ladda-button,.ladda-button .ladda-label,.ladda-button .ladda-spinner {
-webkit-transition:.3s cubic-bezier(.175,.885,.32,1.275)all!important;
-moz-transition:.3s cubic-bezier(.175,.885,.32,1.275)all!important;
-ms-transition:.3s cubic-bezier(.175,.885,.32,1.275)all!important;
-o-transition:.3s cubic-bezier(.175,.885,.32,1.275)all!important;
transition:.3s cubic-bezier(.175,.885,.32,1.275)all!important
}

.ladda-button [data-style=zoom-in ],.ladda-button [data-style=zoom-in ].ladda-label,.ladda-button [data-style=zoom-in ].ladda-spinner,.ladda-button [data-style=zoom-out ],.ladda-button [data-style=zoom-out ].ladda-label,.ladda-button [data-style=zoom-out ].ladda-spinner {
-webkit-transition:.3s ease all!important;
-moz-transition:.3s ease all!important;
-ms-transition:.3s ease all!important;
-o-transition:.3s ease all!important;
transition:.3s ease all!important
}

.ladda-button [data-style=expand-right ].ladda-spinner {
right:-6px
}

.ladda-button [data-style=expand-right ] [data-size= "s " ].ladda-spinner,.ladda-button [data-style=expand-right ] [data-size=xs ].ladda-spinner {
right:-12px
}

.ladda-button [data-style=expand-right ] [data-loading ] {
padding-right:56px
}

.ladda-button [data-style=expand-right ] [data-loading ].ladda-spinner {
opacity:1
}

.ladda-button [data-style=expand-right ] [data-loading ] [data-size= "s " ],.ladda-button [data-style=expand-right ] [data-loading ] [data-size=xs ] {
padding-right:40px
}

.ladda-button [data-style=expand-left ].ladda-spinner {
left:26px
}

.ladda-button [data-style=expand-left ] [data-size= "s " ].ladda-spinner,.ladda-button [data-style=expand-left ] [data-size=xs ].ladda-spinner {
left:4px
}

.ladda-button [data-style=expand-left ] [data-loading ] {
padding-left:56px
}

.ladda-button [data-style=expand-left ] [data-loading ].ladda-spinner {
opacity:1
}

.ladda-button [data-style=expand-left ] [data-loading ] [data-size= "s " ],.ladda-button [data-style=expand-left ] [data-loading ] [data-size=xs ] {
padding-left:40px
}

.ladda-button [data-style=expand-up ] {
overflow:hidden
}

.ladda-button [data-style=expand-up ].ladda-spinner {
top:-32px;
left:50%;
margin-left:0
}

.ladda-button [data-style=expand-up ] [data-loading ] {
padding-top:54px
}

.ladda-button [data-style=expand-up ] [data-loading ].ladda-spinner {
opacity:1;
top:26px;
margin-top:0
}

.ladda-button [data-style=expand-up ] [data-loading ] [data-size= "s " ],.ladda-button [data-style=expand-up ] [data-loading ] [data-size=xs ] {
padding-top:32px
}

.ladda-button [data-style=expand-up ] [data-loading ] [data-size= "s " ].ladda-spinner,.ladda-button [data-style=expand-up ] [data-loading ] [data-size=xs ].ladda-spinner {
top:4px
}

.ladda-button [data-style=expand-down ] {
overflow:hidden
}

.ladda-button [data-style=expand-down ].ladda-spinner {
top:62px;
left:50%;
margin-left:0
}

.ladda-button [data-style=expand-down ] [data-size= "s " ].ladda-spinner,.ladda-button [data-style=expand-down ] [data-size=xs ].ladda-spinner {
top:40px
}

.ladda-button [data-style=expand-down ] [data-loading ] {
padding-bottom:54px
}

.ladda-button [data-style=expand-down ] [data-loading ].ladda-spinner {
opacity:1
}

.ladda-button [data-style=expand-down ] [data-loading ] [data-size= "s " ],.ladda-button [data-style=expand-down ] [data-loading ] [data-size=xs ] {
padding-bottom:32px
}

.ladda-button [data-style=slide-left ] {
overflow:hidden
}

.ladda-button [data-style=slide-left ].ladda-spinner {
left:100%;
margin-left:0
}

.ladda-button [data-style=slide-left ] [data-loading ].ladda-label {
opacity:0;
left:-100%
}

.ladda-button [data-style=slide-left ] [data-loading ].ladda-spinner {
opacity:1;
left:50%
}

.ladda-button [data-style=slide-right ] {
overflow:hidden
}

.ladda-button [data-style=slide-right ].ladda-spinner {
right:100%;
margin-left:0;
left:16px
}

.ladda-button [data-style=slide-right ] [data-loading ].ladda-label {
opacity:0;
left:100%
}

.ladda-button [data-style=slide-right ] [data-loading ].ladda-spinner {
opacity:1;
left:50%
}

.ladda-button [data-style=slide-up ] {
overflow:hidden
}

.ladda-button [data-style=slide-up ].ladda-spinner {
left:50%;
margin-left:0;
margin-top:1em
}

.ladda-button [data-style=slide-up ] [data-loading ].ladda-label {
opacity:0;
top:-1em
}

.ladda-button [data-style=slide-up ] [data-loading ].ladda-spinner {
opacity:1;
margin-top:0
}

.ladda-button [data-style=slide-down ] {
overflow:hidden
}

.ladda-button [data-style=slide-down ].ladda-spinner {
left:50%;
margin-left:0;
margin-top:-2em
}

.ladda-button [data-style=slide-down ] [data-loading ].ladda-label {
opacity:0;
top:1em
}

.ladda-button [data-style=slide-down ] [data-loading ].ladda-spinner {
opacity:1;
margin-top:0
}

.ladda-button [data-style=zoom-out ] {
overflow:hidden
}

.ladda-button [data-style=zoom-out ].ladda-spinner {
left:50%;
margin-left:32px;
-webkit-transform:scale(2.5);
-moz-transform:scale(2.5);
-ms-transform:scale(2.5);
-o-transform:scale(2.5);
transform:scale(2.5)
}

.ladda-button [data-style=zoom-out ].ladda-label {
position:relative;
display:inline-block
}

.ladda-button [data-style=zoom-out ] [data-loading ].ladda-label {
opacity:0;
-webkit-transform:scale(.5);
-moz-transform:scale(.5);
-ms-transform:scale(.5);
-o-transform:scale(.5);
transform:scale(.5)
}

.ladda-button [data-style=zoom-out ] [data-loading ].ladda-spinner {
opacity:1;
margin-left:0;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none
}

.ladda-button [data-style=zoom-in ] {
overflow:hidden
}

.ladda-button [data-style=zoom-in ].ladda-spinner {
left:50%;
margin-left:-16px;
-webkit-transform:scale(.2);
-moz-transform:scale(.2);
-ms-transform:scale(.2);
-o-transform:scale(.2);
transform:scale(.2)
}

.ladda-button [data-style=zoom-in ].ladda-label {
display:inline-block
}

.ladda-button [data-style=zoom-in ] [data-loading ].ladda-label {
opacity:0;
-webkit-transform:scale(2.2);
-moz-transform:scale(2.2);
-ms-transform:scale(2.2);
-o-transform:scale(2.2);
transform:scale(2.2)
}

.ladda-button [data-style=zoom-in ] [data-loading ].ladda-spinner {
opacity:1;
margin-left:0;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none
}

.ladda-button [data-style=contract ] {
overflow:hidden;
width:100px
}

.ladda-button [data-style=contract ].ladda-spinner {
left:50%;
margin-left:0
}

.ladda-button [data-style=contract ] [data-loading ] {
border-radius:50%;
width:52px
}

.ladda-button [data-style=contract ] [data-loading ].ladda-label {
opacity:0
}

.ladda-button [data-style=contract ] [data-loading ].ladda-spinner {
opacity:1
}

.ladda-button [data-style=contract-overlay ] {
overflow:hidden;
width:100px;
box-shadow:0 0 0 2000px transparent
}

.ladda-button [data-style=contract-overlay ].ladda-spinner {
left:50%;
margin-left:0
}

.ladda-button [data-style=contract-overlay ] [data-loading ] {
border-radius:50%;
width:52px;
box-shadow:0 0 0 2000px rgba(0,0,0,.8)
}

.ladda-button [data-style=contract-overlay ] [data-loading ].ladda-label {
opacity:0
}

.ladda-button [data-style=contract-overlay ] [data-loading ].ladda-spinner {
opacity:1
}

@font-face {
font-family:Roboto;
font-style:normal;
font-weight:100;
src:local( 'Roboto Thin '),local( 'Roboto-Thin '),url(../fonts/v15/Jzo62I39jc0gQRrbndN6nfesZW2xOQ-xsNqO47m55DA.ttf)format( 'truetype ')
}

@font-face {
font-family:Roboto;
font-style:normal;
font-weight:300;
src:local( 'Roboto Light '),local( 'Roboto-Light '),url(../fonts/v15/Hgo13k-tfSpn0qi1SFdUfaCWcynf_cDxXwCLxiixG1c.ttf)format( 'truetype ')
}

@font-face {
font-family:Roboto;
font-style:normal;
font-weight:400;
src:local( 'Roboto '),local( 'Roboto-Regular '),url(../fonts/v15/zN7GBFwfMP4uA6AR0HCoLQ.ttf)format( 'truetype ')
}

@font-face {
font-family:Roboto;
font-style:normal;
font-weight:500;
src:local( 'Roboto Medium '),local( 'Roboto-Medium '),url(../fonts/v15/RxZJdnzeo3R5zSexge8UUaCWcynf_cDxXwCLxiixG1c.ttf)format( 'truetype ')
}

@font-face {
font-family:Roboto;
font-style:normal;
font-weight:700;
src:local( 'Roboto Bold '),local( 'Roboto-Bold '),url(../fonts/v15/d-6IYplOFocCacKzxwXSOKCWcynf_cDxXwCLxiixG1c.ttf)format( 'truetype ')
}

@font-face {
font-family:Roboto;
font-style:normal;
font-weight:900;
src:local( 'Roboto Black '),local( 'Roboto-Black '),url(../fonts/v15/mnpfi9pxYH-Go5UiibESIqCWcynf_cDxXwCLxiixG1c.ttf)format( 'truetype ')
}

html {
min-height:100%
}

.navbar-bootsnipp.affix-top,footer {
position:absolute
}

body {
background-color:#F5F5F5;
font-family:Roboto,sans-serif;
font-weight:400;
margin-bottom:150px;
margin-top:50px;
padding-top:0
}

h1,h2,h3,h4,h5,h6 {
font-weight:700
}

footer {
bottom:0;
width:100%
}

.animate {
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}

.no-margin {
margin:0!important
}

.margin-bottom-20 {
margin-bottom:20px!important
}

.btn {
border-radius:3px
}

.navbar-nav.nav-justified >li {
float:none
}

.navbar-default {
background-color:#FFF;
border-color:#D8D8D8
}

.animbrand a::after,.animbrand a::before {
display:inline-block;
opacity:0;
-webkit-transition:-webkit-transform .3s,opacity .2s;
-moz-transition:-moz-transform .3s,opacity .2s;
transition:transform .3s,opacity .2s;
color:#5FB0E4;
font-size:22px;
line-height:16px
}

.animbrand a::before {
margin-right:3px;
content: ' < ';
-webkit-transform:translateX(50px);
-moz-transform:translateX(50px);
transform:translateX(50px)
}

.animbrand a::after {
margin-left:3px;
content: ' > ';
-webkit-transform:translateX(-50px);
-moz-transform:translateX(-50px);
transform:translateX(-50px)
}

.animbrand a:focus::after,.animbrand a:focus::before,.animbrand a:hover::after,.animbrand a:hover::before {
opacity:1;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
transform:translateX(0)
}

.navbar-bootsnipp {
background-color:#FFF;
border-color:#5FB0E4;
border-radius:0;
margin-bottom:0;
z-index:100
}

.navbar-bootsnipp:nth-of-type(2) {
border-top-width:1px;
z-index:50
}

.navbar-bootsnipp.affix,.navbar-bootsnipp.affix-top {
top:0;
width:100%
}

.navbar-bootsnipp .navbar-toggle .icon-bar {
background-color:#5FB0E4
}

.navbar-bootsnipp .navbar-brand {
color:#5FB0E4;
font-family: "Helvetica Neue ",Helvetica,Arial,sans-serif
}

.navbar-bootsnipp .navbar-nav >li >a {
border:0 solid #5FB0E4;
color:#787878;
padding:15px 14px
}

.navbar-bootsnipp .navbar-nav >li >form >.input-group >.input-group-btn >.btn,.navbar-bootsnipp .navbar-nav >li >form >.input-group >input {
border-radius:0
}

.navbar-bootsnipp .navbar-nav >li:not(.disabled).active >a,.navbar-bootsnipp .navbar-nav >li:not(.disabled).open >a,.navbar-bootsnipp .navbar-nav >li:not(.disabled) >a:focus,.navbar-bootsnipp .navbar-nav >li:not(.disabled) >a:hover {
border-left-width:5px;
color:#5FB0E4;
padding-left:10px
}

.navbar-bootsnipp .navbar-nav >li.disabled >a {
color:#C8C8C8
}

.navbar-bootsnipp .navbar-nav >li >.dropdown-menu {
border-radius:0;
margin-right:-1px;
min-width:220px;
padding:0
}

.navbar-bootsnipp .navbar-nav >li:not(.dropdown-right) >.dropdown-menu {
left:0;
margin-left:-1px;
right:auto
}

.navbar-bootsnipp .navbar-nav >li >.dropdown-menu >li >a {
border-left:0 solid #5FB0E4;
color:#787878;
font-size:16px;
font-weight:400;
padding:10px 20px;
white-space:nowrap
}

.navbar-bootsnipp .navbar-nav >li >.dropdown-menu >li.active >a,.navbar-bootsnipp .navbar-nav >li >.dropdown-menu >li >a:focus,.navbar-bootsnipp .navbar-nav >li >.dropdown-menu >li >a:hover {
background-color:#F5F5F5;
border-left-width:5px;
padding-left:15px
}

.navbar .bootsnipp-profile >a {
padding-bottom:9px;
padding-top:9px
}

.navbar .bootsnipp-profile >a >img {
border-radius:50%;
width:32px
}

.navbar .bootsnipp-profile >.dropdown-menu {
width:320px
}

.navbar .bootsnipp-profile >.dropdown-menu >li >.row {
padding:5px 15px
}

.navbar .bootsnipp-profile >.dropdown-menu >li >.row img {
width:100%
}

.navbar-bootsnipp .bootsnipp-search {
display:none
}

.navbar-bootsnipp .bootsnipp-search .form-control {
background-color:#ebebeb;
border-radius:0;
border-width:0;
font-size:24px;
height:auto
}

.navbar-bootsnipp .bootsnipp-search .form-control:focus {
border-color:transparent;
outline:0;
-webkit-box-shadow:none;
box-shadow:none
}

.navbar-bootsnipp .bootsnipp-search .input-group-btn >.btn {
padding:10px 16px;
border-radius:0
}

.navbar-bootsnipp .bootsnipp-search .input-group-btn >.btn-default {
background-color:#f5f5f5
}

.nav-padding {
padding-top:61px
}

.bs-header {
background-color:#5fb0e4;
background-image:url(../dist/img/header-bg.jpg ?ver=2.0.0);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
color:#FFF;
font-size:16px;
margin-top:-15px;
min-height:150px;
padding:15px;
text-align:center;
text-shadow:0 1px 0 rgba(0,0,0,.15)
}

.bs-header a {
color:#76B7E8
}

.bs-header a:hover {
color:#a2d5e8
}

.bs-top-callout {
box-shadow:0 0 3px rgba(51,51,51,.65);
padding-bottom:15px;
padding-top:15px
}

.bs-indent {
background-color:#e1e1e1;
box-shadow:inset 0 0 3px rgba(51,51,51,.65);
color:#777;
margin-bottom:20px;
padding-bottom:0;
padding-top:0;
text-align:center
}

.bs-indent .row {
margin:0
}

.bs-indent ul {
list-style:none;
margin:5px 0;
padding:0
}

.bs-indent ul >li {
display:inline-block;
margin:0 3px
}

.bs-indent ul >li:first-child {
display:block;
padding:15px 0
}

.bs-indent ul >li >a {
background-color:#f5f5f5;
border-radius:3px;
box-shadow:0 0 3px rgba(51,51,51,.65);
color:#333;
display:inline-block;
padding:5px 10px;
text-decoration:none
}

#social-sharing,.view-counts {
padding-top:5px
}

.bs-indent ul >li >a >span {
padding-right:5px
}

.bs-indent ul >.active >a,.bs-indent ul >.active >a:focus,.bs-indent ul >.active >a:hover {
background-color:#ebebeb;
box-shadow:inset 0 0 3px rgba(51,51,51,.65);
color:#333
}

.bs-indent ul >li >a:focus,.bs-indent ul >li >a:hover {
background-color:#ebebeb
}

.bs-indent p,.bs-top-callout p {
margin:0
}

.bs-callout-info {
border:3px solid #d0e3f0
}

.bs-callout-success {
color:#DCEDC8
}

.user-avatar-sm {
width:40px;
height:40px;
border:2px solid #769fd1
}

.user-avatar-mini {
width:18px;
height:18px;
border:1px solid #769fd1
}

.search-btn {
border-radius:18px
}

.search-results >li >a {
margin-top:5px
}

.resource-list li,.tag-list li {
float:left
}

.tag-list a:hover {
background-color:#16a085!important
}

.carbonad,.carbonad-tag {
font-size:12px!important;
font-family:Verdana, "Lucida Grande ", "Helvetica Neue ",sans-serif!important;
line-height:1.5!important
}

.carbonad {
border-color:#5fb0e4!important;
width:100%!important
}

.carbonad a {
color:#0f86ce!important
}

#azcarbon,#azcarbon span {
display:block;
overflow:hidden
}

.carbonad-image {
float:left;
margin:10px;
box-shadow:0 0 2px 2px #ccc
}

.carbonad-img {
margin:0!important
}

.carbonad-tag,.carbonad-text {
float:left;
width:190px!important
}

.carbonad-tag {
text-align:right!important;
font-size:11px!important
}

div.animbrand a:focus,div.animbrand a:hover {
outline:0
}

.colorgraph {
height:5px;
border-top:0;
background:#c4e17f;
border-radius:5px;
background-image:-webkit-linear-gradient(left,#c4e17f,#c4e17f 12.5%,#f7fdca 12.5%,#f7fdca 25%,#fecf71 25%,#fecf71 37.5%,#f0776c 37.5%,#f0776c 50%,#db9dbe 50%,#db9dbe 62.5%,#c49cde 62.5%,#c49cde 75%,#669ae1 75%,#669ae1 87.5%,#62c2e4 87.5%,#62c2e4);
background-image:-moz-linear-gradient(left,#c4e17f,#c4e17f 12.5%,#f7fdca 12.5%,#f7fdca 25%,#fecf71 25%,#fecf71 37.5%,#f0776c 37.5%,#f0776c 50%,#db9dbe 50%,#db9dbe 62.5%,#c49cde 62.5%,#c49cde 75%,#669ae1 75%,#669ae1 87.5%,#62c2e4 87.5%,#62c2e4);
background-image:-o-linear-gradient(left,#c4e17f,#c4e17f 12.5%,#f7fdca 12.5%,#f7fdca 25%,#fecf71 25%,#fecf71 37.5%,#f0776c 37.5%,#f0776c 50%,#db9dbe 50%,#db9dbe 62.5%,#c49cde 62.5%,#c49cde 75%,#669ae1 75%,#669ae1 87.5%,#62c2e4 87.5%,#62c2e4);
background-image:linear-gradient(to right,#c4e17f,#c4e17f 12.5%,#f7fdca 12.5%,#f7fdca 25%,#fecf71 25%,#fecf71 37.5%,#f0776c 37.5%,#f0776c 50%,#db9dbe 50%,#db9dbe 62.5%,#c49cde 62.5%,#c49cde 75%,#669ae1 75%,#669ae1 87.5%,#62c2e4 87.5%,#62c2e4)
}

.view-counts {
margin-right:10px
}

.view-counts a {
text-decoration:none;
color:#000
}

.snipp-title {
margin-left:10px
}

@media screen and (max-width:992px) {
.resource-list li,.tag-list li {
float:none
}
}

@media screen and (max-width:580px) {
.snipp-title {
font-size:13px;
padding-top:4px;
width:auto;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
}

@media screen and (min-width:992px) {
.snipp-title {
font-size:14px;
padding-top:4px;
width:auto;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
}

@media screen and (min-width:992px)and (max-width:1200px) {
.snipp-title {
font-size:14px;
width:auto;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
}

.bootsnipp-thumb {
margin-bottom:20px
}

.bootsnipp-thumb img {
width:100%
}

.bs-footer {
height:90px;
color:#777;
background-color:#FFF;
text-align:center;
margin-bottom:-20px;
border-top:1px solid #e5e5e5
}

.footer-links {
margin:10px 0;
padding-left:0
}

.footer-links li {
display:inline;
padding:0 2px
}

.footer-links li:first-child {
padding-left:0
}

@media (min-width:768px) {
.bs-footer {
text-align:left
}
}

.bs-social {
margin-top:10px;
margin-bottom:10px;
text-align:center
}

.bs-social-buttons {
display:inline-block;
margin-bottom:0;
padding-left:0;
list-style:none
}

.bs-social-buttons li {
display:inline-block;
line-height:1;
padding:5px 8px
}

.bs-social-buttons .facebook-btn {
width:130px!important
}

.bs-social-buttons .twitter-follow-button {
width:225px!important
}

.bs-social-buttons .twitter-share-button {
width:98px!important
}

@media screen and (min-width:768px) {
.bs-social {
text-align:left
}

.bs-social-buttons li:first-child {
padding-left:0
}
}

.bs-top-callout {
color:#777;
background-color:#F1F1F1;
border-top:1px solid #fff;
border-bottom:1px solid #e5e5e5;
margin-bottom:20px
}

.bs-callout {
margin:20px 0;
padding:15px 30px 15px 15px;
border-left:5px solid #eee
}

.bs-callout h4 {
margin-top:0
}

.bs-callout p:last-child {
margin-bottom:0
}

.bs-callout .highlight,.bs-callout code {
background-color:#fff
}

.bs-callout-danger {
background-color:#fcf2f2;
border-color:#dFb5b4;
color:#b94a48
}

.bs-callout-warning {
background-color:#FFEFA3;
border-color:#f1e7bc;
color:#9B8017
}

.bs-callout-info {
background-color:#f0f7fd;
border-color:#d0e3f0;
color:#4D72AA
}

.bs-callout-success {
background-color:#8AE287;
border-color:#3BB65C
}

.container {
width:100%
}

#playground-container {
height:500px;
-webkit-overflow-scrolling:touch
}

#preview-container {
border-top:2px solid #CCC;
border-bottom:2px solid #CCC;
width:100%;
height:100%
}

.preview-iframe {
border:0;
width:100%;
height:100%
}

.playground-editor {
padding:0;
top:0;
width:100%;
border:2px solid #CCC;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

.title-bar {
background-color:#f5f5f5;
padding:0;
margin-bottom:10px;
border-radius:6px
}

.title-bar >.avatar-sm-container,.title-bar >h4 {
padding:10px;
margin:0
}

.social-sharing {
padding-top:10px;
padding-right:10px
}

.carbonads-container {
margin-top:5px
}

@media screen and (min-width:768px) {
#tags,.theme-control {
float:right
}

#tags {
padding-top:5px
}
}

@media screen and (max-width:767px) {
.theme-control {
margin-top:10px
}

#tags {
float:left;
width:100%;
margin-bottom:10px
}
}

@media screen and (min-width:768px) {
body {
margin-bottom:100px
}

.bs-header {
font-size:21px;
padding:20px 15px;
text-align:center
}

.navbar-bootsnipp .navbar-brand {
font-size:20px;
height:auto;
padding:15px 5px
}

.navbar-bootsnipp .navbar-nav >li >a {
font-size:16px;
letter-spacing:1px
}

.navbar-bootsnipp .navbar-nav >li:not(.disabled).active >a,.navbar-bootsnipp .navbar-nav >li:not(.disabled).open >a,.navbar-bootsnipp .navbar-nav >li:not(.disabled) >a:focus,.navbar-bootsnipp .navbar-nav >li:not(.disabled) >a:hover {
border-bottom-width:5px;
border-left-width:0;
padding-bottom:10px;
padding-left:14px
}

.navbar-bootsnipp .navbar-nav >li.disabled >a {
padding-left:10px;
padding-right:10px
}

.navbar-bootsnipp .bootsnipp-search {
background-color:#ebebeb;
display:block;
position:absolute;
top:100%;
width:100%;
-webkit-transform:rotateX(-90deg);
-moz-transform:rotateX(-90deg);
-o-transform:rotateX(-90deg);
-ms-transform:rotateX(-90deg);
transform:rotateX(-90deg);
-webkit-transform-origin:0 0 0;
-moz-transform-origin:0 0 0;
-o-transform-origin:0 0 0;
-ms-transform-origin:0 0 0;
transform-origin:0 0 0;
visibility:hidden
}

.navbar-bootsnipp .bootsnipp-search.open {
-webkit-transform:rotateX(0);
-moz-transform:rotateX(0);
-o-transform:rotateX(0);
-ms-transform:rotateX(0);
transform:rotateX(0);
visibility:visible
}

.navbar-bootsnipp .bootsnipp-search >.container {
padding:0
}

.bs-indent ul >li:first-child {
display:inline-block
}
}