body{
	min-width: 420px;
	background-color: #f5f5f5;
}
form{
	margin: 0px;
}
button{
	border: none;
}button:focus{
	outline: none;
}
input:focus{
	outline: none;
}
thead tr th{
	font-weight: 700;
	font-size: 16px;
}
tr td{
	text-align: center;
}
tr th{
	font-weight: 500;
	font-size: 15px;
}


label.chat-switch.btn.btn-sm.btn-secondary.active {
	/*//border-color: #37a000;*/
  /*box-shadow: 0 0 0 0.2rem rgba(55 ,160 ,0, 0.60);*/

	/*border-color: #19a3b9;*/
  /*box-shadow: 0 0 0 0.2rem rgba(23 ,162 ,184, 0.60);*/
}


.modal-error{
	padding: 30px;
}
.modal-error i{
	display: block;
	margin-bottom: 10px;
	font-size: 45px;
	color: #dc3545;
	text-align: center;
}
.modal-error .message{
	font-size: 16px;
  font-weight: bold;
	color: #000000;
  text-align: center;
}

.modal-success{
	padding: 30px;
}
.modal-success i{
	display: block;
	margin-bottom: 10px;
	font-size: 45px;
	color: #37A000;
	text-align: center;
}
.modal-success .message{
	font-size: 16px;
  font-weight: bold;
	color: #000000;
  text-align: center;
}

.portal-beta{
	position: absolute;
	top:10px;
	left:10px;
	font-size: 15px;
  color: #c4c4c4;
}

.btn-hover-danger:hover{
	color:#fff;
	background-color:#c82333;
	border-color:#bd2130;
}
.btn:focus{
    outline: none !important;
}
.content{
	float: left;
	width: calc(100% - 265px);
	padding: 50px;
}
.content-panel{
	position: relative;
	padding: 30px;
	min-width: 400px !important;
	/*min-width: fit-content;*/
	background-color: #fff;
    border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.online-status.sm{
	font-size: 12px;
}
.online-status.md{
	font-size: 18px;
	bottom: 1px;
	right: -4px;
}.online-status.lg{
	font-size: 23px;
}
.online-status{
	position: absolute;
	bottom: 1px;
	right: 0px;
	padding: 2px 5px;
}
.online-status.online{
	color: #37A000;
}
.online-status.idle{
	color: #ffc757;
}
.online-status.offline{
	color: #c4c4c4;
}
.tdnh:hover{
	text-decoration: none;
}
.ttu{
	text-transform: uppercase;
}
.f-w-500{
	font-weight: 500;
}
.color{
	color: #37a000 !important;
}
.hzoom{
	transition: 0.4s;
}.hzoom:hover{
	transform: scale(1.02);
}
.aici{
	animation-iteration-count: infinite;
}
.hover-none:hover{
	background-color: transparent !important;
}

.input-sign{
	position: absolute;
	top: 9px;
	left: 28px;
	color: #37A000;
}.input-sign.search{
	position: absolute;
	top: 13px;
	left: 28px;
	color: #37A000;
}
#search-type, #recruiting-type{
	text-transform:capitalize;
}
#logout-icon{
	transition: all 5s;
}

.dropdown-item.disabled{
	color: #b8b8b8 !important;
}

.dropdown-icon{
	display: block;
	font-size: 6px;
	margin-bottom: 2px;
}
.dropdown-icon.yellow{
	color: #FBBC05;
}.dropdown-icon.blue{
	color: #4285F4;
}.dropdown-icon.green{
	color: #37A000;
}

.dropdown-icon.yellow.sm{
	font-size: 4px;
}.dropdown-icon.blue.sm{
	font-size: 4px;
}.dropdown-icon.green.sm{
	font-size: 4px;
}

.calendar-icon{
	display: block;
	font-size: 14px;
	margin: 4px 4px;
}
.calendar-icon.yellow{
	color: #FBBC05;
}.calendar-icon.blue{
	color: #4285F4;
}.calendar-icon.light-blue{
	color: #c4daff;
}.calendar-icon.green{
	color: #37A000;
}.calendar-icon.grey{
	color: #534a40;
}.calendar-icon.orange{
	color: #FEC503;
}

