.navitext {
	margin-right: 10px;
	margin-left: 10px;
}
.navitext li{
    list-style: none;
    display: inline;
    margin-left: 0;
    margin-right: 3px;
    color: Blue;
}
.navitext a{
    list-style: none;
    text-decoration: none;
    color: Blue;
}
.navitext a:hover{
    border-bottom: 1px solid Blue;
}


.tablica{
	width: auto;max-width: 600px;
	
	border: 8px solid #A4C268;
	
	min-width: 270px;
	background: #B9D77D;
}
.blokButton{
    display: flex;flex-direction:row; background: #A4C268;
    
}
.sectionButton{
	display: flex;width: 50%;background:#A4C268;
}
.nomerButton{
width: 33.33%;margin: 1px;
font-weight: bold; color: Blue;background: #f0f0f1;
}

.spanProgresBar{display: block; background: #C1FFC7;width: 5%;height: 11px;}


.counter__result{
	display: flex;
	justify-content: space-around; 
	width:100%;
	}
.counter__result-item{
	
	color: black;
	text-align:center;
	}
.counter__result-item input{
	padding:0 8px;
	font-size:28px;
	text-align: center;
	background:#fff;
	border-radius: 5px;
	border:solid 1px #FFFFFF;
	
	}
  input[type='number'] {
    -moz-appearance:textfield;
}
 #res::-webkit-outer-spin-button,
 #res::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 

}

    #table { max-width: 615px;width: 100%; border-collapse: collapse; height: auto;
   margin-bottom: 20px;background: white;}
    #table thead tr, #table tfoot tr, .Green {font-size: 14px;   color: #3714FF; font-weight: bold; background: #B2DC61;}
    #table thead tr td, #table tfoot tr td {font-size: 14px; padding-bottom: 4px; padding-top: 4px; border: 1.5px solid blue;text-align: center;}
    
    #table tbody tr td {font-size: 14px; font-weight: bold; border: 1.5px solid blue;padding-left: 2px;padding-right:2px;padding-bottom: 4px; padding-top: 4px; text-align: center;}
    #table tbody tr{background: white;}
    #table tbody tr td:hover {color: #3714FF;  background: #B2DC61;}
    #table .TdZero{width: 5px;border: 0;background: white;}

    .success{
    background: #0FC0FC;color: white;  
    }

@media (max-width: 560px){
	.blokButton{
        flex-flow: column;
	}
	.sectionButton{
	    display: flex;width: 100%;
	    margin-bottom: 1px;
    }
	.nomerButton{
        width: 33.33%;
    }

    .counter__result{
		flex-direction: column;
		width:100%;
		
		}
	.counter__result-item{
	    text-align:right;
	    margin: 2px;
	    }
    
}



.oms_definition{
  max-width: 615px;
  font-size:20px;
  background: #B2DC61;
  margin-bottom: 20px;
  border-radius: 10px;
   box-shadow: 0px 0px 10px #5C7132 inset;
  
}

.art{
  text-align: center;color: #3714FF;padding: 10px;
}


input.mvect{
  
  height: 26px;
  font-size: 18px;
  text-align: right;padding-right: 5px;
  outline:none;
  border: none;
  }
  input.mvect:focus{
    outline:none;
  }

/* Chrome, Safari, Edge, Opera */
input.mvect::-webkit-outer-spin-button,
input.mvect::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
 
/* Firefox */
input.mvect[type=number] {
  -moz-appearance:textfield;
}