body {
	background:#e1e1e1 !important;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, Sans-serif !important;
	font-size: 13px !important;
	height: auto;
}
input, textarea { width:270px; border-radius:4px; }
a:hover, a:focus { color:#97144d; }
select          { width:283px; }

input.no-border{border-radius: 0;}
.no-margin {margin:0 !important;}
input.sm{width: 30%;}
input.lg{width: 40%;}
input.mm{width: 30%;}
.marginLft {margin-left:15px !important;}
select.sm{width: 20%;}
select.lg{width: 30%;}
select.mm{width: 30%;}
/*main wrapper starts */
.page-wrapper {
	max-width: 1021px;
	padding: 50px 0px 30px;
	width: 100%;
	margin: 0 auto;
	clear: both;
	background: #fff;
}

#content{
	width:100%;
}

.tt-container{max-width:1200px; min-width: 800px; width: 100% !important; margin: 0 auto;}
/*main wrapper ends */
#myDiv a{
	text-align: left;
	padding: 5px 0 0 8px;
	font-size: 12px;
}

.navbar-inner {
	/* AXIS_COLOUR_CHANGE_31JUL2019  */
	/* background:url(../images/navbar_bg.jpg) repeat-x center top !important;	*/
	/*background: #97144d;*/
	height: 49px;
	z-index: 999 !important;
}
.navbar-inner .container {width:100% !important; max-width:100% !important;}
/*.navbar .nav{margin:0px 0px 0  0px;}*/
.nav .active > a,  .nav .active > a:hover,  .nav .active > a:focus {
	color: #000;

}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
	background: none;
	box-shadow: none;
}
.t-navbar .nav > li > a
{
	text-shadow:none;
	color: #000;
	padding: 14px 20px;
	border-right: 1px solid #d45a83;

}

.t-navbar .nav > li > a:hover, .t-navbar .nav > li > a:focus, .t-navbar .nav > li.active > a{
	text-shadow: none;
	color: #000 !important;
	border-right: 1px solid #d45a83;

	/* AXIS_COLOUR_CHANGE_31JUL2019  */
	/* background: #8d425b; */
	background: #75123d;
	margin: 0;
}