.calendar-icon:hover .calendar-info{
	display: block;
}
.calendar-info{
	text-align:left;
	top: -39px;
    left: 16px;
	font-family: Calibri;
	width: max-content;
	max-width: 260px;
	display: none;
	position: absolute;
	padding: 10px;
	font-size: 14px;
	color: #000;
	background-color: #ffffff;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	border-radius: 4px;
	z-index: 101;
}

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}
.btn-group{
	border-radius: 100%;
    padding: 2px 6px;
	transition: 0.4s;
}.btn-group:hover{background-color: #f5f5f5;}
.btn-group.sm{
	position: absolute;
    top: 0px;
    right: 15px;
}
.dropdown-item.sm{
	padding: 2px 4px;
	font-size: 13px;
}
.dropdown-menu.sm{
	padding:2px 0px;
	min-width: auto;
	z-index: 400;
}

.dropdown-menu, .dropdown-item:hover{
	color: #37A000;
}
.dropdown-menu, .dropdown-item:active{
	color: #fff;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: #ffffff;
}
.dropdown-item.selected{
	color: #37A000;
}

.user-working{
	/*border-color: #6FDA44 !important;*/
	border-radius: 50%;
	border-color: #37a000 !important;
	background: rgba(4, 177, 253, 1);
	box-shadow: 0 0 0 0 rgba(4, 177, 253, 1);
	animation: pulse-blue 2s infinite;
}
@keyframes pulse-blue {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(55, 160, 0, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(55, 160, 0, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(55, 160, 0, 0);
  }
}


.user-pause{
	border-color: #ffc72a !important;
}
.msg-blacklisted{
	position: fixed;
	padding: 3px 0px;
	width: 100%;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	z-index:200;
	background-color:#000;
	color: #fff;
}
.msg-error{
	position: fixed;
	padding: 3px 0px;
	width: 100%;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
	z-index:200;
	background-color:#ad0000;
	color: #fff;
}
.msg-done{
	position: fixed;
	padding: 3px 0px;
	width: 100%;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
	z-index:200;
	background-color:#37A000;
	color: #fff;
}
.msg-info{
	position: fixed;
	padding: 3px 0px;
	width: 100%;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
	z-index:200;
	background-color: #FFF3CD;
    color: #956404;
}
.star{
	color: #c4c4c4;
}
.star.active{
	color: #fbe128;
}

.scrolling{
	padding: 10px;
	overflow: hidden scroll;
}
.scrolling::-webkit-scrollbar {
	width: .6em;
}
.scrolling::-webkit-scrollbar-track {
	border: 1px solid #37a000;
	border-radius: 25px;

}
.scrolling::-webkit-scrollbar-thumb {
	background-color: #37a000;
	border-radius: 25px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}


.w-20{
	width: 20px;
}
.w-25{
	width: 25px;
}
.w-30{
	width: 30px;
}

.trophy{
	font-size: 16px;
}
.trophy.gold{
	color: #FFC107 !important;
}
.trophy.silver{
	color: #C0C0C0 !important;
}
.trophy.bronze{
	color: #cd7f32 !important;
}


table.leaderboard tbody tr td{
	text-align: left;
}
table.leaderboard thead tr th{
	font-size: 14px;
	font-weight: 700;
	padding: 8px 5px;
}
table.leaderboard tbody tr td{
	padding: 7px 5px;
	color: #008329;
	font-size: 13px;
	font-weight: 500;
	vertical-align: middle;
}
table.leaderboard tbody tr.active{
	background-color: #f4ffea;
}


.table-company tbody tr td{
	text-align: left;
}

table.worktimes thead tr th{
	font-size: 14px;
	font-weight: 700;
	padding: 8px 0px;
}
table.worktimes tbody tr td{
	padding: 7px 0px;
	color: #008329;
	font-size: 13px;
	font-weight: 500;
}
/* calendar */

table.recruiting{
	width: 100%;
	min-width: 950px;
}table.recruiting thead tr th{
	padding: 10px;
	text-align: left;
}table.recruiting tbody tr td{
	padding: 10px;
	text-align: left;
	vertical-align: top;
}table.recruiting tbody tr{
	background-color: #fafafa;
	border-bottom: 3px solid #e3e3e3;
	margin-bottom: 10px;
}

table.calendar { border-left:1px solid #999;width: 100%; border-collapse: separate; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:120px; font-size:14px; position:relative; font-weight: 500; } * html div.calendar-day { height:120px; }
td.calendar-day.today	{ min-height:120px; font-size:14px; position:relative; font-weight: 500; border: 3px solid #37a000;z-index: 100; }
td.calendar-day:hover	{ background:#dcedff; }
td.calendar-day-np	{ background:#eee; min-height:120px; } * html div.calendar-day-np { height:120px; }
td.calendar-day-head {
	background:#37a000;
    color: #fff;
	font-weight:bold;
	text-align:center;
	width:120px;
	padding:5px;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	border-right:1px solid #999;
}
div.day-task{font-size: 9px;background:#37a000; padding:5px 10px; color:#fff; font-weight:400; float:left; margin:-5px -5px 0 0; text-align:center;position: absolute;top: 5px;left: 0px;border-radius: 0px 0px 10px 0px;}
div.day-number{ font-size: 17px; padding:5px 10px; color: #464646; font-weight: 500; float:right; margin:-5px -5px 0 0; text-align:center;position: absolute;top: 5px;right: 5px; }
/* shared */
td.calendar-day { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; height: 100px; background-color: #fff;}
td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; height: 100px;}