pre {
	font-family: brownlight, Arial;
	font-size:12px;
	padding:10px 0 15px;
}
html{margin:0 !important;}
body .of-Visible{overflow:visible !important;}
body .of-Hidden{overflow:hidden !important;}
body .posi-relative{position:relative !important;}
body .posi-absolute{position:absolute !important;}
.mar-RB_1{margin:0 1px 1px 0;}

.btn {
    cursor: pointer;
    display: inline-block;
    float: none !important;
    margin: 0 3px;
}
.btn i{
    color:inherit !important;
	font-size: 15px;
}

/*---------- Css3 button hover effect starts ----------*/

.btnEffect{
	background:#f5f5f5;
	position:relative;
}

.btnEffect:hover,
.btnEffect.hover,
.btnEffect.active{
	background-color: #f36c24;
	color:#000000;

	/*-webkit-box-shadow: 0px 0px 8px 8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 8px 8px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 8px 8px rgba(0,0,0,0.75);*/
	z-index:9;
}
.btnEffect.active{z-index:8;}
/*---------- Css3 button hover effect ends ----------*/


/*---------- flat button css start ----------*/
.flatBtn{
	max-width:140px;
	min-width:100px;
	min-height:33px;
	height:auto;
	display:inline-block;
	cursor:pointer;
	padding:0px;

	color:#3b3b3b;
	font-family: brownlight, Arial;
	font-size:12px;
	text-transform:uppercase;
	text-align:left;
}

.flatBtn .btnTxt{
	padding:8px 33px 8px 10px;
	line-height:16px;
}
.flatBtn.noImg .btnTxt{
	padding:8px 10px 8px 10px;
	line-height:16px;
	text-align:center;
}

.flatBtn .btnImg,
.flatBtn i{
	font-size: 18px;
	height: 33px;
	line-height: 28px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 33px;
}
/*---------- flat button css ends ----------*/

/*---------- thumb button css start ----------*/

.thumbBtn{
	max-width:85px;
	min-width:85px;
	min-height:85px;
	height:auto;
	display:inline-block;
	cursor:pointer;
	padding:0px;

	color:#3b3b3b;
	font-family: brownlight, Arial;
	font-size:12px;
	text-transform:uppercase;
	text-align:left;
}

