/***
light theme
***/

/***
Reset and overrides  
***/
body {
  background-color: #fafafa !important;
}
/***
dashboard-stat
***/

.no-show-on-hover.reload {
color: #999;
cursor:pointer;
}

.dashboard-stat.sp-blue-1 {

  background-color: #dbf3d9;
}

.dashboard-stat.sp-blue-1 .details .number, .dashboard-stat.sp-blue-1 .details .desc {
  color: #398039;
}

.dashboard-stat.sp-blue-1 .visual i {
 color: #a0cca0;
 color: #79A279;
}

.dashboard-stat.sp-blue-1 .more { 
  background-color: #8fb38f;
} 

.dashboard-stat.sp-blue-2 {

  background-color: #d5ecf8;
}

.dashboard-stat.sp-blue-2 .details .number, .dashboard-stat.sp-blue-2 .details .desc {
  color: #397b7e;
}

.dashboard-stat.sp-blue-2 .visual i {
 color: #97c4c7;
 color: #65898B;

}



.dashboard-stat.sp-blue-2 .more { 
  background-color: #8eb1b3;
} 

.dashboard-stat.sp-blue-3 {

  background-color: #fff7dd;
}
.dashboard-stat.sp-blue-3 .details .number, .dashboard-stat.sp-blue-3 .details .desc  {
  color: #afb350;
}

.dashboard-stat.sp-blue-3 .visual i {
 color: #dadd8b;
 color: #AEB16B;

}

.dashboard-stat.sp-blue-3 .more { 
  background-color: #b2b390;
} 

.dashboard-stat.sp-blue-4 {

  background-color: #f6dedf;
}

.dashboard-stat.sp-blue-4 .details .number, .dashboard-stat.sp-blue-4 .details .desc {
  color: #b25550;
}

.dashboard-stat.sp-blue-4 .visual i {
color: #ddadab;
color: #C06E6A;

}

.dashboard-stat.sp-blue-4 .more { 
  background-color: #b3918e;
} 

.dashboard-stat .visual i
{
font-size: 36px;
}

.sp-blue .badge-info {
 background: #8c9db0;
}

.daterangepicker td.available {
	color: #333333;
}

.daterangepicker .calendar-date thead {
color: #333333;
}


.tabbable.portlet-tabs .nav.nav-tabs a {
color: #555555;
}
 
.sp-popover-trigger, .sp-popover-trigger:hover {
    text-decoration: none;
    border-bottom: dashed 1px #666666;
	color: #666666;
}

.sp-table .sp-popover-trigger, .sp-table .sp-popover-trigger:hover {
    text-decoration: none;
    border-bottom: dashed 1px #3D3D3D;
	color: #3D3D3D;
}

.sp-ad-category {
color:#666666;
}

.table.sp-table thead tr th {
color: #3D3D3D;
}

.table.sp-table tbody tr td {
color: #3D3D3D;
}

a.glyphicons.sp-detailed i:before {
 color:#666666;
}

.cancelBtn.btn {
color: #666;
}

.btn.sp-blue {
background-color: #E6EAEF;
color: #555;
}

.sh_btn{
 background: #999 !important;
}
.sh_logo{
 display: none !important;
}
.sh_copyright{
 display: none !important;
}

.control-label, .controls .text-inline, .radio, .checkbox  {
color: #666;
}

#sp_ad_create .control-group.error .control-label,
#sp_ad_create .control-group.success .control-label {
    color: #666;
}

.control-group.error .chosen-container-single .chosen-single {
    border: 1px solid #B94A48;
}

.form-wizard.sp-blue .active .step .number {
background-color: #8C9DB0;
color: #FFF;
}

.form-wizard.sp-blue .active .step .desc {
font-weight: 600;
color: #3D3D3D;
}

.form-wizard.sp-blue .step .number {
background-color: #E6EAEF;
color: #999;
}

.form-wizard.sp-blue .step .desc {
color: #999;
}

.slider.sp-blue {
background-color: #E6EAEF !important;
background-image: none !important;
}

.sp-blue .ui-state-default, .sp-blue .ui-widget-content .ui-state-default {
border: 1px solid #CCC;
background-color: #8C9DB0 !important;
background-image: none !important;
}

.slider.bg-light-green.ui-widget-content .ui-state-default {
border: 1px solid #CCC;
background-color: rgb(32, 212, 78) !important;
background-image: none !important;
}

