.wrapper{
  background: white;
	max-width: 1260px;
    width: 98%;padding: 1%;
    height: auto;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  
}

h2{
  margin-left: 20px;
  margin-right: 20px;
}

main{
    width: 100%;
}
.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;
}

.wrapper_left{
  width: 70%;
   height: auto;
  float: left;
}

.sodershimoe_img{
  margin-left:20px;
  margin-bottom:  -20px;
}
.sodershimoe{
  border: 2px solid #B2DC61;
  margin-bottom: 20px;padding: 10px;
  border-radius: 8px;
}
.sodershimoe>ol>li{
  margin-top: 10px;
  margin-left:30px;
}
.sodershimoe>ol>li>a{
  font-size: 18px;
  text-decoration: none;
}


.oms_definition{
  
  height: auto;
  margin: 0 auto;
  color: black;
  padding:10px;
  font-size:22px;
  background: #B2DC61;
  margin-bottom: 20px;
  border-radius: 10px;
   box-shadow: 0px 0px 10px #5C7132 inset;
  
}

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


input.mvect{
  width: 25%;
  max-width: 140px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 18px;
  text-align: center;
  border-bottom:1px solid #F4F4F4;border-left:1px solid #E0E0E0;border-radius:5px;border-right:1px solid #E0E0E0;border-top:1px solid #C0C0C0;box-shadow:0px 1px 1px #C9C9C9 inset;}
    table { width: 100%; border-collapse: collapse; height: auto;
  margin: 0 auto; margin-bottom: 20px;}
    table thead tr {font-size: 18px;   color: #3714FF; font-weight: bold; background: #B2DC61;}
    table thead tr td {font-size: 18px; padding-bottom: 8px; padding-top: 8px; border: 1.5px solid blue;text-align: center;}
    
    table tbody tr td {font-size: 16px; border: 1.5px solid blue;padding-left: 5px;padding-right:5px; text-align: center;}
    table tbody tr:nth-child(2n) {background: #f4f4f4;}
    table tbody tr:hover {background: #D5FFD9;}
    .success{
    background: #F6CEF7;  
    }






aside{
    width: 27%;
    height: auto;
    float: right;
}
aside ol{
  padding-left: 25px;
}
aside li{
  margin: 10px;
}
aside a{
  text-decoration: none;
  font-size: 18px;
}
.aside_listing{
    width: 100%;
    height: auto;
    border-top-width: 50px;
    border-radius: 10px;
   box-shadow: 0px 0px 10px #82A046 inset;
    margin-bottom: 15px;
    margin-top: 18px;
    float: left;
}


.aside_listing_top_text{
  border-top-right-radius: 8px;
  border-top-left-radius:8px;
  background: #B2DC61;
  text-align: center;
  font-size: 16px;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 10px;
}




@media (max-width: 992px){
  .wrapper_left{
    display: block;
    margin-bottom:2%;
    width: 100%;
    float: none;
  }
  aside{
    display: block;
    width: 100%;
    float: none;
  }
  .aside_listing{
    margin-top: 0;
  }
}

@media (max-width: 768px){
  .wrapper{
		
		float: none;
	}
 
  

	main{
		width: 100%;
		float: none;
	}
 
  .listing_more{
      display: block;
      width: 100%;
        float: none; 
   }
    .listing_img_formela_left{
        width: 95%;
        margin: 0 auto;
        border-bottom: 2px solid #B2DC61;
        
  }
    .listing_img_formela_left>img, .listing_formyla{
   	margin: 0 auto;
        width: 95%;
       float: none;
       display: block; 
  }
  .listing_group_right{
       display: block;
        width: 95%;
        float: none;
        margin: 0 auto;
        padding-bottom: 20px;
   }

  .modal-dialog{
    width: 93%;
  }

}

@media (max-width: 578px){
   .wrapper_left_listing img{
   margin: 0 auto;
        width: 95%;
    max-width: 220px;
  max-height: 222px;   
  }
  .listing_control_right{
   display: block;
      margin: 0 auto; 
      margin-top: 25px; 
      width: 90%; 
    
  }

 
  .listing_control_label_right{
    
     width: 100%;
    margin: 0 auto;
    margin-bottom: 3px;

  } 
  .listing_control_select_right{
    float: right;
     width: 35%;
    margin: 0 auto;
    
  }
  .listing_control_input_right{
    float: left;
     width: 50%;
    margin-left: 15px;    
  }
  
  .listing_control_label_right{
    text-align: left;
  }
  .listing_rezyltat_button{

  }
}



.back_to_top {
  position: fixed;
  bottom: 180px;
  right: 40px;
  z-index: 9999;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: #f5f5f5;
  color: #444;
  cursor: pointer;
  border-radius: 2px;
  display: none;font-size: 25px;
}

.back_to_top:hover {
  background: #e9ebec;
}

.back_to_top-show {
  display: block;
}