@import url("bootstrap-5.3.2-dist/css/bootstrap.min.css");

body {
  padding-top: 50px;
}

.table {
    margin-bottom: 5px!important;
}

img {
  max-width: 100%;
  min-width: 100px;
  display: block;
  width: auto;
  height: auto;
}

img.smallimage {
  min-width: 20px;
  display: inline;
  width: auto;
  height: auto;
  white-space: nowrap;
}

a.btn { color: #FFF; }
a.btn:visited { color: #FFF; }

/*div.navbar div.container a { color: #EEE }*/
.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
}

.navbar-inverse .navbar-brand {
    color: #FFF;
}

.table-borderless td, .table-borderless th { 
	border-top: none !important;
	}

.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none !important;
}

.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    border: none !important;
  }
}
.pagination{margin:10px 0;text-align: center;}.pagination ul{margin:0;border:0px;text-align:center;padding-inline-start: 0px;}
.pagination li{display:inline;}
.pagination a{padding:0 14px;}
.pagination a:hover,.pagination .active a{background-color:#ddd;}
.pagination .disabled a,.pagination .disabled a:hover{background-color:transparent;color:#bfbfbf;}

.pagination .next a{
	border:0;
    /*border-left:1px solid;border-left-color:#ddd;border-left-color:rgba(0, 0, 0, 0.15);*border-left-color:#ddd;*/
}
.pagination .prev a{
	border:0;
}
.pagination .current a{
	border:0;
}
	
#pagination {
    position: relative;
    width: 100%;
}

#pagination ul {
    text-align:center;
    padding-inline-start: 0px;
}

#pagination ul .current a {
    color: #666;
}

.w-jobsearch-company {
    /*width: 25%;*/
    table-layout:fixed;
}

.w-jobsearch-title {
    width: 45%;
}

.w-jobsearch-location {
    width: 20%;
}

.w-jobsearch-posted {
    width: 10%;
}

.w-jobsearch-auto {
    wwidth: auto !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 2px;
  padding-left: 2px;
}
/*
.local-controls-header {
  padding: 1px;!important
}
*/
.btn {
    padding: 3px 9px;!important
}

.table-fixed {
    table-layout:fixed;
}

.table-fixed td {
  white-space: nowrap;
  /*overflow: hidden;*/
  text-overflow: ellipsis;
}

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 40px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 40px;
  background-color: #ffffff;
}
	
.progress-bar {
    color: #000000;
    text-align: left;
    background-color: #add8e6;
    background-image: linear-gradient(to bottom, #add8e6 0%, #add8e6 100%);
	padding-left: 2px;
}	
	
.progress-bar-random {
    background-color: #ffff00 !important;
    background-image: linear-gradient(to bottom, #ffff00 0%, #ffff00 100%) !important;
}	
	
.progress-bar-paid {
    background-color: #90ee90 !important;
    background-image: linear-gradient(to bottom, #90ee90 0%, #90ee90 100%) !important;
}	
	
.progress {
	margin-bottom: 0 !important;
}

#details {
	display: none;
}
	
.table-borderless tbody tr td.score0 {
    background-color: #ffff00 !important;
}
	
.table-borderless tbody tr td.score1 {
    background-color: #add8e6 !important;
}
	
.table-borderless tbody tr td.score2 {
    background-color: #90ee90 !important;
}


bodyChat {
	font-family: helvetica;
    padding: 10px;
    overflow: auto;
}

#chat {
	overflow : auto;
    right: 10px;
    left: 30px;
    padding-bottom: 64px;
    max-height: inherit;
}

.msg {
    padding: 10px;
    background: #f6f6f6;
}

.others {
    background: #f6f6f6;/* #99D8FF; */
}

#textField {
    color: #333;
}

#userField {
    width: 210px;
    position: relative;
    top: 1px;
    color: #333;
}

#headerChat {
    padding: 5px 0;
}

#footerChat {
    width: auto;
    max-width:100%;
  	bottom: 40px;    
}

#roomSelect {
    color: #333;
}

.undo {
    padding: 20px 0;
}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{   }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
}

.green-checkmark {
    color: green;
}