@font-face {
	font-family: 'OpenSans-Regular';
	src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}
body{
	font-family:'OpenSans-Regular';
}
/*Textbox and dropdown  Disabled background color*/
input[type="text"]:disabled{background-color:white;}
select[disabled].bgcolor {
	background-color:white;
}

/*Textbox color*/
input[type=text] {
	background-color:transparent;
	/*color:#0d8b6c;*/
	font-size:15px;
}
a:hover {
   text-decoration:none;
}

/*Required mark on label*/
.required:after {
	content: " *";
	color: red;
}

/*Set body width after close modal*/
.closeModal{
	 padding-right:0 !important;
 }

/*Header Title for Company Name*/
@media screen and (max-width:500px) {
  .navbar-custom-menu>.navbar-nav>li:nth-child(1){
	display:none;
}
}

/*Header Company Name*/
.header-company {
	pointer-events:none;
	cursor:default;
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size:20px;
}
@media screen and (max-width:1200px) {
  .header-company{
   pointer-events:none;
	cursor:default;
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size:15px;
}
}



/*Tab control*/
/*.nav-tabs { border-bottom: 2px solid #DDD; }*/
	/*.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }*/
	/*.nav-tabs > li > a { border: none; color:#424242;background:#c2c2c2  ; }*/
		/*.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none;  color:#0d8b6c !important; background:#fff; }*/
		/*.nav-tabs > li > a::after { content: ""; background:#2e3192  ; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }*/
	/*.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }*/
/*.tab-nav > li > a::after { background: #5a4080 none repeat scroll 0% 0%; color: #fff; }*/
/*.tab-pane { padding: 15px 0; }*/
.tab-content{padding:15px}
.nav-tabs { font-weight:bold; text-transform:uppercase; background-color:#f9f9f9}
/*.nav-tabs > li  {width:16%; text-align:center;}*/
/*.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }*/
/*@media all and (max-width:724px){
.nav-tabs > li > a > span {display:none;}	
.nav-tabs > li > a {padding: 5px 5px;}
}*/


#googleMap {
			width: 100%; /* Span the entire width of the screen */
			height: 500px; /* Set the height to 400 pixels */
		}

a:hover {
   text-decoration:none;
}



.tableClass
{
	width: 50%;background-color: #fff;
	margin: 5px 0 10px 0;border: 1px solid #00CCFF;border-collapse: collapse;
}
.tableClass td {
background: #fff;font: bold 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
padding: 6px 6px 6px 12px;color: #4f6b72;border-right: 1px solid #00CCFF;
}
.tableClass th{
	background-position:#D5EDEF;font: bold 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;border-right: 1px solid #00CCFF;border-bottom: 1px solid #00CCFF;
	border-top: 1px solid #00CCFF;border-left: 1px solid #00CCFF;letter-spacing: 2px;
	text-transform: uppercase;text-align: left; padding: 6px 0px 6px 12px;
	background: #D5EDEF;
}
 