.slider.bg-light-green.ui-widget-content .ui-state-default.ui-state-hover {
border: 1px solid #CCC;
background-color: rgb(20, 162, 56) !important;
background-image: none !important;
}

.bg-light-green {
    background-image: none !important;
    background-color: rgb(147, 218, 158) !important;
}

.sp-blue .ui-state-hover, .sp-blue .ui-widget-content .ui-state-hover,
.sp-blue .ui-state-focus, .sp-blue .ui-widget-content .ui-state-focus  {
border: 1px solid #CCC;
background-color: #6f7f8d !important;
background-image: none !important;
}

.btn.sp-blue.active,
.btn.sp-blue:hover, .btn.sp-blue:focus,
.btn.sp-blue.active:hover, .btn.sp-blue.active:focus {
background-color: #6f7f8d !important;
color: #fff;
}


.m-icon-blue {
   background-image: url("../../img/syncfusion-icons-blue.png");
}

.sp-actions .dropdown-menu li > a:active, .sp-actions .dropdown-menu li > a:focus  {
  background-color: #eee !important;
  background-image: none !important;
}

.table td.sp-actions a.glyphicons i:before {
font-size: 15px;
color: #666;
}

.has-actions a.glyphicons i:before {
color: #666;
}

.has-actions a.btn.glyphicons i:before {
color: #fff;
}

.has-actions a.btn .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}

.has-actions a.glyphicons.sp-disabled-action i:before {
color:#cccccc;
}

.has-actions a.glyphicons.sp-disabled-action.btn i:before {
color:#fff;
}

#sp_my_ads .table td.sp-table-actions a.btn.sp-ionicons, 
#sp_ads_moderation .table td.sp-table-actions a.btn.sp-ionicons {
color: #fff;
}

.btn.sp-darkblue {
background-color: #6f7f8d !important;
color: #fff;
}

.btn.sp-darkblue.timeline-today, .btn.sp-darkblue.timeline-pin  {
background-color: transparent !important;
color: #fff;
}

.btn.sp-darkblue_1 {
background-color: #7c99a8 !important;
}

.btn.sp-darkblue:hover, .btn.sp-darkblue.active {
background-color: #003653 !important;
}

.btn.sp-darkblue.sp-disabled-action, .btn.sp-darkblue.sp-disabled-action:hover, .btn.sp-darkblue.sp-disabled-action:focus {
background-color: #c1cfd6 !important;
}

.has-actions a.sp-ionicons.sp-disabled-action i.icon {
color: #fff;
}

.has-actions a.sp-ionicons i.icon {
color: #fff;
}

.sp-disabled-action i {
color:#e5e5e5;
}

.sp-disabled-action i.icon-white {
color: #fff;
} 


span.sp-disabled-text {
color:#CCCCCC;
}

.portlet.box.sp-blue > .portlet-title, .portlet.sp-blue > .portlet-title  {
  background-color: #E6EAEF;
} 

.portlet.box.sp-blue {
   border: 1px solid #DAE0E7;
   border-top: 0;
}

.sp-description.selected {
background-color: lightblue;
}

.form-actions.sp-footer {
background-color: transparent;
}

.table.sp-portals a.portal-datetime-editable,
.table.sp-portals a.portal-datetime-editable:hover,
.table.sp-papers a.paper-datetime-editable,
.table.sp-papers a.paper-datetime-editable:hover {
color: #666666;
font-size:12px;
}

.sp-caption, .portlet .portlet-body, .btn.white,
.sp-blue-title, .sp-blue-title small, .popover-sp, .popover-sp:hover, .sp-progress-text a,
#sp_portals_pie_chart_inner_text, #sp_papers_pie_chart_inner_text,
.portlet.box.sp-blue > .portlet-title > .caption,.portlet.box.sp-blue > .portlet-title > .caption > i,
.portlet.sp-blue > .portlet-title > .caption,.portlet.sp-blue > .portlet-title > .caption > i,
.sp-info .caption,
.table.sp-portals i.icon-calendar,
.table.sp-papers i.icon-calendar,
.sp-general-datetime i.icon-calendar {
  color: #666666;
}

.controls input.m-wrap[class*="span"], .controls textarea.m-wrap[class*="span"], .controls select.m-wrap[class*="span"]  {
   background-color: lightcyan;
}

.sp-contact-panel {
color: #788991;
border: 1px solid #edf0f4;
margin-bottom: 10px;
}

.sp-invitation {
border: 1px solid #edf0f4;
padding: 10px 10px 0 10px;
margin-bottom: 10px;
color: #788991;
}