.thumbBtn .btnTxt{
	/*padding:8px 10px 8px 10px;
	line-height:16px;
	text-align:center;
	font-size: 10px;*/


	bottom: 0;
	font-size: 10px;
	line-height: 12px;
	max-width: 65px;
	min-height: 15px;
	padding: 0 10px 8px;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.thumbBtn.noImg .btnTxt{
	padding:8px 10px 8px 10px;
	line-height:16px;
	text-align:center;
}

.thumbBtn .btnImg,
.thumbBtn i{
	font-size: 36px;
	height: 58px;
	line-height: 66px;
	position: relative;
	right: 0;
	text-align: center;
	top: 0;
	width: 85px;
}

/*---------- thumb button css ends ----------*/

/*---------- small thumb button css start ----------*/

.thumbSmallBtn{
	max-width:46px;
	min-width:46px;
	min-height:46px;
	height:auto;
	display:inline-block;
	cursor:pointer;
	padding:0px;

	color:#3b3b3b;
	font-family: brownlight, Arial;
	font-size:12px;
	text-transform:uppercase;
	text-align:left;
}

.thumbSmallBtn .btnTxt{
	/*padding:8px 10px 8px 10px;
	line-height:16px;
	text-align:center;
	font-size: 10px;*/


	bottom: 0;
	font-size: 10px;
	line-height: 12px;
	min-height: 15px;
	padding: 0 0 8px;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.thumbSmallBtn.noImg .btnTxt{
	padding:8px 10px 8px 10px;
	line-height:16px;
	text-align:center;
}

.thumbSmallBtn .btnImg,
.thumbSmallBtn i{
	font-size: 26px;
	line-height:42px;
	height: 46px;
	position: relative;
	right: 0;
	text-align: center;
	top: 0;
	width: 46px;
}

.thumbSmallBtn:hover,
.thumbSmallBtn:hover{
	color:#ffffff;
}

/*---------- small thumb button css ends ----------*/


/*---------- form elements css starts ----------*/
.formDiv .row, .formDiv1 .row{
	padding-bottom:10px;
}
.lblWrap{width:auto;}
.lbl{
	padding:7px 10px 0 0;
	font-size:14px;
	text-align:right;
}

body .fullWidth{
	/*width:99%;*/
	width:100%;
}
.inptWrap{
	/*border:2px solid #3b3b3b;*/
	min-height:30px;
	min-width:182px;
	width:auto;
	float:left;
}

.inptDiv{
	/*background:#000000;*/
	padding:4px 5px 8px;
	min-height:20px;
	border:2px solid #3b3b3b;
}
.inptWrap .inpt,
input[type="text"],
input[type="password"],
textarea{
	background: none;
	border: 0 none;
	margin: 0 !important;
	min-height: 21px;
	padding: 0;
	width: 100%;
	color:#3b3b3b;
	font-family: brownlight, Arial;
	font-size:14px;
	outline:none;
	resize:none;
}
.wideBtn{
    max-width: 300px !important;
    width: 100%;
}

	/*---------- selectbox formating css starts ----------*/
	.selectWrap{
		/*border:1px solid #2f2f2f;*/
		min-height:29px;
		min-width:182px;
		width:auto;
		float:left;
	}
	.selectDiv{
		background:#f5f5f5;
		padding:0;
		min-height:29px;
		border:2px solid #3b3b3b;
	}
	.select2-container{
		/*border:1px solid #2f2f2f;*/
	}

	.select2-results{
		padding:0px;
		margin:0px;
		background:#f5f5f5;
	}

	.fullWidth .select2-container, .select2-drop, .select2-search, .select2-search input{width:100%;}
	.select2-container .select2-choice{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
		border: 0 none !important;
		color: #3b3b3b;
		font-size: 14px;
		font-family: brownlight, Arial;
		line-height: 27px;
		min-height: 33px;
		padding: 4px 0 0 8px;

		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		-khtml-border-radius: 0 !important;
		border-radius: 0 !important;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.select2-container-multi .select2-choices .select2-search-field input{
		min-height: 23px;
	}
	body .select2-drop{
		background:#f5f5f5;
		color:#3b3b3b;
		border:0px !important;
		border:2px solid #3b3b3b !important;

		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		-khtml-border-radius: 0 !important;
		border-radius: 0 !important;
	}
	.select2-results .select2-highlighted{
		background:#3b3b3b;
		color:#f5f5f5;
	}
	.select2-results .select2-result-selectable{
		font-size:14px;
	}
	.select2-results .select2-result-unselectable{
		font-size: 12px;
		cursor: not-allowed;
		color: #b6b6b6;
	}
	.select2-container .select2-choice > .select2-chosen{margin-right:38px;}
	.select2-container .select2-choice .select2-arrow{
		background:#000000;
		width:32px;
		border:0;

		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-khtml-border-radius: 0;
		border-radius: 0;
	}
	.select2-container .select2-choice .select2-arrow b{
		background:url("../proimages/selectarrowDown.jpg") center no-repeat !important;
	}

	.select2-container-multi .select2-choices,
	.select2-dropdown-open.select2-drop-above .select2-choice,
	.select2-dropdown-open.select2-drop-above .select2-choices{
		background:none;
		border:0 !important;
	}

	.select2-container-multi .select2-choices .select2-search-choice{
		background:none;
		border:1px solid #3b3b3b;
		/*font-family: brownlight, Arial;*/
		font-size:14px;
		color:#3b3b3b;
		padding-bottom:8px;

		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-khtml-border-radius: 0;
		border-radius: 0;

		-webkit-box-shadow:none !important;
		-moz-box-shadow:none !important;
		box-shadow:none !important;
	}
	body .select2-search-field .select2-input{
		/*width:10px !important;*/
		font-size:14px !important;
		padding:7px 5px !important;
		color:#3b3b3b !important;
		font-family:brownlight,Arial !important;
	}

	.select2-search{
		background: #3b3b3b url("../proimages/search2.png") no-repeat right;
		border: 1px solid #2F2F2F;
		display: block !important;
		margin: 4px;
		min-height: 20px;
		padding: 4px 5px 6px;
		width: auto;
	}
	.select2-search.makeHidden{display: none !important;}
	.select2-search .select2-input{
		color:#f5f5f5;
	}

	.fc-event-inner .select2-container{
		width:100%;
	}
	/*---------- selectbox formating css ends ----------*/


	/*---------- numeric pad css starts ----------*/
	.numPadDiv{float:left; max-width:216px !important; width:100%;}
	#numericInput{
		position:relative;
	}
	#numBox{
		width:150px;
		height:20px;
		text-align:right;
		border:solid 1px black;
		cursor:text;
		overflow:hidden;
		background-color: white;
		font-family: brownlight, Arial;
	}
	#keypad{
		/*width:210px;*/
		background: none repeat scroll 0 0 #000000;
		border: 1px solid #2F2F2F;
		display: none;
		height: 200px;
		left: 0;
		margin: 8px -5px 0;
		position: absolute;
		top: 0;
		z-index: 12;
	}
	#keypad td{width:70px;vertical-align:middle;}
	.key{
		background-color: #f5f5f5 !important;
		border-right: 1px solid #2F2F2F;
		border-top: 1px solid #2F2F2F;
		color: #3b3b3b;
		cursor: pointer;
		font-family: brownlight, Arial;
		font-weight: bold;
		text-align: center;
	}

	.key:active{
		background-color:#3b3b3b !important;
		color:#f5f5f5;
	}
	.btn-click{
		border:1px solid #2F2F2F;
		text-align:center;
		font-weight:bold;
		color:#ffffff;
		cursor:pointer;
		background-color:#000000 !important;
		font-family: brownlight, Arial;
	}
	.btn-click:hover{
		background-color:#2f383b !important;
	}
	.btn-click:active{
		background-color:#2f383b !important;
	}
	/*---------- numeric pad css ends ----------*/


	/*---------- fancy checkbox css ----------*/
	.checkFieldDiv{margin:4px 0 0 0;}
	.checkBox{
		margin:3px 0 0 0;
	}
	.chkTxt{
		color: #3b3b3b;
		float: left;
		font-size: 13px;
		margin: 1px 15px 0 5px;
	}
	.ClashHolderDiv .chkTxt{
		margin: -4px 15px 0 5px;
	}
	.checkContainer{
		/*background:url("../proimages/chkboxImg2.png") center no-repeat !important;*/
		background:#262626;
		height: 18px;
		width: 18px;
		float:left;
		padding:0;
		position:relative;
	}

	.chk{
		position:absolute;
		width:18px;
		height:18px;
	}

	.clicked{
		background:url("../proimages/checkTick2.png") center no-repeat !important;
		padding:0px !important;
		margin:0 !important;
	}

	.crossBox .clicked{
		background:url("../proimages/crossCheck2.png") center no-repeat !important;
	}

	.checkChange{
		width:18px;
		height:18px;
		padding:0px;
		margin:0px;
		position:absolute !important;
		outline:none;
		top:auto !important;
		left:0;
		cursor:pointer;
	}

	.radioCont .checkContainer{
		-moz-border-radius: 100%;
		-webkit-border-radius: 100%;
		-khtml-border-radius: 100%;
		border-radius: 100%;

		behavior: url(PIE/PIE.php);
	}
	.radioCont .clicked{
		-moz-border-radius: 100%;
		-webkit-border-radius: 100%;
		-khtml-border-radius: 100%;
		border-radius: 100%;

		behavior: url(PIE/PIE.php);

		background:#ffffff !important;
		width:8px;
		height:8px;
		margin:5px 0 0 5px !important;
	}

	/*---------- fancy checkbox css ends ----------*/

	/*---------- full calendar css starts ----------*/
	/*#calendar .fc-header{background:#000000;}
	#calendar .fc-header-title{display:block;}
	#calendar .fc-header-left,
	#calendar .fc-header-right,
	#calendar .fc-header-center{vertical-align:middle;border:0 !important;background:none !important;}
	#calendar .fc-header .fc-button{
		margin:0 0 8px 0;
		font-size:13px;
	}
	#calendar .fc-header .fc-button-prev{margin:0 0 0 10px;}
	#calendar .fc-header .fc-button-next{margin:0 10px 0 0;}
	#calendar .fc-header .fc-header-title h2{
		margin:8px 0;
		font-size:18px;
	}
	#calendar .fc-day.fc-other-month{color:#9f9f9f;}
	#calendar .fc-day{color:#ffffff;}
	#calendar .fc-day.active{background:#686868 !important;}
	#calendar .fc-today{background:#000000 !important;}

	#calendar table tbody tr:hover td{background: none repeat scroll 0 0 #2F2F2F;}
	#calendar table tbody tr:nth-child(even) td{background-color: #2F2F2F;}
	#calendar table tbody tr:nth-child(even):hover td{background-color: #2F2F2F;}
	*/

	#calendar{/*background:#ffffff;padding:10px;*/margin:0 auto 20px !important;}
	#calendar table.fc-border-separate {border-collapse: collapse;}
	#calendar .fc-content table th {
		background:none;
		color:#3b3b3b;
		font-weight:600;
		font-family: brownlight, Arial;
		font-size:16px;
		border:0px;
	}
	#calendar .fc-content table th.fc-agenda-axis{
		color:#ffffff;
	}
	#calendar .fc-header{/*background:#868795;*/}
	#calendar .fc-header-title{display:block;}
	#calendar .fc-header-left,
	#calendar .fc-header-right,
	#calendar .fc-header-center{vertical-align:middle;border:0 !important;background:none !important;}
	#calendar .fc-first.fc-last th:first-child {border-left: 2px solid #ffffff;}
	#calendar .fc-first.fc-last th:last-child {border-left: 2px solid #ffffff;}
	#calendar .fc-header .fc-button{
		margin:0 0 8px 0;
		font-size:13px;
		line-height:29px;
	}
	#calendar .fc-header td{color:#353a40;}
	#calendar .fc-header .fc-button-prev,
	#calendar .fc-header .fc-button-next{
		-webkit-box-shadow:none !important;
		-moz-box-shadow:none !important;
		box-shadow:none !important;

		width: 22px;
		min-width: 0;
	}
	#calendar .fc-header .fc-button-prev{margin:0 0 0 8px;background:none;border:0;font-size:0px;height:auto;}
	#calendar .fc-header .fc-button-next{margin:0 8px 0 0;background:none;border:0;font-size:0px;height:auto;}
	#calendar .fc-header .fc-text-arrow{display: block;height: 30px;width: 16px;}
	#calendar .fc-header .fc-header-title h2{
		color: #3b3b3b;
		font-size: 20px;
		font-weight: 600;
		margin: 10px 0;
	}
	#calendar .fc-day.fc-other-month{
		color:#000;
		background: url("../proimages/desabledBg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	}
	#calendar .fc-day{color:#000;}
	#calendar .fc-day.active{background:#ddd !important;}
	#calendar .fc-day.active div:first-child{/*border: 2px solid #ae9a63;*/}
	#calendar .fc-day.active div:first-child div{border: 0;}
	#calendar .fc-border-separate td.fc-today{background:#000000 !important;color: #f5f5f5 !important;}
	#calendar .fc-border-separate td.fc-today .fc-day-number{color: #f5f5f5 !important;}

	#calendar .fc-border-separate td {border: 2px solid #ffffff;color: #353A40;background:#f5f5f5 !important;}
	#calendar .fc-border-separate td .fc-day-number{
		color:#3b3b3b;
		font-weight:600;
		font-family: brownlight, Arial;
		font-size:14px;
	}
	#calendar .fc-border-separate td:first-child {/*border-left: 2px solid #ADB1B4;*/}
	#calendar .fc-border-separate td:last-child {/*border-right: 2px solid #ADB1B4;*/}
	#calendar table tbody tr td, #calendar table tbody tr:hover td {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		opacity:1;
	}
	#calendar table tbody tr:nth-child(2n) td {
		/*background-color: #2f2f2f;*/
	}
	#calendar table tbody tr:hover td{background: none;}
	#calendar table tbody tr:nth-child(even) td{/*background-color: #ffffff;*/}
	#calendar table tbody tr:nth-child(even):hover td{/*background-color: #ffffff;*/}

	#calendar table thead tr th:first-child, #calendar table tfoot tr th:first-child,
	#calendar table tbody tr td:first-child{
		/*border-left:1px solid #ddd;*/
	}
	#calendar .fc-today{background:#cecece !important;}

	li.ui-timepicker-selected,
	.ui-timepicker-list li:hover,
	.ui-timepicker-list .ui-timepicker-selected:hover {
		background: #cecece !important; color: #fff;
	}
	body .fc button{font-size:11px;}

	.fc-event{
		font-size:11px !important;
		border:0px !important;
	}
	/*---------- full calendar css ends ----------*/


	/*---------- datepicker calendar css starts ----------*/
	.ui-datepicker{width:100%;max-width:228px;}
	.mainWrap .ui-corner-all, .mainWrap .ui-corner-bottom, .mainWrap .ui-corner-right, .mainWrap .ui-corner-br,
	body .ui-corner-all, body .ui-corner-bottom, body .ui-corner-right, body .ui-corner-br{
		padding:0;
		border:0px;
		background:#ffffff;

		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-khtml-border-radius: 0;
		border-radius: 0;

		behavior: url(PIE/PIE.php);
	}
	.mainWrap .ui-widget-header,
	body .ui-widget-header{background:none;}
	.mainWrap .ui-datepicker .ui-datepicker-prev,
	body .ui-datepicker .ui-datepicker-prev{left:0;top:0;cursor:pointer;background:none !important;}
	.mainWrap .ui-datepicker .ui-datepicker-next,
	body .ui-datepicker .ui-datepicker-next{right:0;top:0;cursor:pointer;background:none !important;}
	.mainWrap .ui-datepicker .ui-datepicker-prev .ui-icon,
	body .ui-datepicker .ui-datepicker-prev .ui-icon{background:url("../proimages/calArrowLeft.png") center no-repeat;width:22px;}
	.mainWrap .ui-datepicker .ui-datepicker-next .ui-icon,
	body .ui-datepicker .ui-datepicker-next .ui-icon{background:url("../proimages/calArrowRight.png") center no-repeat;width:22px;}


	.ui-datepicker .ui-datepicker-title{color:#3b3b3b;font-size:19px;}

	.ui-icon{
		width:22px;
		-webkit-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-kthtml-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	body .ui-datepicker .ui-datepicker-prev.ui-state-hover .ui-icon,
	.mainWrap .ui-datepicker .ui-datepicker-prev.ui-state-hover .ui-icon{	margin-left:-12px;}
	body .ui-datepicker .ui-datepicker-next.ui-state-hover .ui-icon,
	.mainWrap .ui-datepicker .ui-datepicker-next.ui-state-hover .ui-icon{margin-left:-4px;}

	.ui-datepicker th,
	.ui-widget-header{font-weight:normal;}
	.ui-datepicker th{
		font-size:12px;
		color:#3b3b3b;
		text-transform:uppercase;
		background:none;

	}
	.ui-widget-content{background:none;border:0px;}
	.ui-datepicker-calendar{background:#ffffff;}
	.ui-datepicker table{margin:0;}
	.ui-datepicker tr td:first-child{border-left:0;}
	.ui-datepicker td{
		border-left:1px solid #ffffff;
		border-top:1px solid #ffffff;
	}
	.ui-datepicker td,
	.ui-datepicker td a{
		padding:0px;
		height:30px;
		width:30px;
		text-align:center;
		vertical-align:middle;
		font-size:16px;
		font-weight:normal !important;
	}
	.ui-datepicker,
	.ui-datepicker td,
	.ui-datepicker td a,
	.ui-datepicker td span{
		font-family:brownlight, Arial;
	}
	.ui-datepicker td a{display:inline-block;line-height:28px;width:auto;}
	.ui-datepicker td a.ui-state-active,
	.ui-datepicker td a.ui-state-hover,
	.ui-datepicker td.ui-datepicker-today a{width:auto;color:#ffffff;display:block;}
	.ui-datepicker td.ui-datepicker-today a.ui-state-highlight{
		background:#000000;
		color:#fff;
	}
	.ui-datepicker td a.ui-state-active{
		border: 2px solid #000000;
		color: #000000;
		height: 26px;
		line-height: 24px;
	}
	.ui-datepicker td a.ui-state-hover{
		background:#000000;
		color:#ffffff;
	}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
		background:none;
		border:none;
		font-weight:normal !important;
		color:#000000;
	}
	td.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled,
	.ui-datepicker td.ui-state-disabled span,
	.ui-datepicker td.ui-state-disabled a{
		background: url("../proimages/desabledBg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	}
	.ui-datepicker td.ui-state-disabled span,
	.ui-datepicker td.ui-state-disabled a{
		/*background: url("../proimages/desabledBg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
		display: block;
		height: 30px;
		line-height: 28px;
		width: auto;
		padding: 0;
		text-align: center;
		color:#000000;
	}


	.ui-datepicker table tbody tr td{background: #f5f5f5 !important;}

		/*---------- timepicker css starts ----------*/
		.ui-spinner{width:100%;line-height:12px !important;padding-bottom:1px !important;}
		.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
		.ui-timepicker-div dl { text-align: left; }
		.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
		.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
		.ui-timepicker-div td { font-size: 90%; }
		.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

		.ui-timepicker-rtl{ direction: rtl; }
		.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
		.ui-timepicker-rtl dl dt{ float: right; clear: right; }
		.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
		/*---------- timepicker css ends ----------*/
	/*---------- datepicker calendar css ends ----------*/

	/*---------- Datatable and normal table css starts ----------*/
	.mobTable{display:none;}
	table,
	.dataTableWrap table{width:100%;}

	table thead tr th, table tfoot tr th,
	.dataTableWrap table thead tr th,
	.dataTableWrap table tfoot tr th,
	table tr th{
		background: none repeat scroll 0 0 #000000;
		color: #FFFFFF;
		font-size: 20px;
		padding: 6px 5px 10px;
		text-align: center;
		line-height: 17px;
		border-left:2px solid #ffffff;
		border-top:2px solid #ffffff;
		text-transform:uppercase;
	}
	table tbody tr td,
	.dataTableWrap table tbody tr td{
		background: none repeat scroll 0 0 #f5f5f5;
		/*color: #FFFFFF;*/
		color: #3b3b3b;
		font-size: 12px;
		padding: 6px 20px 10px;
		text-align: left;
		line-height: 17px;
		border-left:2px solid #ffffff;
		border-top:2px solid #ffffff;
	}

	.helpdesk_intro table tbody tr td {
		padding: 6px 5px 10px;
	}

	table tbody tr.seprator td{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 4px;
		line-height: 0;
		padding: 0;
	}
	table thead tr th:first-child, table tfoot tr th:first-child,
	table tbody tr td:first-child,
	.dataTableWrap table tbody tr td:first-child,
	.dataTableWrap table thead tr th:first-child,
	.dataTableWrap table tfoot tr th:first-child{
		border-left:0;
	}
	table tbody tr:hover td,
	.dataTableWrap table tbody tr:hover td{background: none repeat scroll 0 0 #cecece;}
	table tbody tr:nth-child(even) td,
	.dataTableWrap table tbody tr:nth-child(even) td {background-color: #ebebeb;}
	table tbody tr:nth-child(even):hover td,
	.dataTableWrap table tbody tr:nth-child(even):hover td {background-color: #cecece;}

	.dataTableWrap .dataTables_info,
	.dataTableWrap .dataTables_paginate{
		/*background: none repeat scroll 0 0 #000000;*/
		color: #3b3b3b;
		font-size: 13px;
		padding: 6px 5px 10px;
		text-align: center;
		line-height: 17px;
		/*border-left:1px solid #000000;*/
		border-top:2px solid #ffffff;
	}
	.dataTableWrap .dataTables_paginate{height:18px;}
	.dataTableWrap .dataTables_paginate #example_previous,
	.dataTableWrap .dataTables_paginate #example_next{
		display:inline-block;
		float:left;
		color:#3b3b3b;
		padding: 2px 5px 10px;
		cursor:pointer;
	}
	.dataTableWrap .dataTables_paginate #example_next{float:right;}
	.dataTableWrap .dataTables_paginate #example_previous:hover,
	.dataTableWrap .dataTables_paginate #example_next:hover{
		text-decoration:underline;
	}
	.dataTables_filter{
		margin:5px 0 0 0;
		/*background: none repeat scroll 0 0 #000000;*/
		padding: 6px 5px 13px;
		color:#3b3b3b;
	}
	body .dataTableWrap .dataTables_processing {
		height: auto !important;
		margin: -22px 0 0;
		text-align: center;
		display:none;
	}
	.dataTables_filter input[type="text"]{
		background: none repeat scroll 0 0 #ffffff;
		border: 2px solid #3b3b3b;
		padding: 8px;
		width: auto;
	}

	.dataTable .sorting {
		background: url("../proimages/sort_both.png") no-repeat scroll right center #000000;
		padding-right:22px !important;
	}

	.dataTable .sorting_asc {
		background: url("../proimages/sort_down.png") no-repeat scroll right center #000000;
		padding-right:22px !important;
	}

	.dataTable .sorting_desc {
		background: url("../proimages/sort_up.png") no-repeat scroll right center #000000;
		padding-right:22px !important;
	}

	/*---------- Datatable and normal table ends ----------*/


	/*---------- Daterangepicker css starts ----------*/
	body .daterangepicker .ranges li{
		color:#3b3b3b;
	}
	body .daterangepicker .ranges li.active,
	body .daterangepicker .ranges li:hover{
		background:#3b3b3b;
		border:1px solid #3b3b3b;
		color:#333;
	}

	.daterangepicker.opensright .ranges,
	.daterangepicker.opensright .calendar,
	.daterangepicker.openscenter .ranges,
	.daterangepicker.openscenter .calendar{
		float:right !important;
	}

	body .daterangepicker .calendar th,
	body .daterangepicker .calendar td{
		padding:0 !important;
		font-size:12px;
		line-height:26px;
		min-width: 30px;
	}
	body .daterangepicker .calendar th .icon,
	body .daterangepicker .calendar td .icon{
		font-size: 20px;
		height: auto;
		line-height: 29px;
	}

	body .daterangepicker td.active,
	body .daterangepicker td.active:hover{
		background:#3b3b3b !important;
		border:#3b3b3b !important;
	}

	body .daterangepicker td.in-range{
		background: none repeat scroll 0 0 #c9c9c9 !important;
		border-radius: 0 !important;
	}

	.daterangepicker td.available:hover, .daterangepicker th.available:hover {
		background: #e1e1e1 !important;
	}

	body .daterangepicker .ranges .range_inputs > div:nth-child(2) {
		padding-left: 0;
	}
	body .daterangepicker{
		display:none;
		/*border:1px solid #000;*/
	}
	/*---------- Daterangepicker css ends ----------*/


	/*---------- Tabs style starts ----------*/
	.tabsDiv{overflow:hidden;padding:10px 0;}
	.tabContent{
		/*border:1px solid #3c3c3c;*/
		margin:-1px 0 0 0;
		position:relative;
		min-height:150px;
		font-size:14px;
		background:#262626 url("../proimages/progress.gif") center no-repeat;
	}
	body .tabContent .backgBlk{height:auto !important;min-height:130px;}
	.tabCont{
		display:none;
		top:0;
		height:auto;
		min-height:130px;
		/*width:100%;*/
		padding:10px;
		color:#f5f5f5;
	}
	.tabContent img{display:block;}
	.widget2 .tabContent img{max-width:120px;width:100%;}
	.widget2 .tabContent{overflow:hidden;}

	.tabs{
		height:auto;
		min-height:25px;
	}
	.tabs a{
		text-decoration:none;
		display:block;
		float:left;
		margin:0 2px 0 0;
		position:relative;
		width:89px;
		height:25px;
		background:#e2e2e2;
		color:#3b3b3b;
		font-size:12px;
		text-align:center;
		line-height:23px;
		font-weight:bold;
	}
	.tabs a:hover,
	.tabs a.current{
		background:#262626;
		color:#f5f5f5;
		height:25px;
	}

	.tabs.top a:hover,
	.tabs.top a.current{	margin-top:-4px;padding:4px 0 0 0;}

	.tabs.bottom a:hover,
	.tabs.bottom a.current{	margin-bottom:4px;padding:0 0 4px 0;}

	/*to align tabs at right*/
	.tabs.right{
		float:left !important;
		width:89px;
	}
	.tabs.right a{margin:0 0 3px 0;}
	.tabContent.right{
		float: left !important;
		width: 100%;
		margin: 0 0 0 -89px;
	}
	.tabContent.right .tabCont{padding-left:99px;}

	/*to align tabs at left*/
	.tabs.left{
		float:left;
		width:89px;
	}
	.tabs.left a{margin:0 0 3px 0;}
	.tabContent.left{
		float: left !important;
		width: 100%;
		margin: 0 -89px 0 0;
	}
	.tabContent.left .tabCont{padding-right:99px;}
	/*---------- Tabs style ends ----------*/

	body .section_content table td{
		background: none !important;
		border:0px;
	}

	/*================ table with class table1 starts ================*/
	body .section_content table.table1 td{
		background: none repeat scroll 0 0 #222224 !important;
		border:1px solid #5b5c61;
	}
	/*================ table with class table1 ends ================*/

	/*================ table with class table2 starts ================*/
	body .section_content table.table2 td{
		border:1px solid #5b5c61;
	}
	/*================ table with class table2 ends ================*/

	body .section_content img{
	  max-width:100% !important;
	  height:auto !important;
	}

	/*body .page_content img{
	  max-width:100% !important;
	  height:auto !important;
	}*/

	.disabledInpt, .btn-disabled{
		/*border:2px solid #3b3b3b;*/
		background:url("../proimages/disabledInpt.png") repeat !important;
	}


	body .btn-disabled {
		cursor: default;
		color: #a9a9a9 !important;
	}
	.disabledInpt .inptDiv{background:none;}


	input[type="button"], input[type="submit"], input[type="reset"], button, .btn-custom , .fc-button{
		text-decoration:none;
		display:inline-block;
		position:relative;
		background: #f5f5f5;
		border: 0px;
		color: #3b3b3b;
		cursor: pointer;
		font-family: brownlight, Arial;
		font-size: 12px;
		text-transform:uppercase;
		/*min-height: 33px;*/
		min-height: 41px;
		line-height: 15px;
		margin: 0 0 5px;
		padding: 1px 10px 3px;
		min-width: 100px;
		opacity: 1 !important;
		filter: alpha(opacity=100) !important;
		text-shadow: none !important;
		-webkit-appearance:none;

		-moz-border-radius:0 !important;
		-webkit-border-radius: 0 !important;
		-khtml-border-radius: 0 !important;
		border-radius: 0 !important;

		behavior: url(PIE/PIE.php);
	}

	body .btn-custom{
		/*line-height: 20px;
		min-height: 24px;*/
		line-height: 26px;
		min-height: 31px;
		padding: 7px 10px 3px;
		text-align: center;
		text-decoration: none !important;
	}

	input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, .btn-custom:hover, .fc-button:hover,
	input[type="button"].hover, input[type="submit"].hover, input[type="reset"].hover, button.hover, .btn-custom.hover, .fc-button.hover,
	input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button:active, .btn-custom:active, .fc-button:active,
	input[type="button"].active, input[type="submit"].active, input[type="reset"].active, button.active, .btn-custom.active, .fc-button.fc-state-active {
		background: #3b3b3b;
		color:#f5f5f5;
	}

	body .btn-danger{
		/*background:rgba(245, 75, 36, 1);*/
		background:rgba(153, 0, 0, 1);
		color:#f5f5f5;
	}

	body .btn-danger:hover{
		/*background:rgba(210, 64, 30, 1);*/
		background:rgba(153, 0, 0, 0.9);
	}

	#calendarModule .fa-print{
	color:#000;
	font-size:25px;
	}
	#calendarModule .fc-more{
		display:block;
		background:url("../proimages/calendarMore.png") right no-repeat;
		font-size:0px;
		text-indent:-9999px;
	}
	.fc-next-button, .fc-prev-button{
		min-width:20px;
		box-shadow:none !important;
	}
	.fc-agendaDay-button, .fc-agendaWeek-button, .fc-month-button, .fc-list-button{min-width:60px;box-shadow:none !important;}

	body .sedryBtn{
		background:#e2e2e2;
	}
	body .sedryBtn:hover,
	body .sedryBtn.hover{
		background:#262626;
	}

	.groupWrap input[type="button"]{
		min-width:70px;
		padding:5px 0;
		float:left;
	}
	.groupWrap input[type="button"].active{
		background: #000000;
	}
/*---------- form elements css ends ----------*/






	/*---------- MagnificPopup style starts ----------*/
	body button.mfp-close, button.mfp-arrow {
		font-size: 22px;
		font-weight: bold;
		height: 30px;
		line-height: 12px;
		min-width: 0;
		width: 36px;
	}
	body button.mfp-close:hover{
		background:none;
	}
	/* Styles for dialog window */
	#small-dialog, .small-dialog {
		background: white;
		padding: 20px 30px;
		text-align: left;
		max-width: 400px;
		margin: 40px auto;
		position: relative;
		color:#3b3b3b;
		line-height:22px;
	}

	#big-dialog, .big-dialog{
		background: white;
		padding: 20px 30px;
		text-align: left;
		max-width: 700px;
		margin: 40px auto;
		position: relative;
		color:#3b3b3b;
		line-height:22px;
	}

	.ajax-dialog{
		background: white;
		padding: 20px 30px;
		text-align: left;
		max-width: 800px;
		margin: 40px auto;
		position: relative;
		color:#3b3b3b;
		line-height:22px;
	}


	/**
	 * Fade-zoom animation for first dialog
	 */

	/* start state */
	.my-mfp-zoom-in .zoom-anim-dialog {
		opacity: 0;

		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;



		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}

	/* animate in */
	.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
		opacity: 1;

		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	/* animate out */
	.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);

		opacity: 0;
	}

	/* Dark overlay, start state */
	.my-mfp-zoom-in.mfp-bg {
		opacity: 0;
		-webkit-transition: opacity 0.3s ease-out;
		-moz-transition: opacity 0.3s ease-out;
		-o-transition: opacity 0.3s ease-out;
		transition: opacity 0.3s ease-out;
	}
	/* animate in */
	.my-mfp-zoom-in.mfp-ready.mfp-bg {
		opacity: 0.8;
	}
	/* animate out */
	.my-mfp-zoom-in.mfp-removing.mfp-bg {
		opacity: 0;
	}



	/**
	 * Fade-move animation for second dialog
	 */

	/* at start */
	.my-mfp-slide-bottom .zoom-anim-dialog {
		opacity: 0;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;

		-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
		-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
		-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
		-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
		transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

	}

	/* animate in */
	.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
		opacity: 1;
		-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
		-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
		-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
		-o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
		transform: translateY(0) perspective( 600px ) rotateX( 0 );
	}

	/* animate out */
	.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
		opacity: 0;

		-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
		-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
		-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
		-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
		transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
	}

	/* Dark overlay, start state */
	.my-mfp-slide-bottom.mfp-bg {
		opacity: 0;

		-webkit-transition: opacity 0.3s ease-out;
		-moz-transition: opacity 0.3s ease-out;
		-o-transition: opacity 0.3s ease-out;
		transition: opacity 0.3s ease-out;
	}
	/* animate in */
	.my-mfp-slide-bottom.mfp-ready.mfp-bg {
		opacity: 0.8;
	}
	/* animate out */
	.my-mfp-slide-bottom.mfp-removing.mfp-bg {
		opacity: 0;
	}
	body .mfp-content-background {
		background: #ffffff none repeat scroll 0 0 !important;
	}

	/*---------- MagnificPopup style ends ----------*/
	/*---------added by sweta for calendar-----------*/
	#calendar table thead tr th:first-child, #calendar table tfoot tr th:first-child, #calendar table tbody tr td:first-child {
		border-left: 1px solid #ddd;
	}
