/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/* <HEADER */
	/* Fix for the drop down notifications */
	.dropdown-notification .slimScrollDiv { height:auto !important; max-height:250px !important; }
	.dropdown-notification .slimScrollDiv .dropdown-menu-list { height:auto !important; max-height:250px !important; }

	body.dashboard .portlet-container .slimScrollDiv { height:auto !important; max-height:500px !important; min-height: 300px; }
	body.dashboard .portlet-container .slimScrollDiv .scroller { height:auto !important; max-height:500px !important; min-height: 300px; }

/* HEADER> */

/* <PAGES */
.login .content .form-actions {
	overflow: auto;
}

/* Get rid of the calendar on smaller views */
/*@media (max-width: 600px) {
	#calendar-row { display:none; }

	#dash-dev #calendar-row {
		display: block;
	}
}*/

@media (max-width: 768px) {
	#calendar-row .fc-toolbar .fc-right {
		float:right;
		clear:both;
		margin-top:15px;
	}
	#calendar-row .fc-toolbar .fc-right .fc-button {
		top:0;
	}
}

body.dashboard div.calendar.hide-activities .event-activity, 
body.dashboard div.calendar.hide-calls .event-call,
body.dashboard div.calendar.hide-my-reps .my-rep  {
	display: none;
}

/* PAGES>
/* <COMPONENTS */
.portlet > .portlet-footer {
	border-top: 1px solid #eee;
	border-bottom: none;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 0;
	min-height: 41px;
}
.portlet.light > .portlet-footer > .actions {
	padding: 14px 0 6px 0;
}
.portlet 
.todo-tasklist-item-top-bar {
	clear: both;
	overflow: auto;
}
.todo-tasklist-item-top-bar .todo-tasklist-item-title {
	float: left;
}
.todo-tasklist-item .panel-group.accordion {
	margin-bottom: 0;
}
.todo-tasklist-item {
	margin-bottom: 0;
	border-bottom: 2px #ccc solid;
	cursor: default;
}
div .todo-tasklist-item:hover {
	cursor: default;
}
.todo-tasklist-badge {
	background-color: #666;
}
.list-view-list-title {
	color: #fff;
	background-color: #26344b;
	font-weight: bold;
	font-size: 18px;
	padding: 0 10px;
}
/* fix for dropdown visibility for datatables' Action(s) column; this may break in other browsers */
.table-scrollable {
	overflow-x: visible;
	overflow-y: visible;
}
.portlet.light .tools {
	padding: 4px 0 13px 0 !important;
	margin-top: 2px !important;
	margin-right: 10px !important;
}
.portlet.light .tools .collapse-mod {
	background-repeat: no-repeat !important;
	background-position: center;
	border: 1px solid #ccc !important;
	border-radius: 50% !important;
	padding: 14px !important;
}
.dataTables_wrapper tfoot input {
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
}
/* COMPONENTS> */

/* SIDEBAR MENU */
@media (min-width: 992px) { 
  .page-sidebar .page-sidebar-menu li > a > .arrow:before,
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before {
    width: 90px;
    float: right;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: -46px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f105";
    font-weight: 300;
    text-shadow: none;
    color:#c3cee0;
  }

  .page-sidebar .page-sidebar-menu li > a > .arrow.open:before,
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before {
  		content: "\f105";
  }

  .page-sidebar-menu.page-sidebar-menu-hover-submenu li a > .arrow {
      display: block;
  }
}