/*Colors*/
.green {color: #9FC569;}
.red {color: #ED7A53;}
.gray {color: #a2aaac;}
.orange {color: #FF8A00;}
.dark {color: #1F3140;}
.blue {color: #3399cc;}
.white {color: #ffffff;}

/*position elements*/
.left {float:left;}
.right {float:right;}
.center {text-align:center; width:100%; display: inline-block;}
	.center i {float:none; display: inline;}

/*margins*/
.marginR5 {margin-right: 5px;}
.marginR10{margin-right: 10px;}
.marginT5 {margin-top:5px;}
.marginT10{margin-top:10px;}
.marginB5 {margin-bottom: 5px;}
.marginB10 {margin-bottom: 10px;}
.marginL5 {margin-left: 5px;}
.marginL10 {margin-left: 10px;}
.margin10 {margin: 10px;}

/*paddings*/
.padding15 {padding:15px;}
.padingR5 {padding-right: 5px;}
.padingR10{padding-right: 10px;}
.padingT5 {padding-top:5px;}
.padingT10{padding-top:10px;}
.padingB5 {padding-bottom: 5px;}
.padingB10 {padding-bottom: 10px;}
.padingL5 {padding-left: 5px;}
.padingL10 {padding-left: 10px;}
.padding {padding: 10px;}

div.centerContent {margin: 0;display: block;}

.strong {font-weight: 700;}

a,.btn {outline: none !important;}




/*Tables*/
.table {position: relative;}
.table td { border-top: 1px solid #c4c4c4;}
/*.table thead th, .table tbody td {text-align: center;}*/
.table thead th:first-child, .table tbody td:first-child  {text-align: left;}

.table tr {
	-moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
	box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
}

.table tbody {background-color:#fafafa;}
.table tbody + tbody {border-top: 2px solid #c4c4c4;}
.table tbody tr:last-child{border-bottom: 1px solid #c4c4c4;}
.table thead th {
  	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	-moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
	box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
}

.table-bordered {
  border-color: #c4c4c4;
  border-top:1px solid transparent;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
   padding-bottom: 1px;
   border-collapse: collapse;
   margin-top:-1px;
   margin-left:-1px;
}

.table caption + thead tr:first-child th,.table caption + thead tr:first-child td,.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td {
  border-top: 1px solid #c4c4c4;
}
.table-bordered th,.table-bordered td { border-left: 1px solid #c4c4c4;}
.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 2px;
          border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
}
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 2px;
          border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
}
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 2px;
     -moz-border-radius: 0 0 0 2px;
          border-radius: 0 0 0 2px;
  -webkit-border-bottom-left-radius: 2px;
          border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
}

.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 2px;
          border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
}

.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th {
  background-color: #f7f7f7;
}

.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #e8eaeb;
}

.table .ch {width: 10px;}
.noPad .table {border: 1px solid transparent;margin-bottom: -1px; margin-top:-1px;}
.box .dataTables_wrapper {margin-left: -1px;}


/*Pagination*/
.pagination {
	height: auto;
	margin: 0 0 18px 0;
}
.pagination ul {box-shadow: none;}
	.pagination a {
		display: inline-block !important;
		float: left !important;
		padding: 0 14px !important;
		line-height: 28px !important;
		text-decoration: none !important;
		border: 1px solid #c4c4c4 !important;
		border-left-width: 1px !important;
		background-color: #f3f3f3 !important;
		background: rgb(255,255,255) !important;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1))) !important;
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%) !important;
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%) !important;
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%) !important;
		background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ) !important;
		min-height: 28px !important;
		color: #717171 !important;
		box-shadow:0 1px 0 #eaeaea ,0 1px 0 #fff inset !important;
		margin-right: 4px !important;
		-webkit-border-radius: 2px 2px 2px 2px !important;
		-moz-border-radius: 2px 2px 2px 2px !important;
		border-radius: 2px 2px 2px 2px !important;
		font-weight: 700 !important;
		margin-bottom: 10px !important;
	}

	.pagination li:first-child a {
		border-left-width: 1px;
		-webkit-border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
		border-radius: 2px 2px 2px 2px;
	}
	.pagination li:last-child a {
		-webkit-border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
		border-radius: 2px 2px 2px 2px;
	}
	.pagination a span {
		margin:0;
		color: #717171;
		padding:0;
		line-height: 28px;
		background: transparent;
		border: none;
	}

	.pagination li>span {
		margin: 0px 8px 0 7px !important; 
		padding:0 5px 0 5px !important;
		float:left !important;
		display: inline-block !important;
		border:none !important;
		background: transparent !important;
		line-height: 30px !important;

	}

	.pagination .active a, .pagination .active a:hover {
		color: #f2f2f2 !important;
		box-shadow:0 1px 0 #eaeaea ,0 1px 0 #ee5f5b inset !important;
		border-color: #bd362f !important;
		background: #ee5f5b !important;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='false') !important;
	}

	.pagination a:hover {
		border: 1px solid #a3a3a3 !important;
		background: #e8e6e6 !important;
	}

