/***
SWA Theme
  Orange:       #f05a28
  Dark Grey:    #5b6b6b
  Light Grey:   #d4d8d8
  Light Orange: #f2852f
  Dark Blue:    #2f4c56
  Light Blue:   #66afcc
***/

/***
Reset and overrides  
***/
body { 
  background-color:#2f4c56 !important;
}

/***
Page header
***/
.header .navbar-inner {
  filter:none !important;
  background-image: none !important;
  background-color: #f05a28 !important;
}

.header .btn-navbar {  
  background-color: #f05a28 !important;
} 

.header .nav .dropdown-toggle:hover, 
.header .nav .dropdown-toggle:focus,
.header .nav .dropdown.open .dropdown-toggle {
    background-color: rgba(0,0,0,0.2) !important;
}
.header .nav .bug-submit {
    color: rgba(255,255,255,0.2);
}

.header .nav li.dropdown .dropdown-toggle i {
  color: #4f6a89 !important;
}

/***
Page sidebar
***/
.page-sidebar > ul > li > a {
  border-top: 1px solid #66afcc !important;
  color: #fff !important;
}

.page-sidebar > ul > li:first-child > a {
   border-top: 1px solid transparent !important;
}

.page-sidebar > ul > li:last-child > a {
   border-bottom: 1px solid transparent !important;
}

.page-sidebar > ul > li a i {
   color: #66afcc !important;
}

.page-sidebar > ul > li.open > a, 
.page-sidebar > ul > li >a:hover, 
.page-sidebar > ul > li:hover>a {  
  background: #5b6b6b;
}

.page-sidebar > ul > li >a:focus {
  background: #5b6b6b;
}

.page-sidebar > ul > li.active > a{
  background: #f05a28 !important;
  border-top-color: transparent !important;
  color:#fff !important;
}  

.page-sidebar > ul > li > ul.sub-menu  {
  margin: 0px;
  padding: 4px 0px;  
  background: #3b3f42;
}

.page-sidebar > ul > li > a > .arrow:before,
.page-sidebar > ul > li > a > .arrow.open:before {  
   color: #66afcc !important;
}

.page-sidebar > ul > li.active > a .arrow:before,
.page-sidebar > ul > li.active > a .arrow.open:before {  
   color: #fff !important;
}

.page-sidebar > ul > li > ul.sub-menu > li > a {
  margin-left:0px;  
  padding-left: 50px; 
}

.page-sidebar > ul > li > ul.sub-menu > li:first-child > a {
  border-top: 0px !important;
}

.page-sidebar > ul > li > ul.sub-menu > li.active > a, 
.page-sidebar > ul > li > ul.sub-menu > li > a:hover {
  color: #fff !important;
  background: #66afcc !important;  
}

.page-sidebar > ul > li > ul.sub-menu > li > a:focus,
.page-sidebar > ul > li > ul.sub-menu > li > ul.sub-menu > li > a:focus
{
  color: #fff !important;
  background: #5784b6 !important;
}

/* 3rd level sub menu */
.page-sidebar > ul > li > ul.sub-menu > li > ul.sub-menu > li.active > a, 
.page-sidebar > ul > li > ul.sub-menu > li > ul.sub-menu > li > a:hover,
.page-sidebar > ul > li > ul.sub-menu > li.open > a  {
  color: #fff !important;
  background: #66afcc !important;  
}

.page-sidebar > ul > li > ul.sub-menu  a .arrow:before,
.page-sidebar > ul > li > ul.sub-menu  a .arrow.open:before {  
   color: #66afcc !important;
}

/* sidebar search */

.page-sidebar .sidebar-search input {
  background-color: #2f4c56  !important;  
  color: #66afcc;
}

.page-sidebar .sidebar-search input::-webkit-input-placeholder {
   color: #66afcc !important;
}

.page-sidebar .sidebar-search input:-moz-placeholder  {
   color: #66afcc !important;
}

.page-sidebar .sidebar-search input:-ms-input-placeholder {
   color: #66afcc !important;
}

.page-sidebar .sidebar-search .input-box {
  border-bottom-color: #3a99d2  !important;
}

.page-sidebar .sidebar-search .submit {
  background-image: url(../../img/search-icon-blue.png);
}

/***
Sidebar toggler
***/
.sidebar-toggler {  
  background-image: url(../../image/sidebar-toggler.jpg);
  background-color: #2f4c56;
}

/* search box bg color on expanded */
.sidebar-closed .page-sidebar .sidebar-search.open {
  background-color: #2f4c56 !important;
}

.sidebar-closed .page-sidebar .sidebar-search.open .remove {  
  background-image: url("../../image/sidebar-search-close-blue.png");
}

/* sub menu bg color on hover menu item */
.sidebar-closed .page-sidebar > ul > li:hover .sub-menu {
  background-color: #2f4c56;
}

/***
Horizontal Menu(new in v1.2)
***/

/*search*/
.header .hor-menu .hor-menu-search-form-toggler {
  background: #122336 url(../../image/hor-menu-search.png) no-repeat center;
}

.header .hor-menu .hor-menu-search-form-toggler.hide {
  background: #122336 url(../../image/hor-menu-search-close.png) no-repeat center;
}

.header .hor-menu .search-form {
  background:#122336;
}

.header .hor-menu .search-form .btn {
  color: #999;
  background: #192d43 url(../../image/search-icon.png) no-repeat center;
}

