input[type="date"] { position: relative;
	}
	/* create a new arrow, because we are going to mess up the native one
	see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */
	.Xinput[type="date"]:after { content: "\25BC"; color: #555; padding: 0 5px;
	}
	/* change color of symbol on hover */

	.Xinput[type="date"]:hover:after { color: #bf1400;
	}
	/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/
	input[type="date"]::-webkit-calendar-picker-indicator { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; color: transparent; background: transparent;
	}
	/* adjust increase/decrease button */
	input[type="date"]::-webkit-inner-spin-button { z-index: 1;
	} /* adjust clear button */ input[type="date"]::-webkit-clear-button { z-index: 1; }


	.ui-dialog {
		z-index: 5000 !important;
		padding: 0px;
	}
	.ui-dialog .ui-dialog-titlebar {
		height: 25px;				
		overflow:hidden;		
	}	
	.ui-dialog-titlebar, .ui-widget-header {
		xdisplay: none;
		background: #ECF0F5 !important;
		background-color: #ECF0F5 !important;
		border: 0px !important;
		font-weight: normal;
		color: #ECF0F5;
		padding: 0px;
		border-radius 0 !important;		
	}	
	.ui-dialog .ui-dialog-content {
		scrollbar-width: thin;		
	}	
	iframe {
		scrollbar-width: thin;	
	}			
	iframe body {
		scrollbar-width: thin;	
	}		

	.ui-dialog-titlebar-close {
		color: #000 !important;
		background-color: #ECF0F5 !important;
		border: 0px solid white;
		outline: none;
		top: 10px !important;
	}
	
	.ui-dialog-titlebar-close::after {	
		content: "X" !important;	
		font-size: 12px;
	}
	::-webkit-scrollbar {
		width: 3px;
	}

	.page-loader {
	  z-index: 20000; 		
	  width: 100%;
	  height: 4.8px;
	  display: inline-block;
	  top: 0px;
	  position: absolute;
	  xbackground: #F5F5F5;
	  overflow: hidden;
	}
	.page-loader::after {
	  z-index: 20000; 		
	  content: '';
	  width: 192px;
	  height: 4.8px;
	  background: #3C8DBC;
	  position: absolute;
	  top: 0;
	  left: 0;
	  box-sizing: border-box;
	  animation: animloader 2s linear infinite;
	}

	@keyframes animloader {
	  0% {
		left: 0;
		transform: translateX(-100%);
	  }
	  100% {
		left: 100%;
		transform: translateX(0%);
	  }
	}

	/* Safari */
	@-webkit-keyframes animloader {
	  0% {
		left: 0;
		-webkit-transform: translateX(-100%);
	  }
	  100% {
		left: 100%;
		-webkit-transform: translateX(0%);
	  }
	}

    .alert {
	    z-index: 999 !important; 	
	    position: absolute;		
		top: 10px;
		width: 95%;
	}
	
	
			.top_search::-webkit-input-placeholder { /* WebKit browsers */
				color: #D2D6DE !important;
			}
			
			.top_search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
				color: #D2D6DE !important;
			}
			
			.top_search::-moz-placeholder { /* Mozilla Firefox 19+ */
				color: #D2D6DE !important;
			}
			
			.top_search:-ms-input-placeholder { /* Internet Explorer 10+ */
				color: #D2D6DE !important;
			}		
			
			.form-control.top_search {
				float: left;
				width: 350px;
				margin-top: 10px;
				padding: 10px;
				background-color: #3C8DBC !important;
				border: 1px solid #3C8DBC !important;
				border-bottom: 1px solid #FFFFFF !important;
				color: #FFFFFF;
				font-style: italic;
				font-size 14px;
			}
			
			@media only screen and (max-width: 600px) {
			  .form-control.top_search {
				width: 150px;
			  }
			}			
			

			.dropdown {
				position: relative;
				display: inline-block;
			}

			.dropdown-content {
				display: none;
				position: absolute;
				min-width: 100px;
				background-color: #3C8DBC;				
				box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
				Xpadding: 5px 50px;
				line-height: 1.5 !important;
				border-radius: 2px;
				z-index: 1 !important;
			}

			.dropdown:hover .dropdown-content {
				display: block !important;
			}
			
			.dropdown-content a {
				color: #FFFFFF !important;								
			}
			
			.dropdown-content div:hover {
				xbackground-color: #367FA9 !important;
			}			
			
			.dropdown-content div {
				margin: 10px;
				padding-left: 15px;				
			}			
			
			.dropdown-content a:hover {
				color: #ECF0F5 !important;
				font-weight: bold !important;
			}


	.body-tight {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}	

	.ui-dialog .ui-dialog-content {
		padding: 0px !important;
	}
	
	/* thin scroll bar for chrome-ists  */
	div {	
		scrollbar-width: thin !important;
	}	
		
	/* width */
	::-webkit-scrollbar {
	  width: 6px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	  xbox-shadow: inset 0 0 5px grey; 
	  xborder-radius: 10px;
	  background: #EDF0F5;   
	}
	 
	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: #CDCDCD; 
	  border-radius: 1px;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: #5A8BB9; 
	}		
	
		.container--tabs {
			min-width: 300px;
			height: 80vh;
			Xwidth: 75%;
			Xfloat: left;
			scrollbar-width: thin;		
		}
		.container--tabs .nav-tabs {
		  float: left;
		  width: 100%;
		  margin: 0;
		  list-style-type: none;
		  Xborder-bottom: 1px solid #ddd;
		}
		.container--tabs .nav-tabs > li {
		  float: left;
		  margin-bottom: -1px;
		}
		.container--tabs .nav-tabs > li > a {
		  float: left;
		  margin-right: 2px;
		  line-height: 1.42857143;
		  Xpadding: 10px;
		  border: 1px solid transparent;
		  border-radius: 5px 5px 0 0;
		  border-color: #eee #eee #ddd;		  
		  font-weight: bold;
		}
		.container--tabs .nav-tabs > li > a:hover {
		  Xborder-color: #eee #eee #ddd;
		  background-color: transparent;
		  cursor: pointer;
		}
		.container--tabs .nav-tabs > li.active > a,
		.container--tabs .nav-tabs > li.active > a:hover,
		.container--tabs .nav-tabs > li.active > a:focus {
		  color: #555;
		  cursor: default;
		  background-color: #fff;
		  border: 1px solid #ddd;
		  border-bottom-color: transparent !important;
		}
		.container--tabs .tab-content {
		  float: left;
		  width: 100%;
		}
		.container--tabs .tab-content > .tab-pane {
		  Xdisplay: none;
		  display: block;
		}
		.container--tabs .tab-content > .tab-pane .active {
		  display: block;
		  Xpadding: 2.5% 3.5%;
		  border-bottom-color: transparent !important;		  
		}
		.container--tabs .tab-content > .active {
		  display: block;
		}
		
		.nav-tabs li a {
			outline: 0;
		}

		.nav-tabs {
			border-bottom: 1px solid transparent;
		}	
		
		.nav-tabs li a {
			border-color: #ddd #ddd transparent !important;
			background-color: #fff;		  						
		}	
		
		.nav li a {
			padding: 6px 15px;  						
		}			
		
		.tab-content {
			Xborder-left: 1px solid #ddd;
			Xborder-right: 1px solid #ddd;
			Xborder-bottom: 1px solid #ddd;
			Xpadding: 15px;
            height: 98%;
			border-radius: 0px 0px 5px 5px;
			overflow-y: auto;	
			scrollbar-width: thin;			
			background-color: #fff;		  			
		}

		.nav-tabs {
			margin-bottom: 0;
			Xfont-size: 12px;
		}	
		
		.nav-rtl li {
			float: right;
		}	

	::placeholder {
		font-style: italic;
	}
			
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}