@font-face {
    font-family: 'socicon';
    src: url(../assets/fonts/socicon.eot?1480239344) format('embedded-opentype');
    src: url(../assets/fonts/socicon.eot?1480239344#iefix) format('embedded-opentype') format("embedded-opentype"), url(../assets/fonts/socicon.woff?1480239344) format('woff') format("woff"), url(../assets/fonts/socicon.woff2) format("woff2"), url(../assets/fonts/socicon.ttf?1480239344) format('truetype') format("truetype"), url(../assets/fonts/socicon.svg?1480239344#sociconregular) format('svg') format("svg");
    font-weight: 400;
    font-style: normal;
    text-transform: initial;
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        /* Firefox 16+*/
    }

    100% {
        -moz-transform: rotate(360deg);
        /* Firefox 16+*/
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

.panel {
    color: #666666;
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    position: relative;
    margin-bottom: 24px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
}

    .panel ::-webkit-scrollbar {
        width: 0.4em;
        height: 0.4em;
    }

    .panel ::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.6);
        cursor: pointer;
    }

    .panel ::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.7);
    }

    .panel body {
        scrollbar-face-color: rgba(0, 0, 0, 0.6);
        scrollbar-track-color: rgba(255, 255, 255, 0.7);
    }

    /*.panel.animated {
        animation-duration: 0.5s;
    }*/
    .zoomIn {
    -webkit-animation-name:none !important;
    animation-name: none !important;
}

.animated {
    -webkit-animation-duration:0s;
    animation-duration: 0s;
    -webkit-animation-fill-mode:none !important;
    animation-fill-mode: none !important;
}

    .panel.small-panel {
        height: 114px;
    }

    .panel.xsmall-panel {
        height: 187px;
    }

    .panel.medium-panel {
        height: 400px;
    }

    .panel.xmedium-panel {
        height: 550px;
    }

    .panel.large-panel {
        height: 974px;
    }

    .panel.viewport100 {
        height: calc(100vh - 218px);
    }

    .panel.with-scroll .panel-body {
        height: calc(100% - 44px);
        overflow-y: auto;
    }

    .panel.panel-blur {
        background: url(../assets/img/blur-bg-blurred.jpg?1480239344);
        transition: none;
        background-attachment: fixed;
    }

    .panel > .panel-body {
        padding: 15px 22px;
        height: 100%;
    }

    .panel > .panel-heading {
        color: #666666;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .panel > .panel-footer {
        color: #ffffff;
    }

.panel-heading, .panel-footer {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
    height: 44px;
    font-size: 16px;
    padding: 14px 22px;
}

.panel-title {
    font-weight: 500;
    text-transform: uppercase;
    opacity: 0.9;
}

.panel-default > .panel-heading {
    color: #7d7d7d;
}

.panel-default > .panel-footer {
    color: #7d7d7d;
}

.panel-primary > .panel-heading {
    background-color: #4db1a7;
    border-color: #4db1a7;
}

.panel-success > .panel-heading {
    background-color: #a6c733;
    border-color: #a6c733;
}

.panel-info > .panel-heading {
    background-color: #209e91;
    border-color: #209e91;
}

.panel-warning > .panel-heading {
    background-color: #e5c649;
    border-color: #e5c649;
}

.panel-danger > .panel-heading {
    background-color: #ed7878;
    border-color: #ed7878;
}

.bootstrap-panel {
    background-color: #ffffff;
}

    .bootstrap-panel .panel-body {
        color: #7d7d7d;
    }

.accordion-panel.panel.panel-primary .panel-heading p, .accordion-panel.panel.panel-primary .panel-heading div, .accordion-panel.panel.panel-primary .panel-heading span, .accordion-panel.panel.panel-success .panel-heading p, .accordion-panel.panel.panel-success .panel-heading div, .accordion-panel.panel.panel-success .panel-heading span, .accordion-panel.panel.panel-info .panel-heading p, .accordion-panel.panel.panel-info .panel-heading div, .accordion-panel.panel.panel-info .panel-heading span, .accordion-panel.panel.panel-warning .panel-heading p, .accordion-panel.panel.panel-warning .panel-heading div, .accordion-panel.panel.panel-warning .panel-heading span, .accordion-panel.panel.panel-danger .panel-heading p, .accordion-panel.panel.panel-danger .panel-heading div, .accordion-panel.panel.panel-danger .panel-heading span {
    color: rgba(255, 255, 255, 0.8);
}

.panel-group .panel.accordion-panel .panel-heading {
    border-bottom: 0;
}

.panel-group .panel .panel-heading {
    border-bottom: 1px solid #ddd;
}

.p-with-code {
    line-height: 1.5em;
}

.contextual-example-panel {
    height: 120px;
}

.footer-panel {
    height: 142px;
}

.light-text {
    font-weight: 300;
}

/*
.panel-group .panel {
  border-radius: 0;
}*/

#panelheight .panel.large-panel {
    height: 1050px;
}