/*   
Default theme
*/

/* reset and overrides
================================================== */
body {
	color: #222222;
/* 	background-color: #EA6382;          �~�ح� #66bccc */
}
/* page sidebar
================================================== */
.page-sidebar {
	background: #EA6382;                /* �~�ح� #66bccc */
}
.page-sidebar .search-form-sidebar {
	background-color: #565656;
}
a.search-trigger {
	background-color: #151515;
}
.sidebar-tabs.tabbable .nav-tabs {
	background-color: #565656;
}
.page-sidebar-closed .search-form-sidebar {
	background-color: #252525;
}
.sidebar-tabs.tabbable .nav-tabs > li > a {
	background: #666666;
	border-top: 3px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}
.sidebar-tabs.tabbable .nav-tabs > li.active > a, .sidebar-tabs.tabbable .nav-tabs > li.active > a:hover {
	background-color: #35363a;
	border-bottom: 1px solid #35363a;
	border-left: 1px solid #35363a;
	border-right: 1px solid #35363a;
}
.sidebar-tabs.tabbable .nav-tabs .open > a, .sidebar-tabs.tabbable .nav-tabs .open > a:hover, .sidebar-tabs.tabbable .nav-tabs .open > a:focus {
	background-color: #454545;
}
ul.page-sidebar-menu > li > a {
	border-top: 1px solid #89d8e7;
	border-bottom: 1px solid #3a7782;
	color: #ffffff;
}
ul.page-sidebar-menu > li:last-child > a {
	border-bottom: 1px solid transparent;
}
ul.page-sidebar-menu > li a i, a.search-trigger i {
	color: #fff;
}
ul.page-sidebar-menu > li.open > a, ul.page-sidebar-menu > li > a:hover, ul.page-sidebar-menu > li:hover > a{
	background: #387d8a;
	color: #ffca13;
	border-bottom: 1px solid transparent;
}
ul.page-sidebar-menu > li a:hover i, a.search-trigger:hover i {
	color: #ffca13;
}
ul.page-sidebar-menu > li.active > a {
	color: #ffca13;
	font-weight: bold;
	background:#387d8a  !important;
	border-top: 1px solid #89d8e7;
    border-bottom: 1px solid #3a7782;
}
ul.page-sidebar-menu > li.active > a i {
	color: #ffffff;
}
ul.page-sidebar-menu > li.active > ul.sub-menu {
	border-right: 8px solid #47a3b4;
}
ul.page-sidebar-menu > li.open > a i {
	color: #ffca13;
}
ul.page-sidebar-menu > li.active > a i {
	color: #ffca13;
}
ul.page-sidebar-menu > li.open > ul.sub-menu {
	background: #252525 !important;
}
ul.page-sidebar-menu > li.active > ul.sub-menu {
	background: #252525 !important;
}
ul.page-sidebar-menu > li.active > ul.sub-menu a {
	color: #cdcdcd;
}
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
	border-top: 0px !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a, ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
	color: #fff !important;
	font-weight: bold;
	background: #000 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
	background: #424242 !important;
}
/* === 3rd level sub menu === */
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a, ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
	color: #ffffff !important;
	background: #151515 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover {
	color: #ffffff !important;
	background: #151515 !important;
}
/* === font color for all sub menu links === */
ul.page-sidebar-menu li > ul.sub-menu > li > a {
	color: #fff;
}
/* === menu arrows === */
ul.page-sidebar-menu > li > a .arrow:before, ul.page-sidebar-menu > li > a .arrow.open:before {
	color: #fff !important;
}
ul.page-sidebar-menu > li > a:hover .arrow:before, ul.page-sidebar-menu > li > a:hover .arrow.open:before, ul.page-sidebar-menu > li.open > a .arrow:before, ul.page-sidebar-menu > li.open > a .arrow.open:before {
	color: #ffca13 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before, ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
	color: #999ba2 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu a:hover .arrow:before, ul.page-sidebar-menu > li > ul.sub-menu a:hover .arrow.open:before {
	color: #fff !important;
}
ul.page-sidebar-menu > li > a > .arrow.open:before {
	color: #cdcdcd !important;
}
ul.page-sidebar-menu > li.active > a .arrow:before, ul.page-sidebar-menu > li.active > a .arrow.open:before {
	color: #ffffff !important;
}
/* === sub menu bg color on hover menu item === */
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
	background-color: #252525;
}
#last{
	  border-bottom: 1px solid #414247;
}
/* === news ticker === */
#news-ticker {
	background-color: #787878;
}
#news-ticker .carousel-control {
	background: #ababab;
}
/* === tabs & pills === */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border-top: 3px solid #00BAB5;             /* ����TITLE #0093c4  */
}
.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus {
	border-bottom: 3px solid #0093c4;
}
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
	border-left: 3px solid #0093c4;
}
.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus {
	border-right: 3px solid #0093c4;
}
.sidebar-tabs.tabbable .nav-tabs > li.active > a, .sidebar-tabs.tabbable .nav-tabs > li.active > a:hover {
	border-top: 3px solid #0093c4;
}
.card-tabs.tabbable .nav-tabs > li.active > a, .card-tabs.tabbable .nav-tabs > li.active > a:hover {
	border-top: 3px solid #0093c4;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background-color: #0093c4;
}
/* === portlet title === */
.portlet > .portlet-title, .widget-title {
	background-color: #d9f0ef;
}
.portlet.no-border > .portlet-title > .tools > a {
	color: #898989;
}
/* === data table  === */
.table thead tr th, .table tbody tr th {
	background-color: #00BAB5 !important;           /* ����TITLE #0093c4  */
	color:#fff;
	text-shadow: none;
	text-align: center;
}
.table thead tr th.light, .table tbody tr th.light {
	color:#222;
	background-color: #eafeff !important;
}
.table thead tr th.medium, .table tbody tr th.medium {
	color:#222;
	background-color: #d0f0ef !important;
}
.table thead tr th.dark, .table tbody tr th.dark {
	color:#222;
	background-color: #a8eaff !important;
}
.table tbody tr:nth-child(even) {
	background-color:#f4f4f4 !important;
}
.table tbody tr.active td, .table tbody tr.active th {
	background-color: #aaeaff !important;
}
/* === navbar === */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: #0093c4 !important;
	color: #ffffff;
}
/* === slider === */
.ui-slider .ui-slider-range { background: #4b8df8!important;
}