body
{
padding:         0px;
margin:         0px;
//background:         #e7e7e7;
text-align:         center;
vertical-align:     middle;
    margin:20px auto;
}

.div_top_header {
  background: #AFCDE7;
  width: 100%;
  height: 75px;
  text-align: center;
  padding-top: 28px;
}
  

.wrapper{
/*    width:1335px; */
    margin:20px auto;
}

a.link_active
{
text-decoration:     none; 
color:            black;
font-family:        Tahoma,Helvetica,Arial;
font-size:        12px;
}

a.link_inactive   
{
text-decoration:     none; 
color:            gray;
font-family:        Tahoma,Helvetica,Arial;
font-size:        12px;
}

a.add_zakaz {
       -moz-appearance: button; /* Firefox */
    -webkit-appearance: button; /* Chromium */
            appearance: auto;   /* Для работы `-moz-appearance` в Firefox 55+ */
}

.admin_logout {
    position: absolute;
    top: 0;
    right: 2;
    z-index: 101;
}

a.admin_center {
       -moz-appearance: button; /* Firefox */
    -webkit-appearance: button; /* Chromium */
            appearance: auto;   /* Для работы `-moz-appearance` в Firefox 55+ */
}

td.tab_active
{
height:            3%;
width:            150px; 
text-align:        center;
vertical-align:        middle; 
border-top:        1px solid #949294;
border-left:        1px solid #949294; 
border-right:        1px solid #949294; 
border-bottom:        0px solid; 
background:         #D3D3D3; 
padding:         4px;
}

td.tab_inactive
{
height:            3%;
width:            150px; 
text-align:        center;
vertical-align:        middle; 
border-top:        1px solid #D3D3D3; 
border-left:        1px solid #D3D3D3; 
border-right:        1px solid #D3D3D3; 
border-bottom:        1px solid #949294; 
padding:         4px;
}

td.tab_free
{
text-align:        center;
vertical-align:        middle;
border-color:        black; 
border-top:        0px solid; 
border-left:        0px solid; 
border-right:        0px solid; 
border-bottom:        1px solid #949294;
}    








td.tab_passiv   
{
height:3%;
width:150px; 
text-align:center;
vertical-align:middle; 
border-top:1px solid #D3D3D3; 
border-left:1px solid #D3D3D3; 
border-right:1px solid #D3D3D3; 
border-bottom:1px solid #949294; 
padding: 4px;
}

td.tab_activ    
{
height:3%;
width:150px; 
text-align:center;
vertical-align:middle; 
border-top:1px solid #949294;
border-left:1px solid #949294; 
border-right:1px solid #949294; 
border-bottom:0px solid; 
background: #D3D3D3; 
padding: 4px;
}

    
a.link_activ    
{
text-decoration: none; 
color:black;
font-family:Tahoma,Helvetica,Arial;
font-size:11px;
}


a.link_passiv   
{
text-decoration: none; 
color:gray;
font-family:Tahoma,Helvetica,Arial;
font-size:11px;
}

td.tab_body     
{
border-left:1px solid #949294;
border-right:1px solid #949294; 
border-bottom:1px solid #949294;
font-family:Tahoma,Helvetica,Arial;
font-size:11px; 
background: #D3D3D3;    
padding: 4px;
}



td.tab_hz
{
height:3%;
width:150px;
text-align:center;
vertical-align:middle;
border-color:black; 
border-top:0px solid; 
border-left:0px solid; 
border-right:0px solid; 
border-bottom:1px solid #949294;
}    


    
select.my
{
width:    100%;
}    
    
td.err
{
font-weight:    bold;
color:        red;
}

td.success
{
font-weight:    bold;
color:        green;
}
    
table.bordered
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 18px;
    border-collapse: collapse;
}
td.header
{
    background: #AFCDE7;
    color: white;
    padding: 10px 10px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 14px;

    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: white;
    text-align: center;
}

td.addedit
{
    background: #AFCDE7;
    color: white;
    padding: 10px 10px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 14px;

    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: white;
}

