body {
border:0px;
background:#eee;
font-family:calibri;
text-align:center;
overflow:hidden;
font-size:22px;
}
.link {
color:#2a824d;
text-decoration:none;
font-weight:bold;
font-size:15px;
}
.link:hover {
text-decoration:underline;
}
.cab {
transition:0.3s ease-in;
position: absolute;
left: -9px;
top: -17px;
width: 110%;
border: 1px solid #2a824d;
height: 62px;
background: #2a824d;
z-index: -1;
transform: rotate(0deg);
box-shadow: rgba(102, 102, 102, 0.69) 0px 0px 10px 4px;
}
.text {
color:black;
font-size:15px;
line-height:50px;
}
.button {
position:relative;
width: 150px;
height: 24px;
border-radius: 12px;
border: 0px;
outline: none;
background: #2a824d;
transition: 0.15s ease-in;
color: white;
cursor:pointer;
opacity:0;
font-size:11px;
}
.button:hover {
background: #36d575;
}
.button:focus {
background: #36d575;
}
.back_button {
position:relative;
width: 150px;
height: 24px;
border-radius: 12px;
border: 0px;
outline: none;
background: #8c3d3d;
transition: 0.15s ease-in;
color: white;
cursor:pointer;
opacity:0;
font-size:11px;
}
.back_button:hover {
background: #c66161;
}
.back_button:focus {
background: #c66161;
}
.exc_button {
font-family:icons;
color:red;
text-decoration:none;
}
.exc_button:hover {color:#cd7f7f;}
.exc_button:focus {color:#cd7f7f;}
.waiting_div {
visibility:hidden;
position:absolute;
width:100%;
height:500%;
opacity:0.75;
left:0px;
top:0px;
background:white;
display:none;
}
.waiting_icon {
visibility:hidden;
position:absolute;
left:calc(50% - 32px);
top:calc(50% - 32px);
}
.msg_div {
width:240px;
z-index:2;
height:100px;
border-radius:12px;
background:white;
position:absolute;
left:calc(50% - 130px);
top:calc(50% - 50px);
box-shadow:rgba(102, 102, 102, 0.25) 0px 0px 10px 4px;
font-size:13px;
visibility:hidden;
padding-left:10px;
padding-right:10px;
}
.inputs {
top: 8px;
position: relative;
border: 0px;
background: #adf5c8;
height: 25px;
font-size:12px;
border-bottom: 1px solid #3ad477;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
outline: none;
text-align:center;
font-family:calibri;
}
.inputs:hover{
border-bottom: 1px solid black;
}
.inputs:focus{
border-bottom: 1px solid black;
}
.trcab {
background:#2a824d;
color:white;
font-size:10px;
height:15px;
text-align:left;
font-weight:bold;
}
.tr {
background:white;
font-size:10px;
height:15px;
text-align:left;
cursor:pointer;
}
.checkbox {
height:9px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance:textfield; /* Firefox */
}
.list_icon {
font-family:icons;
color:gray;
text-align:center;
}
.list_icon:hover {
color:black;
}
.counter_container
{
transition:0.3s ease-in;
position:absolute;
background: #29c868;
font-size: 12px;
width: 140px;
height: 100px;
top: 109px;
left: -200px;
border-radius: 18px;
box-shadow: rgb(102 102 102 / 48%) 0px 0px 10px 0px;
color:white;
}
.counter_desc {
position:relative;
top:-7px;
}
.counter_number {
font-size:57px;
font-weight:bold;
color:white;
cursor:pointer;
}

.counter_container1
{
transition:0.3s ease-in;
position:absolute;
background: #29c868;
font-size: 12px;
width: 140px;
height: 100px;
top: 227px;
left: -200px;
border-radius: 18px;
box-shadow: rgb(102 102 102 / 48%) 0px 0px 10px 0px;
color:white;
}
.counter_desc1 {
position:relative;
top:-7px;
}
.counter_number1 {
font-size:57px;
font-weight:bold;
color:white;
cursor:pointer;
}
.counter_container2
{
transition:0.3s ease-in;
position:absolute;
background: #29c868;
font-size: 12px;
width: 140px;
height: 100px;
top: 347px;
left: -200px;
border-radius: 18px;
box-shadow: rgb(102 102 102 / 48%) 0px 0px 10px 0px;
color:white;
}
.counter_desc2 {
position:relative;
top:-7px;
}
.counter_number2 {
font-size:57px;
font-size:57px;
font-weight:bold;
color:white;
cursor:pointer;
}
.bi_button {
font-family:icons;
color:#404040;
cursor:pointer;
}
.bi_button:hover {
color:black;
}
.bi_block {
background:white;
position:absolute;
box-shadow:rgb(102 102 102 / 48%) 0px 0px 7px 2px;
}
/* width */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.print_button {
font-family: icons;
position: absolute;
left: calc(100% - 50px);
top: 76px;
color: #2a824d;
cursor: pointer;
font-family:icons;
}

.print_button:hover {
color:#184a2c;
}