.dropbtn {
    background-color: #ECECEC;
    color: #ca0000;
    padding: 16px;
    border: none;
}

/* Контейнер <div> - необходим для размещения выпадающего содержимого */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Выпадающее содержимое (скрыто по умолчанию) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Ссылки внутри выпадающего списка */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Изменение цвета выпадающих ссылок при наведении курсора */
.dropdown-content a:hover {background-color: #ddd;}

/* Показать выпадающее меню при наведении курсора */
.dropdown:hover .dropdown-content {display: block;}

/* Изменение цвета фона кнопки раскрывающегося списка при отображении содержимого раскрывающегося списка */
.dropdown:hover .dropbtn {background-color: #ECECEC;}



.input-error{
    border: red solid 1px;
}

.text-error {
    color: #6e0505;
    font-weight: 700;
}
.bg-error {
    background-color: #eeb2b2;
    font-weight: 700;
}
.link-disabled{
    pointer-events: none;
}

  body, div, td, th, p, a, ul, li, h1, h2, h3, h4, h5, h6, form, input, select, textarea {
	color : #777777;
	font-family : Tahoma, Geneva, Arial, Helvetica, Verdana, sans-serif;
	font-size : 11px;
    font-weight: normal;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

table {border: 0px none #FFFFFF; border-collapse: collapse;}
td,th {margin: 0px; padding: 0px; border: 0px;}
img {border: 0px none #FFFFFF;}

fieldset {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

legend {color: #990000; font-size : 12px;}
.blund {text-decoration: underline; color: #0000CC;}
.blund:visited {text-decoration: underline; color: #330066;}

.lt {text-align: left; vertical-align: top;}
.lm {text-align: left; vertical-align: middle;}
.lb {text-align: left; vertical-align: bottom;}
.ct {text-align: center; vertical-align: top;}
.cm {text-align: center; vertical-align: middle;}
.cb {text-align: center; vertical-align: bottom;}
.rt {text-align: right; vertical-align: top;}
.rm {text-align: right; vertical-align: middle;}
.rb {text-align: right; vertical-align: bottom;}
.jt {text-align: justify; vertical-align: top;}

.w5 {width: 5px;}
.w10 {width: 10px;}
.w12 {width: 12px;}
.w15 {width: 15px;}
.w20 {width: 20px;}
.w30 {width: 30px;}
.w47 {width: 47px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w79 {width: 79px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w95 {width: 95px;}
.w100 {width: 100px;}
.w110 {width: 110px;}
.w120 {width: 120px;}
.w130 {width: 130px;}
.w138 {width: 138px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w160 {width: 160px;}
.w170 {width: 170px;}
.w180 {width: 180px;}
.w190 {width: 190px;}
.w200 {width: 200px;}
.w206 {width: 206px;}
.w210 {width: 210px;}
.w220 {width: 220px;}
.w230 {width: 230px;}
.w240 {width: 240px;}
.w250 {width: 250px;}
.w255 {width: 255px;}
.w260 {width: 260px;}
.w270 {width: 270px;}
.w275 {width: 275px;}
.w280 {width: 280px;}
.w290 {width: 290px;}
.w300 {width: 300px;}
.w310 {width: 310px;}
.w320 {width: 320px;}
.w330 {width: 330px;}
.w340 {width: 340px;}
.w350 {width: 350px;}
.w340 {width: 340px;}
.w378 {width: 378px;}
.w380 {width: 380px;}
.w400 {width: 400px;}
.w410 {width: 410px;}
.w430 {width: 430px;}
.w470 {width: 470px;}
.w480 {width: 480px;}
.w450 {width: 450px;}
.w500 {width: 500px;}
.w530 {width: 530px;}
.w540 {width: 540px;}
.w550 {width: 550px;}
.w560 {width: 560px;}
.w570 {width: 570px;}
.w600 {width: 600px;}
.w610 {width: 610px;}
.w620 {width: 620px;}
.w640 {width: 640px;}
.w650 {width: 650px;}
.w660 {width: 660px;}
.w670 {width: 670px;}
.w745 {width: 745px;}
.w700 {width: 700px;}
.w750 {width: 750px;}
.w800 {width: 800px;}
.w850 {width: 850px;}
.w900 {width: 900px;}
.w910 {width: 910px;}
.w950 {width: 950px;}
.w950 {width: 950px;}
.w960 {width: 960px;}
.w970 {width: 970px;}
.w980 {width: 980px;}
.w1000 {width: 1000px;}
.w1020 {width: 1020px;}
.w1050 {width: 1050px;}
.w1100 {width: 1100px;}
.w1200 {width: 1200px;}
.w1300 {width: 1300px;}
.w1400 {width: 1400px;}
.w1500 {width: 1500px;}
.wall {width: 100%;}

.h5 {height: 5px;}
.h10 {height: 10px;}
.h20 {height: 20px;}
.h22 {height: 22px;}
.h25 {height: 25px;}
.h30 {height: 30px;}
.h40 {height: 40px;}
.h50 {height: 50px;}
.h60 {height: 60px;}
.h70 {height: 70px;}
.h76 {height: 76px;}
.h80 {height: 80px;}
.h100 {height: 100px;}
.h150 {height: 150px;}
.h180 {height: 180px;}
.h200 {height: 200px;}
.h250 {height: 250px;}
.h300 {height: 300px;}
.h400 {height: 400px;}
.h410 {height: 410px;}
.h500 {height: 500px;}
.h600 {height: 600px;}
.h648 {height: 648px;}
.h700 {height: 700px;}
.hall {height: 100%;}

.p5 {padding: 5px;}
.p10 {padding: 10px;}
.pv10 {padding-top: 5px; padding-bottom: 10px;}
.m5 {margin: 5px;}


.but90 {
    cursor: hand; cursor: pointer;
}
.but150 {cursor: hand; cursor: pointer; }
.but200 {cursor: hand; cursor: pointer; }
.butp {cursor: hand; cursor: pointer;}

.red {color: #CC0000;}
.s11 {font-size: 11px;}
.r12 {color: #CC0000; font-size: 12px;}
.r14 {color: #CC0000; font-size: 14px;}
.r16 {color: #CC0000; font-size: 16px;}
.r18 {color: #CC0000; font-size: 18px;}
.g14 {color: #666666; font-size: 14px;}
.g16 {color: #666666; font-size: 16px;}
.g18 {color: #666666; font-size: 18px;}
.bld {font-weight: bold;}
.gray {background-color: #ECECEC;}
.yel {background-color: #ECDD99;}
.c9{color : #999999;}

.clientText {
    font-weight: bold; color: #030344
}
.gb {border: 1px solid #999999;}
.gbt {border-top: 1px solid #999999;}

.ovauto {overflow: auto;}
.overhid {overflow: hidden;}
.shide {display: none;}
.hidfiltr {position: absolute; visibility: hidden; overflow: auto; z-index: 190; background: #FFFFFF; border: 1px solid #CC0000; width: 160px; height: 200px; text-align: center; padding: 10px;}

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
    color: initial;
    padding: 2px;
    font-family: verdana; font-size: 12px; color:black
}

table.t-hover tr:hover {
    background: #CCCCCC;
}

body {
    margin: 0;
    height: 100%;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.content {
    flex: 1 0 auto;
}

.footer {
    flex: 0 0 auto;
}

.topnav {
    overflow: hidden;
    border: black;
}

.topnav a {
    float: left;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    border: 1px solid #989898;

}

.topnav a:hover {
    background-color: #ddd;
    color: black;
}

.topnav a.active {
    background-color: #cbc9c9;
    color: #ca0000;
}