* { margin: 0; padding: 0; }
body
{  
    
    font-family: 'ofont.ru_Myriad Pro';
    background-color: #19072C;
        
}
@font-face{

    font-family: 'ofont.ru_Myriad Pro';
    src: url('../fonts/ofont.ru_Myriad Pro.ttf') format('truetype');
    
    font-weight: normal;
    font-style: normal;
    
    }

@font-face{

    font-family: 'ofont.ru_Myriad Pro r';
    src: url('../fonts/ofont.ru_Myriad Pro r.ttf') format('truetype');
    
    font-weight: normal;
    font-style: normal;
    
    }
  





.vac
  {       
         
    background-color: #394551;
   
    font-size: 12.5pt;

    text-align: center;
    color: #fff;
     padding: 18px 0;
   
  }






.telo
{ 
  width: 900PX;
background-color: #fff;
margin-left:   auto ;
margin-right:   auto ;
border-radius: 40px;
  }


















.text {
  padding: 20px 10%; 
  color: #000;

}
.text p
{
  font-size:15pt;

}






.cent
{text-align: center;
margin: 20PX 0; 
font-size: 15pt;
}







 input {
border-bottom-style: solid;
border-top-style: hidden;
border-right-style:hidden;
border-left-style: hidden;
background: white;
margin: 10px;
margin-top: 30px;
width: 100px;
color: #6a5acd;
padding: 10px;
position: center;
border-radius: 10px;

font-size: 10pt;
}


label input {
border-bottom-style: solid;
border-top-style: hidden;
border-right-style:hidden;
border-left-style: hidden;
background: white;
margin: 10px;
margin-top: 30px;
width: 200px;
color: #6a5acd;
padding: 10px;
position: center;
border-radius: 10px;
}






 .button {

  margin: 10px;
width: 100px;
margin: 100px;
width: 20px;
color: #6a5acd;
padding: 10px;
position: center;
    background-color:  #20152c; 
    border: none;
    color: white;
    padding: 8px 16px;
    margin: 15px 0;
    text-align: center;
    text-decoration: none;

    font-size: 8pt;

    cursor: pointer;

    border-radius: 80px;
}

input:hover
{background-color:  #C0C0C0; }

.kn3:
{background-color:  #FFF; }
.kn3:hover
{background-color:  #C0C0C0; }
.kn3:active 
{background-color:    #808080; }

.vxod
{background-color: #6a5acd;
color:  #FFF;    }

.vxod:hover
{background-color:  #4b3aba; }
.vxod:active 
{background-color:  #3b2e94; }

  
.closs
{background-color: #6a5acd;
color:  #20152c;

}



.errorpass
{
  position: left;
  color: red;
  font-size: 12px;
  
  display: none;

}



@media (min-width: 0px) and (max-width: 1000px) {

.vac
{
margin-bottom: 50px;
padding: 34px 0px;
}
.telo
{ margin: 0 0 15px 0px;

  width: 100%;
background-color: #fff;


}


  

  .teloact
{  
 width: 100%;
  }

}

.al2
{padding-bottom: 10px;}

.al
{padding-bottom: 40px;}

.textteor
{
  padding:0 10% 20px 10% ; 

  margin-top: 10px;
  color: #000;

  font-size: 22px;
  font-family: 'ofont.ru_Myriad Pro r';
}


.textteor .cent
{font-size: 26px;
font-family: 'ofont.ru_Myriad Pro';}

.textteor .zag
{font-size: 36px;
font-family: 'ofont.ru_Myriad Pro';}


.textteor p
{ padding-bottom: 10px; 
padding-top: 10px;
}


.textteor  img 
{ width: 100%; }

.prim
{

  background-color: #6a5acd; 
}

.primcentr
{
  margin: 1px 1px 1px 10px; 
  padding: 5px 5px 5px 15px; 

background-color: #e6e6e6;
}








.car
{ 
  
  
  border-radius: 40%;
   
   
   display: inline-block;
    background-color: #fff;
 
padding: 30px;
  vertical-align: center;
 border-radius: 7px;


 color: #000;
  text-decoration: none;
}



  .car:hover
{
    background-color: #4b3aba;
    color: #fff;
    text-decoration: none;
}



.car:active 
{background-color:  #3b2e94;
color: #fff;
    text-decoration: none; }



.mivse
{ display: inline-block;
  
  border-radius: 10px;
  padding: 3px;
  margin: 3px;

   background-color: #6a5acd;
 
  vertical-align: top;
  
text-align: center;
}







.prim4
{
border-radius: 10px;
  background-color: #6a5acd;
  margin-top: 50px; 
}

.prim3
{



border-radius: 10px;
  background-color: #fff;
  margin-top: -22px; 






}


.prim3 p
{


  margin-left:  -50px;


}



.prim2_Teor
{
border-radius: 10px;
  background-color: #4b3aba; 
}

.prim2_Test
{
border-radius: 10px;
  background-color: #3b2e94; 
}

.primcentr2
{

  border-radius: 10px;
  margin: 5px 0px 5px 10px; 
  padding: 5px 0px 15px 15px; 

background-color: #fff;
}

.primcentr3
{

  border-radius: 10px;
  margin: 5px 0px 5px 10px; 
  padding: 5px 0px 15px 15px; 

background-color: #fff;
}















.prim4_
{
border-radius: 10px;
  background-color: #ff6666;
  margin-top: 50px; 
}

.prim3_
{



border-radius: 10px;
  background-color: #fff;
  margin-top: -22px; 






}


.prim3_ p
{


  margin-left:  -50px;


}



.prim2_Teor_
{
border-radius: 10px;
  background-color: #ff5029; 
}

.prim2_Test_
{
border-radius: 10px;
  background-color: #f52d00; 

}




.car_
{ 
  
  
  border-radius: 40%;
   
   
   display: inline-block;
    background-color: #fff;
 
padding: 30px;
  vertical-align: center;
 border-radius: 7px;


 background-color:  #f52d00;
color: #fff;
    text-decoration: none;
}
.mivse_
{ display: inline-block;
  
  border-radius: 10px;
  padding: 3px;
  margin: 3px;

   background-color: #ff6666;
 
  vertical-align: top;
  
text-align: center;
}


.prof
{ 
  
 
display: inline-flex;;
  
 
  
}

.prof img
{  width: 150px;
height: 150px;



}

.prof p {
   display: inline-block;
   margin-left: 20px;
   padding-top: 50px; 

   padding-bottom: 100px; 

}



























.scroll-table-body {
  height: 300px;
  overflow-x: auto;
  margin-top: 0px;
  
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.scroll-table table {
  width:100%;
  table-layout: fixed;
  border: none;
}
.scroll-table thead th {

  font-weight: bold;
  text-align: left;
  border: none;
  padding: 10px 15px;
  background: #6a5acd;
  font-size: 14px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.scroll-table tbody td {
  text-align: left;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 10px 15px;
  font-size: 14px;
  vertical-align: top;
}
.scroll-table tbody tr:nth-child(even){
  background: #f3f3f3;
}








 
/* Стили для скролла */
::-webkit-scrollbar {
  width: 6px;
} 
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #6a5acd; 
} 
::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px #6a5acd; 
}




[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #000;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #6a5acd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #6a5acd;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}