/**
 * efriandika/laravel - The Laravel Framework Starter for Rapid Development.
 * @version v1.1.0
 * @link http://bitbucket.org/efriandika/laravel
 * @author Efriandika Pratama (efriandika@gmail.com)
 */
/* ======================= Nav Tabs ======================= */
.nav-tabs li a:FOCUS{
    outline: 0;
}

/* ======================= Validation ======================= */
span.error{
    font-weight: 200;
    color: rgb(169, 68, 66);
}

/* ======================= Custom Fullscreen Tiny MCE ======================= */
.mce-fullscreen {
    z-index: 1050 !important;
}

/* ======================= Custom Magnific Content Ajax type ======================= */
@media (min-width: 768px){
    .mfp-ajax-holder .mfp-content {
        width: 80% !important;
    }
}

/* ======================= X-Editable ======================= */
/* Make inline editables take the full width of their parents */
.editable-container.editable-inline,
.editable-container.editable-inline .control-group.form-group
{
    width: 90%;
}

.editable-container.editable-inline .control-group.form-group .editable-input,
.editable-container.editable-inline .control-group.form-group .editable-input textarea,
.editable-container.editable-inline .control-group.form-group .editable-input select,
.editable-container.editable-inline .control-group.form-group .editable-input input:not([type=radio]):not([type=checkbox]):not([type=submit])
{
    width: 100%;
}

/* ======================= Gallery ======================= */
.album-list{
    height: 150px;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    display: block;
    padding: 5px;
}

.album-list .album-name{
    margin-top: 30px;
    font-family: Oswald;
    text-transform: uppercase;
}

.album-list .album-item-count{
    font-size: 9pt;
}

.album-list .album-time{
    font-size: 9pt;
    margin-top: 5px;
    margin-bottom: 7px;
    color: #333333;
}

/* ======================= Loader ======================= */
.loader:before,
.loader:after,
.loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}
.loader {
    margin: 0 auto 52px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-animation-delay: 0.16s;
    animation-delay: 0.16s;
}
.loader:before {
    left: -3.5em;
}
.loader:after {
    left: 3.5em;
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s;
}
.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}
@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #3BC2A9;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #3BC2A9;
    }
}
@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #3BC2A9;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #3BC2A9;
    }
}