.navbar {margin-bottom:20px !important;}
#logo {
	height:2.2rem;
}
.btn {
  font-weight:600;
}
p {margin:4px 0px;}
a {text-decoration:none}
img {max-width:100%;height:auto;max-height:90vh;}
.align-left {float:left;margin-right:15px;}
.align-right {float:right;margin-left:15px;}
.align-center {margin:0 auto;display:block}

.btn-info {
	background: rgb(203, 245, 255);
	border-color: rgb(8, 217, 238);
	color: rgb(7, 120, 147);
}

.table-striped > tbody > tr:nth-of-type(2n+1) > * {
	--bs-table-striped-bg: none;
	background-color:rgba(153,153,153,0.07) !important;
}
.bg-warning {
	background-color: rgb(255, 244, 211) !important;
}
.bg-info {
  background-color: rgb(196, 245, 255) !important;
}
select {
	appearance:auto !important;
}
.text-right {text-align:right;}
.tbold {font-weight:bold;}


/*
.btn:hover {
	background: rgba(0,0,0,0.05);
}*/

/*
@media only screen and (min-device-width: 100px) and (max-device-width: 560px) {
  body *{
    font-size:2.8rem !important;
  }
	#logo {
		height:3rem;
	}
  .container *{
    font-size:2.8rem !important;
  }
  .container h2{
    font-size:3.2rem !important;
  }
  .container h4, .container h4 *{
    font-size:3rem !important;
  }

  .container, .container-md, .container-sm {
    max-width: 99%;
  }
}

@media only screen and (min-device-width: 561px) and (max-device-width: 1280px) {
  body *{
    font-size:1.3rem !important;
  }
  .container *{
    font-size:1.3rem !important;
  }
  .container h2{
    font-size:1.4rem !important;
  }
  .container h4, .container h4 *{
    font-size:1.6rem !important;
  }
}
*/
@media only screen and (min-device-width: 1px) and (max-device-width: 1280px) {
	/*#logo {
	height:2.8rem;
	}
	.form-control {border-color:#cccccc !important}
	#frm_dil img {height:78px !important}*/
	.navbar-collapse {padding-top:10px;}
	.navbar-collapse li > a {font-weight:bold;padding:7px 6px;border-top:1px solid #ddd}
	.navbar  {max-height: 90vh;overflow: auto;}
  .container, .container-md, .container-sm {
    max-width: 99%;
  }
}