.alertboldred {
	color: red;
	font-weight : bold;
 }

.card:hover {
	background: rgb(244, 243, 245) !important;
 }

 .card {
   border: 1px solid black !important;
}

/*.formnobotmar {

	margin-bottom: 0;
}*/

.gal-img{
	padding: 7px;	
}

.ana-img{
	border: 1px solid #000;
}

.fa[data-count]{
    position:relative;
}
.fa[data-count]:after{
    position: absolute;
    right: -0.75em;
    top: -.75em;
    content: attr(data-count);
    padding: .5em;
    border-radius: 10em;
    line-height: .9em;
    color: white;
    background: rgba(255,0,0,.75);
    text-align: center;
    min-width: 2em;
    font: bold .35em sans-serif;
}

.icon-backgroundred {
    color: red;
}

.icon-backgroundgreen {
    color: green;
}

.icon-backgroundblue {
    color: blue;
}

.fa-padright {
	padding-right: 7px;
}

.fa-padleft {
	padding-left: 7px;
}

.messrow {
	padding-bottom: 5px;
	background-color:#21618C;
}

hr {
	height: 2px;
	background-color:#555;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 95%;
}
/*
messing up date picker month and year displays
td {
	white-space: nowrap;
}*/
.tablebr {
	border: .5px solid rgb(219, 215, 215);
}
.table th {
	border-top: none; 
	padding: 5px 5px 5px 5px ;
}

.tabrow {
	margin-bottom: .3em;
	margin-top: .3em;
}

.imbed {
	background-color: #d3d3d3;
}

.table.no-border tr td, .table.no-border tr th {
	border-width: 0;
}

.table.notopb tr th td {
	border-top: 0px;
}

@media (min-width: 969px) { 
    .tabrow {
        display: flex;
        align-items: center;
    }
}

.modal-dialog {
	width: 1200px;
}

.modal-content {
	width: 1200px;
	margin-left: -300px;
}
	
.sched {
	background-color: #000000;
}

.rowhilite {
	background-color: #FEFFEF;
}

.remhilitef {
	color: #006600;
	font-weight : bold;
}

.remhilitef a {
	color: #006600;
	font-weight : bold;
}

.remhilitep {
	color: #cc3300;
	font-weight : bold;
}

.remhilitep a {
	color: #cc3300;
	font-weight : bold;
}


.maxw1 {
	max-width: 800px;
	background-color: rgb(250, 250, 246);
	padding: 10px;
	border: .5px solid rgb(219, 215, 215);
}

.maxw2 {
	max-width: 900px;
	background-color: rgb(250, 250, 246);
	padding: 10px;
	border: .5px solid rgb(219, 215, 215);
}

.maxw1a {
	width: 50%;
	
	background-color: rgb(250, 250, 246);
	padding: 10px;
	border: .5px solid rgb(219, 215, 215);
}
.maxw1al {
	width: 60%;
	
	background-color: rgb(250, 250, 246);
	padding: 10px;
	border: .5px solid rgb(219, 215, 215);
}
.maxw1ar {
	width: 40%;
	
	background-color: rgb(250, 250, 246);
	padding: 10px;
	border: .5px solid rgb(219, 215, 215);
}
.maxw1nc {
	max-width: 800px;
	padding: 10px;
}

.vertlabel {
	font-weight : bold;
	text-align : left;
}
@media (min-width: 768px) {
	.vertlabel {
		font-weight : bold;
		text-align : right;
	}
}
.vertlabelin {
	font-weight : bold;
	text-align : left;
}

.vertlabeld {
	font-weight : bold;
	text-align : left;  
}
@media (min-width: 768px) {
	.vertlabeld {
		font-weight : bold;
		text-align : right;
	}
}

.vertlabelh {
	font-weight : bold;
	text-align : left;
}

.centhead {
	font-weight : bold;
	text-align : center;
}

.borderless tr td {
	border: none !important;
	padding: 1px !important;
}

.form-signin {
 	padding: 30px 38px 36px;
 	margin: 0 auto;
 	background-color: #ffffff;
}

.wrapper-login {
 	max-width: 420px;
 	margin: 0 auto;
 	background-color: #ffffff;
 	border: 1px solid black;  
}

.container-fluid {
 	border: 1px solid #21618C;
	max-width: 95%;
}

