.content dialog{
    position: absolute;
    width: 100px;
    height: 100px;
    margin: 40%;
    background-color: aqua;
}

body{
    background-color: rgb(1, 20, 27);
}
/* Навигация */
header{
    font-size: 16px;
    font-family: Verdana;
    top: 0;
    position: sticky;
    height: 5%;
    min-width: 100%;
    background-color:  rgb(255, 102, 0);
    text-align: center;
    z-index: 100;
}

ul{
    list-style: none;
    padding: 1%;
}

li a{

    transition: 0.5s;
    font-size: 20px;
    padding: 10px;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

li a:hover{
    transition: 0.5s;
    color: aliceblue;
    text-decoration: none;
    background-color: rgb(1, 20, 27);
    border-radius: 5px;
    margin: 2%;

}

li{
    display: inline;
}

.content a.edit_information img{
    transition: 0.3s;
    content: url('images/edit.png');
    width: 30px;
    height: 30px;
}

.content a.edit_information img:hover{
    transition: 0.3s;
    width: 35px;
    height: 35px;
    content: url('images/edit_active.png');
}

.content a.print_information img{
    transition: 0.3s;
    content: url('images/print1.png');
    width: 30px;
    height: 30px;
}

.content a.print_information img:hover{
    transition: 0.3s;
    width: 35px;
    height: 35px;
    content: url('images/print1_active.png');
}

.content a.delete_information img{
    transition: 0.3s;
    content: url('images/delete.png');
    width: 30px;
    height: 30px;
}
.content a.delete_information img:hover{
    transition: 0.3s;
    width: 35px;
    height: 35px;
    content: url('images/delete_activate.png');
}


a.create_information img{
    transition: 0.3s;
    content: url('images/create.png');
    text-align: center;
    width: 90%;
    height: 90%;
}

a.create_information img:hover{
    transition: 0.3s;
    content: url('images/create_active.png');
    width: 110%;
    height: 100%;
}

a.add_information{
    transition: 0.3s;
    content: url('images/add.png');
    margin-right: 10px;
    width: 30px;
    height: 30px;
}

a.add_information:hover{
    transition: 0.3s;
    content: url('images/add_active.png');
}


/* Навигация */

.description{
    color: white;
    font-family: Verdana;
    background-color: rgb(255, 102, 0);
    width: 25%;
    text-align: center;
    font-size: 20px;
    padding: 7px 1% 10px 1%;
    margin-bottom: 1%;
    border-radius: 0% 0% 50% 50%;
}

.creates{
    top: 6%;
    position: sticky;
    min-width: 10%;
    padding: 50% 0 0 30%;
}
main{
    position: relative;
    height: auto;
    width: 100%;
    background-color: rgb(1, 20, 27);
}

.main_content{
    margin-top: 1%;
}

.aside_left{
    position: relative;
    background-color: rgb(1, 20, 27);
    height: auto;
    width: 5%;
    min-width: 5%;
}
.aside_right{
    background-color: rgb(1, 20, 27);
    height: auto;
    width: 6%;
}
.container{
    display: flex;
    min-height: calc(100vh - 60px);
}
footer{
    background-color: rgb(2, 33, 43);
    height: 60px;
    width: 100%;
}
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Для таблицы */
.for_table{
    max-width: 100%;
    width: 100%;
    position: relative;
}
.table {
    font-size: 13px;
    font-family: Verdana;
    display: table;
    padding-top: 10px;
    min-width: 100%;
    min-height: 10%;
    overflow: auto;
    border-collapse: collapse;
    
}
.table thead{
    position: sticky;
    height: 45px;
    /*min-height: 40px;*/
    top: 12%;
    background: rgb(1, 20, 27);
    outline: 5px solid rgb(255 102 0);
    outline-offset: -3px;
}
.table thead th {
    font-size: 15px;
    background: rgb(1, 20, 27);
	font-weight: normal;
	padding: 5px;
    color: #ffffff;
}
.table tbody td {
    padding: 5px;
	border-bottom: 3px solid rgb(2, 33, 43);
    background-color: none;
    color: rgb(255, 255, 255);
    text-align: center;
}
.table tbody tr:hover{
    background-color: rgba(255, 255, 255, 0.178);
}
/* Для таблицы */


.service{
    position: absolute;
    padding: 10px;
    height: auto;
    width: 30%;
}
.location{
    position: absolute;
    padding: 10px;
    left: 60%;
    height: auto;
    width: 40%;
}
.viability{
    position: absolute;
    padding: 10px;
    top: 30%;
    left: auto;
    height: auto;
    width: 30%;
}
.network{
    position: absolute;
    padding: 10px;
    top: 50%;
    left: auto;
    height: auto;
    width: 30%;
}
.activation{
    position: absolute;
    padding: 10px;
    top: 80%;
    left: 30%;
    height: auto;
    width: 40%;
    text-align: center;
}

span{
    position: relative;
    left: auto;
    text-align: center;
    padding: 10px;
    color: white;
}

/*Область контента для информации по АПС*/
.edit_form fieldset.inf_about_aps{
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 3%;
    color: #ffffff; 
    max-width: 100%;
    border-color: rgb(255, 102, 0);
}
.edit_form fieldset.inf_about_aps .avatar{
    float: left;
    margin-top: 1%;
    margin-left: 1%;
    width: 12%;
    height: 12%;
    content: url(images/avatar.png);
}
.edit_form fieldset.inf_about_aps legend{
    text-align: left;
    font-size: 23px;
    margin-left: 3%;
    border: 2px solid rgb(255, 102, 0);
    padding: 0.5%;
}
.edit_form fieldset.inf_about_aps span{
    display: inline-block;
    position: static;
    text-align: left;
    color: white;
}

.edit_form fieldset.inf_about_aps .first_part_content{
    position: static;
    padding: 0.1%;
    width: 100%;
}
.edit_form fieldset.inf_about_aps .first_part_content .normal_input{
    position: static;
    min-width: 10%;
    width: auto;
}
.edit_form fieldset.inf_about_aps .first_part_content select{
    font-size: 20px;
    min-width: 10%;
    width: auto;
}

.edit_form fieldset.inf_about_aps .second_part_content{
    display: inline-block;
    position: static;
    padding: 0.1%;
    width: 100%;
}
.edit_form fieldset.inf_about_aps .second_part_content select{
    font-size: 20px;
    min-width: 10%;
    width: auto;
}

.edit_form fieldset.inf_about_aps .third_part_content{
    position: static;
    height: auto;
    width: 100%;
}
.edit_form fieldset.inf_about_aps .third_part_content span{
    width: 100%;
}
.edit_form fieldset.inf_about_aps .third_part_content .edit_for_textarea{
    margin-top: 1%;
    margin-left: 0;
    height: 4%;
}

/*Область контента для информации по пользователю*/

.edit_form fieldset.inf_about_profile{
    margin-left: 37%;
    margin-right: 37%;
    margin-top: 3%;
    color: #ffffff; 
    max-width: 100%;
    border-color: rgb(255, 102, 0);
}
.edit_form fieldset.inf_about_profile .avatar{
    position: static;
    float: left;
    margin-top: 1%;
    margin-left: 1%;
    width: auto;
    min-width: 25%;
    height: auto;
    min-height: 25%;
    content: url(images/avatar.png);
}
.edit_form fieldset.inf_about_profile legend{
    text-align: left;
    font-size: 23px;
    margin-left: 3%;
    border: 2px solid rgb(255, 102, 0);
    padding: 0.5%;
}
.edit_form fieldset.inf_about_profile span{
    display: inline-block;
    position: static;
    text-align: left;
    color: white;
}

.edit_form fieldset.inf_about_profile .first_part_content{
    position: static;
    padding: 0.1%;
    width: 100%;
}
.edit_form fieldset.inf_about_profile .first_part_content .normal_input{
    position: static;
    min-width: 20%;
    width: auto;
    border-bottom: none;
}


.edit_form fieldset.inf_about_profile .first_part_content select{
    font-size: 20px;
    min-width: 10%;
    width: auto;
}

.edit_form fieldset.inf_about_profile .second_part_content{
    display: inline-block;
    position: static;
    padding: 0.1%;
    width: 100%;
    appearance: none;
}
.edit_form fieldset.inf_about_profile .second_part_content .normal_input{
    position: static;
    min-width: 10%;
    width: auto;
    border-bottom: none;
}
.edit_form fieldset.inf_about_profile .second_part_content select{
    font-size: 20px;
    min-width: 10%;
    width: auto;
    border-bottom: none;
    appearance: none;
}

.edit_form fieldset.inf_about_profile .third_part_content{
    position: static;
    height: auto;
    width: 100%;
}
.edit_form fieldset.inf_about_profile .third_part_content span{
    width: 100%;
}
.edit_form fieldset.inf_about_profile .third_part_content span{
    width: 100%;
}


.edit_form{
    font-size: 20px;
    padding: 3px;
    font-family: Verdana;
}
.normal_input{
    font-size: 20px;
    width: 40%;
    border: none;
    margin-top: 10px;
    color: #ffffff;
    background-color: rgb(1, 20, 27);;
    border-bottom: 2px solid rgb(0, 189, 214);
}
.edit_for_textarea{
    overflow:hidden;
    border-color: rgb(0, 189, 214);
    font-size: 90%;
    font-family: Verdana;
    height: 80px;
    width: 100%;
    padding: 3px;
    margin-top: 10px;
    margin-left: 10px;
    color: #ffffff;
    background-color: rgb(1, 20, 27);;
    border-bottom: 2px solid rgb(0, 189, 214);
}
.button_for_edit{
    transition: 1s;
    position: absolute;
    top: 93%;
    left: 35%;
    height: auto;
    width: 30%;
    height: 4%;
    font-family: Verdana;
    font-size: 90%;
    color: #ffffff;
    background-color: rgb(255, 102, 0);
}
.button_for_edit:hover{
    transition: 1s;
    color: rgb(1, 20, 27);
    background-color: rgb(43, 255, 191);
}

select{
    font-size: 20px;
    width: 40%;
    border: none;
    margin-top: 10px;
    color: #ffffff;
    background-color: rgb(1, 20, 27);
    border-bottom: 2px solid rgb(0, 189, 214);
}
.create_new_user{
    margin-top: 10%;
    margin-left: 40%;
    margin-right: 40%;
    position: static;
    width: 20%;
}
/* .create_new_user a:hover{
    margin-top: 10%;
    margin-left: 40%;
    position: absolute;
    width: 500px;
} */
.button_for_create{
    transition: 1s;
    margin-top: 10%;
    top: 30%;
    left: 35%;
    height: auto;
    width: 100%;
    height: 40px;
    font-family: Verdana;
    font-size: 90%;
    color: #ffffff;
    background-color: rgb(255, 102, 0);
}
.button_for_create:hover{
    transition: 1s;
    color: rgb(1, 20, 27);
    background-color: rgb(43, 255, 191);
}

.create_new_user .normal_input{
    font-size: 20px;
    width: 100%;
    height: 40px;
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #ffffff;
    background-color: rgb(1, 20, 27);;
    border-bottom: 2px solid rgb(0, 189, 214);
}

.input_for_registation{
    font-size: 20px;
    width: 100%;
    height: 40px;
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #ffffff;
    background-color: rgb(1, 20, 27);;
    border-bottom: 2px solid rgb(0, 189, 214);
}

a.new_account{
    transition: 1s;
    text-decoration: none;
    color: rgb(255, 102, 0);
    margin-left: 30%;
    width: 70%;
    font-size: 15px;

}
a.new_account:hover{
    transition: 1s;
    color: rgb(43, 255, 191);
} 

/* Стили акта израсходованного ЗИП */
.blanck{
    background-color: #ffffff;
    height: 297mm;
    width: 210mm;
    margin: auto;
}
.blanck .edit_form{
    font-size: 20px;
    padding: 3px;
    font-family: Verdana;
    color: black;
    border: 0.5px solid black;
    height: 78%;
    margin-left: 3%;
    margin-right: 3%;
}
.blanck .edit_form span{
    position: relative;
    text-align: center;
    padding: 10px;
    color: rgb(0, 0, 0);
}
.blanck .logo img{
    position: relative;
    padding-left: 10%;
    padding-top: 3%;
    padding-bottom: 2%;
    width: 40%;

}
.blanck .edit_form .additional_information{
    position: relative;
    color: #000000;
    padding-left: 40%;
    padding-top: 0%;
    padding-bottom: 0%;
    font-size: 12px;
    font-family: 'Times New Roman';
    font-style: normal;
}
.blanck .edit_form .name_for_act{
    font-size: 21px;
    font-family: 'Times New Roman';
    color:black;
    text-align: center;
    padding-top: 1%;
    padding-bottom: 2%;
}
.blanck .edit_form .for_act_request_number_and_creation_time{
    text-align: center;
}
.blanck .edit_form .for_act_request_number_and_creation_time .normal_input{
    margin-top: auto;
    font-size: 14px;
    font-style: italic;
    font-family: 'Times New Roman';
    width: 13%;
    border: none;
    color: #000000;
    background-color: #ffffff;
    border-bottom: 1px solid rgb(0, 0, 0);
}
.blanck .edit_form .for_act_request_number_and_creation_time span{
    margin-top: auto;
    font-size: 14px;
    font-style: italic;
    font-family: 'Times New Roman';
    width: 40%;
    border: none;
    color: #000000;
}

.blanck .edit_form .for_act_location{
    left: auto;
    padding-top: 1%;
    text-align: left;
    padding-bottom: 2%;
}
.blanck .edit_form .for_act_location span{
    height: auto;
    font-size: 14px;
    font-family: 'Times New Roman';
}
.blanck .edit_form .for_act_location .normal_input{
    margin-top: 8px;
    padding-left: 2%;
    position: absolute; 
    font-size: 14px;
    font-family: 'Times New Roman';
    width: 515px;
    border: none;
    color: #000000;
    background-color: #ffffff;
    border-bottom: 0.5px solid rgb(0, 0, 0);
}

/*Первая таблица акта*/
.blanck .edit_form .for_act_table_one{
    left: auto;
    padding-top: 1%;
    text-align: left;
    padding-bottom: 2%;
    width: 100%;
    min-height: 20%;
}
.blanck .edit_form .for_act_table_one .new_span{
    padding-bottom: 2px;
    padding-left: 10px;
    font-size: 14px;
    font-family: 'Times New Roman';
}

.blanck .edit_form .for_act_table_one table{
    position: relative;
    padding-top: 10px;
    margin-left: 15px;
    min-width: 95%;
	border-collapse: collapse;
    text-align: center;
}

.blanck .edit_form .for_act_table_one table thead{
    position: static;
}

.blanck .edit_form .for_act_table_one table th{
	font-weight: bolder;
	padding: 5px;
	background: rgb(255, 255, 255);
	border: 0.5px solid rgb(0, 0, 0);
    color: #000000;
    font-size: 14px;
    font-family: 'Times New Roman';

}

.blanck .edit_form .for_act_table_one table td{
	font-weight: normal;
	padding: 5px;
	background: rgb(255, 255, 255);
	border: 0.5px solid rgb(0, 0, 0);
    color: #000000;
    font-size: 14px;
    font-family: 'Times New Roman';
}

.blanck .edit_form .for_act_table_one select{

    font-size: 14px;
    text-align: left;
    width: 35%;
    border: none;
    margin-top: 0px;
    color: #000000;
    background-color: rgb(255, 255, 255);
    font-family: 'Times New Roman';
}
.blanck .edit_form .for_act_table_one .for_serial_number{
    width: 100%;

}

.blanck .edit_form .for_act_table_one .for_serial_number select{
    appearance: none;
    width: auto; 
    text-align: center;
}

.blanck .edit_form .for_act_table_one .for_configuration_unit select{
    text-align: center;
    appearance: none;
    width: 100%;
}

.blanck .edit_form .for_act_table_one .completed_works .edit_for_textarea{
    resize: none;
    border-color: rgb(255, 255, 255);
    font-size: 90%;
    font-family: 'Times New Roman';
    font-size: 14px;
    width: 200px;
    height: 50px;
    padding: 17px;
    margin-top: 0px;
    margin-left: 0px;
    color: #000000;
    background-color: rgb(255, 255, 255);;
    border-bottom: 0px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
}




/*Вторая таблица акта*/
.blanck .edit_form .for_act_table_two{
    margin-bottom: 5%;
    left: auto;
    padding-top: 1%;
    text-align: left;
    padding-bottom: 2%;
}
.blanck .edit_form .for_act_table_two .for_act_table_one .for_material{
    width: 420px;
}

.blanck .edit_form .for_act_table_two .for_act_table_one select{
    appearance: none;
    font-size: 14px;
    text-align: center;
    width: 100%;
    border: none;
    margin-top: 0px;
    color: #000000;
    background-color: rgb(255, 255, 255);
    font-family: 'Times New Roman';
}

.blanck .edit_form .for_act_table_two .for_act_table_one .for_serial_number_of_material{
    width: 100px;
}

.blanck .edit_form .for_act_table_two .for_act_table_one .for_serial_number_of_material .edit_for_textarea{
    resize: none;
    padding: 11px;
    border-color: rgb(255, 255, 255);
    font-family: 'Times New Roman';
    font-size: 14px;
    width: 106%;
    height: 40px;
    margin: 0px;
    color: #000000;
    background-color: rgb(255, 255, 255);;
    border-bottom: 0px;
    text-align: center;
}
.blanck .edit_form .for_act_table_two .for_act_table_one .for_quantity{
    width: 80px;
}

.blanck .edit_form .for_act_table_two .for_act_table_one .for_quantity .normal_input{
    margin-top: 0px;
    padding: 0px;
    font-size: 14px;
    font-family: 'Times New Roman';
    text-align: center;
    width: 100%;
    height: 50px;
    border: none;
    color: #000000;
    background-color: #ffffff;
    border-bottom: 0;
}

.blanck .edit_form .for_date_of_completion span{
    height: auto;
    font-size: 14px;
    font-family: 'Times New Roman';
}

.blanck .edit_form .for_date_of_completion .normal_input{
    margin-top: auto;
    font-size: 14px;
    font-style: italic;
    font-family: 'Times New Roman';
    width: 13%;
    border: none;
    color: #000000;
    background-color: #ffffff;
    border-bottom: 1px solid rgb(0, 0, 0);
}

/*Для исполнителя*/
.blanck .edit_form .contractor_and_customer{
    position: relative;
    margin-top: 8%;
}
.blanck .edit_form .contractor_and_customer .for_performer{
    margin-left: 0px;
}
.blanck .edit_form .contractor_and_customer .for_performer .person{
    font-size: 14px;
    padding-left: 10%;
    font-family: 'Times New Roman';
    margin-bottom: 20px;
}
.blanck .edit_form .contractor_and_customer .for_performer span{
    font-size: 14px;
    font-family: 'Times New Roman';
    width: 200px;
    border: none;
    color: #000000;
}
.blanck .edit_form .contractor_and_customer .for_performer span .normal_input{
    font-size: 14px;
    font-family: 'Times New Roman';
    width: 200px;
    border: none;
    color: #000000;
    background-color: #ffffff;
    border-bottom: 1px solid rgb(0, 0, 0);
}
.blanck .edit_form .contractor_and_customer .for_performer .additional_information{
    padding-left: 8%;
    padding-top: 2%;
    padding-bottom: 0%;
}
/*Для исполнителя*/


/*Для заказчика*/
.blanck .edit_form .contractor_and_customer .for_customer{
    margin-top: -13%;
    margin-left: 50%;
}
.blanck .edit_form .contractor_and_customer .for_customer .person{
    font-size: 14px;
    padding-left: 30%;
    font-family: 'Times New Roman';
    margin-bottom: 20px;
}
.blanck .edit_form .contractor_and_customer .for_customer span{
    font-size: 14px;
    font-family: 'Times New Roman';
    width: 200px;
    border: none;
    color: #000000;
}
.blanck .edit_form .contractor_and_customer .for_customer span .normal_input{
    font-size: 14px;
    font-family: 'Times New Roman';
    width: 200px;
    border: none;
    color: #000000;
    background-color: #ffffff;
    border-bottom: 1px solid rgb(0, 0, 0);
}
.blanck .edit_form .contractor_and_customer .for_customer .additional_information{
    padding-left: 16%;
    padding-top: 2%;
    padding-bottom: 0%;
}
.blanck .edit_form .contractor_and_customer .for_customer .stamp{
    margin-top: 7%;
    margin-left: 65%;
    font-size: 14px;
    font-family: 'Times New Roman';
    font-style: normal;
}
/*Для заказчика*/

.material{
    max-width: 100%;
    width: 100%;
    position: relative;
    overflow-x: auto;
    text-align: center;
}
.material a.for_confluence{
    margin-bottom: 10%;
    transition: 0.7s;
    border-radius: 50%;
    margin-top: 10%;
    width: 30%;
    height: 30%;
    content: url(images/Confluence.png);
}
.material a.for_confluence:hover{
    transition: 0.7s;
    border-radius: 50%;
    margin-top: 10%;
    width: 40%;
    height: 40%;
    box-shadow: 10px 10px 10px 10px rgb(29, 120, 243);
    content: url(images/Confluence.png);
}

@media print{
    header{
        display: none;
    }
    .button_for_edit{
        display: none;
    }
    .description{
        display: none;
    }
    footer{
        display: none;
    }
    .aside_left{
        display: none;
    }
    .aside_right{
        display: none;
    }
    
}
#search{
    font-family: Verdana;
    font-size: 15px;
	border: 5px solid rgb(255, 102, 0);
    padding: 5px;
    width: 25%;
    height: 1%;
    background-color: rgb(1 20 27);
    color: rgb(255, 255, 255);
    text-align: left;
    display: block;
    position: sticky;
    top: 8%;
    z-index: 2;
    float: right;
    margin-right: 1%;
    margin-bottom: 3px;
}