﻿.line-reveal {
    width: 100%;
    height: 4px;
    overflow: hidden;
    position: absolute;
}

    .line-reveal.show .overlay {
        -webkit-animation: wipe 3s ease;
        animation: wipe 3s ease;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .line-reveal .overlay {
        background: #F5F5F5;
        height: 10px;
        position: absolute;
        top: -5px;
        width: 100%;
        transform-origin: 100% 0;
    }

    .line-reveal .line {
        border: 3px solid white;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

#line-a {
    left: -4px;
    top: 60%;
    transform-origin: 0 0;
    transform: rotate(-50deg);
}

    #line-a .line {
        border-color: #ffdd00;
    }

#line-b {
    left: 0;
    bottom: 20%;
    transform-origin: 0 0;
    transform: rotate(-5deg);
}

    #line-b .line {
        border-color: #ffdd00;
    }

#line-c {
    right: 10%;
    bottom: -4px;
    transform-origin: 100% 0;
    transform: rotate(70deg);
}

    #line-c .line {
        border-color: #ffdd00;
    }

@-webkit-keyframes wipe {
    to {
        transform: scaleX(0);
    }
}

@keyframes wipe {
    to {
        transform: scaleX(0);
    }
}

#home-body-content {
    padding: 0;
}

    #home-body-content .body-content {
        padding: 0;
    }

a {
    color: #1a1a1a;
}

    a:hover, a:focus {
        color: #555;
    }

.glyphicon {
    top: 3px
}

.navbar-inverse .navbar-brand {
    color: #ddd;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ddd;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #555;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #ffffff;
    background-color: transparent;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #1a1a1a;
}

.navbar-inverse {
    background-color: #1a1a1a;
}

.panel-primary > .panel-heading {
    color: #555555;
    background-color: #dfdfdf;
    border-color: #dfdfdf;
}

.alert-info {
    background-color: #555555;
}

.btn-primary {
    color: #ffffff;
    background-color: #1a1a1a;
    border-color: transparent;
}

    .btn-primary:hover {
        background-color: #555555;
    }

    .btn-primary:active {
        background-color: #555555;
        background-image: radial-gradient(circle, #555555 10%, #555555 11%);
    }

    .btn-primary:focus {
        background-color: #555555;
    }

    .btn-primary:hover, .btn-primary:active:hover {
        background-color: #555555;
    }

.btn.btn-default.fa {
    color: #888;
}

    .btn.btn-default.fa:hover {
        color: #1a1a1a;
        background: initial
    }

.e-pager .e-currentitem {
    background: #555 !important;
}

    .e-pager .e-numericitem:hover, .e-pager .e-currentitem:hover {
        background: #888 !important;
        color: #fff !important;
    }

.e-pager .e-nextpage:hover, .e-pager .e-lastpage:hover, .e-pager .e-firstpage:hover, .e-pager .e-prevpage:hover {
    background: #888 !important;
    color: #fff !important;
}

.e-ddl .e-select:hover, .e-ddl.e-rtl .e-select:hover {
    background: #555 !important;
    color: #fff !important;
}

.e-ddl-popup .e-active {
    background: #555 !important;
    color: #fff !important;
}

.e-ddl-popup .e-hover {
    background: #ececec !important;
    color: #333 !important;
}

.e-ntouch.e-datewidget .e-select:hover {
    background: #888 !important;
    color: #fff !important;
}

.e-ntouch.e-datepicker .e-datepicker-headertext:hover {
    background: #888 !important;
    color: #fff !important;
}

.e-ntouch.e-datepicker table td:hover, .e-datepicker td.e-state-hover, .e-ntouch.e-datepicker .current-month.e-state-default.e-special-day:hover {
    background: #888 !important;
    color: #fff !important;
}

.e-ntouch.e-datepicker .e-arrow-sans-left:hover, .e-ntouch.e-datepicker .e-arrow-sans-right:hover {
    background-color: #888 !important;
}

.e-ntouch.e-datepicker .e-footer:hover {
    background: #888 !important;
    color: #fff !important;
}

.e-datepicker table td.other-month, .e-datepicker .e-allyear-first, .e-datepicker .e-allyear-last, .e-datepicker .e-year-first, .e-datepicker .e-year-last {
    color: #dfdfdf !important;
}

.e-datepicker .e-active, .e-datepicker .e-active:hover, .e-datepicker .e-active.e-state-hover {
    background: #1a1a1a !important;
}

.e-dialog > .e-header {
    border-bottom: 3px solid #1a1a1a !important;
}

.e-btn.e-select:hover, .e-btn.e-select.e-active:hover {
    background: #888 !important;
}

.e-grid tr.e-hover {
    background: #888 !important;
    color: #fff !important;
}

.e-toolbar > .e-horizontal .e-hover, .e-toolbar > .e-vertical > .e-hover {
    background: #555 !important;
    border: 1px solid #555 !important;
}

    .e-toolbar > .e-horizontal .e-hover > div::before, .e-toolbar > .e-vertical > .e-hover > div::before, .e-toolbar > .e-horizontal .e-hover > span::before, .e-toolbar > .e-vertical > .e-hover > span::before, .e-toolbar > .e-horizontal .e-hover > a::before, .e-toolbar > .e-vertical > .e-hover > a::before {
        color: #fff !important;
    }

.e-grid td.e-active, .e-grid .e-form-titlebar {
    background: #555 !important;
}

.e-dialog .e-dialog-icon:hover {
    background: #ececec !important;
}

.e-atc-popup .e-hover, .e-atc-popup .e-content .e-atc-trbgcolor.e-hover {
    background: #ececec !important;
}

.e-grid tr.e-hover .btn.btn-default.fa {
    color: #fff;
}

.e-grid form .e-select:hover .e-icon {
    color: #fff !important;
}

.e-scrollbar .e-vhandle:hover, .e-scrollbar .e-hhandle:hover {
    background-color: #888 !important;
}

.e-scrollbar .e-button:hover {
    background-color: #888 !important;
    color: #fff !important;
}

.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus:hover {
    border: none;
    color: #555;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
    border: none;
    box-shadow: inset 0 -2px 0 #555;
    color: #555;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus:hover {
    background-color: transparent;
    box-shadow: inset 0 -2px 0 #555;
    color: #555;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ddd;
}

textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, [type="text"].form-control:focus, [type="password"].form-control:focus, [type="email"].form-control:focus, [type="tel"].form-control:focus, [contenteditable].form-control:focus {
    box-shadow: inset 0 -2px 0 #1a1a1a;
}

select:focus, select.form-control:focus {
    box-shadow: inset 0 -2px 0 #1a1a1a;
}

.form-control:focus {
    border-color: #1a1a1a;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input[type="checkbox"]:checked::after, .checkbox input[type="checkbox"]:checked::after, .checkbox-inline input[type="checkbox"]:checked::after {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
}

input[type="checkbox"]:focus::after, .checkbox input[type="checkbox"]:focus::after, .checkbox-inline input[type="checkbox"]:focus::after {
    border-color: #1a1a1a;
}

@media only screen and (max-width:960px) {
}

@media only screen and (max-width:768px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ccc !important;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #ffffff !important;
        }
}

@media only screen and (max-width:480px) {
}

@media only screen and (max-width:320px) {
}
