body {
	padding-top: 50px;
	-webkit-backface-visibility: hidden;
}
.navbar-ex1-collapse > .navbar-nav > li > a {
	padding-top: 20px;
	padding-bottom :20px;
	
}
.navbar-ex1-collapse > .navbar-nav > li:last-child > a {
	padding-right: 30px;
	
}
.table>thead>tr>td.info, .table>tbody>tr>td.info, .table>tfoot>tr>td.info, .table>thead>tr>th.info, .table>tbody>tr>th.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>tbody>tr.info>td, .table>tfoot>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr.info>th, .table>tfoot>tr.info>th {
background-color: #d9edf7;
}
/*animations*/
.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated2 {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.spinner {
  /*margin: 100px auto 0;*/
  width: 70px;
  text-align: center;
  float:right;
  margin-top: 10px;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
	-webkit-transform: scale(1.0);
	opacity: 0;
  }
}

@keyframes scaleout {
  0% { 
	transform: scale(0.0);
	-webkit-transform: scale(0.0);
  } 100% {
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	opacity: 0;
  }
}
@-webkit-keyframes slideInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-4em);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes slideInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-4em);
	}

	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes slideInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-4em);
	}

	100% {
		-o-transform: translateY(0);
	}
}

@keyframes slideInDown {
	0% {
		opacity: 0;
		transform: translateY(-4em);
	}

	100% {
		transform: translateY(0);
	}
}

.slideDown {
	-webkit-animation-name: slideInDown;
	-moz-animation-name: slideInDown;
	-o-animation-name: slideInDown;
	animation-name: slideInDown;
}


@-moz-keyframes slideOutUp {
	0% {
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-4em);
	}
}

@-o-keyframes slideOutUp {
	0% {
		-o-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateY(-4em);
	}
}

@keyframes slideOutUp {
	0% {
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-4em);
	}
}

.slideUp {
	-webkit-animation-name: slideOutUp;
	-moz-animation-name: slideOutUp;
	-o-animation-name: slideOutUp;
	animation-name: slideOutUp;
}

@-webkit-keyframes fadeInDown { 
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY();
	}
}
@-moz-keyframes fadeInDown { 
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY();
	}
}
@-o-keyframes fadeInDown { 
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-o-transform: translateY();
	}
}
@keyframes fadeInDown { 
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY();
	}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInRight { 
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX();
	}
}
@-moz-keyframes fadeInRight { 
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX();
	}
}
@-o-keyframes fadeInRight { 
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-o-transform: translateX();
	}
}
@keyframes fadeInRight { 
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	100% {
		opacity: 1;
		transform: translateX();
	}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeIn { 
	0% { opacity: 0 }
	100% { opacity: 1 }
}
@-moz-keyframes fadeIn { 
	0% { opacity: 0 }
	100% { opacity: 1 }
}
@-o-keyframes fadeIn { 
	0% { opacity: 0 }
	100% { opacity: 1 }
}
@keyframes fadeIn { 
	0% { opacity: 0 }
	100% { opacity: 1 }
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInLeft { 
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX();
	}
}
@-moz-keyframes fadeInLeft { 
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX();
	}
}
@-o-keyframes fadeInLeft { 
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		-o-transform: translateX();
	}
}
@keyframes fadeInLeft { 
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		transform: translateX();
	}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;background: #DFF0D8;color: #468847;}
	50% {opacity: .5;background: #DFF0D8;color: #468847;}
	100% {opacity: 1;background: white;color: #555555;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;background: #DFF0D8;color: #468847;}
	50% {opacity: .5;background: #DFF0D8;color: #468847;}
	100% {opacity: 1;background: white;color: #555555;}
}

@-o-keyframes fadeOut {
	0% {opacity: 1;background: #DFF0D8;color: #468847;}
	50% {opacity: .5;background: #DFF0D8;color: #468847;}
	100% {opacity: 1;background: white;color: #555555;}
}

@keyframes fadeOut {
	0% {opacity: 1;background: #DFF0D8;color: #468847;}
	50% {opacity: .5;background: #DFF0D8;color: #468847;}
	100% {opacity: 1;background: white;color: #555555;}
}


.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;

}
.classname {
-webkit-animation: slide 2s infinite ease-in-out;
-moz-animation: slide 2s infinite ease-in-out;
-o-animation: slide 2s infinite ease-in-out;
animation: slide 2s infinite ease-in-out;
}
@-webkit-keyframes slide {
	0%   { width:   0%; }
	30%, 
	60%  { width:  50%; }
	70%  { width:  80%; }
	100% { width: 100%; }
}
@-moz-keyframes slide {
	0%   { width:   0%; }
	30%, 
	60%  { width:  50%; }
	70%  { width:  80%; }
	100% { width: 100%; }
}
@-o-keyframes slide {
	0%   { width:   0%; }
	30%, 
	60%  { width:  50%; }
	70%  { width:  80%; }
	100% { width: 100%; }
}
@keyframes slide {
	0%   { width:   0%; }
	30%, 
	60%  { width:  50%; }
	70%  { width:  80%; }
	100% { width: 100%; }
}
/*--end animations*/

 #windowAlertModal .modal-footer {
		text-align: center;
	  }
 
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: white;
background-color: #428BCA;
border-color: #428BCA;}
.navbar-brand { color: #fff !important }
a.delbtn {
	margin: 15px 0 0;
	text-decoration: none;
}
legend { font-size: 18px }
.modalBackground {
	background-color: Gray;
	filter: alpha (opacity=70);
	opacity: 0.7;
}
.logo { padding: 10px 0 0 10px }
.input-group .form-control { max-width: 250px }
th.thcenter { text-align: center }
table.full { width: 100% }
.form-control { min-width: 100% }
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	background-color: #02325F;
	color: White;
}
#ctl00_ContentPlaceHolder1_TreeView1 a { padding: 10px }
.ngs {
	background-color: #C71C22;
	color: #fff;
}
.table td.rowcenter { vertical-align: middle }
.table td.noborderpanel { border: none }
.table table.panel td,
table.panel {
	border: none;
	box-shadow: none;
}
.table table.panel { margin-bottom: 0 }
.panel-default > .panel-heading > .panel-title {
	color: #333 !important;
   /* background-color: whiteSmoke !important;*/
}
/*.panel-info > .panel-heading > .page-title {color:White;}*/
.page-header {
	margin-top: 0;
	padding-top: 15px;
   }

.progress .progress-bar.six-sec-ease-in-out {
	-webkit-transition: width 6s ease-in-out;
	-moz-transition: width 6s ease-in-out;
	-ms-transition: width 6s ease-in-out;
	-o-transition: width 6s ease-in-out;
	transition: width 6s ease-in-out;
}

.input-group
{
	min-width :100%}

@media (max-width:767px) { 
	h2 {
	   /* font-size: 26px;*/
		margin-top: 5px;
	}
	h2.pull-right { float: left !important }
}
@media (max-width:1199px) { 
	.labelleft { text-align: left !important }
}