/* ##### Custom Css ##### */
	tr.group,
	tr.group:hover {
		background-color: #E4E4E4 !important;
	}

	.toggle.ios, .toggle-on.ios, .toggle-off.ios { 
		border-radius: 20rem; 
	}
	.toggle.ios .toggle-handle { 
		border-radius: 20rem; 
	}

	.multiselect-container {
		width: 100% !important;
	}

	.has-error .select2-selection .select2Detail-selection {
		border-color: #e74c3c !important;
	}

	.blink_me {
	  animation: blinker 2s linear infinite;
	}

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

	.bootstrap-tagsinput {
	  width: 100% !important;
	}

	.card-img-wrap {
	  overflow: hidden;
	  position: relative;
	}
	.card-img-wrap:after {
	  content: '';
	  position: absolute;
	  top: 0; left: 0; right: 0; bottom: 0;
	  background: rgba(255,255,255,0.3);
	  opacity: 0;
	  transition: opacity .25s;
	}
	.card-img-wrap img {
	  transition: transform .25s;
	  width: 100%;
	}
	.card-img-wrap:hover img {
	  transform: scale(1.2);
	}
	.card-img-wrap:hover:after {
	  opacity: 1;
	}

	.page {
	  display: none;
	  position: relative;
	}
	.page-active {
	  display: block;
	  position: relative;
	}

	.message_box { }

	#msg_loader{
		position: absolute;
		display: none;
	}

	.loader {
	  border: 16px solid #48B1D9;
	  border-radius: 50%;
	  border-top: 16px solid #3498db;
	  border-bottom: 16px solid #3498db;
	  width: 30px;
	  height: 30px;
	  -webkit-animation: spin 2s linear infinite; /* Safari */
	  animation: spin 2s linear infinite;
	}

	/* Safari */
	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}

	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}

	.noselect {
	  -webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		 -khtml-user-select: none; /* Konqueror HTML */
		   -moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* Internet Explorer/Edge */
				user-select: none; /* Non-prefixed version, currently
									  supported by Chrome and Opera */
	}

	.box {
	  overflow-x: auto;
	  overflow-y: hidden;
	  width: 100%;
	  /*margin: 0px 0px 0px 0px;*/
	  /*margin: 0px;*/
	  margin-right: -15px;
	  margin-left: -15px;
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}

	.iconspin {
	  animation-name: spin;
	  animation-duration: 5000ms;
	  animation-iteration-count: infinite;
	  animation-timing-function: linear; 
	  /* transform: rotate(3deg); */
	   /* transform: rotate(0.3rad);/ */
	   /* transform: rotate(3grad); */ 
	   /* transform: rotate(.03turn);  */
	}

	@keyframes spin {
		from {
			transform:rotate(0deg);
		}
		to {
			transform:rotate(360deg);
		}
	}

	.dotloading:after {
	  content: ".";
	  overflow: hidden;
	  display: inline-block;
	  vertical-align: bottom;
	  animation: ellipsis-dot 4s infinite .3s;
	  animation-fill-mode: forwards;
	}

	@keyframes ellipsis-dot {
	  10% {
		content: ".";
	  }
	  20% {
		content: "..";
	  }
	  30% {
		content: "...";
	  }
	  40% {
		content: "....";
	  }
	  50% {
		content: ".....";
	  }
	  60% {
		content: "......";
	  }
	  70% {
		content: ".......";
	  }
	  80% {
		content: "........";
	  }
	  90% {
		content: ".........";
	  }
	  100% {
		content: "..........";
	  }
	}
/*
.select2-selection__rendered {
    line-height: 35px !important;
}
*/
.select2-container {
    width: 100% !important;
}
.select2-container .select2-selection--single {
    height: 36px !important;
}
.select2-selection__arrow {
    height: 34px !important;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 300px;
}

.select2Detail-container {
  z-index: 9999 !important;
}
.select2Detail-container--open {
  z-index: 9999 !important;
}

.modal { overflow: auto !important; }

.box-upward div.ibox {
  position: relative;
  top: 0;
  transition: top ease 0.5s;
}
.box-upward:hover div.ibox {
  top: -5px;
}

.div-upward div {
  position: relative;
  top: 0;
  transition: top ease 0.5s;
}
.div-upward:hover div {
  top: -5px;
}

.custom-shadow {
  -webkit-box-shadow: 5px 5px 5px #f1f1f1;
  -moz-box-shadow: 5px 5px 5px #f1f1f1;
  box-shadow: 5px 5px 5px #f1f1f1;
  z-index: 11;
}

@media (max-width: 991px) {
	.modal-ipadmini {	max-width:760px;	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.modal-ipadmini {	max-width:1190px;	}
}

@media (min-width: 1200px) {
	.modal-ipadmini {	max-width:1200px;	}
}

.modal-body {	
	-webkit-overflow-scrolling: touch;
}
/* ##### Custom Css ##### */