.ui-dialog.ui-dialog-blue.sp-dialog .ui-dialog-titlebar-close {
	background: url(../../img/hor-menu-search-close.png) no-repeat center;
}

/*
.fc-event {
	border: 1px solid grey !important; 
	background-color: grey !important;
}
.fc-event.baz-user-added-event {
	border: 1px solid #63B0FB !important;
	background-color: #63B0FB !important;
}
.fc-event.baz-user-responsible-event {
	border: 1px solid blue !important;
	background-color: blue !important;
}
.fc-event.baz-user-added-event.baz-meeting-event {
	border: 1px solid red !important; 
	background-color: red !important; 
}
.fc-event.baz-user-responsible-event.baz-meeting-event {
	border: 1px solid red !important; 
	background-color: red !important;
}
*/
.fc-event.baz-done-event {
	opacity:0.3;
}

/***
Page header
***/

.modal-header.sp-blue {
/*background-color: #E6EAEF;*/
border-bottom: 1px solid #EEE;
}

.modal-header.sp-blue .caption {
 color: #666;
}

.ui-dialog.sp-dialog .ui-dialog-titlebar {
color: #666 !important;
font-size: 17px !important;
font-weight: 400 !important;
background-color: #ffffff !important;
}

.ui-dialog.sp-dialog  {
    background: none repeat scroll 0% 0% #ffffff !important;
}

.sp-dialog .ui-dialog-buttonpane.ui-widget-content {
    border: none;
    background: none;
    color: #333;
}

.sp-start-listing-btn .btn.green, .applyBtn.btn.green, .btn.sp-green, .btn.sp-green.disabled:hover  {
background-color: #00b400 !important;
color: #ffffff;
}

.sp-start-listing-btn .btn.green:hover, .sp-start-listing-btn .btn.green:focus,
.applyBtn.btn.green:hover, .applyBtn.btn.green:focus,
.btn.sp-green.sp-start-listing:hover, .btn.sp-green.sp-start-listing:focus,
.btn.sp-green:hover, .btn.sp-green:focus {
    background-color: #009400 !important;
}

.btn.sp-green.sp-disabled-action, .btn.sp-green.sp-disabled-action.sp-start-listing:hover, .btn.sp-green.sp-disabled-action.sp-start-listing:focus {
    background-color: #84d484 !important;
}

.nav.nav-tabs.baz-main-tabs.sp-blue {
background-color: #E6EAEF;
}

.tabbable-custom .nav-tabs.sp-blue  > li.active
{
border-top: 4px solid #E6EAEF;
}

.nav.nav-tabs.baz-main-tabs li a { 
color: #555;
}

.navbar-inverse .nav > li > a{
 color: #C2C2C2;
}

.header .navbar-inner {
  filter: none !important;
  background-image: none !important;
  background-color: #3B4654 !important;
 /* background-color: #5092bd !important;*/
  color: #C2C2C2;
}

.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
 color: #C2C2C2;
}

.header .hor-menu ul.nav li.active > a,
.header .hor-menu ul.nav li.active > a:hover,
.header .hor-menu ul.nav li.active > a:focus {
  background: #2A323C !important;
  color: #EBEBEB !important;
}

.header .hor-menu ul.nav li.active .selected {
  border-top: 6px solid #2A323C;
}

.header .hor-menu ul.nav li a:hover,
.header .hor-menu ul.nav li a:focus {
    background: #2A323C;
}

.header .hor-menu .dropdown-menu li > a:hover,
.header .hor-menu .dropdown-menu li:hover > a,
.header .hor-menu .dropdown-menu li.active > a {
    background: #2A323C !important;
}

.header .hor-menu .dropdown-menu {
    background: #3B4654;
}

.header .hor-menu .dropdown-menu li > a {
    color: #C2C2C2 !important;
}

.header .hor-menu ul.nav li a:hover,
.header .hor-menu ul.nav li a:focus {
    background: #2A323C !important;
	color: #EBEBEB !important;
}

.header .btn-navbar {
  background-color: #3B4654 !important;
}
.header .nav .dropdown-toggle:hover,
.header .nav .dropdown.open .dropdown-toggle {
  background-color: #2A323C !important;
}
.header .nav li.dropdown .dropdown-toggle i {
  color: #EBEBEB !important;
}

