/*
  ETCODE production
  Developer: Etrid
*/

::-webkit-scrollbar-button {background-image:url('');background-repeat:no-repeat;width:0px;height:0px}
::-webkit-scrollbar-track {background-color:#7a9899;height:6px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 20px;background-color:#536768;}
::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:1px;height:0px}
::-webkit-scrollbar{width: 6px;height:6px;cursor:pointer;}

.etcode_table {margin:0 auto;text-align:center;}
.etcode_table th, .etcode_table td{border:1px solid #999ba7;padding:5px 15px;text-align:center;}
.etcode_table tr:hover{background-color: #4a506a;}

.etcode_table_without_border {margin:0 auto;text-align:center;}
.etcode_table_without_border th, .etcode_table_without_border td{padding:5px 15px;text-align:center;font-size:12px;}

.no_border{border:none !important;}
.no_border td{border:none !important;}
.vertical_top{vertical-align:top !important;}
.full_width{width:100% !important;}

#error_log{position:fixed;right:10px;bottom:10px;z-index:1000;}
.error{cursor:pointer;margin-bottom:15px;background-color:#565454;color:#fff;font:bold 16px Calibri;padding: 10px 20px;border-radius:5px;text-align:right;}

input[type="text"],input[type="password"],input[type="mail"],input[type="date"],input[type="number"]{background-color: rgba(245, 245, 245, 0.4);border: 2px solid #a0a2a9;color: #000000;text-align:right;width:100%;}
select{background-color:rgba(245, 245, 245, 0.4);border-color: #a0a2a9;color: #000000;width:100%;}
textarea{background-color:rgba(245, 245, 245, 0.4);border-color:#a0a2a9;color: #000000width:100%;;}
input[type="checkbox"]{position: relative !important;left: 1px !important;opacity: 1 !important;width:100%;}

#chat{overflow-x:none;overflow-y:scroll;max-height:700px;}
.message_1{padding:5px 10px;border-left:3px solid #4c6c8c;}
.message_2{padding:5px 10px;border-left:3px solid #4c8c54;}

.input_text{padding:2px 6px;background-color:#dddddd00;color:#6a9da0;margin:0 10px;font-weight:bold;height:20px;width:120px;border:3px solid #5c8e8f;border-radius:10px;margin-top:0.7em;}
.input_text:hover{transition: all 0.8s ease;border-color:#ba945f;}
.input_text:active{border-color:#ba645c;}

.button{margin:10px 0;cursor:pointer;border:none;background-color:#7aa6a3;color:#3b3b3b;border-radius:8px;font:bold 15px Calibri;padding:8px 11px;}
.button:hover{transition: all 0.8s ease;background-color:#ba945f;}

.inline{display:inline-block;}
.hide{display:none;}
.bold{font-weight:bold;}
.pointer{cursor:pointer;}
.fixed{position:fixed;}
.total{background-color: #c1b6b6 !important;}

.left{text-align:left !important;}
.center{text-align:center !important;}
.right{text-align:right !important;}

.calibri{font-family:Calibri;}
.verdana{font-family:Verdana;}
.tahoma{font-family:Tahoma;}

.size_1{font-size:10px;}
.size_2{font-size:12px;}
.size_3{font-size:14px;}
.size_4{font-size:16px;}
.size_5{font-size:18px;}
.size_6{font-size:20px;}
.size_7{font-size:22px;}
.size_8{font-size:24px;}
.size_9{font-size:26px;}

.border_1{border:1px solid;}
.border_2{border:2px solid;}
.border_3{border:3px solid;}
.border_4{border:4px solid;}
.border_5{border:5px solid;}

.hover_1:hover{transition:all 0.5s ease;}
.hover_2:hover{transition:all 0.8s ease;}
.hover_3:hover{transition:all 1s ease;}
.hover_4:hover{transition:all 1.6s ease;}
.hover_5:hover{transition:all 2s ease;}

.float_r{float:right;}
.float_l{float:left;}

.def_bord{border-color:#3a3e52;}

.oneLineHR td{
  white-space: nowrap;
}

.acron_table {
	width: 100%;
	border: none;
	margin-bottom: 20px;
}
.acron_table thead th {
	font-weight: bold;
	text-align: center;
	border: none;
	padding: 5px 8px;
	background: #d8d8d8;
	font-size: 14px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.acron_table tbody td {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 5px 8px;
	font-size: 14px;
	vertical-align: top;
  text-align: center;
}
.acron_table thead tr th:first-child, .acron_table tbody tr td:first-child {
	border-left: none;
}
.acron_table thead tr th:last-child, .acron_table tbody tr td:last-child {
	border-right: none;
}
.acron_table tbody tr:nth-child(even){
	background: #f3f3f3;
}

.et_panel{
  background-color: #e1e1e18f;
  border-radius: 10px;
  font-size: 26px;
  padding: 10px;
  font-weight: bold;
}