/* body {
	color: #ffffff;
  	background-color: #34495e;
} */

@media (min-width:768px)
{.container{width:98%}}
@media (min-width: 992px)
{.container{width: 98%;}}
@media (min-width:1200px)
{.container{width: 98%;}}

.issue{
	/* background-color: rgb(255, 237, 224); */
	background-color:#F39C0F;
	color:white;	
	
} 
.receipt{
	/* background-color: rgb(231, 255, 229); */
	background-color:#27AE61;
	color: white;
}
.info{
	/* background-color: #E2EBF8; */
	background-color:#2A80B9;
	color:white;
}
.blur{
	filter: blur(5px);
}
.alert-mt-40{
    margin-top:40px;
}

.jumbotron{
	margin-bottom: 0px;
	
}

.title-icon{
	height:5em;
	width:auto;
}

.modal-lg{
	max-width: 90%;
}

.collapse.show {
	visibility: visible;
  }
.banner-filter{
	filter:brightness(0.5) blur(1px);
	}
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.banner-filter, .blur{
			display:none;
		
		}
 }


  .susjmk-color{
	background-color: #FF9933;
  }

  .big-checkbox {  
	  height: 1.45rem;
  }

  .table-striped tbody tr.disable {
	  color: lightgray;
  }
/*  
  .table-responsive tbody tr th, .table-responsive tbody tr td   {
	padding-left:5%;	
  }   */

  .red{
	  color:red;
  }

  .susjmk_logo{
	border-radius: 10px;
	background-color:#E03F00; 
	padding:5px;
  }

  .uskhk_logo{
	border-radius: 10px;
	background-color:rgb(237, 255, 255); 
	padding:10px;
	}
	
	tr.clothes-info, tr.clothes-info-header{
		font-size: 0.8em;
	}

	.pagination{
		flex-wrap: wrap;
	}

	.bg-blink {
		/* width: 100px; */
		/* height: 100px; */
		/* background-color: red; */
		/* position: relative; */
		-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
		-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
		animation-name: example;
		animation-duration: 4s;
		animation-iteration-count: infinite;
	}
	
	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes example {
	/* 	0%   {background-color:#E9ECEF;;}
		25%  {background-color:yellow; ;}
		50%  {background-color:blue; ;}
		75%  {background-color:green;;} */
		50% {background-color: #FF6085  ;}
	}
	
	/* Standard syntax */
	@keyframes example {
	/* 	0%   {background-color:#E9ECEF; ;}
		 25%  {background-color:yellow; ;}
		50%  {background-color:blue; ;}
		75%  {background-color:green;;} */
		50% {background-color:#FF6085; ;}
	}


.form-group input[type="checkbox"] {
    display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}