#search {
    margin-bottom: 0px;
}
#search .label {
     width: 80px; /* Ширина блока с текстом */
     text-align: right; /* Выравнивание по правому краю */
     color: #ffffff;
     font: normal 1em arial bold;
}

#search .form-text {
    color: #3B5998;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    margin: 0px 10px;
    overflow: hidden;
    padding: 5px;
    width: 180px;
    border: 1px solid #29B0D9; /* Параметры рамки */
}

#search .global-search-form-field {
    padding: 4px 8px;
    height: 18px;
    width: 180px;
    border: solid 1px #bdbbbc;
    border-radius: 12px;
    -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.onerow_calendar {
     background: #a0a0a0; /* Цвет фона */
}
.onerow_calendar .day {
     background: #a0a0a0; /* Цвет фона */
}
.onerow_calendar .weekend {
     background: #a00000; /* Цвет фона */
}

.userform {
     background: #a0a0a0; /* Цвет фона */
}


#search .form-text:focus {
     background: #fce0f0; /* Цвет фона */
     border: 1px solid #29B0D9; /* Параметры рамки */
}

#enter .label {
     width: 45px; /* Ширина блока с текстом */
     float: left; /* Расположение в одну строку с полем */
     text-align: right; /* Выравнивание по правому краю */
     vertical-align: middle;
     color: #000000;
     font: normal arial bold;
}

#enter .form-text {
     width: 130px; /* Ширина поля */
     right: 1px;
     height: 12px;
     margin-left: 10px; /* Расстояние между полем и текстом */
     border: 1px solid #abadb3; /* Рамка вокруг текстового поля */
     padding: 2px; /* Поля вокруг текста */
}
#enter .form-text:focus {
     background: #ffe; /* Цвет фона */
     border: 1px solid #29B0D9; /* Параметры рамки */
}

#enter .form-item {
     margin-bottom: 5px; /* Отступ снизу */
}
#enter p {
    margin-left: 90px; /* Сдвиг вправо */
}

html, body {
/*    background: #ede3cb url(/images/backgrounds/mainBackground.gif) 0 0 repeat;*/
/*    background: #ede3cb url(/images/bg_main.jpg) 0 0 repeat;*/
/*    background: #ede3cb url(/images/backgrounds/bg_001.jpg) 0 0 repeat;*/
/*    background: #ede3cb url(/images/backgrounds/background-gd.png) 0 0 repeat;*/
/*    background: #ede3cb url(/images/localka_logo/body_texture.png) 0 0 repeat;*/
    color: #494949;
/*    font: normal .75em/1.5em arial, verdana, sans-serif;*/
    min-width: 100%;
    margin: 0 0 -40px 0;
    padding: 0px;
    min-height: 100%;
    height: 100%;
}

A { color:#000077;
    text-decoration: none;
}

H1 {
	font-size: 160%;
	margin: 0;
	text-align: center;
	color: #07234f;
}

H2 {
	font-size: 140%;
	font-weight: normal;
	margin-bottom: 0;
	color: #800000;
	}

/*h3 {	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0;
	color: #045020;
	}
*/
h4 {	font-size: 110%;
	font-weight: normal;
	margin: 0;
	}

P {
	margin-top: 0.5em;
	margin-bottom: 1em;
}


/*#title44 {
 background: #f2edde;
 border-bottom: 2px #930 solid;
 height: 70px;
}
*/

/* ФОН шапки */
#title {
/* background: #004976; */
/* background: #F0E68C; */
/* background: #8FBC8F; OK */
/*         background: #9A979A;*/

/* background: #CCFF66;  OK */
/*    background: #B0C4DE;*/
/*    background: #EEE8AA;*/
    background: #DeDeD0;
    border-bottom: 3px #696969 solid; 
    height: 47px;
}

/* ФОН шапки */
/*#title {
 background: #004976; 
 border-bottom: 2px #930 solid;
 height: 68px;
}*/

#footer {
 background: #004976;
 border-top: 2px #930 solid;
 height: 165px;
 clear: left;
 padding: 5px;
 bottom: 0px;
}

