.img-autoresize {
		max-width: 100%;
		max-height: 100%;
		display: block;
		height: auto;
}

.form-control {
	background-color:#f0f0f0;
}

.hs-form-control {
  display:block;
  width:100%;
  padding:.375rem .75rem;
  font-size:1rem;
  font-weight:bold;
  line-height:1.5;
  color:#bold;
  background-color:#f0f0f0;
  background-clip:padding-box;
  border:1px solid #000;
  appearance:none;
  border-radius:5px;
  transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}

.hs-sidebar {
  overflow-y;
  overflow-x: hidden;
  overflow: hidden;
}

.hs-sidebar:hover {
  overflow-y: scroll;
}

.hs-sidebar::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.hs-sidebar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px black;
}

/* Handle */

.hs-sidebar::-webkit-scrollbar-thumb {
  background: #202e38;
  border-radius: 10px;
}
 

.img-float-right {
    display:inline-block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    text-align: center;
    float: right;
}
.img-float-left {
    display:inline-block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    text-align: center;
    float: left;
}

.btn { border:10px; }

.img-width-500 {
	width:500px;
}

.dont-break {
	white-space: nowrap;
	display: flex;
}




.hs-break {
        white-space: normal;
	 word-wrap: break-word;
}

.widget-header {
	color:#f0f0f0;
        white-space: nowrap;
        display: flex;
	padding-left:1.5rem;
	padding-top:1.25rem;
	padding-bottom:0.25rem;
}

.hs-hover:hover {
	  color: yellow;
}

.widget-body {
	color:#f0f0f0;
        white-space: normal;
        display: flex;
	padding-left:1.5rem;
	padding-top:0;
	padding-bottom:1.25rem;
}

.pb-0 {
        padding-botttom:0;
}
.pl-1 {
        padding-left:.25rem;
}
.pl-2 {
        padding-left:.5rem;
}
.pl-3 {
        padding-left:1rem;
}
.pl-4 {
        padding-left:1.5rem;
}
.pl-5 {
        padding-left:2rem;
}
.pl-6 {
        padding-left:2.4rem;
}
.pl-7 {
        padding-left:3.4rem;
}
.pl-8 {
        padding-left:3.4rem;
}
.pl-9 {
        padding-left:4rem;
}


.hs-text-color {
	color:#c0c0c0;
}

.hs-width-90 {
	width:90%;
}
.hs-width-70 {
	width:70%;
}

.hs-width-50 {
	width:50%;
}
.hs-width-login {
	width:15rem;
}

.hs-font-20 {
	font-size:20px;
}

.hs-col-100 {
 column-width: 100px;
}

.w-80 {
	width:80%;
}
.w-90 {
	width:90%;
}
.hs-wordwrap {
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
        white-space: nowrap;
}


.hs-font-1 {
	font-size:0.8rem;
}

.hs-font-2 {
	font-size:1.5rem;
}

.hs-font-bold {
	font-weight: bold;
}

.hs-text-color-header {
	color:#f0f0f0;
}

.hs-text-color-light-gray {
	color:#c0c0c0;
}

.hs-text-softblue {
	color:#808ea8;
}

.hs-text-green {
	color:#00cc00;
}
.hs-text-red{
	color:#ff7777;
}
.hs-text-yellow{
	color:yellow;
}

.hs-text-orange {
	color:#ffab00;
}

.hs-text-white {
	color:#f0f0f0;
}

.hs-bold {
	font-weight:bold;
}

.hs-left {
	text-align: left;
}

.hs-center {
	text-align: center;
}

.hs-right {
	text-align: right;
}

.hs-text-black {
	color:#333333;
}

.hs-text-light-blue {
	color:#31d2f2;
}

.hs-text-align-right {
	text-align:right;
}

.hs-text-align-left {
	text-align:left;
}

.hs-text-align-center {
	text-align:center;
}

.hs-cell-padding th {
  padding-top: 10px;
  padding-bottom: 10px;
}

.hs-table-black {
	width:100%;
	background-color:#000;
}
.hs-table-dark {
	width:100%;
}

.hs-green-white {
	background-color:#198754;
	color:#f0f0f0;
}

.hs-table-light {
	width:100%;
	background-color:#fff;
	color:#000;
}

.hs-table-col1 {
	width:100%;
	background-color:#fffff0;
}

.hs-table-col2 {
	width:100%;
	background-color:#f0f0f0;
}

.hs-table-black th a {
	color:#f0f0f0;
}
.hs-table-black td a {
	color:#f0f0f0;
	
}

.hs-table-dark th a {
	color:#ffc107;
}
.hs-table-dark td a {
	color:#ffc107;
}
.hs-table-light th a {
	color:#000099;
}
.hs-table-light td a {
	color:#000099;
}

table.center {
    margin-left:auto; 
    margin-right:auto;
}


.hs-row-spacing-10 {
	border-spacing:0px 10px;
	border-collapse: separate;
}

.hs-row-spacing-0 {
	border-spacing:0px 0px;
	border-collapse: separate;
}


td.tight {
  padding: 0px;
}


li {
    list-style-type: none;
    position: relative;  
	
}

ul {
    	list-style-position: inside;
    	padding: 0;
}
.hsbullet li::before {
    content: '■';
    position: absolute;
    left: 0px;         
    font-size: 1rem;
    line-height: 1.35rem;
}

.hsbullet li.green::before {color: #00dc50;}
.hsbullet li.red::before {color: #ff1633;}
.hsbullet li.orange::before {color: #ffab00;}
.hsbullet li.blue::before {color: #008aef;}
.hsbullet li {
	padding-left:20px;

}


.hs-result-table {
	border-collapse: collapse;
    	font-family: Tahoma, Geneva, sans-serif;
}

.hs-result-table td {
	padding: 5px;
}

.hs-result-table-hf thead td {
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	border: 1px solid #00cc00;
}
.hs-result-table-hf tbody td {
	color: #00cc00;
	border: 1px solid #00cc00;
	text-align:center;
}

.hs-result-table-vhf thead td {

	background-color: #000000;
	color: #37c9f0;
	font-weight: bold;
	font-size: 13px;
	border: 1px solid #37c9f0;
	text-align:center;
}

.hs-result-table-vhf tbody td {
	color: #37c9f0;
	border: 1px solid #37c9f0;
	text-align:center;
}

.hs-result-table-contest thead td {
	color: #ffc000;
	border: 1px solid #ffc000;
	text-align:center;
}

.hs-result-table-contest tbody td {
	color: #ffc000;
	border: 1px solid #ffc000;
	text-align:center;
}


.hs-result-table-awards thead td {
	color: #31d2f2;
	border: 1px solid #31d2f2;
	text-align:left;
}

.hs-result-table-awards tbody td {
	color: #31d2f2;
	border: 1px solid #31d2f2;
	text-align:left;
}



.hs-result-table-cluster td {
	color: #00dc50;
	border: 1px solid #00dc50;
	text-align:left;
}

.hs-table-header td {
	color: #000000;
	border: 1px solid #000000;
	background-color: #c0c0c0;
	font-weight: bold;
}


.hs-result-table  tbody tr {
	background-color: #000000;
}
.hs-result-table  tbody  tr:nth-child(odd) {
	background-color: #000000;
}
.hs-result-table  {
        width: 100%;
        overflow-y: hidden;
        overflow-x: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
}
	
.hs-result-table  thead {
	position: relative !important;
	overflow: auto !important;
	clip: auto !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
}