.navbar-static-top{
	background-color: azure;
}

.login-page,
.register-page {
  background: #eb5d1e;
  /*background-image: url(../../images/vjbg1.jpg); */
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}

.login-box{
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.login-logo a,
.register-logo a {
  color: #fff;
}

.login-logo a span.punchline{
	font-size: 0.9em;
}


.register-div{
	width: 760px;
	margin: 7% auto;	
	background: #c21e2e;
	
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.register-intro{
	padding:0 24px;
}

.register-intro p, .register-intro li{
	color: #fff;
}

.register-intro h3{
	color:#fff;
}

.register-intro h4{
	color:#DD9900;
}

.register-intro .logo-box{
	width: 100px;
	margin:20px auto;
}


@media (max-width: 768px) {
	.register-div {
	  width: 90%;
	  margin-top: 20px;
	}
}



.app-area{min-height:500px;}
.form-box-dark{
	padding:14px;background:#eee;margin:14px;
}

.mr-x{ margin-right:14px; }

.pr-x{ padding-right:14px; }
.pl-x{ padding-left:14px; }
.pt-x{ padding-top:14px; }
.pb-x{ padding-bottom:14px; }
.py-1{ padding:8px 0;}
.py-2{ padding:16px 0;}
.py-3{ padding:24px 0;}
.px-1{ padding:0 8px;}
.px-2{ padding:0 16px;}
.px-3{ padding:0 24px;}

.form-group{ margin-bottom:14px;}
.form-group .form-control{margin-bottom:18px;}
.form-group input.xs, .form-group select.tiny  { width:50px; }
.form-group input.tiny, .form-group select.tiny  { width:120px; }
.form-group input.mini, .form-group select.mini  { width:200px; }
.form-group input.mid { width:300px; }
.form-group select.mid { width:300px; }
.form-group input.large { width:520px; }
.form-group select.large { width:520px; }
.form-group textarea.large { width:520px; }

.form-group .error-help-block{ color: #a94442; }
.form-group .error{color: red;font-weight:normal;}

.nomargin{margin:0;}
.table-striped td .form-group, .table-bordered td .form-group{margin:0;}

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
	
		.form-group input.tiny, .form-group select.tiny  { width:100px; }
		.form-group input.mini, .form-group select.mini  { width:160px; }
		.form-group input.mid { width:300px; }
		.form-group input.large { width:360px; }		
		.form-group select.large { width:360px; }		
		.form-group textarea.large { width:460px; }	
		.form-group #picfile { width:160px; }	

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 640px) {
		.form-group input.tiny, .form-group select.tiny  { width:100px; }
		.form-group input.mini, .form-group select.mini  { width:200px; }
		.form-group input.mid { width:300px; }
		.form-group input.large { width:360px; }	
		.form-group select.large { width:360px; }	
		.form-group textarea.large { width:360px; }	
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.form-group input.tiny, .form-group select.tiny  { width:90px; }
		.form-group input.mini, .form-group select.mini  { width:200px; }
		.form-group input.mid { width:240px; }
		.form-group input.large { width:240px; }
		.form-group select.large { width:240px; }
		.form-group textarea.large { width:240px; }
	}
	
	.summary-box{height:32px;text-align:right;font-weight:600;}
	.sbvalue{padding-right:50px;}

.table-bordered { border: 1px solid #ddd; }
.table-bordered th{border: 1px solid #ff0000;}
.table-bordered td {border: 1px solid #ff0000; }
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(223, 227, 229, 0.7); }

.table-striped  tr:nth-of-type(odd) {
  background-color: rgba(223, 227, 229, 0.7); }

.table-hover tbody tr:hover {
  background-color: #e9e9e9; }

.img-preview-box{
	width: 40%;
	max-height: 120px;
	overflow-y: hidden;
	/*margin:0 auto;*/
	position:relative;
}

.img-preview-box .clear-img{
	position:absolute;
	top:10px; right:10px;
	color:red;
}

.galerypic{
	width: 120px;
	height:90px;	
	float:left;
	margin-bottom:2px;
	margin-right:2px;
	overflow-y: hidden;
	/*margin:0 auto;*/
	position:relative;
}

.galerypic img{
	object-fit: cover;
}
.galerypic .clear-img{
	position:absolute;
	top:10px; right:10px;
	color:red;
}

.galeryvideo{
	width: 46%;
	
	float:left;
	margin-bottom:2px;
	margin-right:2px;
	/*overflow-y: hidden;
	margin:0 auto;*/
	position:relative;	
}


.grp-logo{
	width: 60px;
	height: 60px;
	float:left;
	margin:auto auto;
	align-items: center;
	vertical-align: middle;
}

.grp-logo img{
	width: 60px;
	height: 60px;
	object-fit: cover;	/** cover[crops and fits] contain[crops & does not fill]  fill[no aspect ratio, can stretch]**/
}

.grp-title{
	float:left;
	padding:0 14px;
}

.div-screen-fill{
	min-height: 560px;
}

.card-grid{
	margin-bottom:14px;
}
.seq-input{
	width: 40px;
}
.list-item-img img{
	min-width: 60px;
	max-width: 60px;
	max-height: 64px;
	object-fit: cover;	
}
.btn-sm {margin-right:10px;}

.img-icon{
	width: 42px;
	height: 42px;
	object-fit: cover;	
}
.imrpic{ padding:20px; }

.date-icon-div{
	border:none;padding:0 14px 14px 14px;
}
.date-icon-div a:hover{ cursor: pointer;}
.campaign-date{
	width: 164px;
}
.tab-pane{
	padding:20px;
}


.bg-info {
	background-color: #31708f;
  }
  .bg-danger {
	background-color: #a94442;
  }


  .bg-warning {
	background-color: #8a6d3b;
  }  

  .bg-success {
	background-color: #2b542c;
  }

  .small-box h3{font-size:22px;font-weight:600;margin:0 0 10px 0;white-space:nowrap;padding:0;color:#ccc;}

  .label-mini{ min-width:140px; }