.header .nav li.dropdown {
  color: #EBEBEB;
}
/***
Page sidebar
***/
.page-content-old {
  border-left: 1px solid #e2e2e2 !important;
  border-bottom: 1px solid #e2e2e2 !important;
  border-top: 1px solid #e2e2e2 !important;
}
.page-sidebar {
  background-color: #fafafa;
}
.page-sidebar-fixed .page-content {
  border: 0 !important;
}
.page-sidebar-fixed .page-sidebar {
  border-right: 1px solid #e2e2e2 !important;
}


ul.page-sidebar-menu > li > a {
  border-top: 1px solid #e2e2e2 !important;
  color: #000 !important;
  font-weight: 400;
}

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

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

ul.page-sidebar-menu > li a i {
  color: #bbb !important;
}
ul.page-sidebar-menu > li.open > a,
ul.page-sidebar-menu > li > a:hover,
ul.page-sidebar-menu > li:hover > a {
  background: #EBEBEB;
  border-top: 1px solid #e8e8e8;
}
ul.page-sidebar-menu > li.active > a .selected-old {
  right:-7px;
  top:0px;
  width: 7px;
  height: 39px;
  background-image: url("../../img/sidebar-menu-arrow-blue.png");
}  
ul.page-sidebar-menu > li.active i {
  color: #fff !important;
}
.page-sidebar-fixed ul.page-sidebar-menu > li.active > a .selected {
  display: none;
}
ul.page-sidebar-menu > li.active > a{
  background: #B8B8B8 !important;
  border-top-color: transparent !important;
  color:#fff !important;
}  
ul.page-sidebar-menu > li.active > a i {
  color: #fff;
}
ul.page-sidebar-menu > li > a > .arrow:before,
ul.page-sidebar-menu > li > a > .arrow.open:before {
  color: #ccc !important;
}
ul.page-sidebar-menu > li.active > a .arrow:before, 
ul.page-sidebar-menu > li.active > a .arrow.open:before {
  color: #fff !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
  border-top: 0px !important;
}

ul.page-sidebar-menu ul.sub-menu > li > a {
  font-weight: 400 !important;
  color: #333 !important;
}
ul.page-sidebar-menu ul.sub-menu > li.active > a,
ul.page-sidebar-menu ul.sub-menu > li > a:hover {
  color: #818181 !important;
  background: #7896A5 !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: #ccc !important;
}

/* sub menu links effects */
ul.page-sidebar-menu ul.sub-menu > li.active > a,
ul.page-sidebar-menu ul.sub-menu > li > a:hover,
ul.page-sidebar-menu ul.sub-menu > li.open > a {
  color: #818181 !important;
  background: #EBEBEB !important; 
}
ul.page-sidebar-menu ul.sub-menu > li > a i {
  color: #bbb !important;
}

/* sidebar search */
.page-sidebar .sidebar-search input {
  background-color: #fbfbfb  !important;  
  color: #727272 !important;
}
.page-sidebar .sidebar-search input::-webkit-input-placeholder {
  color: #aaa !important;
}
.page-sidebar .sidebar-search input:-moz-placeholder {
  color: #aaa !important;
}
.page-sidebar .sidebar-search input:-ms-input-placeholder {
  color: #aaa !important;
}
.page-sidebar .sidebar-search .input-box {
  border-bottom: 1px solid #e2e2e2 !important;
}
.page-sidebar .sidebar-search .submit {
  background-image: url(../../img/search-icon-white.png);
}

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

/***
Sidebar toggler
***/
.sidebar-toggler {  
  background-image: url(../../img/sidebar-toggler-light.jpg);
  background-color: #333;
}
/* search box bg color on expanded */
.page-sidebar-closed .page-sidebar .sidebar-search.open {
  background-color: #fbfbfb !important;
}
.page-sidebar-closed .page-sidebar .sidebar-search.open .remove {  
  background-image: url("../../img/sidebar-search-close-light.png");
}
/* sub menu bg color on hover menu item */
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
  background-color: #fbfbfb;
}
/***
Horizontal Menu(new in v1.2)
***/
/*search*/
.header .hor-menu .hor-menu-search-form-toggler {
  /*background: #363636 url(../../img/hor-menu-search.png) no-repeat center;*/
}

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

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

.header .hor-menu .search-form .btn {
  color: #ffffff;
  background: #A6B9C9 url(../../img/search-icon-white.png) no-repeat center;
}

.header .hor-menu .search-form .btn:hover {
 background-color: #8CA5BA !important;
}

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

