/* Widgets */
.widget-box {
	background: none repeat scroll 0 0 #F9F9F9;
	border-left: 1px solid #CDCDCD;
	border-top: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
        clear: both;
	margin-top: 16px;
	margin-bottom: 16px;
	position: relative;
/*        overflow-x: auto;*/
}
.widget-box.widget-calendar, .widget-box.widget-chat {
	overflow:hidden !important;
}
.accordion .widget-box {
	margin-top: -2px;
	margin-bottom: 0;
	border-radius: 0;
}
.widget-box.widget-plain {
	background: transparent;
	border: none;
	margin-top: 0;
	margin-bottom: 0;
}
.widget-title, .table th, div.dataTables_wrapper .ui-widget-header {
/*	background:#F9F9F9;*/
        background:#ffffff;
/*	border-bottom: 1px solid #CDCDCD;*/
        height: 36px;
        
}
.widget-title .nav-tabs {
	border-bottom: 0 none; 
}
.widget-title .nav-tabs li a {
	border-bottom: medium none !important;
	border-left: 1px solid #DDDDDD;
        border-radius: 0 0 0 0;
	border-right: 1px solid #DDDDDD;
	border-top: medium none;
	color: #999999;
	margin: 0;
	outline: medium none;
	padding: 9px 10px 8px;
	font-weight: bold; 
	text-shadow: 0 1px 0 #FFFFFF;
}
.widget-title .nav-tabs li:first-child a {
	border-left: medium none !important;
}
.widget-title .nav-tabs li a:hover {
	background-color: transparent !important;
	border-color: #D6D6D6;
	border-width: 0 1px;
	color: #2b2b2b;
}
.widget-title .nav-tabs li.active a {
	background-color: #F9F9F9 !important;
	color: #444444;
}
.widget-title span.icon {
	padding: 9px 10px 7px 11px;
	float: left; border-right:1px solid #dadada;
}
.widget-title h5 {
	color: #666;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 12px;
	line-height: 12px;
	margin: 0;
}
.widget-title .buttons {
	float: right;
	margin: 8px 10px 0 0;
}
.widget-title .label {
	padding: 3px 5px 2px;
	float: right;
	margin: 9px 11px 0 0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset, 0 1px 0 #ffffff;
}
.widget-calendar .widget-title .label {
	margin-right: 190px;
}
.widget-content {
	padding:15px;
	border-bottom: 1px solid #cdcdcd;
        overflow-x: auto;
}
.widget-box.widget-plain .widget-content {
	padding: 12px 0 0;
}
.widget-box.collapsible .collapse.in .widget-content {
	border-bottom: 1px solid #CDCDCD;
}
/* Tables */
tr:hover{ background:#f6f6f6;}
span.icon .checker {
	margin-top: -5px;
	margin-right: 0;
}
.dataTables_length {
	color: #878787 !important;
	margin: 7px 5px 0 !important;
	position: relative !important;
	left:5px; width:50% !important;
	top: -8px;
}
.dataTables_length div {
	vertical-align: middle !important;
}

.dataTables_paginate {
	line-height: 0px;
	position: absolute;
	margin-top: 0px;
	margin-right: 10px;
}
.dataTables_paginate .ui-button, .pagination.alternate li a {
	font-size: 14px;
	padding: 10px 10px 10px 10px !important;
	border-style: solid;
	border-width: 10px;
	border-color: #dddddd #dddddd #cccccc; /* for IE < 9 */
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	display: inline-block;
	line-height: 16px;
	background: #f5f5f5;
	color: #333333;
        margin-top: -25px;
	/*text-shadow: 0 1px 0 #ffffff;*/
   
}
.dataTables_paginate .ui-button:hover, .pagination.alternate li a:hover {
	background: #ui-button;
	color: #222222;
	/*text-shadow: 0 1px 0 #ffffff;*/
	cursor: pointer;
}
.dataTables_paginate .first {
}
.dataTables_paginate .last {
}
.dataTables_paginate .ui-state-disabled, .fc-state-disabled, .pagination.alternate li.disabled a {
	color: #AAAAAA !important;
}
.dataTables_paginate .ui-state-disabled:hover, .fc-state-disabled:hover, .pagination.alternate li.disabled a:hover {
	background: #f5f5f5;
	cursor: default !important;
}
.dataTables_paginate span .ui-state-disabled, .pagination.alternate li.active a {
	background: #FFFFFF !important;
	color: #000000 !important;
	cursor: default !important;
}



div.dataTables_wrapper .ui-widget-header {
	border-right: medium none;
	border-top: 1px solid #D5D5D5;
	font-weight: normal;
	margin-top: -1px;
        
}
.dataTables_wrapper .ui-toolbar {
	padding: 35px;
}
.dataTables_filter {
	color: #878787 !important;
	font-size: 15px !important;
	right: 0; top:11px !important;
	margin: 4px 25px 2px 10px !important;
	position: absolute !important;
	text-align: left !important;
}
.dataTables_filter input {
	margin-bottom: 0;
}
.table th {
	height: 0px;
	font-size: 15px;
        background: rgba(104,1,59, 1);
/*	background-color: #336699;*/
	border-bottom: 0;
	text-align: center;
	color: #FFFFFF;
}
.table.with-check tr th:first-child, .table.with-check tr td:first-child {
	width: 10px;
}
.table.with-check tr th:first-child i {
	margin-top: -2px;
	opacity: 0.6;
}
.table.with-check tr td:first-child .checker {
	margin-right: 0;
}
.table tr.checked td {
	background-color: #FFFFE3 !important;
}
/* Misc */
.nopadding {
	padding: 0 !important;
}
.nopadding .table {
	margin-bottom: 0;
}
.nopadding .table-bordered {
	border: 0;
}
@media (max-width: 979px) {
div.dataTables_wrapper .ui-widget-header {
	height: 68px;
}
.dataTables_filter{ position:absolute; top:6px;}
.dataTables_length{ 
    width: 36% !important;; 
    text-align:center  !important;;
}
.dataTables_filter  {
	text-align: center !important;
        width: 55% !important;
}

.dataTables_paginate{
   position: absolute;
    
    
    
    
}
#sidebar .content{ display:none;}
}




@media (max-width: 430px) {
.dataTables_paginate .ui-button, .pagination.alternate li a {
	font-size: 12px;
	padding: 9px 9px 9px 9px !important;
	border-style: solid;
	border-width: 10px;
	border-color: #dddddd #dddddd #cccccc; /* for IE < 9 */
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	display: inline-block;
	line-height: 11px;
	background: #f5f5f5;
	color: #333333;
        margin-top: -30px;
	/*text-shadow: 0 1px 0 #ffffff;*/
}
}


@media (max-width: 400px) {
.dataTables_paginate .ui-button, .pagination.alternate li a {
	font-size: 8px;
        font-style: bold;
	padding: 5px 5px 5px 5px !important;
	border-style: solid;
	border-width: 10px;
	border-color: #dddddd #dddddd #cccccc; /* for IE < 9 */
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	display: inline-block;
	line-height: 10px;
	background: #f5f5f5;
	color: #333333;
        margin-top: -30px;
	/*text-shadow: 0 1px 0 #ffffff;*/
   
}
}