.container {
 	border: 1px solid #21618C;

 .border-m1{ 
      --bs-border-opacity: 1; 
      border-color: #21618C !important; }
}

.paddiv {
 	padding: 10px !important;
}

.navbar {
    margin-bottom: 0 !important;
		background-color: !important;
}

.nav-tabs{
	/* tab row */
	background-color: #21618C;
	border-bottom: none !important;
}

.search-tabrow{
	/* tab row */
	background-color: #21618C;
	min-height: 35px;
}

.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover{
 	background-color: white !important;
	color: black;
}

.nav-tabs > li > a{
	/* tab text color - non active */
	border-style: solid !important;
	border-color: #21618C !important;
	background-color: #cfe6f6 !important;
}

.nav-tabs > li > a:hover{
	background-color: #A9CCE3 !important;
	/* tab hover color */
	color: black; 
}

.nav-tabs > li > a{
	/* tab text color - non active */
	color: black; 
}

.tabNav {
	background-color:#21618C;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0;
}

.topNav {
	width: 100%;
	float: right;
	margin: 0 0 0 0;
	padding: 1px 0 10px 0;
	list-style: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	/* top part of frame */
	background-color:#21618C;
}

.topNav li {
	float: right; 
	margin: 0 5px 0 0;
	padding: 4px 15px;	
	font-weight: bold;
	color: white;
}

.topNav li a {
	padding: 4px 15px;
	text-decoration: none;
	font-weight: bold;
	color: white;
}

.pageName {
	background-color: white;
	color : #000;
	/*margin-bottom: 10px;*/
	font-family : Arial, Tahoma, Helvetica, sans-serif;
	text-align : center;
	vertical-align: middle;
	font-size : 15px;
	font-weight : bold;
	padding-bottom: 2px;
	padding-top: 8px;
	padding-left: 0px;
}

.LBpageName {
	background-color: #21618c; 
	color : #fff;
	/*margin-bottom: 10px;*/
	font-family : Arial, Tahoma, Helvetica, sans-serif;
	text-align : center;
	vertical-align: middle;
	font-size : 15px;
	font-weight : bold;
	padding-bottom: 2px;
	padding-top: 0;
	padding-left: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.LB3pageName {

	/*margin-bottom: 10px;*/
	font-family : Arial, Tahoma, Helvetica, sans-serif;
	text-align : center;
	vertical-align: middle;
	font-size : 15px;
	font-weight : bold;
	padding-bottom: 2px;
	padding-top: 0;
	padding-left: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


.headmessS {
	font-family : Arial, Tahoma, Helvetica, sans-serif;
	text-align : center;
 	font-size : 13px;
	background-image : none;
	background-color : #00ff00;
}

.headmessE {
	font-family : Arial, Tahoma, Helvetica, sans-serif;
	text-align : center;
	font-size : 13px;
	color: white;
	background-image : none;
	background-color:#FF3131;
}

.headmessA {
	font-family : Arial, Tahoma, Helvetica, sans-serif;
	text-align : center;
	font-size : 13px;
	background-image : none;
	background-color : #ffff33;
}

.pgnewfoot {
	background-color: #21618C;
	white-space: nowrap;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 4px;
}



.pgfootnav {
	width: 100%;
	float: right;
	margin: 0 0 0 0;
	list-style: none;
	background-color: #21618C;
	white-space: nowrap;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.pgfootnav img {
}

.pgfootnav select {
	margin: 3px;
	padding: 3px;
}

.pgfootnavg a {
	background-color: #336600;
}

.pgfootnavy a {
	background-color: #cc3300;
}

.pgfootnavr a {
	background-color: #990033;
}

.pgfootnav li {
	float: right; 
	background-color: #2E86C1; 
	border-top: 2px solid #21618C;
	border-bottom: 2px solid #21618C;width: 100%;
}

.pgfootnav li a {
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	color: white;
	border-left: 1px solid #fff; 
	border-top: 1px solid #7FB3D5; 
	border-bottom: 1px solid #7FB3D5; 
	padding: 4px;
	width: 100%;
}

.pgfootnav li a:hover {
	color: white;
	background-color: #21618C; 
}

.banner-header, h4 {
	background-color: #21618C;
	color:white !important;
	text-align: center;
	font-size: 30px;
	width: 100%;
	padding-bottom: 2px;
	padding-top: 0;
	padding-left: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
 }

.login-header, h4 {
	background-color: #21618C;
	color:white !important;
	text-align: center;
	font-size: 30px;
	width: 100%;
 }
 
.login-footer {
	background-color: #f9f9f9;
 }

.button-b {
	text-align:center;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	font-family: sans-serif;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	color: #FFF;
	background-color: #337AB7;
	display: inline-block;
	padding: 2px 27px;
	margin: 0px 0px;
	border: 1px solid white;

}

.button-b:hover {
	background-color: #286090; 
	color: #FFF;
	text-decoration: none;
}

.button-b:link{
	color: #FFF;
	text-decoration: none;
}

.button-b:visited{
	color: #FFF;
	text-decoration: none;
}

.button-r {
	text-align:center;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	font-family: sans-serif;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	color: #FFF;
	background: #ff0033;
	display: inline-block;
	padding: 2px 27px;
	margin: 0px 0px;
	border: 1px solid white;
	width: 90px;
}

.button-r:hover {
	background: #ff0033;
	color: #FFF;
text-decoration: none;
}

.button-r:link{
	color: #FFF;
	text-decoration: none;
}

.button-r:visited{
	color: #FFF;
	text-decoration: none;
}

.button-dir {
	text-align:center;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	font-family: sans-serif;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	color: #000;
	background: #0099cc;
	display: inline-block;
	padding: 4px 27px;
	margin: 0px 0px;
	border: 1px solid white;
	border-radius: 3px;
}

.button-dir:hover {
	background: #66ccff;
	color: #FFF;
	text-decoration: none;
}

.button-dir:link{
	color: #FFF;
	text-decoration: none;
}

.button-dir:visited{
	color: #FFF;
text-decoration: none;
}

.button-del {
	text-align:center;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	font-family: sans-serif;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	color: #000;
	background: #ff0033;
	display: inline-block;
	padding: 4px 27px;
	margin: 0px 0px;
	border: 1px solid white;
	border-radius: 3px;
}

.button-del:hover {
	background: #ff6666;
	color: #FFF;
	text-decoration: none;
}

.button-del:link{
	color: #FFF;
	text-decoration: none;
}

.button-del:visited{
	color: #FFF;
	text-decoration: none;
}

textarea{
	resize: none;
}