@font-face{
font-family:inter;
src:url(/fonts/Inter-Regular.woff2) format('woff2'),url(/fonts/Inter-Regular.woff) format('woff');
font-weight:400;
font-style:normal;
}
@font-face{
font-family:inter;
src:url(/fonts/Inter-Medium.woff2) format('woff2'),url(/fonts/Inter-Medium.woff) format('woff');
font-weight:500;
font-style:normal;
}
@font-face{
font-family:inter;
src:url(/fonts/Inter-Bold.woff2) format('woff2'),url(/fonts/Inter-Bold.woff) format('woff');
font-weight:700;
font-style:normal;
}
html, body{
padding:0;
margin:0;
font-family:inter;
font-style:normal;
font-weight:400;
font-size:16px;
background-color:#f2f2f2;
color:#333;
}
html{
scroll-behavior: smooth;
}
a{
text-decoration:none;
color:#075ee5;
}
.clear{
clear:both;
}
.hidden{
display:none;
}
#header{
height:50px;
background-color:#fff;
border-bottom:1px solid #e7e8ec;
}
#header_cont{
width:1200px;
height:50px;
margin:0 auto;
max-width:100%;
position:relative;
}
#logo{
position:absolute;
top:5px;
left:10px;
height:40px;
}
#cont{
width:1138px;
max-width:calc(100% - 60px);
min-height:calc(100vh - 242px);
padding:50px 30px;
margin:20px auto;
background-color:#fff;
border:1px solid #e7e8ec;
border-radius:10px;
}
.zayavka{
padding:20px;
margin: 20px 0;
border:1px solid #e7e8ec;
position:relative;
border-radius:10px;
}
.zayavka .status{
position:absolute;
top:20px;
right:20px;
padding:4px 6px;
background-color:#d5ffdb;
border:1px solid #b2ffbd;
font-size:13px;
color:#555;
border-radius:5px;
}
.zayavka .status_zak{
background-color:#ebebeb;
border:1px solid #dddddd;
}
.zayavka .title{
color:#000;
font-weight:bold;
margin-bottom:15px;
width:calc(100% - 80px);
}
.zayavka .text{
margin-bottom:25px;
}
.zayavka .podrobnee{
position:absolute;
bottom:20px;
right:20px;
text-decoration:none;
color:#0066ff;
}
.zayavka_full{
margin-bottom:40px;
position:relative;
}
.zayavka_full img{
max-width:100%;
display:block;
margin:20px auto;
}
.comment{
max-width:calc(45% - 30px);
display:inline-block;
padding:15px;
position:relative;
font-size:15px;
background-color:#e2f6ff;
box-shadow:0 0 2px #aaa;
border-radius:10px;
margin-bottom:15px;
min-width:240px;
}
.comment .name{
font-weight:bold;
margin-bottom:10px;
}
.comment .time{
position:absolute;
top:15px;
right:15px;
font-size:14px;
color:#777;
}
.comment .text{
margin-bottom:15px;
}
.comment .imgs img{
display:inline-block;
height:70px;
margin-right:10px;
border-radius:5px;
}
.my_comment{
float:right;
background-color:#d3ffcb;
}
.zayavka_form{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
margin-bottom:15px;
}
.zayavka_form .left{
width:50%;
}
.zayavka_form .right{
width:40%;
}
.zayavka_form .left textarea{
display:block;
padding:10px;
width:calc(100% - 22px);
height:100px;
}
.img_icon, .output{
display:inline-block;
max-width:30%;
margin-right:2%;
cursor:pointer;
margin-top:10px;
height:70px;
}
.button{
display:inline-block;
padding:8px 15px;
border:none;
color:#fff;
font-size:16px;
background-color:#51aeff;
border-radius:5px;
cursor:pointer;
}
#forma_komm{
margin:30px 0;
}
#forma_komm textarea{
width:calc(100% - 95px);
margin: 0 20px 20px 0;
padding:10px;
height:50px;
}
#send_mes{
display:inline-block;
width:50px;
margin: 0 0 35px 0;
cursor:pointer;
opacity:0.75;
}
#send_mes:hover{
opacity:1;
}
#forma_komm .img_icon, #forma_komm .output{
height:50px;
}
.error{
color:#e10000;
margin-top:20px;
}
textarea{
border-radius:5px;
}
.form{
margin:20px auto;
width:500px;
max-width:90%;
}
.form input[type=text], .form input[type=password]{
display:block;
padding:5px 8px;
border:1px solid #aaa;
border-radius:5px;
margin-bottom:20px;
width:calc(100% - 20px);
height:22px;
}
#aut{
text-align:center;
padding-top:50px;
}
.form_aut{
width:300px;
max-width:90%;
}
#logout{
position:absolute;
top:8px;
right:10px;
width:36px;
opacity:0.9;
}
#logout:hover{
opacity:1;
}
.add_zayavka{
float:right;
margin-bottom:20px;
margin-top:-48px;
font-size:15px;
}
.center{
text-align:center;
}
#filtr{
margin-bottom:60px;
}
#filtr input, #filtr select, #otv_filtr{
display: inline-block;
padding: 8px;
margin-right:10px;
border-radius:5px;
border:1px solid #ddd;
font-size:16px;
}
#otv_filtr{
position:relative;
}
#otv_filtr .sotr{
position:absolute;
top:calc(100% - 1px);
left:-1px;
padding:8px;
width:calc(100% - 16px);
background-color:#fff;
border:1px solid #ddd;
border-top:0px;
border-radius:0 0 5px 5px;
z-index:100;
display:none;
}
#otv_filtr>span{
cursor:pointer;
}
#otv_filtr .sotr label{
display:block;
margin-bottom:5px;
cursor:pointer;
}




@media screen and (max-width:780px){

#send_mes{
width:40px;
margin: 0 0 38px 0;
}
#forma_komm textarea{
width: calc(100% - 85px);
}

}