.MenuStyle{background-color: #f5f5f5;width: 120px;position: absolute;border: #d3d3d3 1px solid;}
.MenuItem { background-color: Transparent; }
.MenuItem:hover { background-color: #c2c2c2; }
.MenuItem:active { background-color: #c2c2c2; }
 
.contextMenu
{
	background-color: #BECFEF;border: 1px solid #94A8CD;   
	width: 120px;position: absolute;
}
.contextMenu tr
{   
	font: normal 12px Arial;border: 1px solid #E4E1DE;background-color: #9AB7E7;   
}
.contextMenu td {
font: bold 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;border: 1px solid #E4E1DE;
}
.contextMenu tr:active
{
	background-color: #00CCFF;   
}
.contextMenu tr:hover {background: #424242 url(grd_head.png) repeat-x top; cursor: pointer; }  

/*logo*/
.skin-blue .main-header .logo {
	background-color:#367fa9;
}
	.skin-blue .main-header .logo:hover {
		background-color:#367fa9;
	}
/*.skin-blue .main-header .navbar {
	 background-color:#ac95b9; 
}*/

/*loader image*/
.loader
		{
			position: fixed;
			z-index: 999;
			height: 100%;
			width: 100%;
			top: 0;
			background-color:transparent;
			filter: alpha(opacity=60);
			opacity: 5;	   
		}
		.loader-center
		{
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		.loader-center img
		{
			height: 150px;
			width: 150px;
		}
		

/*Selected Control Border Color*/
.myInput:focus {
		 /*border: solid 1.5px #0d8b6c !important;*/
 }

/*Checkbox size*/
.myCheckbox input {
	width:18px; height:18px;
}
.myCheckbox label
{
	margin-left: 10px;   
}
.sidebar-menu .treeview-menu>li>a {
	font-size: 12.5px;
}
.lockscreen{
	background : white;
}

/*Theme*/
.skin-blue .main-header .navbar {
	background-color:#511e84;
}
.skin-blue .main-header .logo {
	background-color:#582a86;
}
.skin-blue .main-header .logo:hover {
		background-color:#582a86;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
	background-color:#582a86;
}
/*.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
	background-color:#15381d;
}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {
	color:#fff;
	background:#072b0f;
	border-left-color:#008c15;
}
.skin-blue .sidebar-menu>li>.treeview-menu {
	background:#2d4933;
}
.skin-blue .sidebar-menu>li.header {
	color:#b593d7;
	background:#204c2b;
}*/

/*Login Screen Header*/
 .navbar-inverse
  {
	  background-color:#511e84;
	
  }
 .navbar-inverse .navbar-nav>li>a {
	color:white;
}
 .navbar-inverse .navbar-brand {
	color:white;
}

 /*Alert Popup Design*/
/* Custom style for Alertify dialog header */
.alertify .ajs-header {
	background-color:#c24141; /* Red header for alert */
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

/* Custom style for Alertify dialog body */
.alertify .ajs-body {
	font-family: 'Arial', sans-serif;
	font-size: 16px;
	color: #333; /* Darker text for better readability */
	text-align: center;
	padding: 10px; /* Reduced padding to remove extra space */
	background-color: #ffffff; /* White background */
	border-bottom: 1px solid #ddd;
}

/* General container for custom alert content */
.alertify .custom-alert-content {
	font-family: Arial, sans-serif;
	text-align: center;
	padding: 5px; /* Reduced padding to remove extra space */
	position: relative; /* For icon positioning */
}

/* Style for warning icon */
.alertify .custom-alert-content .warning-icon {
	font-size: 40px;
	color: #f44336; /* Red warning icon */
	margin-bottom: 10px;
}

/* Style for the heading inside the alert */
.alertify .custom-alert-content h4 {
	color: red; /* Red text for validation message */
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	padding: 5px 0; /* Minimal padding */
}

/* Optional: Paragraph or additional text in the alert */
.alertify .custom-alert-content p {
	color: #555; /* Softer text color for secondary messages */
	font-size: 14px;
	margin: 5px 0; /* Minimal margin */
}

/* Custom style for Alertify dialog footer */
.alertify .ajs-footer {
	background-color: #ffffff;
	padding: 10px;
	text-align: center;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

/* Style for OK button */
.alertify .ajs-footer .ajs-ok {
	background-color: #ddd; /* Gray button */
	color: white; /* Ensure text color is white */
	border: none;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

/* Hover effect for OK button */
.alertify .ajs-footer .ajs-ok:hover {
	background-color:#FFFFFF; /* Slightly darker gray */
	color: white; /* Keep text color white and vibrant */
	transform: scale(1.05); /* Slight zoom effect */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Elevated shadow */
}

/* Focus effect for OK button */
.alertify .ajs-footer .ajs-ok:focus {
	outline: none; /* Remove default outline */
	box-shadow: 0 0 5px 2px rgba(72, 187, 120, 0.5); /* Green focus ring */
}

/* Style for Cancel button (if used) */
.alertify .ajs-footer .ajs-cancel {
	background-color: #f44336; /* Red button */
	color: white;
	border: none;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	border-radius: 4px;
	margin-left: 10px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Hover effect for Cancel button */
.alertify .ajs-footer .ajs-cancel:hover {
	background-color: #d32f2f; /* Darker red */
	transform: scale(1.05); /* Slight zoom effect */
}

/* Dialog box shadow and border */
.alertify .ajs-dialog {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	overflow: hidden;
}

/* Add subtle animation for dialog appearance */
.alertify .ajs-modal {
	animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}