.header .hor-menu .search-form form input {
  color: #999;
}

.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}
.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}

/***
Gritters
***/
.gritter-top {
	background:url(../../plugins/gritter/images/gritter-blue.png) no-repeat left -30px !important;
}

.gritter-bottom {
	background:url(../../plugins/gritter/images/gritter-blue.png) no-repeat left bottom !important;
}

.gritter-item {
	display:block;
	background:url(../../plugins/gritter/images/gritter-blue.png) no-repeat left -40px !important;
}

.gritter-close {
	background:url(../../plugins/gritter/images/gritter-blue.png) no-repeat left top !important;
}

.gritter-title {
	text-shadow:none !important; /* Not supported by IE :( */
}

/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
    background-image: url(../../plugins/gritter/images/gritter-light.png) !important;
}

/***
Bootstrap components
***/
/***
buttons
***/
.btn.green {
    background-color: #5b6b6b;
}
.btn.green:hover, 
.btn.green:focus, 
.btn.green:active, 
.btn.green.active,
.btn.green.disabled, 
.btn.green[disabled]{ 
  background-color: #5b5550 !important;
}

.btn.blue {
    background-color: #2f4c56;
}
.btn.blue:hover, 
.btn.blue:focus, 
.btn.blue:active, 
.btn.blue.active,
.btn.blue.disabled, 
.btn.blue[disabled]{ 
  background-color: #2f3e1a !important;
}

.btn.red {
    background-color: #f05a28;
}
.btn.red:hover, 
.btn.red:focus, 
.btn.red:active, 
.btn.red.active,
.btn.red.disabled, 
.btn.red[disabled]{ 
  background-color: #c45628 !important;
}

.btn.yellow {
    background-color: #f2852f;
    color: #333333;
}
.btn.yellow:hover, 
.btn.yellow:focus, 
.btn.yellow:active, 
.btn.yellow.active,
.btn.yellow.disabled, 
.btn.yellow[disabled]{ 
  background-color: #cd6b2f !important;
  color: #333333 !important;
}

/***
labels and badges
***/
.label-success, 
.badge-success {
  background-color: #005868;
}

.label-info, 
.badge-info {
  background-color: #012BB5;
}

.label-important,
.badge-important {
    background-color: #FF1800;
}

/***
typography
***/
.text-info {
    color: #317698;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 10px 0;
  font-family: inherit;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}

.h1 {
  font-size: 38.5px;
}

.h2 {
  font-size: 31.5px;
}

.h3 {
  font-size: 24.5px;
}

.h4 {
  font-size: 17.5px;
}

.h5 {
  font-size: 14px;
}

.h6 {
  font-size: 11.9px;
}

/***
portlets
***/
.portlet.box.green > .portlet-title {
    background-color: #5b6b6b;
}
.portlet.box.green {
    border: 1px solid #5b6b6b;
    border-top: 0;
}

.portlet.box.blue > .portlet-title {
    background-color: #2f4c56;
}

.portlet.box.blue {
    border: 1px solid #2f4c56;
    border-top: 0;
}
.portlet.box.skyblue > .portlet-title {
    background-color: #66afcc;
}
.portlet.box.skyblue {
    border: 1px solid #66afcc;
    border-top: 0;
}
.portlet.box.light-grey > .portlet-title,
.portlet.box.light-grey > .portlet-title .caption,
.portlet.box.light-grey > .portlet-title .caption i {
    color: #000 !important;
}

/*
DataTables
*/
.pagination ul>.active>a, .pagination ul>.active>span {
    color: #666 !important;
}
table.table thead .sorting { background-image: url('../../js/plugins/data-tables/images/sort_both_dark.png') !important; }
table.table thead .sorting_asc { background-image: url('../../js/plugins/data-tables/images/sort_asc_dark.png') !important; }
table.table thead .sorting_desc { background-image: url('../../js/plugins/data-tables/images/sort_desc_dark.png') !important; }

/***
Landscape phone to portrait tablet
***/
@media (max-width:979px) { 
  /***
  page sidebar
  ***/
  .page-sidebar {
    background-color: #2f4c56 !important;
  }

  .page-sidebar > ul > li > a {
    border-top: 1px solid #66afcc !important;
  }

  .page-sidebar > ul > li:first-child > a {
    border-top: 0 !important;
  }

  .page-sidebar > ul > li:last-child > a {
    border-bottom: 0 !important;
  }

  .page-sidebar > ul > li.has-sub.open > a, 
  .page-sidebar > ul > li >a:hover, 
  .page-sidebar > ul > li:hover>a {  
    background: #2f4c56;
  }

  .page-sidebar .sidebar-search input{
    background-color: #2f4c56  !important;  
  }

  .header .nav li.dropdown .dropdown-toggle i {
    color: #b6cbd8 !important;
  }
}

.muted, .copyright {
    color: #6c6c6c !important;
}

.login .muted, .login .copyright {
    color: #ccc !important;
}

.page-content {
    margin-top: -30px !important;
    padding-top: 30px;
}

a.skipnav { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
a.skipnav:focus, a.skipnav:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; }

.alert {
    text-shadow: none;
    border: none;
}

.alert, .alert h4 {
    color: #fff;
}

.alert-info {
    background-color: #001454;
}

.alert-warning {
    background-color: #da9600;
    color: #333;
}

.alert-danger, .alert-error {
    background-color: #9f0f01;
}

.alert-success {
    background-color: #005868;
}