@charset "UTF-8";

.pagination > li > a,
.pagination > li > span {color: var(--secondary-color);padding: 10px 16px;font-weight: bold;}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {background-color: var(--secondary-color);border-color: var(--secondary-color);}
.pagination li {padding: 2px;}


.widthAuto{width: auto !important;}
.sub-error{color: red; font-size: 10px;}
.alert{top: 7px;z-index: 1;grid-column: 1; grid-row: 2;align-self: center;justify-self: center;position: absolute;}
.disGrd{display: grid;position: relative;}

.commentS{color: #aaa8a8;font-size: 12px;}

.left{text-align: left;direction: ltr;}

.left::before{left:0 !important;}
.floatLeft{float:left !important;}

.pad12{padding-left:12px;}

/*image box in first page*/
.transbox {margin: 30px;background-color: #ffffff;opacity: 0.6;filter: alpha(opacity=60); /* For IE8 and earlier */padding: 3%;}
.transbox h1 li {color: red;}


.colorRed{color: red;}