.t-navbar ul.pull-right li:hover a{background: none;}
.navbar .nav.pull-right li a{
	/*color:#fff;*/
	border: none;	
	padding: 14px 5px 15px 2px;
}
.navbar .brand  {padding: 6px 20px;}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{
	color:#000;
	background: none !important;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {color:#000;}
.grid-view-loading {background-position:center center; z-index:100000;}
.dropdown-menu > li > a{
	background:#fff;
	padding:7px 9px !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background:#97144d !important; color:#fff !important;}
.t-navbar .nav li.dropdown > .dropdown-toggle .caret{
	border-top-color: #fff!important;
	border-bottom-color: #fff!important;

}
.t-navbar .dropdown-menu{border-radius: 0; /*height: 20px;padding-bottom:20px;*/}
.t-navbar .dropdown-menu:hover{border-radius: 0; height: auto; padding-bottom:20px; background:#fff; }
.t-navbar ul.dropdown-menu li:hover a{color:#000; }
.tt-bell-icon{
	font-size: 19px;
	position: relative;
	top: 1px;
}
.tt-page-title{	
/*background: url("../images/tt_grey_bg.jpg") no-repeat;*/
background: #97144d;
height:46px;
max-width:1100px;
width:100%;
margin: 0px auto;
color: #fff;
margin-bottom:10px;
}
.t-search-panel{
	max-width: 1100px;

}
.t-search-panel .form-search{
	margin:20px 0 0 20px;
}
.t-search-panel input.search-query{
	border-radius: 0;
}
/*page nav css starts here*/
.tt-home-icon{
	padding: 10px 42px 0px 0px;
	color: #fff;
}
h1{
	font-size: 19px;

	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.tt-title{
	padding:3px 0 0 0;
	color: #fff;
}
.tt-icons i{
	margin: 7px 3px 0px;
	padding: 6px 7px 0px 7px;
	background: none repeat scroll 0% 0% #FFF;
	height: 22px;
	border-radius: 51%;
	font-size: 17px;
	text-align: center;
	color: #000;
}


.tt-icons .fa-angle-left{
	font-size: 27px;
	margin: 7px 3px 0px;
	padding: 1px 11px 0px 11px;
	height: 29px;
}
/*page nav css ends here*/
.tt-required{
	color:#d11023;
	font-size: 11px;
	text-align: left;
	padding: 10px 0 0 20px;
}
input.required{
	background: #f0e3e7;
	border: 1px solid #d11023;
	border-radius: 0;
	min-width: 239px;
	min-height: 24px;
}
input.t-input{
	border: 1px solid #cccccc;
	border-radius: 0;
	min-width: 239px;
	min-height: 24px;
}
.t-required-text{color: #d11023; font-size: 11px; font-family: arial;}


/*alert css starts here*/
.alert{
	margin:15px auto;
	width:100%;
	padding: 11px 35px 11px 14px;
}
.alert-success {
	max-width:400px;
	font-size: 13px;
	color: #2b542c;
	background: #dff0d8;
	font-weight: normal;
	border:1px solid #bed7b8;
}
.alert-error{
	height: 23px;
	border: 1px solid #e89aa6;
	background-color: #f0e3e7;
	/*width:400px;*/
}
.alert-error .close{
	color: #e89aa7;
}

.alert-info{
	max-width:441px;
	height: 25px;
	background-color: #fcf8e3;
	border: 1px solid #eddebf;
	color: #ae8c43;
}
/*alert css ends here*/
/*quick links css starts here*/
.tt-quick-links{
	position: fixed;
	right: 0;
	top:200px;
}
.myButton{cursor: pointer;}
.side-menu {top:0px; width:150px;z-index: 1000; border: 1px solid #c3c3c3; }
.side-menu {left:26px;margin-top: 140px;}
.side-menu  a{padding:0px;margin:0px;display:block;background: #fff;color: #000;padding-top: 8px;padding-bottom: 8px;line-height: 25px;text-shadow:none; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; border-radius:0px; border-top:0px}
.side-menu  a.btn-primary:hover, .side-menu  a.btn-primary:focus, .side-menu  a.btn-primary.active {border-right:1px solid #c8c8c8; border-left:1px solid #c8c8c8; background-color:#c8c8c8!important; color:#c36;}


.side-menu {
	margin-top: 200px !important;
	box-shadow: 2px 0px 4px #ccc;
}
#myDiv span{ padding-left: 7px;}
/*quick links css ends here*/

/*tabs css starts here*/
.steps-tab{
	background-color: #ededed;
	height: 37px;
	border: 1px solid #c3c3c3;
	margin: 20px auto;
	max-width: 1100px;
}
.t-tab li:first-child{margin-left: 218px;}
.t-tab li a{color: #C36!important;padding-bottom: 28px;border-radius: 0; }
.t-tab li:hover a{color: #C36!important;padding-bottom: 28px; background: #fff; border-radius: 0;}
.t-tab li a span{

	border: 8px solid #c3c3c3!important;
	width: 23px;
	height: 22px;
	border-radius: 100px;
	display: inline-block;
	color: #CCC;
	text-align: center;
	float: left;
	padding: 8px;
	margin: -17px 0 0 0;
	background: #fff;


}
.t-tab li.active a span, .t-tab li:hover a span{ border: 8px solid #C36!important; color: #C36!important; }
.t-tab li a div{padding-left: 15px; color: #515151; padding-right: 8px;}
.t-tab li.active a div, .t-tab li:hover a div { color: #C36;}
.tt-divider{max-width: 1100px;
	margin: 0 20px 23px 20px;
	border-bottom: 1px solid #cecece;
	padding-top: 8px;
	clear: both;}

	/*tabs css ends here*/

	/*buttons css starts here*/
	.tt-btn-group{ display: inline-block; margin:10px 20px 10px 0;}
	.tt-btn-pink{
		background-color: #D14775 !important;
		background-image: none;
		color: #FFF;
		box-shadow: none;
		border-bottom-left-radius: 2px;
		border: medium none;
		border-top-left-radius: 2px !important;
		border-bottom-left-radius: 2px !important;
		height: 13px;
		padding: 8px; }

		.button-column i {width:4px;}
		.tipsy-form .help-block     {padding-bottom: 20px;}
		.tipsy-form   {background:#fff; padding-top:10px; padding-left:10px;}
		.tipsy-form  select, .tipsy-form  textarea {border-radius:4px !important;}
		.form-actions {border-top:0 none; background:#fff;}
		.form-vertical select {width:466px; border-radius:3px;}
		.search-form  {width:100%; background:#fff;}
		#approvebtn {position:relative; margin-top:-15px !important;}
		#rejectbtn { height:30px !important; line-height:16px !important; }
		.viewTable {width:95%; margin:0 auto; /*border:1px solid #dadada;*/ }
		.btnBtm  {margin-top:-40px !important;}
		#crt 	{margin-bottom:15px;}
		.selectWidth .controls select {width:469px !important;}
		.name  {width:225px !important;}

		a.tt-btn-maroon {margin-botom:6px !important; border-radius:3px; padding-bottom: 0; margin-bottom: 12px; height:26px;}

		input.tt-btn-maroon, button.tt-btn-maroon, a.tt-btn-maroon, input.tt-btn-maroon:focus, button.tt-btn-maroon:focus, a.tt-btn-maroon:focus, input.tt-btn-maroon:active, button.tt-btn-maroon:active, a.tt-btn-maroon:active, input.tt-btn-maroon:hover, button.tt-btn-maroon:hover, a.tt-btn-maroon:hover {
			/* AXIS_COLOUR_CHANGE_31JUL2019  */
			/* background-image: url("../images/maroon-btn-bg-hover.jpg"); */
			/* background-repeat: repeat-x; */
			background: #97144d;
			background-position: 0 0;
			transition: none;
			color: #fff;
		}

		.tt-btn-grey{
			background-color: #8c8c8c!important; background-image: none; color: #fff!important; box-shadow: none; border-bottom-left-radius: 2px;
			border: medium none;
			border-top-left-radius: 2px !important;
			border-bottom-left-radius: 2px !important;
			height: 13px;
			padding: 8px; 
		}
		input.tt-btn-dark-grey{
			background-image: url("../images/grey-btn-bg.jpg"); 
			background-repeat: repeat-x; color:#fff;
			text-shadow:none;
			border-radius: 0px 2px 2px 0px;
			border: medium none;
			height: 29px;
			border-radius:4px;	}

			input.tt-btn-dark-grey:hover, input.tt-btn-dark-grey:focus{
				background-image: url("../images/grey-btn-bg-hover.jpg"); 
				background-repeat: repeat-x; color:#fff;
				background-position: 0 0;
				transition: none;
				color: #fff;

			}
			.tt-btn-pink:hover {color: #fff;}
			.tt-btn-file{
				border-radius: 0px!important;
				border: 1px solid #929292;
				color: rgb(0, 0, 0);
				padding: 0px 16px;
			}
			/*buttons css ends here*/
			/*links starts here*/
			.tt-links{
				margin:20px;

			}
			.tt-links a{
				font-size: 14px;
				color: #000;
				float: left;
				margin: 5px 20px;
			}
			.tt-links i{color: #cc3366; font-size: 17px;}
			/*links ends here*/

			/*footer starts here*/
			.t-footer{margin: 22px auto; text-align: right; color: #686666; font-size:11px; max-width: 1100px; border-top: 1px solid #ccc; padding:10px 0; }
			.t-footer-light{color: #9a9796;}
			/*footer ends here*/


			/*toggle accordion starts here*/
			.tt-round-accord{
				float: left;
				border: 5px solid #C36;
				border-radius: 50%;
				width: 22px;
				height: 26px;
				font-size: 16px;
				color: #cc3366;
				padding-left: 12px;
				padding-top: 5px;
				margin-right: 9px;
				margin-left: 13px;
			}

			.accordion-group{border-radius: 0; border: none;}
			#toggle-view {
				list-style:none;	
				font-family:arial;
				font-size:11px;
				margin:0;
				padding:0;
				width:100%;
				position: relative;;
			}

			#toggle-view li {
				margin:10px 0 10px 0;
				border-bottom:1px solid #e4e4e4;
				position:relative;
				cursor:pointer;


			}

			#toggle-view h3 {
				margin:0;
				font-size:15px;
				background:#efefef;
				font-weight: normal;
				font-family: arial;
			}

			#toggle-view span {
				position: absolute;
				right: 5px;
				top: 8px;
				color: #cc3366;
				background: #fff;
				font-size: 35px;
				padding-top: 3px;
				border-radius: 26px;
				width: 27px;
				text-align: center;
				height: 24px;
				border: 1px solid #ccc;
			}

			#toggle-view .panel {
				margin:5px 20px;
				display:none;

			}


			#toggle-view-2 {
				list-style:none;	
				font-family:arial;
				font-size:11px;
				margin:0;
				padding:0;
				width:100%;
				position: relative;;
			}

			#toggle-view-2 li {
				margin:10px 0 10px 0;
				border-bottom:1px solid #e4e4e4;
				position:relative;
				cursor:pointer;


			}

			#toggle-view-2 h3 {
				margin:0;
				font-size:15px;
				background:#efefef;
				padding-left: 20px;
				font-weight: normal;
				font-family: arial;
			}

			#toggle-view-2 span {
				position: absolute;
				right: 5px;
				top: 8px;
				color: #cc3366;
				background: #fff;
				font-size: 35px;
				padding-top: 3px;
				border-radius: 26px;
				width: 27px;
				text-align: center;
				height: 24px;
				border: 1px solid #ccc;
			}

			#toggle-view-2 .panel2 {
				margin:5px 20px;
				display:none;
			}
			/*toggle accordion ends here*/
			.t-simple-tab  {border-bottom: 1px solid #999999!important; margin: 20px 0;}
			.t-simple-tab li:first-child{margin-left: 20px;}
			.t-simple-tab li a {
				color: #000!important;
				border-radius: 0;
				padding: 6px 19px;
				border-top-right-radius: 5px;
				border-top-left-radius: 5px;
				border: 1px solid #999999!important;
			}
			.t-simple-tab li a:hover, .t-simple-tab li.active a {

				color: #fff!important;
				padding: 6px 19px;
				border-top-right-radius: 5px;
				border-top-left-radius: 5px;
				background: url("../images/tab-white-arrow.jpg") no-repeat center 2em #757675!important;
			}

			/*tabs2 css starts here*/
			/*page title css starts*/
			.t-page-title{margin: 20px; color: #000; font-size: 18px; }
			/*page title css starts*/

			/*table css starts*/
			.t-table-striped, .table-striped{max-width: 1100px!important; width:100%; margin: 0 auto 20px; border: 1px solid #dfd9db;}
			.t-table-striped th, .table-striped th {background: #97144d !important; color: #fff !important; font-size: 15px; font-weight: normal; }
			.t-table-striped td{padding: 20px 0px; text-align: center; border: none;}
			.t-table-striped td i{color:#cc3366; font-size: 16px; }
			.t-table-striped tbody > tr:nth-child(odd) > td, .t-table-striped tbody > tr:nth-child(odd) > th{background: #f0f0f0;}

			.bgWhite .table thead th   { vertical-align:middle !important; }
			.table thead th   { vertical-align:middle !important; }
			.table-striped th 		{ padding-left:10px; padding-right:20px; vertical-align:middle !important; height:34px !important; white-space:nowrap; }
			.table-striped th input 	{ float:right; margin-top:12px; }
			.table-striped td input  	{ margin:0 0 0 10px; }
			.table-striped th a 		{ font-size:14px !important; line-height:15px !important; }
			.table-striped td	 	{ padding:8px 10px !important; white-space:nowrap; }
			.table-striped th, .table-striped td, .table thead th { font-size:13px; vertical-align:middle !important; }
			.table-striped th a 		{ display:block; height:34px; line-height:34px !important; }
			#unallocated-grid-view table.items  	{ width:1200px; overflow-x: auto; }
			.grid-view table.items th a { color:#fff !important; font-size:14px; }
			/*#unallocated-grid-view .table-bordered th, #unallocated-grid-view .table-bordered td  { border-right:0 none !important; }*/
			#rule-assign-grid 		{ padding-top:10px; }
			#rule-assign-grid form 	{ width:100%; }
			.table-bordered th, .table-bordered td { border-left:0 none; }
			.summary {margin-bottom:10px; float:right; font-size:11px; }
			/*#rule-assign-grid .summary { margin-top:37px; }*/
			.createBtnLink 			{ margin-right:10px; }

			.tipsy-form, .form-horizontal  { margin:0 auto 5px; padding:10px; overflow-x:scroll; }
			.tipsy-form, .form-horizontal table thead th {vertical-align:middle !important;}

			/*table css starts*/

			/*form css starts here*/
			form  { width:96%; margin:0 auto 20px; }
			.t-form{margin:20px; overflow-x:scroll; overflow-y:scroll; width:92%; padding-right:5%;   }

			.t-form .span3 {width:20% !important;}
			.t-form .span1 {width:5% !important; margin-left:0px; margin-top: 26px; line-height:15px; }
			.t-form .control-label, .t-form .controls ,.t-form .controls select, .t-form .controls input{width:163px !important; border-radius: 0px;}
			.t-form .control-label, .t-form .controls  {margin-right:0px !important;}
			.t-sm-input{max-width: 48px; height:25px; width: 100%;  }
			.t-mm-input{max-width: 163px; height:25px; width: 100%;  }
			.t-form label{color: #000; font-size: 13px;	}
			.t-from-width{max-width:986px; margin:0 auto; }
			.t-from-width label{max-width:665px; margin: 0 auto; font-size: 13px; }
			/*.t-from-width input{width:165px;}*/
			.t-from-width input[type="button"]{width:auto;}
			/*.t-from-width select{width:120px!important;}*/
			.t-plus-minus{display: block; float: left; padding-right:10px;}	
			.t-plus-remarks{display: block; float: left; padding-right:10px; position: relative; top: -18px; float: right;}	
			.t-form-titles{}
			.t-form-titles-main{color: #000; font-size: 18px; margin:20px 31px;}
			.btn-center{text-align: center;}
			.t-mandatory{text-align: right; font-size: 11px; color: #000; padding: 10px 0;}
			.t-astriek{color: #d11023;}


			table a i{display: block; padding-right: 20px;}

			/*form css ends here*/
			/*modal css starts here*/
			.modal-btn{margin-left: 20px!important;}
			.t-close{color:#cc3366; opacity:1!important;}
			.t-modal{border-radius: 0; max-width: 452px;}
			.t-modal h3{font-size: 19px; font-weight: normal; text-transform: uppercase;}
			.t-modal .modal-header{border:0;}
			.t-modal .modal-body{max-width: 317px; margin: 0 auto; text-align: center; padding-top: 0;}
			.t-modal span.numbers{color: #bd2c5d; font-size: 19px; display:inline-block; padding-left: 10px;}
			.t-modal .btn-center{background-color: #f0f0f0;}
			.t-modal .divider{border-right: 1px solid #ccc;  height: 61px; padding: 20px 0;}
			.t-modal .rt-div{ height: 61px; padding: 20px 0;}
			/*modal css starts here*/

			/*misc*/
			/*.borderbtm {border-bottom: 1px solid #cccccc}*/
			.no-padding  {padding:0 !important;}
			.no-margin  {no-margin:0 !important;}
			.paddingtop10p {padding-top:10px !important;}
			.margintop15p {margin-top:15px;}
			.margintop25p {margin-top:25px;}
			.marginleft0p {margin-left:0px !important;}
			.margintop0p {margin-top:0px !important;}tt-btn-pink
			.marginleft10p {margin-left:10px !important;}
			.marginleft15p {margin-left:15px !important;}
			.marginleft30p {margin-left:30px !important;}
			.marginbottom0p {margin-bottom:0px !important;}
			.width80p   {width: 80%;}
			.maroon  {color:#97144d}
			.container  {max-width:986px; margin: 0 auto;}
			.radio-box {width:10px; float:left;margin-top:5px; margin-left:70px;}
			.radio-box2 {width:10px; float:left;margin-top:5px;}
			a {color:#97144d; text-decoration: none !important; cursor: pointer;}
			.font11p  {font-size: 10px;}
			.push-down {padding-top:20px !important;}
			.font20p {font-size:20px;}
			.no-border  { border:0 none !important; }
			.no-padTop  { padding-top:0 !important; }
			/*----------------------- dashbord ----------------------------*/
			.page-wrapper-dashbord {background: none;}
			.dashbord-lt  {background: #fff; width: 638px; float: left; display: block; position:relative;}
			.dashbord-top  {/*max-width:1021px !important;*/ max-width:917px !important; margin:0 auto; padding:0 20px;}
			.dashbord-top h3  { font-size: 15px; color: #8c8c8c; padding-left: 20px; margin-bottom: 0px; line-height: 20px;}
			.dashbord-top h6 {font-size:12px; color: #a3a3a3; padding-left: 20px; margin:0px;}
			.heading-dash  {text-transform: uppercase;}
			.heading-dash a {float: right; display: block; margin-right:10px;}
			.title-dash    {background: url(../images/dash-title.jpg) no-repeat center top; padding-top: 25px; padding-bottom: 5px; text-align: center; color: #000; font-size:13px;}
			.dash-carousal {width:490px; float: left; display: block;}
			.dash-check    {width: 115px; float: left; display: block;}
			.dash-check ul {margin:0; padding:0; list-style: none;}
			.dash-check ul li { display: block; padding-bottom: 10px;}
			.dash-check ul li span{display: inline-block; margin-right: 10px;}
			.dash-carousal img {text-align: center;}
			.carousel  {margin-bottom: 15px !important;}
			.carousel-inner img  {text-align: center;}
			.carousel-control1  {top:39% !important;}
			.carousel-inner > .item > img, .carousel-inner > .item > a > img  {text-align: center; margin:0 auto;}
			.carousel-control     {background:#f4f3f3 !important; opacity: 1 !important; color: #5f5f5f !important; font-size: 49px !important;border:none;}  
			.dashbord-rt        {width: 280px; float: left; background: #fff; border-radius: 4px; padding-bottom: 10px; margin-left:18px;}
			.dashbord-rt .carousel-inner {margin-top:20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 38px;text-align: center; width: 182px; margin:0 auto;}
			.dashbord-rt .carousel-inner span {color: #1fb5ad; display: block; padding: 20px 0px;}
			.dashbord-rt .carousel-control {top:-85%; border: 0px; font-size: 29px !important;}
			.rt-title-dash   {  background: url(../images/rule-title.jpg) no-repeat center top; padding-top: 33px; padding-bottom: 5px; text-align: center; color: #000; font-size:13px; height: 30px;}
			.dash-carousal-rt  {margin-top: 48px;}
			.rule-btn       {background:#1fb5ad !important; padding:6px !important;margin-left: 10px;
				width: 245px; color: #fff !important; margin-top:14px;}
				.btn-green       {background:#009256 !important; padding:6px 6px 6px 12px !important;
					width: 182px; color: #fff !important; margin-top:25px; text-align: left !important;}
					.btn         {text-shadow:none !important;}
					.btn-pink       {background:#e72c4b !important; padding:6px 6px 6px 12px !important;
						width: 182px; color: #fff !important; margin-top:15px; text-align: left !important;}
						.btn-blue      {background:#4e7fe1 !important; padding:6px 3px 6px 3px !important;
							width: 181px; color: #fff !important; margin-top:2px; text-align: left !important;}
							.btn-orange       {background:#ea6900 !important; padding:6px 6px 6px 3px !important;
								width: 180px; color: #fff !important; margin-top:20px; text-align: left !important;}
								.btn-yellow       {background:#d9a135 !important; padding:6px 6px 6px 3px !important;
									width: 180px; color: #fff !important; margin-top:20px; text-align: left !important;}
									.orange        {color:#ea6900;}
									.yellow        {color:#d9a135;}
									.textred     {color: #bb384e;}
									.btn img     {margin-left: 0px !important;}
									.radius{border-radius:6px !important;}

									.dashbord-bottom { width:100%; /*max-width:1021px !important;*/ max-width:917px !important; margin:16px auto; padding:0 20px;}
									.dashbord-bottom h3  { font-size: 15px; color: #8c8c8c; padding-left: 10px; margin-top:5px; margin-bottom: 0px; line-height: 20px; text-transform: uppercase;}
									.dashbord-bottom h6 {font-size:12px; color: #a3a3a3; padding-left: 10px; margin:0px;}
									.colmn1        {width:300px; float: left; background: #fff;}
									.colmn1-top  h3    { color: #009256; font-size: 16px; text-transform: uppercase; padding-left: 0px;}
									.colmn1-top    { padding: 10px 10px 12px; border-bottom: 1px solid #c7c7c7;}
									.colm2         {width:189px; float: left; background: #fff; margin-left: 12px; padding: 10px 5px}
									.colm2 .btn, .dashbord-rt .btn     { color:#fff; }
									.colm2 img     {text-align: center; margin-left: -16%;}
									.clear    {display: block; clear: both; font-size: 1px; line-height: 1px;}
									.font50p   {font-size: 30px !important;}
									.colmn1-bott0m {padding: 12px 10px 10px 10px;}
									.colmn1-bott0m h3 { color: #e72c4b; font-size: 16px; text-transform: uppercase; padding-left: 0px;}
									.colm2 .text   { width: 173px; margin:0 auto; border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; display: block;; font-size:38px; font-weight: 600; padding: 12px 0px; text-align: center; line-height: 42px; margin-top: 20px;}

									// loaded from main css



									#ruleassign .row{
										margin-left: 30px;
										width:350px;
										floAt:left;
									}
									.group{
										display: block;

									}

									.errr{
										border: solid red 2px !important;
									}


									#rule_group{
										/*box-shadow: inset 0px 0px 5px 0px #e3e3e3;*/
										margin: 12px;
										/* background-image: url("../images/gradi.png"); */
										/*background-repeat: repeat-x;*/
										/*background-color: #f5f5f5;*/
										margin-bottom: 20px;
										margin-left:20px;
										/*border: 1px solid #e5e5e5;*/
										/*border-radius: 4px;*/
										/*padding:6px;*/
										display: block;
										/*height: 350px;*/
									}
									.width300{
										width: 280px;
									}
									.width200{
										width: 200px;
									}
									.width80{
										width: 80px;
									}
									.width80 select{
										width: 70px;
									}
									.cls{
		/*    float: right;
				display:block;
				cursor: pointer;*/
				float: left;
				display: block;
				cursor: pointer;
				margin-left: -20px;

			}
			.plus_icon{
				float:left;
				/*background-image: url("../images/plusicon.png");*/
				margin-top: 10px;
				margin-left: 15px;

				height: 6px;
				display: block;
				width: 148px;
				cursor: pointer;
				background-repeat: no-repeat;
				clear: both;
				margin-left:28px;

			}
			.blk-left{

				/*border: 1px solid black;*/
				padding-left:2px;
				float: left;
				display: block;
				margin-left: 5px;
				margin-bottom: 5px;
			}
			.loader{
				display: block;
				width: 32px;
				height:32px;
				background-image: url("../../images/loader.gif");
			}

			.loginholder {
				background-color: #f5f5f5;
				border: 5px solid #e5e5e5;
				border-radius: 4px;
				margin-top: 140px;
				margin-bottom: 80px;
				width: 300px;
				margin-left: auto;
				margin-right: auto;
				padding-top: 10px;
				padding-bottom: 0px;
			}
			.loginholder .tipsy-form {overflow-x: auto !important;}
			.loginholder input.login-txt-width { width:222px; }

			.logoholder {
				text-align: center;
				padding-bottom: 10px;
				border-bottom: 1px solid #e5e5e5;
				margin-bottom: 10px;
			}

			.prog_load{
				background:url(../images/loader.gif);
				width:30px;
				height:30px;
				position: absolute;
				top: 15%;
				left: 45%;
			}

			.bgWhite{
				background-color: white !important;;
			}
			#err_modal .ui-widget-header{
				background: rgb(216, 36, 36);
				color: #FFFFFF;

			}
			.grid-view .summary { font-size: 11px; }
			.assignTolbl label    { margin-top:7px; margin-left:15px; }
			.ui-widget {font-family: Arial, Helvetica, Sans-serif !important; font-size: 13px;}
			#criteria  {height:358px; overflow-y:auto !important; overflow-x:hidden !important;}
			#criteria .noBgbtn button { background:none; border:0 none !important;}
			.criteria_group { border-top:1px dashed #e5e5e5; padding-top:10px; }
			.spanParam label, .spanOpr label, .spanVal label {font-size:16px; color:#cc3366; font-weight:bold;}
			hr { margin:10px 0; }
			/* tabs */
			.ui-tabs .ui-tabs-nav { background:none; border:0 none; border-bottom:1px solid #ccc; }
			.ui-widget  { border-radius:0; border:0 none; /*padding:13px 14px 15px 14px;*/; padding:4px 3px 1px 3px }

			.ui-tabs .ui-tabs-nav li { background:none; border: 1px solid #ccc; border-bottom:0 none; }
			.ui-tabs .ui-tabs-nav li a:hover, .ui-tabs .ui-tabs-nav li.active a {color: #fff!important; background: url("../images/tab-white-arrow.jpg") no-repeat center bottom #757675!important;}
			.ui-tabs .ui-tabs-nav li a { padding:0.7em 2em;  font-size: 13px; font-weight:normal; }

			.assign_to_user   { margin:0 10px 0 10px !important; }

			/* pagination */
			.pager        { text-align:left; font-size:0; }
			.pager .next > a, .pager .next > span { float:right; margin:0 10px; border-radius:3px; }
			.pager .previous > a, .pager .previous > span { margin:0 10px; border-radius:3px; }
			.pager ul.yiiPager li:hover, .pager ul.yiiPager .selected a { background:#dadada; color:#cc3366; }
			.pager li > a, .pager li > span { border-radius:0; font-weight:normal; }

			ul.yiiPager a ,ul.yiiPager a:link, ul.yiiPager a:visited { background:#fff; color:#6e6e6e; font-weight:bold; font-size:14px; padding:4px 14px; border-radius:0; float:left; margin:0; }
			ul.yiiPager li.next a { border-right:1px solid #ccc !important; border-radius:0 3px 3px 0; }
			ul.yiiPager li.previous a { border-radius:3px 0 0 3px; }
			ul.yiiPager a:link, ul.yiiPager a:visited { border-right:0 none; border-left:1px solid #ccc !important; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
			ul.yiiPager li.selected a, ul.yiiPager li a:hover { font-size:14px; text-decoration:none; background:#fff; color:#c82661; font-weight:bold; padding:4px 14px; }
			.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination > li > a:active { color:#cc3366; background: #fff; }






			/*-----------------------------------------Loader css start--------------------*/

			/* Absolute Center CSS Spinner */
			.loading {
				position: fixed;
				z-index: 999;
				height: 2em;
				width: 2em;
				overflow: show;
				margin: auto;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
			}

			/* Transparent Overlay */
			.loading:before {
				content: '';
				display: block;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0,0,0,0.3);
			}

			/* :not(:required) hides these rules from IE9 and below */
			.loading:not(:required) {
				/* hide "loading..." text */
				font: 0/0 a;
				color: transparent;
				text-shadow: none;
				background-color: transparent;
				border: 0;
			}

			.loading:not(:required):after {
				content: '';
				display: block;
				font-size: 10px;
				width: 1em;
				height: 1em;
				margin-top: -0.5em;
				-webkit-animation: spinner 1500ms infinite linear;
				-moz-animation: spinner 1500ms infinite linear;
				-ms-animation: spinner 1500ms infinite linear;
				-o-animation: spinner 1500ms infinite linear;
				animation: spinner 1500ms infinite linear;
				border-radius: 0.5em;
				-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
				box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
			}

			/* Animation */

			@-webkit-keyframes spinner {
				0% {
					-webkit-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					transform: rotate(0deg);
				}
				100% {
					-webkit-transform: rotate(360deg);
					-moz-transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					-o-transform: rotate(360deg);
					transform: rotate(360deg);
				}
			}
			@-moz-keyframes spinner {
				0% {
					-webkit-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					transform: rotate(0deg);
				}
				100% {
					-webkit-transform: rotate(360deg);
					-moz-transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					-o-transform: rotate(360deg);
					transform: rotate(360deg);
				}
			}
			@-o-keyframes spinner {
				0% {
					-webkit-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					transform: rotate(0deg);
				}
				100% {
					-webkit-transform: rotate(360deg);
					-moz-transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					-o-transform: rotate(360deg);
					transform: rotate(360deg);
				}
			}
			@keyframes spinner {
				0% {
					-webkit-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					transform: rotate(0deg);
				}
				100% {
					-webkit-transform: rotate(360deg);
					-moz-transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					-o-transform: rotate(360deg);
					transform: rotate(360deg);
				}
			}

			/*-----------------------------------------Loader css ends--------------------*/

			/* jquery-ui popup - added on 8th Dec 2015 */
			.ui-button-text-only
			{
				background: #818181 !important;
				border: 1px solid #818181 !important;
				color: #FFF !important;

			}
			.ui-button-text-only:first-child
			{
				background:#cd3668 !important;
				border: 1px solid #a31947 !important;
				color: #FFF !important;

			}

			.ui-button .ui-button-text {
				display: block;
				line-height: 1.2 !important;
			}
			.ui-button-text-only .ui-button-text {
				padding: 0.3em 1em;
			}

			.ui-dialog .ui-dialog-titlebar {background:#cc3366; color:#fff; border:0 none;}
			.ui-widget-header { background:#cc3366; color:#fff; border:1px solid #cc3366; }
			.ui-widget-content { padding-bottom:0; }
			.ui-draggable .ui-dialog-titlebar {cursor:pointer;}
			.ui-dialog-title {color:#fff;}
			.ui-icon-closethick { /*background-image: url('../images/arrow-pink2.png') !important; background-repeat: no-repeat;*/ background-position: center center; }
			.ui-dialog { opacity: 100; }
			.ui-state-hover, .ui-state-focus{background:none!important; border:none!important;}
			.ui-dialog-content input[type="button"] { margin:0; }
			.ui-icon-closethick { display:none; position:absolute; top: 0; right: 0;}
			.ui-effects-wrapper	{ width:auto; }

			/* jquery-ui popup - added on 8th Dec 2015 */     
/* add css for vem start*/  
  .table thead th {
        vertical-align: top !important;
    }
.select2-container .select2-selection--single{
    height:30px !important;
    border-radius :15px;

}
.select2-container--default .select2-selection--single{
    border: 1px solid #ccc !important;
     border-radius: 0px !important;
         height:30px !important;


}

.select2-container--default .select2-search--dropdown .select2-search__field{
padding:13px !important ;

}
/* add css for vem End*/