/*----------ends here----------*/

.tooltipster-availability {
	border-radius: 5px;
	border: 2px solid #f5f5f5;
	background: #f5f5f5;
	color: #707070;
	max-width: 400px;
}
.tooltipster-availability .tooltipster-content {
	font-family: brownlight, Arial;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}

body .dropzone .dz-preview .dz-image img {
    display: block;
    height: auto;
    left: -45%;
    position: relative;
    width: 190%;
}

body #confirmOverlay{
	 / IE9 SVG, needs conditional override of 'filter' to 'none' /
	 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	 background: -moz-linear-gradient(top,  rgba(153,153,153,0.5) 0%, rgba(0,0,0,0.61) 100%); / FF3.6+ /
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,153,153,0.5)), color-stop(100%,rgba(0,0,0,0.61))); / Chrome,Safari4+ /
	 background: -webkit-linear-gradient(top,  rgba(153,153,153,0.5) 0%,rgba(0,0,0,0.61) 100%); / Chrome10+,Safari5.1+ /
	 background: -o-linear-gradient(top,  rgba(153,153,153,0.5) 0%,rgba(0,0,0,0.61) 100%); / Opera 11.10+ /
	 background: -ms-linear-gradient(top,  rgba(153,153,153,0.5) 0%,rgba(0,0,0,0.61) 100%); / IE10+ /
	 background: linear-gradient(to bottom,  rgba(153,153,153,0.5) 0%,rgba(0,0,0,0.61) 100%); / W3C /
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80999999', endColorstr='#9c000000',GradientType=0 ); / IE6-8 /

	 filter: none !important;
}

.dropzone {
	border: 2px solid #3b3b3b !important;
}

body #dropzone-file-imagebox{
	text-align: center;
}

body #dropzone-file-imagebox img{
	max-width: 944px;
}

.dz_closeButton{
	color: #ffffff;
}

.due::before, .indicator::before {
    background: inherit !important;
    content: " ";
    height: 350px;
    position: absolute;
    width: 4px;
    margin-left:-13px!important;
}