.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
    color: #ffffff;
}
.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ffffff;
}
.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ffffff;
}
.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ffffff;
}
/***
Footer 
***/
.footer .footer-inner {
  color: #333333;
}
.footer .footer-tools .go-top {
  background-color: #CCD7E0;
}
.footer .footer-tools .go-top:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.footer .footer-tools .go-top i {
  color: #999999;
}
/***
Footer Layouts (new in v1.3)
***/
/* begin:fixed footer */
.page-footer-fixed .footer {
  background-color: #434343;
}
.page-footer-fixed .footer .footer-inner {
  color: #aaaaaa;
}
.page-footer-fixed .footer .footer-tools .go-top {
  background-color: #666666;
}
.page-footer-fixed .footer .footer-tools .go-top i {
  color: #aaaaaa;
}
/* end:fixed footer */
/***
Gritter Notifications 
***/
.gritter-top {
  background: url(../../plugins/gritter/images/gritter.png) no-repeat left -30px !important;
}
.gritter-bottom {
  background: url(../../plugins/gritter/images/gritter.png) no-repeat left bottom !important;
}
.gritter-item {
  display: block;
  background: url(../../plugins/gritter/images/gritter.png) no-repeat left -40px !important;
}
.gritter-close {
  background: url(../../plugins/gritter/images/gritter.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;
}
.gritter-light.gritter-item-wrapper {
  border: 1px solid #c1c1c1;	
}
.gritter-light.gritter-item-wrapper.hover {
  border: 1px solid #969696;	
}
.gritter-item-wrapper a {
  color: #18a5ed;
}
.gritter-item-wrapper a:hover {
  color: #0b6694;
}
/* begin: boxed page */
@media (min-width: 980px) {
  .page-boxed {
    background-color: #F7F7F7 !important;
  }
  .page-boxed .page-container {
    background-color: #fafafa;
    border-left: none;
    border-bottom: none;
  }
  .page-boxed.page-sidebar-fixed .page-container {
    border-left: 0;
    border-bottom: 0;
  }
  .page-boxed.page-sidebar-fixed .page-sidebar {
    border-left: 1px solid #e2e2e2;
  }
  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
    background-color: #E8E8E8 !important;
  }
}
/* end: boxed page */
/***
Landscape phone to portrait tablet
***/
@media (max-width: 979px) {
  /***
  page sidebar
  ***/
  .page-sidebar {
    background-color: #f1f1f1 !important;
    border-right: none !important;
  }
  .page-sidebar-fixed .page-sidebar {
    border-right: none !important; 
  }
  .page-content {
    border-left: none !important;
  }
  ul.page-sidebar-menu > li > a {
    border-top: 1px solid #ccc !important;
  }
  ul.page-sidebar-menu > li:last-child > a {
    border-bottom: 0 !important;
  }

  ul.page-sidebar-menu > li.open > a,
  ul.page-sidebar-menu > li > a:hover {
    color: #666666 !important;
    background-color: #dddddd !important;
  }
  ul.page-sidebar-menu > li.open > a {
    border-bottom-color: transparent !important;
  }
  ul.page-sidebar-menu > li.active > a {
    color: #ffffff !important;
    background-color: rgba(32, 69, 117, 1) !important;
  }

  ul.page-sidebar-menu ul.sub-menu > li > a {
    color: #111 !important;
  }

  ul.page-sidebar-menu ul.sub-menu > li.open > a,
  ul.page-sidebar-menu ul.sub-menu > li.active > a,
  ul.page-sidebar-menu ul.sub-menu > li > a:hover {
    color: #666666 !important;
    background: #dddddd !important; 
  }

  .page-sidebar .sidebar-search input {
    background-color: #f1f1f1 !important;
    color: #ccc !important;
  }

  .page-sidebar .sidebar-search .input-box {
    border-bottom-color: #ccc !important;
  }
  .page-sidebar .sidebar-search input::-webkit-input-placeholder {
    color: #ccc !important;
  }
  .page-sidebar .sidebar-search input:-moz-placeholder {
    color: #ccc !important;
  }
  .page-sidebar .sidebar-search input:-ms-input-placeholder {
    color: #ccc !important;
  }

  /***
  page footer
  ***/  
  .footer {
    background-color: #434343;
  }

  .footer .footer-inner {
    color: #cccccc;
  }
  
  .footer .footer-inner a {
    color: #cccccc !important;
  }
  
  .footer .footer-tools .go-top {
    background-color: #666666;
  }
  .footer .footer-tools .go-top i {
    color: #999999;
  }
}

@media (max-width: 767px) {
  body {
    background-color: #333 !important;
  }
}