#title IMG, A IMG {
  border: none;
}

.title {
    padding: 5px;
    background: #f0f0f0;
    border-bottom: #1e521b 2px solid;
    margin-bottom: 15px;
}

#bottom {
 clear: both;
 padding: 5px;
 background: #e9e4d6;
 border-top: solid 2px #930;
 /*border-bottom: solid 1px #333;*/
 font-size: 100%;
 bottom: 0px;
}

#bottom p {
 margin-bottom: 4px;
 margin-top: 0;
}

#warning {
 text-align:center;
}

#fixed {
 position: fixed; /* ????????????? ????????? */
 right: 10px; /* ?????????? ?? ??????? ???? ???? ???????? */
 top: 20%; /* ?????????? ?????? */
 padding: 10px; /* ???? ?????? ?????? */
 background: #ffe; /* ???? ???? */
 border: 1px solid #333; /* ????????? ????? */
}

DIV.fixed2 {
 background: #ffe;
 border: 1px solid #333;
 margin: 5px;
}

#searchbar {
 position: relative;
 margin: 10px 10px 20px 74%;
 background: #ffe;
 border: 1px solid #333;
 margin-bottom: 15px;
}

#maintable {
 position: absolute;
 margin: 0px 0px 0px 0px;
 top: 100px;
 width: 72%;
 margin-left: 10px;
}

.edittext {
 width:100%;background-color:#fff;padding-left:2px
}

.blockInfo .balance {padding:0px 0 0 0;}
.blockInfo .balance .value {color:#000000;font:18px days, Arial;font-weight:bold;line-height:18px;}
.blockInfo .balance .value a#hover {color:#000000;font:18px days, Arial;font-weight:bold;line-height:18px;}
.blockInfo .balance .value span {font-size:14px;}

.dashboard {
    width: 100%;
}

.dashtask {
    float: left;
    display: block;
    padding: 10px;
    margin: 5px;
    border: 1px solid #EEE;
    border-radius: 10px;
    text-align: center;
    font-size: 8pt;
    overflow: hidden;
    box-shadow: 3px 3px 4px transparent;
}

#sidebar {
    background: #f5f5f5 none repeat scroll 0 0;
    border-color: #dadada;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    position: fixed;
    top: 50px;
    bottom: 0;
    z-index: 101;
    width: 50px;
    padding: 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

.footerwrap{margin:0 auto;text-align:left;width:100%;}

td#LeftColumn table#NavLinks {
  width: 100%;
  background-color: #E4DBD4;
}
	
td#LeftColumn div.topspace {
  margin: 12px 12px !important; margin: 2px 2px;
  padding: 2px 2px;
}

