.skin-blue .main-header .navbar{background-color:#0095d8}.skin-blue .main-header .navbar .nav>li>a{color:#fff}.skin-blue .main-header .navbar .nav>li>a:hover,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue .main-header .logo{background-color:#0095d8;color:#fff;border-bottom:0 solid transparent}.skin-blue .main-header .logo:hover{background-color:#0095d8}.skin-blue .main-header li.user-header{background-color:#0095d8}.skin-blue .content-header{background:transparent}.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{background-color:#222d32}.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#fff}.skin-blue .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-blue .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#0095d8}.skin-blue .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-blue .sidebar a{color:#b8c7ce}.skin-blue .sidebar a:hover{text-decoration:none}.skin-blue .treeview-menu>li>a{color:#8aa4af}.skin-blue .treeview-menu>li.active>a,.skin-blue .treeview-menu>li>a:hover{color:#fff}.skin-blue .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-blue .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue .sidebar-form input[type="text"]:focus,.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-blue.layout-top-nav .main-header>.logo{background-color:#0095d8;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#0095d8}


.topic-list--header {
    background-color: #293a4a;
    white-space: nowrap;
    position: relative;
}
.topic-list-header--title {
    display: block;
    margin-right: 45px;
    padding: 15px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    -webkit-transition: opacity .25s ease;
            transition: opacity .25s ease;
    overflow: hidden;
    text-overflow: ellipsis;
}
a.topic-list-header--title:hover,
a.topic-list-header--title:focus {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.topic-list-header--title i.fa {
    margin-right: 10px;
}
.topic-list-header--toggle-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px 20px 14px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.25);
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 14px;
    line-height: 18px;
    -webkit-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
    cursor: pointer;
}
.topic--list:hover .topic-list-header--toggle-btn,
.topic-sidebar--widget:hover .topic-list-header--toggle-btn {
    opacity: 1;
    filter: alpha(opacity=100);
}

.topic-list--content {
    overflow: hidden;
}

/*
	phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			ForumX
	Based on style:		prosilver (the default phpBB 3.1.x style)
	Author:				ThemeLooks ( https://themeloooks.com/ )
    --------------------------------------------------------------
*/

/*****************************************
   PRIMARY COLOR
*****************************************/
/* COLOR */
.header--login a:hover,
.header--login a:focus,
.header--social ul li a:hover,
.header--social ul li a:focus,
.topic--breadcrumb .toggle-sidebar.active,
.topic-list-content--title h2 a:hover,
.topic-list-content--icon,
.topic-list--content ul li:hover > .topic-list-content--rss a,
.header-nav--tab .nav > li > a:hover,
.header-nav--tab .nav > li > a:focus,
.header-member-profile--info ul li a:hover,
.header-member-profile--info ul li a:focus,
.topic--breadcrumb .breadcrumb li a:hover,
.topic--breadcrumb .breadcrumb li a:focus,
.topiclist-jumpbox-dropup--menu ul li a:hover,
.topiclist-jumpbox-dropup--menu ul li a:focus,
.topiclist-jumpbox-dropdown--menu ul li a:hover,
.topiclist-jumpbox-dropdown--menu ul li a:focus,
a.adv-search-btn:hover,
a.adv-search-btn:focus,
.recent--searches a:hover,
.recent--searches a:focus,
.ucp-page a:hover,
.ucp-page a:focus,
dl.details dd a:hover,
.header-member--notifications .dropdown--header .action:hover,
.header-member--notifications .dropdown--header .action:focus,
.header-member--notifications .dropdown--body .see-all:hover,
.header-member--notifications .dropdown--body .see-all:focus,
.posthilit,
.action-bar-pagination--new.post-icon:hover,
.action-bar-pagination--new.post-icon:focus,
.has-profile .postbody h3 a:hover,
.has-profile .postbody h3 a:focus,
.topic-tools .dropdown-menu li:hover,
.topic-tools .dropdown-menu li a:hover,
.topic-tools .dropdown-menu li a:focus,
.quick-mod-tools .dropdown-menu li:hover,
.quick-mod-tools .dropdown-menu li a:hover,
.quick-mod-tools .dropdown-menu li a:focus,
.member-page table a:hover,
.member-page table a:focus,
.member-search a:hover,
.member-search a:focus,
.login-panel .content p a:hover,
.login-panel .content p a:focus,
#faqlinks a,
p.message a,
#attach-panel .panel.hidden[style] .file-name a:hover,
#attach-panel .panel.hidden[style] .file-name a:focus {
    color: #03a9f4;
}

/* COLOR 'important' */
.topic-list-content--meta a:hover,
.team-page table.table1 tbody td a:hover,
.team-page table.table1 tbody td a:focus,
.postprofile a:hover,
.postprofile a:focus,
.topic--stats p a:hover,
.topic--stats p a:focus {
    color: #03a9f4 !important;
}

/* BACKGROUND-COLOR */
.bg-bluewood,
.topic-sidebar-widget--signup a.btn:hover,
.topic-sidebar-widget--signup a.btn:focus,
.topic-list--header,
#footer,
.topic-list--content ul li:hover > .topic-list-content--icon,
.topic-list-content--icon.has-unread-post:before,
fieldset.submit-buttons input,
#LoginForm .modal-header,
#LoginForm .modal-body .submit-btn:hover,
#tabs .activetab > a,
#tabs .activetab > a:hover,
#tabs .tab > a:hover,
.mcp-page #navigation li a:hover,
.mcp-page #navigation li a:focus,
.mcp-page #navigation #active-subsection a,
a.button1,
input.button1,
input.button3,
a.button2,
input.button2,
#login .fields1 input.button1,
.ucp-page #navigation li a:hover,
.ucp-page #navigation li a:focus,
.ucp-page #navigation #active-subsection a,
.ucp-page #cp-main .buttons a,
.pagination > ul > li > span:hover,
.pagination > ul > li.active > span,
.pagination > ul > li > a:hover,
.pagination > ul > li > a:focus,
.pagination > ul > li.active > a,
#add_files,
.login-panel .content p a.button2,
#preloader,
.topic-sidebar-widget--oneall .login-title,
#boardrules-categories .mini-panel h3,
#boardrules-categories + #container .boardrules-header,
.quick--reply .quickreply-title,
.mchat--content > h2:first-child,
.header--topbar > #phpbb_announcement,
#mchat-buttons .button {
    background-color: #03a9f4;
}

/* BACKGROUND-COLOR: DARKER */
#copyright {
    background-color: #0095d8;
}


/* BORDER-COLOR */
.topic-list-content--icon,
.pagination > ul > li > span:hover,
.pagination > ul > li.active > span,
.pagination > ul > li > a:hover,
.pagination > ul > li > a:focus,
.pagination > ul > li.active > a {
    border-color: #03a9f4;
}

/*****************************************
   SECONDARY COLOR
*****************************************/
/* COLOR */
#footerSubscribeForm button[type="submit"]:hover {
    color: #293a4a;
}

/* BACKGROUND-COLOR */
.header--search-bar .input-group-btn .btn:hover,
.header--search-bar .input-group-btn .btn:focus,
.topic-sidebar-widget--signup a.btn,
#footerSubscribeForm button[type="submit"],
.back-to-top button,
fieldset.submit-buttons input:hover {
    background-color: #293a4a;
}

/* BORDER-COLOR */
.header--search-bar .input-group-btn .btn:hover,
.header--search-bar .input-group-btn .btn:focus {
    border-color: #293a4a;
}