.box-content {
     position: relative;
     -webkit-border-radius: 0 0 3px 3px;
     -moz-border-radius: 0 0 3px 3px;
     border-radius: 0 0 3px 3px;
     padding: 15px;
     background: #FCFCFC;
}
 .box {
     display: block;
     position: relative;
     border: 1px solid #f8f8f8;
     box-shadow: 0 0 4px #D8D8D8;
     -webkit-box-shadow: 0 0 4px #D8D8D8;
     -moz-box-shadow: 0 0 4px #D8D8D8;
     background: transparent;
     margin: 20px;
     margin-bottom: 20px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
}
 .box-header {
     -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
     border-radius: 3px 3px 0 0;
     color: #363636;
     font-size: 16px;
     position:relative;
     overflow: hidden;
     background: #f5f5f5;
     border-bottom: 1px solid #E4E4E4;
     height: 28px;
}
 .box-name, .modal-header-name {
     padding-left: 15px;
     line-height: 28px;
}
 .box-name:hover {
     cursor: move;
}
 .box-name > i {
     margin-right:5px;
}
 .box-icons {
     position: absolute;
     top:0;
     right:0;
     z-index: 9;
}
 .box-content.dropbox, .box-content.sortablebox {
     overflow: hidden;
}
 .full-content .box-content {
     height: 100%;
     position: absolute;
     width: 100%;
     left: 0;
     top: 0;
}
 .box-icons a {
     cursor: pointer;
     text-decoration: none !important;
     border-left: 1px solid #fafafa;
     height: 26px;
     line-height: 26px;
     display: block;
     float: left;
     text-align: center;
     -webkit-transition: 0.2s;
     -moz-transition: 0.2s;
     -o-transition: 0.2s;
     transition: 0.2s;
}
 .box-icons a.beauty-table-to-json {
     width: auto;
     padding: 0 10px;
     font-size: 14px;
}
 .box-icons a:hover {
     box-shadow:inset 0 0 1px 0 #CECECE;
     -webkit-box-shadow:inset 0 0 1px 0 #CECECE;
     -moz-box-shadow:inset 0 0 1px 0 #CECECE;
}
/*! * 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-spi nner{
    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
}

 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;

    padding-top:0
}
h1,h2,h3,h4,h5,h6{
    font-weight:700
}
footer{
    width:100%;
    position:relative;
}
.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-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:0px
    }
    .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
    }
}<br />
<b>Deprecated</b>:  Directive 'allow_url_include' is deprecated in <b>Unknown</b> on line <b>0</b><br />