/* global style. */
body{background-color: #fff; color: #34495E;}

a,a.card:hover, .card:hover a,.items>.item:hover a, .items>.item:hover>.item-heading>.pull-right>a, .items>.item:hover>.item-footer>a,#footNav a:hover{color: #16A085; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden;}
a:hover,a:active{color: #1ABC9C;}

/* headNav. */
#headNav{top: 30%; background-color: #16a085; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;color: #f1f1f1;}
#headNav .login-msg{display: inline-block; padding-left: 15px; color: #f1f1f1;}
#headNav nav > a, #msgBox{color: #f1f1f1; display: inline-block; padding: 10px 15px; margin: 0; background-color: #16a085; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -webkit-transition:background 0.5s; -moz-transition:background 0.5s; -o-transition:background 0.5s; transition:background 0.5s;border-radius: 0}
#headNav nav > a:first-child{padding-left: 20px; -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px; }
#headNav nav > a:last-child,#headNav span:last-child > a {padding-right: 25px; -moz-border-radius:0 6px 6px 0; -webkit-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0;}
#headNav .login-msg:after, #headNav nav > a:after, #msgBox:after{display: none;}
#msgBox a {color: #f1f1f1}
#msgBox .label.label-badge{border: none;}
#headNav .caret{border-top-color: #f1f1f1; border-bottom-color: #f1f1f1;}
#headNav .dropdown-menu a {display: block;background-color: #fff;color: #333;}
#headNav nav > a:hover, #msgBox:hover{background-color: #1abc9c; color: #fff; text-decoration: none; -webkit-transition:background 0.5s; -moz-transition:background 0.5s; -o-transition:background 0.5s; transition:background 0.5s;}

/* navbar settings.*/
#navbar{background: #2C3E50;border-radius: 6px;}
@media (min-width: 768px){#navbar .nav > li {display: block;float: left;width: auto;}@-moz-document url-prefix(){#navbar .nav > li{position: inherit;}}}
@media (max-width: 767px)
{
  #navbar .nav > li > a { border-radius: 6px !important}
  #navbar .navbar-nav{margin:10px 0}
  #navbar .navbar-brand{color: #fff}
  #navbar .navbar-toggle:hover{background-color: #1abc9c;border-color: #1abc9c;color: #fff}
  #navbar .navbar-toggle:hover .icon-bar,#navbar .navbar-toggle:focus .icon-bar,#navbar .navbar-toggle.collapsed .icon-bar{background-color: #fff}
}
#navbar .nav > li > a,#navbar .nav > li > ul > li > a,#navbar .nav > li > ul > li > ul > li > a{color: #f1f1f1; border:none; background: #2C3E50;}
#navbar ul.nav > li > a{color: #f1f1f1; border:none; background: #2C3E50;padding-left: 5px\0;padding-right: 5px\0;}
#navbar ul.nav > li > a:hover,#navbar ul.nav > li > ul > li > a:hover,#navbar ul.nav > li > ul > li > ul > li > a:hover{background: #1abc9c;color: #fff;box-shadow: none;}
#navbar ul.nav >li.active>a,#navbar ul.nav >li.active>a:hover,#navbar ul.nav >li.active>a:focus{background: #16A085;color: #fff;box-shadow: none;}
#navbar .caret{border-top-color: #f1f1f1; border-bottom-color: #f1f1f1;}
#navbar .nav > li:last-child > a {border-radius: 0}
#navbar .nav > li:first-child > a {border-left-color:transparent;-webkit-border-top-left-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-bottomleft:6px; border-top-left-radius:6px; border-bottom-left-radius:6px;}
#navbar .nav > li > ul, #navbar .nav > li > ul > li > ul{padding: 5px;}
#navbar .nav > li > ul > li > a, #navbar .nav > li > ul > li > ul > li > a{border-radius: 6px}
#navbar .dropdown-menu{background-color: #2C3E50;color: #f1f1f1;margin-top: -2px;border-radius: 6px; border-color: #2C3E50}
#navbar .dropdown-submenu:hover>a:after {border-left-color: #fff;}

/* Panel. */
.panel,.list,.page-wrapper .list,#focus .panel-block,#focus .panel-block:hover,#footer,#links,.page-wrapper .article {border-radius: 6px;background: #EDEFF1;border:none;}
.panel > .panel-heading, .nav-stacked.nav-primary>li.nav-heading, .list > header,.page-wrapper .list > header ,.panel-block > .panel-heading,#focus .panel-block .panel-heading,#focus .panel-block:hover .panel-heading{background: #34495E;color: #f1f1f1;border: none;-moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;}
.panel > .panel-heading .text-muted{color: #95A5A6}
.panel.panel-pure .panel-heading{background-color: transparent; color: #666;border-bottom: 2px solid #BDC3C7}
.panel .treeview .hitarea{background-color: #EDEFF1!important}
.panel .tree > li > ul li:last-child:after{border-left-color: #EDEFF1!important}
.panel-heading > .pull-right > a{color: #BDC3C7}
.panel-block .panel-body > .ul-list > li > .pull-right {background: #EDEFF1}

/* text */
.text-muted{color: #666}

/* buttons. */
.btn{border: none; padding: 7px 12px; -webkit-transition: 0.25s linear; -moz-transition: 0.25s linear; -o-transition: 0.25s linear; transition: 0.25s linear; -webkit-backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.btn-primary{background: #16A085;}
.btn-primary:hover{background: #1ABC9C;}
.btn-default{color: #f1f1f1; background: #2C3E50;}
.btn-default:hover{color: #fff; background: #34495E;}

/*form controls.*/
.ke-container, .form-control{border: 2px solid #bdc3c7; color: #34495e; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 15px; padding: 6px 12px; height: 36px; -webkit-appearance: none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; -moz-transition: border .25s linear, color .25s linear, background-color .25s linear; -o-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; -webkit-backface-visibility: hidden;}
.ke-container,.chosen-choices{border: 2px solid #bdc3c7 !important; height: auto;}
.chosen-container-active .chosen-choices{border-color: #1abc9c !important;}
.form-control:focus,.form-control:hover,.form-control:active,.ke-container.focus{border-color: #1abc9c!important; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none!important;}
textarea{height: auto;}

/* table. */
.table caption{background: #BDC3C7; height: 45px; padding: 2px 15px;}
.table.table-hover tr td:first-child{padding-left: 1em;}
.table tr:last-child td,.table{-webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
.table-form tr:last-child td{padding-bottom: 20px;}
.table-form tr:first-child td{padding-top: 20px;}
.speaker{border-right: 1px solid #DDD!important;}
.thread-wrapper .article-files{background-color: transparent;}

/* .nav */
.nav>li>a:hover, .nav>li>a:focus{background-color: #f3f7fa}
.nav-primary > li > a{color: #34495E; background:#EDEFF1;border-color: #BDC3C7;border-left: 0;border-right:0;}
.nav-primary > li:hover > a{color: #fff;background-color: #1ABC9C;border-color: #1ABC9C;box-shadow: none;}
.nav-stacked.nav-primary>li.active>a, .nav-stacked.nav-primary>li.active>a:hover, .nav-stacked.nav-primary>li.active>a:focus{color: #16A085;background-color: #EDEFF1; box-shadow: none;}

/* pager */
.pager > li > a{background-color: #34495E;color: #f1f1f1;border:none;margin-right: 10px;}
.pager > li.next > a{margin-right: 0;}
.pager.pager-justify > li > a {border-radius: 16px}
.pager > li > a:hover{background-color: #16A085;color: #fff}
.pager > li:last-child > a{margin: 0;}

/* article */
.article > header > dl{background-color: transparent;}
.article > header > .abstract{background-color:#7F8C8D;color: #f1f1f1;padding: 10px 15px;}
.article .article-content{background-color: #fff;border-radius: 6px;padding:15px;}
.article .article-content 
.article > footer >p {padding-left: 0}
.article .article-files{padding: 0;}

/* .nav-content */
.nav-content{background-color: #34495E!important;color: #f1f1f1!important;border:none!important;}
.nav-content > li > a{text-shadow: none!important;color: #f1f1f1!important;}
.nav-content > li > a:hover{background-color: #1ABC9C;color: #fff;}

/* forum */
.thread.panel{border-color:#2C3E50!important; box-shadow: none!important;}
.thread .panel-heading{background: #2C3E50!important;color: #fff!important;}

/* items */
.items-hover .item:hover{background-color: #f3f7fa}

/* poweredby */
#powerby {background-color: #aabeb7; border-color: #a8b6b3}
#powerby:hover {background-color: #16a085;border-color: #0f866f}

/* tree */
.tree li:before {color: #95A5A6;}
.sitemap-tree > h4 {background-color: #BDC3C7!important}
.treeview .hitarea:before {color: #16A085!important}
.treeview li:hover .hitarea:before {color: #16A085!important}

/* dropdown */
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{color: #1ABC9C;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{color: #1ABC9C; box-shadow: none;}

/* responsive for mobile devices */
@media (max-width: 767px)
{
  #siteName {color: #fff;}
  
  #headNav {border-radius: 0; background-color: #16a085}
  #headNav nav > a, #msgBox {padding: 2px 5px; border-radius: 0}
}
