a.data-tab {
    position: relative;
    background-color: #fffe;
    color: rgba(0,0,0,.8);
    border-color: #d4d4d5;
    font-weight: 700;
    margin-bottom: -1px;
    border-bottom: 1px solid #fff;
    box-shadow: none;
    border-radius: 5px 5px 0 0;
}

a.button1 {
/*topmenu*/
 opacity: 1;
 text-align: center;

#    border-color: #d4d4d5;
#    color: rgba(0,0,0,.8);

#    font-weight: 700;
#    margin-bottom: -1px;
#    border-bottom: 1px solid #fff;
#     border: 5px solid rgba(62,153,239,.5);
}
a.button1:hover {
#  opacity: 1;
}


a.button2 {
/* position: relative;*/
/* padding: calc(8px + 3px - 1px) calc(15px + 10px - 1px);*/
/* border: 1px solid rgba(62,153,239,.5);*/
/* opacity: 0.4;/*
}

a.button2:before {
 display: inline-block;
/*
 font-size: 10px;
 color: #fff;
 text-decoration: none;
 padding: 8px 15px;
 border-radius: 20px;
 border: solid rgb(4,88,192);
 border-width: 0px 0px;
 outline: none;*/
/* opacity: 0.8;*/
/* transition: .6s, opacity 0s 9999999s, visibility 0s 9999999s;*/
 /*background-image: url("../pcs/svg/agent.svg");*/
}
a.button2:hover {
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
/* background: #E6E6FA;*/
  opacity: 1;
text-decoration: none;
}
a.button2:focus,
a.button2:active {
/*
-webkit-transform: scale(1.1, 1.1);
 transform: scale(1.1, 1.1);*/
/*-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
 background: #E6E6FA;*/
}
a.button2:visited {
/*
 -webkit-transform: scale(2, 2);
 transform: scale(2, 2);
*/
}

a.button3 {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
    color: initial;
    }


input.button1_img_on {
/* opacity: 1;*/
}


input.button1_img_off {
/* opacity: 1;*/
}

input.button1_img_off:hover {
 opacity: 1;
    border-radius: 300px;
    
 border-color: #d4d4d5;
border: 1px #90C3D4 solid; /* стили рамки */
/* border-radius: 5px 5px 0 0;*/
box-shadow: 0 0 0 1px blue, 0 0 10px #333;
}




.rotate90 {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

.settings_profile {
 width: 80%;
 height: 80%;
 margin: 5px; /* не менее значения, указанного в box-shadow */
 border: black dashed 2px;
 border-radius: 4px;
 background: white;
 box-shadow: 0 0 0 5px white; /* тот же цвет, что и у background */
}

.ugolkrug{
width:100%; /* Длина фигуры */
/*height:500px; /* Высота фигуры */*/
height:100%; /* Высота фигуры */
color: #009FD4; /* цвет текста */
padding: 1%;
background: #FFFFFF; /* фон блока */
border-color: #FFFFFF;
border: 3px #90C3D4 solid; /* стили рамки */
-moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
-webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
-khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
border-radius: 10px; /* закругление углов для всех, кто понимает */
}




.ugolkrug_inv{
width:95%; /* Длина фигуры */
height:100%; /* Высота фигуры */
}


.ugolkrugB{
width:100%; /* Длина фигуры */
/*height:500px; /* Высота фигуры */*/
height:100%; /* Высота фигуры */
color: #009FD4; /* цвет текста */
text-align: center;
/*padding: 10%;*/
/*font-size: 500%;*/
/*opacity: 0.5;*/
/*background:#FFFFFF; /* фон блока */*/
background: #000000; /* фон блока */
border-color: #FFFFFF;
border: 3px #90C3D4 solid; /* стили рамки */
-moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
-webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
-khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
border-radius: 10px; /* закругление углов для всех, кто понимает */
}

.pinpass{
width:100%; /* Длина фигуры */
/*height:500px; /* Высота фигуры */*/
height:100%; /* Высота фигуры */
color: #009FD4; /* цвет текста */
text-align: center;
/*padding: 10%;*/
/*font-size: 500%;*/
/*opacity: 0.5;*/
/*background:#FFFFFF; /* фон блока */*/
background: #000000; /* фон блока */
border-color: #FFFFFF;
border: 3px #90C3D4 solid; /* стили рамки */
-moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
-webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
-khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
border-radius: 10px; /* закругление углов для всех, кто понимает */
}



.ugolkrugC{
width:50%;
height:100%;
color: red;
font-size: 10vw;
text-align: center;
border-color: #FFFFFF;
border: 3px #90C3D4 solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius:10px;
border-radius: 10px;
}

.tbl_det{
width:100%;
font-size: 4vw;
text-align: center;
border-color: #FFFFFF;
border: 3px #90C3D4 solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius:10px;
border-radius: 10px;


.stts{
width:95%; 
height:70%;
font-size: 200%;
color: #90C3D4; 
padding: 1%;
background: #FFFFFF;
border-color: #FFFFFF;
border: 3px #90C3D4 solid; /* стили рамки */
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius:10px; 
border-radius: 10px; 
}

a.menulnk{
color: #90C3D4;
text-decoration: none;
#opacity: 0.4;
}

a.menulnk:hover{
color: #90C3D4;
text-decoration: none;
#opacity: 0.8;
}

a.menulnk:visited{
color: #90C3D4;
text-decoration: none;
#opacity: 0.8;
}


.subm_but1{
width:12%; 
height:15%;
top: 29%;
position: absolute;
left:44%; /*отступ div слева от края */
font-size: 350%;
text-align:center;
/*box-sizing: border-box;*/
padding: 10px;
color: #FFFFFF; 
/*padding: 1%;*/
background: #000000;
border-color: #FFFFFF;
border: 2px #CCCCCC solid;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius:10px; 
border-radius: 10px; 
#opacity:0.4
}

.subm_but1:hover{
#opacity: 0.8;
}