.pager a {
	display: inline-block;
	padding: 5px 14px;
	border: 1px solid #c4c4c4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
	color: #717171;
	box-shadow:0 1px 0 #eaeaea ,0 1px 0 #fff inset;
	margin-right: 4px;
}
.pager a:hover {
	border: 1px solid #a3a3a3;
	background: #e8e6e6;
}


/*Notification styles*/

/*Red style*/
.notification {
	padding:0px 7px 0px 7px; 
	color:#fff;
	background: #ed7a53;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	font-weight:700;
	font-size:12px;
	font-family: Tahoma;
	position: absolute;
	top:-11px;
	right:-10px;
	-webkit-box-shadow:  0px 1px 0px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 1px 0px 0px rgba(0, 0, 0, 0.2);
    text-shadow:none;
}

.notification.green {background: #9fc569;}/*green style*/
.notification.blue { background: #88bbc8;}/*blue style*/


/*Widget box style*/
.box {
	width:100%;
	min-height:100%;
	-moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
	box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
	margin-bottom: 25px;
}
.box.hover {
	-moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.box.drag {min-height: auto;}
.box.plain.hover {box-shadow: none;}
	.box .title {
		height:auto;
		background: url(../img/patterns/2.png) repeat;
		position: relative;
		border:1px solid #c4c4c4;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
		-moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
		-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
		box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
	}
	.box.drag .title:hover {
		cursor: move;
	}
	.box.plain .title {
		border-top: none;
		border-left: none;
		border-right: none;
		background: none;
	}
	.box.gradient .title {
		background: rgb(255,255,255);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
	}
	.box .title.min {
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
	}
		.box .title h4 {
			padding-left:15px;
			margin-bottom: 0;
			padding-top: 9px;
			padding-bottom: 9px;
		}

		h4 .label {float: right; margin-right: 40px;}
		h4 .badge {float: right; margin-right: 40px;}

		.box .title span[class*=" icon-"], .box .title span[class*=" brocco-icon-"], .box .title span[class*=" cut-icon-"], 
		.box .title span[class*=" entypo-icon-"], .box .title span[class*=" icomoon-icon-"], .box .title span[class*=" minia-icon-"], 
		.box .title span[class*=" iconic-icon-"], .box .title span[class*=" meteo-icon-"], .box .title span[class*=" silk-icon-"],
		.box .title span[class*=" typ-icon-"], .box .title span[class*=" wpzoom-"], .box .title span[class*=" eco-"]
		{
			margin: 0 10px 0 0px;
		}
		.box .title .iToggle-button span.icon16 {
			margin-right: 0 !important;
		}
		.box .title .loader {
			position: absolute;
			right:40px;
			top:10px;
		}
		.box .title>a {
			position: absolute;
			right:10px;
			top:8px;
			border: 1px solid #c4c4c4;
			border-radius:2px;
			-webkit-border-radius:2px;
			-moz-border-radius:2px;
			text-decoration:none;
			color: #3f3f3f;
			/*padding: 2px 4px 0px 4px;*/
			text-indent: -9999px;
			background-color: #f3f3f3;
			width:16px;
			height:16px;
			padding:0px 2px 3px 2px;
		}
		.box .spark {
			margin-right: 40px;
			float: right;
		}
		.box .box-form {
			margin-right: 40px;
			margin-bottom: 0;
			position: relative;
		}
		.box .box-form input {
			width: 100%;
			margin-bottom: 0;
		}
		.box .box-form .dropdown-menu {top:auto; left:auto;}
		.box .box-form .btn-mini.dropdown-toggle {margin-top:-1px;}
		.box .box-form .btn span {margin-right: 0; margin-top: -8px; display: inline-block;}
		.box .box-form .btn-mini span {margin-top: -7px;}
		.box .box-form .dropdown-toggle {margin-top: -4px; padding-bottom: 0;}
		.box .box-form .btn span.caret {margin-left: 2px; margin-top:7px;}
		.box .box-form .ibutton-container {	margin-top:-2px;}
		.box .title .label span, .box .title .badge span {margin-left:0; margin-right:0}
		.box .title .progress {
			width:40%;
			position: absolute;
			right:40px;
			top:8px;
		}
		.box .title .minimize {
			cursor:pointer;
			background: url(../img/icons/minus.png) no-repeat center 3px #f3f3f3;
			display: none;
		}
		.box .title .maximize {
			background: url(../img/icons/plus.png) no-repeat center 3px #f3f3f3;
			display: block;
		}
	.box .content {
		padding:10px;
		border:1px solid #c4c4c4;
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
		border-top: none;
		background-color: #fff;
		position: relative;
	}
	.box .content.vertical-scroll {
		width: 200px;
	}
	.box .content.noPad {
		padding: 0;
	}
	.box .content.noPad .nav-tabs {
		margin-top: -1px;
		margin-left: -1px;
		margin-right: -1px;
	}
	.box .content.noPad .tab-content {
		margin-bottom: -1px;
		margin-left: -1px;
		margin-right: -1px;
	}
	.box.boxMargin {margin-bottom: 27px;}	

	.sortable-placeholder {border: 4px dashed #C4C4C4; margin-bottom: 25px;}


/*Circle stats*/
.circle-stats {text-align: center; margin-top:-5px; position: relative;}
.circular-item {position: relative; width:82px; height: 82px;margin-right:20px; margin-bottom: 10px; display: inline-block;}
	.circular-item .icon {font-size: 20px; position: absolute; top:48%; left:50%; margin-top: -18px; margin-left: -10px;}
	.circular-item input {
		cursor: default;
		box-shadow: none;
		border:none;
		height: auto;
		position: absolute;
		top:15px;
		border-color: rgba(82, 168, 236, 0.8);
	}
	.circular-item input:focus {
		outline: 0;
		outline: thin dotted 0;
		/* IE6-9 */
  		-webkit-box-shadow: none;
     	-moz-box-shadow: none;
         box-shadow: none;
	}

.circular-progress-item {position: relative; width:82px; height: 82px;margin-right:20px; margin-bottom: 10px; display: inline-block;}
	.circular-progress-item input {
		cursor: default;
		box-shadow: none;
		border:none;
		height: auto;
		position: absolute;
		top:0px;
		border-color: rgba(82, 168, 236, 0.8);
	}
	.circular-progress-item input:focus {
		outline: 0;
		outline: thin dotted 0;
		/* IE6-9 */
  		-webkit-box-shadow: none;
     	-moz-box-shadow: none;
         box-shadow: none;
	}

/*circular porgress bars*/
.jCProgress {
     position: absolute;
     z-index: 999;
     /*  margin-top:-15px; /* offset from the center */
}

.jCProgress > div.percent {
     font-size: 16px;
     text-shadow: 0px 0px 1px #1f1f1f;
     position:absolute;
     left:50%;
     top:50%;
     margin-left:-20px;
     text-align: center;
     width:40px;
     margin-top:2px;
}
	div.percent:before{
		content:"%";
		width: 10px;
	}



/*loader*/
.loadstate, .loadstate body {overflow:hidden}
.loadstate body > * {visibility:hidden}
.loadstate #qLoverlay {visibility:visible;}
.loadstate #qLbar {visibility:visible;}
/*.js .tab-pane {display:block !important}*/
/*.js .hide {display: inherit}*/
#qLoverlay {
	visibility: hidden;
	width: 100%;
    height: 100%;
    position: fixed;
    z-index: 666999;
    top: 0;
    left: 0;
    background: url(../img/patterns/3-1.png) repeat;
    opacity: 0.9;
	filter: alpha(opacity=90);
}
#qLbar {
	visibility: hidden;
	width: 80px;
	height: 80px;
    position: absolute;
    top: 50%;
    left:50%;
    margin-top: -80px;
    margin-left: -40px;
    background:url(../img/loader.gif) no-repeat;
    z-index: 667999;
}


/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:30px;
	height:31px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
	z-index: 999;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -31px;
	width:30px;
	height:31px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/* # Media queries
================================================== */

@media only screen and (max-width: 1350px) {
	body { -webkit-text-size-adjust: none; }
	.box .dataTables_filter {float: none;}

}
@media only screen and (max-width: 1100px) {
	/*#content-two .resBtnSearch {	display: block;	position: absolute;	right:15px;}
	#content-two .search {
		z-index: 1000;
		display: none;
		position: absolute;
		top:0px;
		right: 70px;
		float: left;
		background: rgb(255,255,255);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
		border:1px solid #c4c4c4;
		/*border-top: none;
		padding-right: 0;
		padding-top: 0px;
	}
	#content-two #searchform .top-search {width: 150px;}
	.heading .breadcrumb {margin-right: 40px;}*/
}

@media only screen and (max-width: 1024px) {
	/*#header .navbar .nav a {text-indent: -9999px; padding: 8px 0; width: 46px;}
	#header .navbar .nav a img.image {margin-left: 4px;}
	#header .navbar .nav a span.icon16 {text-indent: +9999px; margin-left: 15px; display: inline-block; line-height: 14px;}
	#header .navbar .nav a span.notification {text-indent: 0;}
	#header .dropdown-menu li span.name a {text-indent: 0 !important; padding: 5px 0 5px 5px; width:100%}
	#header .dropdown-menu li span.time {margin-top:-18px;}
	#header .dropdown-menu li.view-all a {text-indent: 0; padding: 5px 0 5px 5px; width: auto;}
	#header .dropdown-menu li.view-all a span.icon16 {text-indent: 0;}
	#header .dropdown-menu li.menu a {text-indent: 0;} 
	#header .dropdown-menu li.menu a span {text-indent: 0 !important;margin-left: 0 !important;}
	#header .dropdown-menu .messages {padding-top:0;}
	#header .dropdown-menu span.icon span {margin-left:5px !important;}
	#header .dropdown-menu ul.notif a {width: 100% !important;}

	#header .dropdown-menu li a {width: auto !important;}*/

}

@media only screen and (max-width: 767px) {

	/*Responsive tables*/
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0;width: 35%; 
		overflow: hidden; /*overflow-x: scroll;*/ border-right: 1px solid #c4c4c4;/* border-left: 1px solid #ccc;*/ }
	.pinned table { border-right: none; border-left: none; width: 100%;}
	.box .pinned table { border-right: none; border-left: none; width: 100%; margin-bottom: 1px;margin-bottom: 5px;}
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	.box div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right:none; }
	div.table-wrapper div.scrollable table { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, 
	table.responsive.pinned td { display: none; }

	.dataTables_filter {position: absolute; top:15px;}
	.dataTables_wrapper .table-wrapper{margin-top:45px; border-top:1px solid #c4c4c4;}
	.paging_full_numbers a {display: none !important;}
	.paging_full_numbers a.previous, .paging_full_numbers a.next {display: block !important;}
}


@media only screen and (max-width: 400px) {
	/*.resBtn {top:15px; left:15px}
	#header .navbar .nav {margin-left:15px;}
	#header .navbar-inner {padding-left: 0;}
	.loginContainer {width: 250px;margin-left: -150px;}
	.leftBox, .rightBox {width: 100%; float: left;}
	.dualBtn {
		text-align: center;
		width: 100%;
		margin: 10px -10px;
		position: relative;
		float: left;
		left: 0;
		border-top: 1px solid #C4C4C4;
		border-bottom: 1px solid #C4C4C4;
		padding: 10px 10px;
		background: #f2f2f2;
		padding-bottom: 12px;
	}
	.modal {width:100%; left:0; margin-left:0}
	.errorContainer {width: 280px; margin-left: -155px;}

	.invoice .you, .invoice .client {float: none;width:100%; margin-bottom: 15px;}
	.invoice .total {width: 100%; margin-top: 15px; text-align: center;}

	.support-section .support-search .searchfield {width: 100%; float:none;}
	.support-section .nav-tabs {width: 100%;}
	.support-section .nav-tabs .name {line-height: 38px;width: auto;}
	.support-section .notification {top: 18px;}*/

}

@media only screen and (max-width: 340px) {
	/*#header .navbar .nav {margin-left: 2px;}
	#header .usernav {margin-right: 2px;}
	.ui-datepicker{ max-width: 260px;}
	.activity li .btn {margin-left: 0px;margin-right: 15px;}*/
	.dataTables_filter {position: absolute; top:15px;}
	.dataTables_wrapper .table-wrapper{margin-top:60px;}
	.dataTables_paginate {
		margin: 0;
		display: inline-block;
		margin-left: 50px;
		float: none;
		margin-bottom: 15px;
	}
	.dataTables_info{
		text-align: center;
		width: 100%;
		margin: 10px 0 15px 0;
		padding-left: 0;
	}
	/*.errorContainer {width: 240px; margin-left: -135px;}
	.errorContainer.offline h1 {font-size: 4em;}
	.elfinder-ltr .elfinder-button-search {width:90%;}

	form .image {margin-bottom: 20px;}*/

}

/* Smartphones (landscape) ----------- */


/* Most phones */
@media only screen and (max-width: 320px) {
	/*#header .navbar .nav a {width: 36px;}
	#header .navbar .nav a span.icon16 {margin-left: 10px;}
	#header .navbar .nav a img.image {margin-left: 0px;}
	#header .navbar .nav {margin-right:0px;}
	.resBtnSearch {right:20px;}
	.fc-header-right {
		position: relative;
		top: 0;
		right: 0;
		float: left;
		margin-left: 60px;
	}
	.fc-header-center {margin-right: 80px;}
	.todo li .txt{width:75%;}
	.sparkStats li {text-align: center;}
	.sparkStats li span:first-child {margin-right: 0px;width: 100%;float: left;}
	.loginContainer {width: 220px;margin-left: -130px;top: 15%;margin-top: 0;}
	.loginPage #header {display: none;}
	.ui-datepicker{ max-width: 220px;}
	.breadcrumb li:first-child {display: none;}

	.recent-users .status {float: left;margin-left: 15px;}
	.modal {width:100%; left:0; margin-left:0}
	.ui-pnotify {position: fixed; right:10px !important; }

	.errorContainer {width: 200px; margin-left: -115px;}
	.errorContainer .btn {margin-bottom: 15px;}
	.elfinder-navbar { width : 80px !important;}
	.plupload_filelist_footer {height:auto; line-height:none;}
	#html4_uploader{height:auto !important;}
	.plupload_button {margin-bottom:10px;}*/
}
/* Crappy phones :) :D */
@media only screen and (max-width: 241px) {
	/*.resBtn {left:5px}
	#searchform .top-search {width: 130px;}
	.fc-header-right {margin-left: 25px;}
	.fc-header-center {margin-right: 45px;}
	.loginContainer {width: 180px;margin-left: -100px;}
	.ui-datepicker{ max-width: 180px;}*/
}