a{ color:#0A9FD8;}

/*
    Header
*/
.ghost-header{ background-color:#111;}
#nprogress .bar {background: #0A9FD8;}
#nprogress .peg { box-shadow: 0 0 10px #0A9FD8, 0 0 5px #0A9FD8;}
#nprogress .spinner-icon { border-top-color: #0A9FD8;border-left-color: #0A9FD8;}

.top-bar{background-color:#191919;border-bottom:1px solid #222;}
.top-bar .widget{ color:#f5f5f5}
.social ul li a{color:#fff;background-color:#404040;}
.social ul li a:hover{ background-color:#0A9FD8;color:#fff}

#header .search i{ color:#fff}
#header input.search-form{ background:transparent;color:#FFF;}
#header input.search-form::-webkit-input-placeholder{ color:transparent}
#header input.search-form:hover::-webkit-input-placeholder{ color:#fff}

.navbar{ background-color:#111;}
.navbar-inverse .navbar-nav>li>a{ color:#fff;}
.navbar-inverse .navbar-nav>li>a:hover{ background-color:#0A9FD8;color:#fff}
.navbar-inverse .navbar-brand{ color:#fff}
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:hover, 
.navbar-inverse .navbar-nav>.open>a:focus{ background-color:#0A9FD8;color:#fff}
.navbar-inverse .navbar-nav .dropdown-menu{ background-color:#111; }
.navbar-inverse .navbar-nav .dropdown-menu>li>a{ color:#fff}
.navbar-inverse .navbar-nav .dropdown-menu>li:hover>a, 
.navbar-inverse .navbar-nav .dropdown-menu>li:focus>a, 
.navbar-inverse .navbar-nav .dropdown-menu>li.active>a{ background-color:#0A9FD8;  color:#fff}
.navbar-inverse .navbar-nav .dropdown-menu>li.divider{ background-color:transparent}
.navbar-toggle {background-color: transparent;border: 1px solid transparent;color:#0A9FD8;}

/*
    Home page
*/
#home{background:#111 url('../../images/welcome_background.jpg') center left no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#home .home-welcome{color: #fff;}
#home .home-welcome h1{color: #f5f5f5;}

#home .submit-ticket{text-align:left;position: relative}
#home .submit-ticket a{background-color:#0A9FD8;color:#f5f5f5;border:1px solid #fff;}
#home .submit-ticket a:hover {background-color:#111;color:#f5f5f5;border-color:#0a0a0a }

#home .quick-links{background-color:#eee;border:1px solid #222;border-bottom:none;}
#home .quick-links li a {background-color:#111;color:#fff;border-bottom:1px solid #222}
#home .quick-links li a:hover {background-color:#0A9FD8;color:#f5f5f5;}

#home .search-box .search-box-inner{background-color:#fff;}
#home .search-box .search-box-inner input{border-color:#ddd }
#home .search-box .search-box-inner .input-group-addon{border:1px solid #ddd;border-left:none; }
#home .search-box .search-box-inner button{border:none;background-color: transparent;color:inherit;}

.home-content .feature-products h3 a {color:#111}
.home-content .feature-products img {border:1px solid #eee;}

.home-content .article-category{background-color:#fff;border:1px solid #eee;color:inherit}
.home-content .article-category i{border:1px solid #ddd;color:#ddd;}

/*
    Page Title
*/
.page-title{ background:#444 url('../../images/title_background.jpg') center bottom no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page-title{background-color:#333;border-bottom:2px solid #0A9FD8;}
.page-title h1{ color:#fff;}
.page-title p{ color:#f5f5f5;}
.page-title .breadcrumbs li{color:#f5f5f5;}
.page-title .breadcrumbs li:before{ color:#bbb}
.page-title .breadcrumbs li a{color:#f5f5f5;}
.page-title .breadcrumbs li a:hover{color:#fff; }

/*
    User Menu
*/

#ajaxMenu a{color:#fff;}
#ajaxMenu .user-btn i{color:#666;background-color:#f2f2f2;}
#ajaxMenu img.dp{border:2px solid #0A9FD8;}
#ajaxMenu .notify {background-color:#e21725;color:#fff;}
#ajaxMenu .notify-pop {background-color:#3a3a3a;color:#fff;border:2px solid #0A9FD8;}

#userMenu.dropdown-menu {background-color:#111;}
#userMenu.dropdown-menu>li>a {color:#fff;}
#userMenu.dropdown-menu>li>a:hover {background-color: #fff;color:#111;}
#userMenu li i{border:1px solid #333;}

#loginMenu.dropdown-menu { background-color:#111;color:#fff;}
#loginMenu a:hover{ color:#fff;opacity:0.7; }
#loginMenu .bottom{ border-top:1px solid #313131;}
#loginMenu .social-buttons a{ color:#fff;}
#loginMenu .form-group input {background-color:inherit;}
@media(max-width:768px){ 
    #loginMenu{ background-color:inherit;}
    #loginMenu .bottom{ background-color:inherit;}
}


/*
    Dashboard
*/
.dash-info .left i{color:#1c1c1c!important;}
.dash-info .right .text{color:#A3A3A3;}

/*
    Panel
*/
.panel{background-color:#fff;border:1px solid #F4CCFF;color:#5b5b5b;}
.panel .panel-heading{background-color:#f5f5f5;}
.panel .panel-heading a.panel-title{background-color:#0A9FD8;color:#fff;border:2px solid #f5f5f5;}
.panel-footer {background-color:#fff;border-top:1px solid #F4CCFF;}


/*
    Widgets
*/
.widget input[type="search"], .widget input[type="text"] {color: #666fb5;border: 1px solid #0A9FD8;}
.widget input[type="search"]:focus,.widget input[type="text"]:focus{border-color: #0A9FD8;}
#sidebar .widget .widget-content.search-box .search-btn{background-color:#0A9FD8;color:#fff;}
#sidebar .widget .widget-content.search-box .search-btn:hover{opacity:0.8}
#sidebar .widget .widget-title:before {border:0.5px solid #0A9FD8;}
#sidebar .widget .widget-content.search-box .search-btn{color:#fff;}
#sidebar .widget ul.inline-categories li a{border:1px solid #0A9FD8;}

/*
    Tab
*/
/*.nav-tabs > li:after{background-color:#f55753;}*/
.nav-tabs > li > a::before{background-color:#0A9FD8;}
.nav-tabs > li > a{background-color:#fff;color:#939393;}
.nav-tabs > li:hover > a{background-color:#fff;color:#121212}
.nav-tabs > li.active > a{background-color:#fff;color:#121212}
.nav-tabs > li.active a{background-color:transparent;border-color:transparent;}
.nav-tabs > li.active a:hover{background-color:transparent;border-color:transparent}
.nav-tabs > li.active a:focus{background-color:transparent;border-color:transparent}


/*
    Posts
*/
.post-meta span a{border:1px solid #0A9FD8;}

/*
    Product
*/
.productSection .section-block h3{ color:#0A9FD8}
.productTimeline .timeline{ border-top:3px solid;-o-border-image:linear-gradient(to right,#743ad5 0%,#d53a9d 100%);border-image:linear-gradient(to right,#0A9FD8 0%,#d53a9d 100%);border-image-slice:1;border-width:3px;margin:0;position:relative;color:#34435E}
.productTimeline .content{ color:#34435E}
.productTimeline .version{ background-color:#0A9FD8;color:#fff;}
.productTimeline .released{border-bottom:1px solid #0A9FD8;}
.productTimeline .files{background-color:#eee;border:1px solid #ddd;}
.productTimeline .timeline:nth-child(odd) .version{ background-color:#d53a9d;}

/*
    Tickets
*/
.ticketItem{background-color:#F5F5F5;}
.ticketItem .metaData span{background-color:#fff;border:1px solid #f3f3f3;}
#ticket .response-view .sender{ border:1px solid #eee;background-color:#f5f5f5;color:#222}
#ticket .response-view .votes{ border:1px solid #eee;background-color:rgba(245,245,245, 0.4);color:#222}
#ticket .response-view .votes:hover {background-color:rgba(245,245,245, 1);}
#ticket .response-view .votes .vote-thanks{color:#f00;}
#ticket .response-view .votes .vote label:after{ color:#444;}
#ticket .response-view .votes .vote label:hover:after{ color:#5e5e5e;text-shadow:0 0 5px #5e5e5e}
#ticket .response-view .votes .vote input{ display:none}
#ticket .response-view .votes .vote input:checked+label:after, 
#ticket .response-view .votes .vote input:checked ~ label:after{ content:"★";color:#F9BF3B;text-shadow:0 0 10px #F9BF3B}

#ticket .response-view .votes .vote input.checked+label:after, 
#ticket .response-view .votes .vote input.checked ~ label:after{ content:"★";color:#F9BF3B;text-shadow:0 0 10px #F9BF3B}

/*
    Pagination
*/
.pagination>li>a, .pagination>li>span {color:#000;background-color:#fff; border:1px solid #ddd;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {color: #fff;background-color: #282828 !important;border-color: #282828 !important;}

/*
    Footer
*/
.footer-widgets{ background:#444 url('../../images/footer_background.jpg') center bottom no-repeat fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;border-top:5px solid #111;color:#fff;}
.footer-widgets h3{color:#fff;}
.footer-widgets h3:before {border:2px solid #fff;}
.footer-widgets h3:after {border: 0.3px solid rgba(255, 255, 255, 0.28);}
.footer-widgets ul li a{ color:#fff;}
.footer-widgets ul li a:hover{ color:#ddd}

#footer { color:#ddd;background-color:#111;}
#footer .copyright a{ color:#ddd}
#footer .copyright a:hover{ color:#0A9FD8}

.back2top i{ color:#111;background-color:#ddd;}
.back2top i:hover{background-color:#111;color:#ddd;}

#loader{background-color:#fff;}