td.nav_item
{
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: white;
    background: #D8E6F3;
    padding: 4px;
    width:50%;    
}

td.nav_item_new
{
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: white;
    background: #D8E6F3;
    padding: 4px;
    width:50%;    
}

td.nav_item_constructor
{
    border: 1px solid #949294;
    background: #c6efce;
    padding: 4px;
    width:50%;    
}

td.nav_item_otgruzeno
{
    border: 1px solid #949294;
    background: #ffff00;
    padding: 4px;
    width:50%;    
}

td.nav_item_in_work_warning
{
    border: 1px solid #949294;
    background: #fac090;
    padding: 4px;
    width:50%;    
}

/* Желтый */
td.nav_item_yellow
{
    border: 1px solid #949294;
    background: #ffff00;
    padding: 4px;
    width:50%;    
}

/* Зеленый */
td.nav_item_green
{
    border: 1px solid #949294;
    background: #c6efce;
    padding: 4px;
    width:50%;    
}

/* Оранжевый */
td.nav_item_orange
{
    border: 1px solid #949294;
    background: #fac090;
    padding: 4px;
    width:50%;    
}

/* Розовый */
td.nav_item_pink
{
    border: 1px solid #949294;
    background: #ffc7ce;
    padding: 4px;
    width:50%;    
}

/* Синий */
td.nav_item_blue
{
    border: 1px solid #949294;
    background: #00bfff;
    padding: 4px;
    width:50%;    
}

/* Фиолетовый */
td.nav_item_purple
{
    border: 1px solid #949294;
    background: #c5d9f1;
    padding: 4px;
    width:50%;    
}

/* Красный */
td.nav_item_red
{
    border: 1px solid #949294;
    background: #953735;
    padding: 4px;
    width:50%;    
    color: white;
}

/* Бирюзовый */
td.nav_item_turquoise
{
    border: 1px solid #949294;
    background: #31849b;
    padding: 4px;
    width:50%;    
    color: white;
}

/* Бежевый */
td.nav_item_beige
{
    border: 1px solid #949294;
    background: #fde9d9;
    padding: 4px;
    width:50%;    
}

tr.nav_item_plan_list_new:hover td
{
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: white;
    background: #AFCDE7;
    cursor:pointer;
}

tr.nav_item_plan_list_constructor:hover td
{
    border: 1px solid #949294;
    cursor:pointer;
    background: #b0e6ba;
}

tr.nav_item_plan_list_otgruzeno:hover td
{
    border: 1px solid #949294;
    cursor:pointer;
    background: #eeee0f;
}

td.nav_item_no_width
{
 background: #e9e9e9;
 padding: 4px;
}

td.menu
{
background: #AFCDE7;    
width:150px;
padding: 4px;
text-align:center;
}    

td
{
    font-family: tahoma,verdana, arial, helvetica;
    font-size: 13px;
    color: #334455;
    vertical-align: top;
    line-height: 17px;
    text-align: left;
}

textarea, .input_field, select
{
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
    
.input_field:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

textarea
    {
    width: 100%;
    }
input.button 
    {
    border: 1px solid #949294;
    background-color: lightgray;
    vertical-align: middle;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    color: #334455;
    }
a
    {
    color: #334455;
    text-decoration: none;    
    }
a:hover
    {
    color: #627384;
    text-decoration: none;    
    }
table.main
    {
    border-collapse: collapse;
    width: 400px;
    border: none;
    height: 100%;
    }
#nav_part
    {
    #width:    300px;    
    background: #e7e7e7;
    padding: 8px;
#    border-right: 1px solid #949294;
    }
#main
    {    
    background: #e7e7e7;
    padding: 8px;
    text-align: center;
    vertical-align: middle;
    width: 800;
    }
#main_table
    {
    width: 100%;
    height: 100%;
    }

.left_calendar
{
 cursor:pointer;
}

.right_calendar
{
 cursor:pointer;
}

input.update
{
    border-radius: 10px;
    margin-left: 10px;
}

.custom_button
{
    border-radius: 10px;
    margin-left: 10px;
    cursor:pointer;
}