@keyframes nodeInserted{from{outline-color:#fff}to{outline-color:#000}}@-moz-keyframes nodeInserted{from{outline-color:#fff}to{outline-color:#000}}@-webkit-keyframes nodeInserted{from{outline-color:#fff}to{outline-color:#000}}@-ms-keyframes nodeInserted{from{outline-color:#fff}to{outline-color:#000}}@-o-keyframes nodeInserted{from{outline-color:#fff}to{outline-color:#000}}.ace-save-state{animation-duration:10ms;-o-animation-duration:10ms;-ms-animation-duration:10ms;-moz-animation-duration:10ms;-webkit-animation-duration:10ms;animation-delay:0s;-o-animation-delay:0s;-ms-animation-delay:0s;-moz-animation-delay:0s;-webkit-animation-delay:0s;animation-name:nodeInserted;-o-animation-name:nodeInserted;-ms-animation-name:nodeInserted;-moz-animation-name:nodeInserted;-webkit-animation-name:nodeInserted}
.jqstooltip { position: absolute;left: 0px;top: 0px;visibility: hidden;background: rgb(0, 0, 0) transparent;background-color: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color: white;font: 10px arial, san serif;text-align: left;white-space: nowrap;padding: 5px;border: 1px solid white;z-index: 10000;}.jqsfield { color: white;font: 10px arial, san serif;text-align: left;}
.help-block-error{
	color: #D16E6C;
}

.help-block{
	color: #D16E6C;
}

input[type=radio]{margin:0px 4px 0px 20px;}

.tooltip-inner {
    text-align: left !important;
}

.custom-form-font {
		font-size:13px;
}
	
.large-checkbox{
	width: 25px;
	height: 25px;
}

.listview-checkbox{
	width: 20px;
	height: 20px;
}
	
.parentLink.active > a {
    color: white;
}

.label-view {
	word-wrap: break-word;
    border: 1px solid #DFDFDF;
    margin-left: 5px;
    background-color: #DFDFDF;
    padding-bottom: 7px;
    padding-top: 7px;
}

.label-rupees{
	/*background: #80808040;*/
	background-color: #e6e6e6 !important; 
	height: 34px; 
	text-align: center; 
	padding: 5px;
	border: 1px solid #80808040;
	width:5.0%;
}
.label-rupees-div{
	padding-left:0px;
}

.ui-jqgrid .ui-jqgrid-bdiv {
		  overflow: auto !important;
}


.form-group textarea:disabled, .form-group textarea[disabled] {
    color: #848484!important;
    background-color: #EEE!important;
}

.cPointer {
	cursor: pointer !important;
}

.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
  color: grey;
}

.modal-body{
	padding : 0px !important;
}
.widget-main{
	padding : 20px;
}
.modal-footer{
	background : #5090C1;
	background-top : 2px solid #597597;
	color : #CF7;
}

.leanButton {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 9px !important;	
}

.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration:2s;	
	-webkit-animation-duration:2s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(1%);
	}
	65%{
		transform: translateY(1%);
	}
	80%{
		transform: translateY(1%);
	}
	95%{
		transform: translateY(1%);
	}			
	100% {
		transform: translateY(1%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(1%);
	}
	65%{
		-webkit-transform: translateY(1%);
	}
	80%{
		-webkit-transform: translateY(1%);
	}
	95%{
		-webkit-transform: translateY(1%);
	}			
	100% {
		-webkit-transform: translateY(1%);
	}	
}

/*
==============================================
slideUp
==============================================
*/


.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
==============================================
slideLeft
==============================================
*/


.slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideLeft {
	0% {
		transform: translateX(100%);
	}
	50%{
		transform: translateX(0%);
	}
	65%{
		transform: translateX(0%);
	}
	80%{
		transform: translateX(0%);
	}
	95%{
		transform: translateX(0%);
	}			
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(100%);
	}
	50%{
		-webkit-transform: translateX(0%);
	}
	65%{
		-webkit-transform: translateX(0%);
	}
	80%{
		-webkit-transform: translateX(0%);
	}
	95%{
		-webkit-transform: translateX(0%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

/*
==============================================
slideRight
==============================================
*/


.slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	

	animation-duration:1.5s;	
	-webkit-animation-duration:1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRight {
	0% {
		transform: translateX(-100%);
	}
	50%{
		transform: translateX(0%);
	}
	65%{
		transform: translateX(0%);
	}
	80%{
		transform: translateX(0%);
	}
	95%{
		transform: translateX(0%);
	}			
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-100%);
	}
	50%{
		-webkit-transform: translateX(0%);
	}
	65%{
		-webkit-transform: translateX(0%);
	}
	80%{
		-webkit-transform: translateX(0%);
	}
	95%{
		-webkit-transform: translateX(0%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

.nav-list>li>a {
	height: auto !important;
    padding-right: 2px !important;
}

.alertBox {
	padding: 7px !important;
}

a:havor{
	background-color:yellow;
}

.page-header{
	background-image: linear-gradient(to right, #0c339e 0, white 71%) !important;
	color: white !important;
}

.page-header h1 {
    color: #FFF !important;
}

.ace-nav>li.light-blue>a {
	background-color: transparent !important;
}

.sidebar:before {
	/* display: block;
	width: inherit;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: -1;
	background-color: inherit;
	border-style: inherit;
	border-color: inherit;
	border-width: inherit; */
	background-image: url(${pageContext.request.contextPath}/resources/images/dot1-Copy.jpg) !important;
}

.no-skin .sidebar {
	background-color: #F2F2F2;
	border-style: solid;
	border-color: #CCC;
	border-width: 0 1px 0 0;
	background-image: url(${pageContext.request.contextPath}/resources/images/dot1-Copy.jpg) !important;
}

.no-skin .sidebar-toggle {
	background-color: #F3F3F3;
	border-color: #E0E0E0;
	background-image: url(${pageContext.request.contextPath}/resources/images/dot1-Copy.jpg) !important;
}

.no-skin .nav-list>li:hover>a {
	background-color: #0f359f !important;
    color: white;
    background-image: none !important;
}

.dataTable>thead>tr>th[class*=sorting_] {
    color: #e4e7eb !important;
}
.btn-primary, .btn-primary.focus, .btn-primary:focus {
	background-color: #4361b4 !important;
	border-color: #4361b4
} 

/* .btn, .btn-default, .btn-default.focus, .btn-default:focus, .btn.focus,
	.btn:focus {
	background-color: #0f406b !important;
	border-color: #ABBAC3;
	margin-top: 5px;
} */

.btn-primary.focus:hover,.btn-primary:hover
	{
	background-color: #0f359f !important;
	border-color: #428BCA !important;
} 

.statusBox {
	padding: 7px !important;
}

.page-header {
	margin-left: -11px !important;
}

/*Radio*/
.option-input {
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-appearance: none;
 appearance: none;
 position: relative;
 top: 10.33333px;
 right: 0;
 bottom: 0;
 left: 0;
 height: 25px;
 width: 25px;
 transition: all 0.15s ease-out 0s;
 background: #cbd1d8;
 border: none;
 color: #fff;
 cursor: pointer;
 display: inline-block;
 margin-right: 0.5rem;
 outline: none;
 position: relative;
 z-index: 1000;
}
.option-input:hover {
 background: #9faab7;
}
.option-input:checked {
 background: #5cb85c ;
}

.option-input:checked::before {
 height: 25px;
 width: 25px;
 position: absolute;
 content: '✔';
 display: inline-block;
 font-size: 20.66667px;
 text-align: center;
 line-height: 13px;
}

.option-input:checked::after {
 -webkit-animation: click-wave 0.65s;
 -moz-animation: click-wave 0.65s;
 animation: click-wave 0.65s;
 background: #40e0d0;
 content: '';
 display: block;
 position: relative;
 z-index: 100;
}
.option-input.radio {
 border-radius: 50%;
}
.option-input.radio::after {
 border-radius: 50%;
}

.custom-radios {
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-appearance: none;
 appearance: none;
 position: relative;
 top: 10.33333px;
 right: 0;
 bottom: 0;
 left: 0;
 height: 25px;
 width: 25px;
 transition: all 0.15s ease-out 0s;
 background: #cbd1d8;
 border: none;
 color: #fff;
 cursor: pointer;
 display: inline-block;
 margin-right: 0.5rem;
 outline: none;
 position: relative;
 z-index: 1000;
}
.custom-radios:hover {
 background: #9faab7;
}
.custom-radios:checked {
 background: #ff0000 ;
}

.custom-radios:checked::before {
 height: 25px;
 width: 25px;
 position: absolute;
 content: 'X';
 display: inline-block;
 font-size: 20.66667px;
 text-align: center;
 line-height: 13px;
}

.custom-radios:checked::after {
 -webkit-animation: click-wave 0.65s;
 -moz-animation: click-wave 0.65s;
 animation: click-wave 0.65s;
 background: #40e0d0;
 content: '';
 display: block;
 position: relative;
 z-index: 100;
}
.custom-radios.radio {
 border-radius: 50%;
}
.custom-radios.radio::after {
 border-radius: 50%;
}