@keyframes pulse {
  0% {
    color: #ebebeb;
  }
  100% {
    color: #aa0000;
  }
}


@font-face {
  font-family: 'Open Sans';
  src: url("/i/fonts/OpenSans-Regular.eot?v=1.1.0");
  src: url("/i/fonts/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/i/fonts/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("/i/fonts/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("/i/fonts/OpenSans-Regular.svg?v=1.1.0#OpenSansBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
font-family: 'Open Sans Light';
src: url("/i/fonts/OpenSans-Light.eot?v=1.1.0");
src: url("/i/fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/i/fonts/OpenSans-Light.woff?v=1.1.0") format("woff"), url("/i/fonts/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("/i/fonts/OpenSans-Light.svg?v=1.1.0#OpenSansBold") format("svg");
font-weight: 400;
font-style: normal;
}
#html,body	{height: 100%;}
body		{background:#f8f8f8; margin:0px; padding:0px}
table,div	{font-size:12px; color:black; font-family:"Open Sans",Tahoma,sans-serif; border:0px; border-collapse:collapse;}
#maindiv	{min-height:100%;}
a		{font-weight:bold; color:#01506d; text-decoration:none;}
a:hover		{color:#b00000}
a img		{border:none; vertical-align:text-top;}
a:hover img	{border:none; vertical-align:text-top; filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
input			{color:#660000; background-color:#ffffe8; border:1px solid #777; font-size:12px; border-radius:2px;}
input.button		{color:#01506d; cursor:pointer; border-radius:2px;}
input.button:hover	{color:#b00000; background-color:#ffffff}
input.button:disabled	{color:silver; background-color:#ffffff; cursor:not-allowed}
input.button2		{padding:15px;font-family: "Open Sans",Tahoma,sans-serif;font-weight:bold;font-size:18px;color:#01506d; cursor:pointer; border-radius:2px;}
input.button2:hover	{color:#b00000; background-color:#ffffff}
input.button2:disabled	{color:silver; background-color:#ffffff; cursor:not-allowed}
form		{margin:0}
small		{font-size:8px; font-family:Verdana,Tahoma,sans-serif}
small10g	{font-size:smaller; font-family:Verdana,Tahoma,sans-serif; color:#000; font-weight:bold;}
acronym		{border:#333333 1px solid; cursor:help}

select {
background: #ffffe8;
#  width: 268px;
  max-width: 15em;
   padding: 2 12 2 12;
#   font-size: 16px;
   line-height: 1;
   border: 1;
   border-radius: 0;
#   height: 34px;
#   -webkit-appearance: none;
   }

.street{
background-image:url("https://admin.intraffic.ua/i/i/house.png");
background-repeat:no-repeat;
background-position:center;
}



.respw		{width:960px;}
.respd		{display:none}
.bars		{display:none;}

@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 480px) {

.respw		{width:auto;}
.resp		{display:none}
.respd		{display:block}
.bars		{display:block;float:left;color:#fff;}
.pddngtitle	{padding:2px 2px 2px 10px;height:55px;}
}


.dnone		{display:none}

.big		{font-size:18px}
.mid		{font-size:14px}
.sml		{font-size:11px}

.cntr		{text-align:center}
.full		{width:100%}
.lft		{text-align:left}
.rght		{text-align:right}
.story		{text-align:justify; text-indent:10px}



.tablebg	{background-color:#ccd8e0}
#table.usrlist thead td		{border:1px solid #486f8e; padding:2px; background-image:url('/i/tbl_head.gif'); font-weight:bold; color:#fff; text-align:center;}
table.usrlist thead td		{border:1px solid #486f8e; padding:2px; background-color:#4A7190; font-weight:bold; color:#fff; text-align:center;}
table.usrlist thead a		{color:#fff; display:block; margin:0px; padding:1px}
table.usrlist thead a:hover	{color:#ffffe8; background-color:#486f8e}
table.usrlist td	{border:1px solid #ccd8e0; padding:2px}
table.tbg td		{border:1px solid #d2d2d2; padding:1px}
table.tbg1 td		{border:1px solid #d2d2d2; padding:2px}
table.tbg2 td		{border:1px solid #d2d2d2; padding:2px; width:20%;}
table.tbg1i td		{border:1px solid #d2d2d2 !important; padding:2px}
table.tbg3 td		{border:1px solid #d2d2d2; padding:4px}
table.table0 td		{border:0px; padding:0px}
table.table1 td		{border:0px; padding:1px}
table.table2 td		{border:0px; padding:2px}
table.table6 td		{border:0px; padding:6px}
table.table10 td	{border:0px; padding:10px}

.lh32		{line-height:32px}
.row1		{background-color:#ffffff}
.row2		{background-color:#ebebeb}
.row3		{background-color:#e9f0f0}
.rowoff		{background-color:#ffcccc}
.rowoff2	{background-color:#ffe0e0}
.rowoff3	{background-color:orange}
.rowoff4	{background-color:red}
.rowover	{background-color:#ffd4d4}
#.rowsv		{background-color:#f0f090; margin:2px;}
.rowsv		{background-image:url('/i/yellow_stripes2.png'); margin:2px;}

.head		{background-color:#4A7190; color:#fff}
.head3		{background-color:#000; color:#fff}
.head2		{background-color:#707173; color:#fff}
.head a		{color:#c0ffff}
.head a:hover	{color:#ffffff}

.error		{font-weight:bold; color:#e06248}
.attention	{font-weight:bold; color:orange}
.data1		{font-weight:bold; color:green}
.data2		{font-weight:bold; color:#3e87bf}
.warn		{color:blue}
.boldwarn	{color:maroon}
.disabled	{color:#606060}
.fagrey		{color:grey}
.bold_facebook	{font-weight:bold; color:#336699;}

.message	{border:1px solid #ccc; border-radius:3px; padding:4px;  margin-left:15px;  margin-right:35px;  margin-top:10px; margin-bottom:10px; font-size:14px; color:#2e679f; background-color:#fff; width:90%}
.message_att	{border:1px solid #ccc; border-radius:3px; padding:4px;  margin-left:15px;  margin-right:35px;  margin-top:10px; margin-bottom:10px; font-size:18px; color:#2e679f; background-color:orange; width:90%}
.infomess	{border:1px solid #ccc; padding:30px; margin-left:5px; margin-right:5px; margin-top:20px; margin-bottom:20px; font-size:14px; color:#2e679f; background-color:#fff;}

.fixed		{position:fixed;}
.top20		{padding-top:20px;}
.pddng		{padding:20px !important}
.pddng1		{padding:1px}
.pddng2		{padding:2px}
.pddngtitle	{padding:2px 2px 2px 10px}
.width100	{width:100%}
.width960	{width:960px}
.modified	{border:1px solid red; padding:1px}
.borderblue	{border:1px solid #3e87bf; padding:1px; border-radius:5px;}
.bordergrey	{border:1px solid #a0a0a0; padding:1px; border-radius:5px;}

#.title1l {background-color:#304050; background-image:url('/i/ttl_left.gif')}
#.title1r {background-color:#304050; background-image:url('/i/ttl_rght.gif')}
#.title1  {background-color:#304050; background-image:url('/i/ttl_top.gif'); font-size:14px; font-weight:bold;}
#.title2  {background-color:#7e7e7e}
#.title3  {background-color:#c0c0c0; display:block; margin-left:38px; margin-right:38px; margin-bottom:5px; padding:1px; border:1px solid #d0d0d0; color:#000}
#.title4  {background-color:#d0d0d0; background-image:url('/i/ttl_bottom.gif')}

#.title1l {background-color:#304050;}
#.title1r {background-color:#304050;}
#.title1  {background-color:#304050; background-image:url('/i/ttl_top.gif'); font-size:14px; font-weight:bold;}
#.title2  {background-color:#fff}
#.title3  {background-color:#c0c0c0; display:block; margin-left:38px; margin-right:38px; margin-bottom:5px; padding:1px; border:1px solid #d0d0d0; color:#000}
#.title4  {background-color:#d0d0d0; background-image:url('/i/ttl_bottom.gif')}

.title {font-weight:bold; color:#000; background-color:#e0e8ff}

.nav0 a		{color:#ffffe8; background-color:#4a7190; border:#2a5170 1px solid; margin:1px; padding:3pt; display:block; position:relative; float:none; font-size:12px}
.nav0 a:hover	{color:#ffffff; background-color:#aa0000}
.nav a		{color:#ffffe8; background-color:#696969; border:#505050 1px solid; border-radius:3px; margin:1px; padding:3pt; display:block; position:relative; float:left; font-family:"Open Sans Light"; font-size:14px;}
.nav a:hover	{color:#ffffff; background-color:#aa0000}
.nav2 a		{color:#01506d; background-color:#FFFFF0; border:#CCD8E0 1px solid; border-radius:3px; margin:2px; padding:4pt; display:block; line-height:100%; font-size:12px}
.nav2 a:hover	{color:#aa0000; background-color:#ffffff}
#.nav3 a	{color:#01506d; background-color:#ffffe8; border:#a0a0a0 1px solid; border-radius:3px; margin:2px; padding:1pt; display:block}
.nav3 a		{color:#01506d; background-color:#FFFFF0; border:#CCD8E0 1px solid; border-radius:3px; margin:2px; padding:4pt; display:block; line-height:100%; font-size:12px}
.nav3 a:hover	{color:#aa0000; background-color:#ffffff}
.nav4 a		{color:#01506d; background-color:#FFFFF0; border:#CCD8E0 1px solid; border-radius:3px; margin:1px; padding:1pt; display:block; line-height:100%; font-size:12px}
.nav4 a:hover	{color:#aa0000; background-color:#ffffff}

.navtitle a		{color:#ffffe8; background-color:#696969; position:relative; display:block; float:left; border:#505050 1px solid; border-radius:3px; padding:3pt; font-family:"Open Sans Light"; font-size:14px; margin:1px}
.navtitle a:hover	{color:#ffffff; background-color:#aa0000}

.align_center		{position: relative; width: 100%; overflow:hidden}
.align_right		{position: relative; width: 100%; overflow:hidden; left:80%}
.align_center:after	{content:''; display:block; clear:both}
.align_center_to_left	{position:relative; right:50%; float:right}
.align_center_to_right	{position:relative; z-index:1; right:-50%}


.rounded_corners {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

.dn {display:none;}

.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}


.mw {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.mw-content {
  text-align:center;
  background-color: #f1d45f;
  max-width:800px;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
}

.mta {
    width: 80%;
}

.fs2 {
    font-size: 2em;
}

.fs3 {
    font-size: 3em;
}

/* The Close Button */
.close {
  color: #000;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.rounded_corners {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

.dn {display:none;}

.text-warning {
    color: #8a6d3b;
}