/* .packet { color:#000000;
	  text-decoration: none;
 	  font:12px Arial, Helvetica, sans-serif;
        }

  td.packet { color:#EEEEEE; }
*/
 .calendar { color:#000000;
	  text-decoration: none;
 	  font:12px Arial, Helvetica, sans-serif;
        }
  td.calendar {color:#EEEEEE; }

 .payments { color:#000000;
	  text-decoration: none;
 	  font:12px Arial, Helvetica, sans-serif;
        }
/*td.payments: {color:#EEEEEE;}
th.payments: {color:#555555;}*/

 .mheader { color:#000000;
	  text-decoration: none;
 	  font:12px Arial, Helvetica, sans-serif;
        }
  td.mheader {	color:#EEEEEE; }


  .li {   text-decoration: none;
         font:12px Arial, Helvetica, sans-serif;}

.header   {font-size: 26pt; font-family:verdana; font-weight:bold; color:#326a85}
.headerred {font-size: 26pt; font-family:verdana; font-weight:bold; color:#FF6a85}
.headersm {font-size: 10pt; font-family:verdana; font-weight:bold; color:#326a85;}
.action   {font-size: 20pt; font-family:verdana; font-weight:bold; color:#ff0000;}

.billtotal  {font-size: 10pt; font-family:verdana; font-weight:bold; color:#326a85}
.sumtotal  {font-size: 14pt; font-family:verdana; font-weight:bold;}
.stattexthdr {font-size: 12pt; font-family:Comic Sans MS; color:#FFFFFF}
.stattext {font-size: 10pt; font-family:verdana; font-weight:bold; color:#326a85}

  TABLE.thead {color:#fffbe0;}

  TABLE.head.td {color:#fffbe0;}

  menu.td {height:15px;} 

/*  A {color:#006600;text-decoration: none; font:bold 13px Verdana,Arial,Helvetica,sans-serif;}
  A:link {color:#006600;text-decoration: none; font:bold 13px Verdana,Arial, Helvetica, sans-serif;}
  A:visited {color:#006600;text-decoration: none; font:bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A:active {color:#00CC00;text-decoration: none; font:bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A:hover {color:#00CC00;text-decoration: none; font:bold 13px Verdana, Arial, Helvetica, sans-serif;}
*/
/* a:hover {  color: #FFCC00; text-decoration: underline}*/

  A.admin {color:#006600;text-decoration: none; font:bold 13px Verdana,Arial,Helvetica,sans-serif;}
  A.admin:link {color:#006600;text-decoration: none; font:bold 13px Verdana,Arial, Helvetica, sans-serif;}
  A.admin:visited {color:#006600;text-decoration: none; font:bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A.admin:active {color:#00CC00;text-decoration: none; font:bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A.admin:hover {color:#00CC00;text-decoration: none; font:bold 13px Verdana, Arial, Helvetica, sans-serif;}

  A.users {color:#660000;text-decoration:none;font:bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A.users:link {color:#660000;text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A.users:visited {color:#660000;text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A.users:active {color:#CC0000;text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A.users:hover {color:#CC0000;text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif;}

  A.menus {color:#660066;text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A.menus:link {color:#660066;text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A.menus:visited {color:#660066;text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A.menus:active {color:#FF0000;text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A.menus:hover {color:#FF0000;text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif;}

  A.menu_users {color:#FFFFFF;text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A.menu_users:link {color:#FFFFFF;text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A.menu_users:visited {color:#FFFFFF;text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A.menu_users:active {color:#000080;text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif;}
  A.menu_users:hover {color:#FFFFFF;text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif;}

  .login {color:#000000;text-decoration: none;border-style: solid; 
  			font: 10px Verdana, Arial, Helvetica, sans-serif;
			width:100px;
  			border-color: #669999;}
  .logintxt {font-size:11pt; font-family:MS Sans Serif;}
  .loginbut {width:45px; font-size:8pt; font-family:MS Sans Serif;}


 .H1 {  font: italic bolder 55px Verdana, Arial, Helvetica, sans-serif; margin: 1px 1px; padding: 1px 1px; height: 75px; color: #000000; text-decoration: none}
/*.par1 {  font: 12px Verdana, Arial, Helvetica, sans-serif; clip:rect(2); margin: 1px 5px 2px 3px; padding: 1px 5px 2px 3px; text-decoration: none; text-align: justify}
*/
 .h2 {  color: #006699; margin: 1px 1px 2px; padding: 1px 1px 2px; font-size: 24px; font-weight: bold; text-decoration: underline blink; font-family: Arial, Helvetica, sans-serif; font-style: italic}
 .B1 {  font: bold 14px Arial, Helvetica, sans-serif; color: #FFCC00; text-decoration: none; margin: 1px 1px; padding: 1px 1px}
 .blue {  background: #00CCFF; font-size: 12px; text-decoration: none}
 .fon {  text-decoration: none; background: #3333CC; font-size: 9px; color: #FFFFFF}
 h4 {  font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #00CCFF; text-decoration: none}
/*h3 {  font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FFFF00; text-decoration: none; background: #0000CC}*/
 .B2 {  font: italic bold 18px Arial, Helvetica, sans-serif; color: #006699}
 li {  cursor: auto}
 .text, select {background: #D0DBF0; color: #000000; font-family: Verdana, Arial; font-size: 8pt;}
 .msgarea {background: #D0DBF0; color: #000000; font-family: Verdana, Arial; font-size: 8pt; width: 100%;}
 .password {background: #FEF4E0; color: #000000; font-family: Verdana, Arial; font-size: 8pt;}
 .width {width: 100%;}
 .height  {height: 100%;}
 .full    {width: 100%; height: 100%;}
 submit {font-family: Verdana, Arial; font-size: 10pt;}
TEXTAREA {
	border : 1px solid Blue;
}
/*#INPUT { border : 1px solid #6699CC; }*/

TABLE.routers {
     border-collapse: collapse;
     width: 100%;
    }

TH.routers {
       border: 1px solid black;
      background: #fc0;
      text-align: center;
    }

TD.routers {
      border: 1px solid black;
      background: #ffffff;
      text-align: center;
    }

.ip_mngr_table {
    border-collapse:collapse;
    /*margin:10px 0 0 0;*/
    background: #efe2ba;
    width: 100%;
}

.ip_mngr_table TD {
    border:solid 1px #fff;
    padding:6px;
    margin:10px 0 0 0;
}



.form_table {
    border-collapse:collapse;
    margin:10px 0 0 0;
}

.form_table TD {
    border:solid 1px #fff;
    padding:6px;
    /*text-align:left;*/
    margin:10px 0 0 0;
}

.form_table TH {
    border:solid 1px #fff;
    padding:6px;
    /*text-align:left;*/
    margin:10px 0 0 0;
}
.form_table .row_title {background-color:#e0e0e0; text-align:center;}
.form_table .row_head {background-color:#e8e8e8; text-align:center;}
.form_table .row_1 	{ background-color:#c9cba4;}
.form_table .row_2 	{ background-color:#dcddc5;}
.form_table .row_input td {background-color:#e0e0e0;}
.form_table .row_input th {background-color:#e0e0e0;}
.form_table .row_group {background-color:#BDB76B; text-align:left;}
.form_table .row_head td {border-bottom:solid 1px #eeb700; text-align:center;}
.form_table .row_head th {border-bottom:solid 1px #eeb700; text-align:center;}
.form_table .row_total {border-top:solid 1px #eeb700; text-align:center;}
.form_table .row_bottom {background-color:#e8e8e8;}




.data_table {
    border-collapse:collapse;
    margin:10px 0 0 0;
}

.data_table TD {
    border:solid 1px #fff;
    padding:6px;
    /*text-align:left;*/
    margin:10px 0 0 0;
}

.data_table TH {
    border:solid 1px #fff;
    padding:6px;
    /*text-align:left;*/
    margin:10px 0 0 0;
}

.data_table .row_1_9 { background-color:#f5f5f5;}
.data_table .row_2_9 { background-color:#ff7777;}

.data_table .row_1_8 { background-color:#f5f5f5;}
.data_table .row_2_8 { background-color:#B88888;}

.data_table .row_1_7 { background-color:#f5f5f5;}
.data_table .row_2_7 { background-color:#ffa500;}

.data_table .row_1_6 { background-color:#f5f5f5;}
.data_table .row_2_6 { background-color:#FFD700;}

.data_table .row_1_5 { background-color:#f5f5f5;}
.data_table .row_2_5 { background-color:#ffb0b0;}

.data_table .row_1_4 { background-color:#f5f5f5;}
.data_table .row_2_4 { background-color:#fff0c0;}

.data_table .row_1_3 { background-color:#f5f5f5;}
.data_table .row_2_3 { background-color:#efffef;}

.data_table .row_1_2 { background-color:#f5f5f5;}
.data_table .row_2_2 { background-color:#e0e0ff;}

.data_table .row_1_1 { background-color:#f5f5f5;}
.data_table .row_2_1 { background-color:#e0e0e0;}

/*#//.data_table .row_1 { background-color:#f5f5f5;}
#//.data_table .row_2 { background-color:#ffffff;}*/

.macs_table .row_1 { background-color:#c9cba4;}
.macs_table .row_2 { background-color:#dcddc5;}
.macs_table .warn_10 { background-color:#fed4f0;}
.macs_table .warn_20 { background-color:#fed4f0;}
.macs_table .warn_50 { background-color:#fed4f0;}

.data_table .row_title {background-color:#e0e0e0; text-align:center;}
.data_table .row_head {background-color:#e8e8e8; text-align:center;}
.data_table .row_1 	{ background-color:#c9cba4;}
.data_table .row_2 	{ background-color:#dcddc5;}
.data_table .row_group {background-color:#BDB76B; text-align:left;}
.data_table .row_head td {border-bottom:solid 1px #eeb700; text-align:center;}
.data_table .row_head th {border-bottom:solid 1px #eeb700; text-align:center;}
.data_table .row_total {border-top:solid 1px #eeb700; text-align:center;}
.data_table .row_bottom {background-color:#e8e8e8;}

.day A {color:#1e9146}
.day A.current {background-image:url(img/active_day.gif)}



TABLE.contragents {
     width: 100%;
    }

TH.contragents {
      padding: 3px;
      border: 1px solid #c0c0c0;
      background: #fc0;
      text-align: center;
    }

TD.contragents {
/*//      border-bottom: 1px solid brown;*/
      padding: 3px;
      border: 1px solid #c0c0c0;
      text-align: left;
      background: #f8f8f8;
    }
TD.contragentsjur {
/*//      border-bottom: 1px solid brown;*/
      padding: 3px;
      border: 1px solid #c0c0c0;
      text-align: left;
      background: #f8f8f8;
    }

TD.contragentsjurbn {
/*//      border-bottom: 1px solid brown;*/
      padding: 3px;
      border: 1px solid #c0c0c0;
      text-align: left;
      background: #f8f0f0;
    }

TD.contragentsfiz {
/*//      border-bottom: 1px solid brown;*/
      padding: 3px;
      border: 1px solid #c0c0c0;
      text-align: left;
      background: #e0ffe0;
    }
TH.contragentsfiz {
/*//      border-bottom: 1px solid brown;*/
      padding: 3px;
      border: 1px solid #c0c0c0;
      text-align: center;
      background: #e0ffe0;
    }

TD.contragents_dolg {
/*//      border-bottom: 1px solid brown;*/
      padding: 3px;
      border: 1px solid #c0c0c0;
      text-align: left;
      background: #fd0;
    }

TD.contragents_alert_db {
/*//      border-bottom: 1px solid brown;*/
      padding: 3px;
      border: 1px solid #c0c0c0;
      text-align: left;
      background: #cc0fc0;
}

TD.contragents_closed {
/*      border-bottom: 1px solid brown;*/
      padding: 3px;
      border: 1px solid #c0c0c0;
      text-align: left;
      background: #a0a0a0;
}

TD.contragents_creditoff {
      padding: 3px;
      border: 1px solid #c0c0c0;
      text-align: left;
      background: #ff0000;
}

tr.hover td {background-color:white;color:black}
tr.ordinar td {background-color:#f2f3f6;color:#5f6874}

.payments_table .row_1 { background-color:#c9cba4;}
.payments_table .row_2 { background-color:#dcddc5;}
.payments_table .norm { background-color:#eeeeee;}


.content table {font-size: 100%;}
.content table.table {margin: 0px 0px 1em -5px; font-size: 95%; line-height: 140%;}
.content table.border-top {border-top: 1px solid #D1DAE0;}
.content table.table h1, .content table.table h2, .content table.table h3, .content table.table h4, .content table.table h5 {padding: 0; margin: 0;}
.content table.table th {padding: 3px 15px 3px 5px; text-align: left; border-bottom: 2px solid #FE6C23; }
.content table.table td {padding: 3px 15px 3px 5px; text-align: left; border-bottom: 1px solid #D1DAE0; }
.content table.table td ul {margin-left: 0.3em; margin-bottom: 0.5em;}
.content table.table td ul li {margin-bottom: 0.3em;}



table.form {margin: 0px 0px 1em -5px; font-size: 100%; line-height: 120%; border-collapse: collapse;}
table.form td {padding: 3px 15px 3px 5px; text-align: left; border-bottom: 1px solid #D1DAE0;}
table.form td.field {vertical-align: top; padding-top: 0.6em; padding-bottom: 0.6em;}
table.form td.required {font-weight: bold;}
table.form td.subhead {font: bold 115% 'Lucida Grande', Geneva, Verdana, Tahoma, Arial, Helvetica, sans-serif; letter-spacing: -0.7pt; color: #798591; text-align: left; border-bottom: 1px solid #E8D3BF; background-color: #FFFAE8;}
table.form td.subhead2 {font: bold 105% 'Lucida Grande', Geneva, Verdana, Tahoma, Arial, Helvetica, sans-serif; letter-spacing: -0.7pt; color: #798591; text-align: left; background-color: #F9F9F9;}
table.form td.result {vertical-align: top; padding-top: 0.6em; padding-bottom: 0.6em;}
table.form td.price {padding-top: 0.6em; padding-bottom: 0.6em; font-size: 120%; font-weight: bold; color: #9D000E;}
table.form td.tariffs table td {vertical-align: top; padding: 2px 15px 2px 0px; border: none;}
table.form td.tariffs table td span.price {font-size: 120%; font-weight: bold; color: #9D000E;}

/*#table.form td.input input, table.form td.input textarea, table.form td.input select {font: 100% 'Lucida Grande', Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif;  color: #5E6D7B;}

#table.form td.input table.radio {}
#table.form td.input table.radio td {padding: 2px 0; border: none; vertical-align: top;}
#table.form td.input table.radio td.input input {width: auto;}
#table.form td.input table.radio td.label {vertical-align: middle; padding-top: 4px; padding-left: 1px;}
#table.form td.submit {border-top: 2px solid #FE6C23; border-bottom: none;}
#table.form td.submit input {font: 100% 'Lucida Grande', Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #5E6D7B;}
#table.form th {padding: 3px 15px 3px 5px; text-align: left; border-bottom: 2px solid #FE6C23;}
#table.form th.message{font: 95% 'Lucida Grande', Geneva, Arial, Tahoma, Verdana, Helvetica, sans-serif; border-left: 1px solid #D1DAE0;}
*/
.icon {
/*	background-color: White;*/
	border: 1px solid #e5e5e5;
	float: left;
	height: 168px;
	margin: 0 20px 10px 0;
	padding-top: 5px;
	text-align: center;
	width: 148px; 
	border-radius: 15px;
	background-color:black;
        z-index:1;
          /* These three lines are for transparency in all browsers. */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=80);
        opacity:0.6;
        border:2px solid white;
	}

.icon a {
	border: none; /*color: #a9a9a9;*/
	font-family: arial, verdana, sans-serif;
	font-size: 10px; 
	}

.icon a:hover {
	color: #6dcb1b;
	text-decoration: underline; 
        z-index:1;
          /* These three lines are for transparency in all browsers. */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        opacity:.9;
	}

.icon img {  
	}

/*#searchbar { width:350px;} */

#searchResults { padding: 0 29px 0 29px; }

#okSaveTags {
	font-weight:bold;
	}

.switch_class .port_no { font-size:12px; }

#divcontainer {
    width:100%;
/*    overflow: hidden;*/
}

#divhead {
    width:100%;
    position: fixed;
    right: 0px;
    left: 0px;
    z-index: 1030;
    margin-bottom: 0px;
    top: 0px;
    transform: translateZ(0px);
}

#divright {
    width:200px;
    margin:2px 2px 2px 2px;
    margin-top:55px;
    float:right;
    height: calc(100vh-30px);
    top: 0;
}

#divleft {
    width:64px;
    margin:2px 2px 2px 2px;
    margin-top:55px;
    margin-bottom:55px;
    position: fixed;
    left: 0;
    height: calc(100vh-30px);
    top: 0;
    min-height: 100vh;
    background: #DeDeD0;
    border-right: 2px #696969 solid; 
}

#divcenter {
    float: left
    margin:2px 2px 2px 2px;
    margin-top:55px;
/*    margin-right:-205px;*/
    margin-right:10px; 
    margin-left:10px;
/*    width: 99%; */
    width: calc(100% - 20px);
    min-height: 100vh;
}
#divclear {
    clear:both;
}
#divfooter {
    width:100%;
}

@media(max-width: 1200px) {
  .right-column {
    display: none;
  }
  .center-column {
    width: calc(100% - 200px);
  }
}

@media(max-width: 576px) {
  .center-column {
    width: 100%;
    padding: 0;
  }
  .left-column {
    display: none;
  }
}

/* п©п╩п╟п╡п╟я▌я┴п╦п╣ я▐п╨п╬я─я▐  */
 a.anchor {position:absolute;margin-top:60px;}

/*# precentage bar in ip manager */
.percentbar { background:#CCCCCC; border:1px solid #666666; height:10px;}
.percentbar div { background: #28B8C0; height: 10px;  float:left; }


/*switch button */
                      .button {
                          background-color: #4CAF50;
                          border: none;
                          color: white;
                          padding: 15px 32px;
                          text-align: center;
                          text-decoration: none;
                          display: inline-block;
                          font-size: 16px;
                          border-radius: 12px;
                          margin: 4px 2px;
                          -webkit-transition-duration: 0.4s; /* Safari */
                            transition-duration: 0.4s;
                          cursor: pointer;
                       }
                      .button_gold {  background-color: #bdb76b; color: #000000;}
                      .button_gold:hover {
                          background-color: #fFa500;
                              color: white;
                      }
/*big tables*/
.big-table {
    overflow: auto;
    position: relative;
}

.big-table table {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.scroll-right:after {
    content: '';
    display: block;
    width: 15px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    background: radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 15px 100%;
    background-position: 100% 0%;
}

.scroll-left:before {
    content: '';
    display: block;
    width: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 500;
    background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 15px 100%;
}

.userProfile table {
    background-color: #0;
    cell-spacing: 5px;
    cell-padding: 6px;
    border: 2px;
}

.userProfile tr {
    background-color: #eeeedd;
}

.userProfile th {
    background-color: #CCCC88;
}

/* panel layout mechanics */
.panel-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 350px; /*30em*/
  transform: translateX(100%);
  transition: .3s ease-out;
}

.panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #333;
  color: #eee;
  overflow: auto;
  padding: 1em;
}

/* simulate panel state control --
this can also be triggered by a 
class name added to the body tag. 
Just using a checkbox sibling here
for simplicity
*/ 
/*[type="checkbox"]:checked ~ .panel-wrap {
  transform: translateX(0%);
}*/


/* demo display */
/* *,*:before, *:after {box-sizing: border-box;} */

/* [type="checkbox"] {
  font-size: 1em;
}

body {
  font-family: sans-serif;
  font-size: 18px;
}
h3 {
  margin: 0;
}
p {
  line-height: 1.4;
  margin: 2em 0 0 0;
}

*/


.login_table {
/*    width: 100%;*/
    background-color: #D8F0DA;
    border: 1px;
/*    min-width: 100%;*/
    position: relative;
    opacity: 0.77;
    background: transparent;
}



/* п╨п╟п╨ п╥п╟я└п╦п╨я│п╦я─п╬п╡п╟я┌я▄ я│я┌п╬п╩п╠п╣я├ п╡ html я┌п╟п╠п╩п╦я├п╣ */
.wiiide-table th:first-child {
      position: sticky;
      left: 0;
      z-index: 1; /* п■п╩я▐ п©я─п╟п╡п╦п╩я▄п╫п╬пЁп╬ п╫п╟п╩п╬п╤п╣п╫п╦я▐ */
      background-color: #f2f2f2; /* п≤п╩п╦ п╢я─я┐пЁп╬п╧ я├п╡п╣я┌ */
}

.wiiide-table td:first-child {
      position: sticky;
      left: 0;
      z-index: 1; /* п■п╩я▐ п©я─п╟п╡п╦п╩я▄п╫п╬пЁп╬ п╫п╟п╩п╬п╤п╣п╫п╦я▐ */
      background-color: #f2f2f2; /* п≤п╩п╦ п╢я─я┐пЁп╬п╧ я├п╡п╣я┌ */
}