/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2019-11-04, 12:50:08
    Author     : Blazej Kita, ProgressPlus Marcin Zapora Damian Adamski <progressplus.pl>
*/


.info800
{
    background-color: #f4f4f4;   
 
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    color:#292b2c;
    margin: 0px;
    padding: 0px;
}



.info800 .fr_real { text-align: right; padding-right: 3px; }
.info800 .fr_numeric { text-align: right; }
.info800 .fr_date { text-align: center;}
.info800 .fr_left { text-align: left; }
.info800 .fr_right { text-align: right; }
.info800 .fr_center { text-align: center; }
.info800 .fr_w20 { width: 20px!important; }
.info800 .fr_w50 { width: 50px!important; }
.info800 .fr_w100 { width: 100px!important; }
.info800 .fr_w150 { width: 150px!important; }
.info800 .fr_w200 { width: 200px!important; }
.info800 .fr_w250 { width: 250px!important; }
.info800 .fr_w300 { width: 300px!important; }
.info800 .fr_w350 { width: 350px!important; }
.info800 .fr_w400 { width: 400px!important; }
.info800 .fr_w450 { width: 450px!important; }
.info800 .fr_w300x100 { width: 300px!important; height:100px!important; }
.info800 .fr_w300x200 { width: 300px!important; height:200px!important; }
.info800 .fr_w400x100 { width: 400px!important; height:100px!important; }
.info800 .fr_w400x200 { width: 400px!important; height:200px!important; }
.info800 .fr_w600x200 { width: 600px!important; height:200px!important; }

.infoSimply
{
    
}


.info800 .msg_error
{
    font-size: 12px;
    background-color: #fee;
    color: #f00;
    border: 1px solid #f00;
    padding: 10px;
}

.info800 .msg_ok
{
    font-size: 12px;
    background-color: #e2ffd8;
    color: #2b7b10;
    border: 1px solid #2b7b10;
    padding: 10px;
}

.infoSimply .form_logo_back
{
    text-align: right;
    padding: 5px;
    width:80%;
    margin-left: 10%;
    border-bottom: 1px solid #eee;
}

.infoSimply .form_logo_back a
{
    font-size: 12px;
    color: #333;
    text-decoration: none;
}

.infoSimply .form_logo_head
{
    padding: 5px;
    width: 80%;
    margin-left: 10%;
}

.infoSimply .form_logo_foot
{
    text-align: center;
    padding: 10px;
    color: #fff;
    background-color: #013D79;
    font-size: 12px;
    margin-top: 40px;
}

.infoSimply .form_login_content
{
    text-align: center;
    background-image: url('/app/view/image/foto-subbg.jpg');
    margin-top: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.infoSimply .form_login_content .form_window
{
    width:500px; 
    background-color: #eee;
    border: 1px solid #e16607;
    display: inline-block;
 
}

.infoSimply .form_login_content .form_window .form_title
{
    background-color: #e16607;
    color: #fff;
    padding: 6px;
    text-align: center;
}

.infoSimply .form_login_content .form_window .form_content
{
    text-align: center;
    padding: 20px;
    background-color: #E9EEF2;
}

.infoSimply .form_login_content .form_window .form_content .form_item
{
    padding: 10px;
}


.infoSimply .form_login_content .form_window .form_content .form_item input[type='text'], .infoSimply .form_login_content .form_window .form_content .form_item input[type='password']
{
    width:60%;
}

.infoSimply .form_login_content .form_window .form_content .form_item .f_button
{
    width:40%;
}


.info800 input[type=text], .info800 input[type=password], .info800 select
{
   padding: 7px; 
}

.info800 input[type=text]:active, .info800 input[type=password]:active, .info800 select:active, .info800 input[type=text]:focus, .info800 input[type=password]:focus, .info800 select:focus
{
   border: 1px solid #013D79;
}

.info800 input.f_button, .info800 a.f_button
{
    background-color: #013D79;
    padding: 10px 25px 10px 25px;
    border: 0px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

.info800 .f_import
{
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 3px 10px 3px 10px;
    background-color: #a52d03;
}


.info800 .infoHeader
{
    width:100%;  
    color: #fff;   
    background-color: #e16607;
    
-webkit-box-shadow: 2px 6px 16px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 6px 16px -2px rgba(0,0,0,0.75);
box-shadow: 2px 6px 16px -2px rgba(0,0,0,0.75);
 
}

.info800 .infoHeader .hleft
{
    width:16%;
    padding: 1%;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #04325f;
    display: inline-block;
    text-align: left;
    cursor: pointer;
}

.info800 .infoHeader .hright
{
    width:79%;
    padding: 1%;     
    padding-top: 5px;
    padding-bottom: 4px;
    display: inline-block;
    text-align: right;    
    background-color: #e16607;
    font-size: 12px;
}

.info800 .infoHeader .hright img
{
    width:20px;
    position: relative;
    left: 3px;
    top: 4px;
}


.info800 .infoHeader .hleft img
{
    width:16px;
    position: relative;
    top: 3px;
    left: -3px;
}

.info800 .infoMenu
{
    width:18%;
    float: left;
    background-color: #013D79;
    height: 800px;
    
        
    -webkit-box-shadow: 10px 10px 16px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 16px -10px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 16px -10px rgba(0,0,0,0.75);       
}



.info800 .infoMain
{    
    width:80%;
    float: right;   
    padding: 10px;     
}



.info800 .infoFoot
{    
    float:left;
    width:100%;
    background-color: #e16607;
    text-align: center;
    color: #fff;
    font-size:11px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 100px;
}

.info800 .dash_menu
{
    margin: 0px;
    padding: 0px;       

}

.info800 .menu_title
{
    text-align: center;
    font-size:14px;
    color: #fff;
    padding: 7px;
    background-color: #032647;
}

.info800 .menu_title .ico_hide
{
    width:20px;
    position: relative;
    top: 4px;
    display: none;
    cursor: pointer;
}


.info800 .dash_menu li
{
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 7px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    border-bottom: 1px solid #04325f;
}
 
.info800 .dash_menu li img{
    width:16px;
    position: relative;
    top: 3px;
}

.info800 .dash_menu li:hover, .info800 .dash_menu li.selected
{
    background-color: #04325f;
    color: #E16607;
    border-right: 1px solid #fff;
}


.info800 .dash_menu li.dash_submenu, .info800 .dash_menu li.dash_submenu:hover, .info800 .dash_menu li.dash_submenu.selected
{
  color: #fff; 
  background-color: #04325F;
  border-right: 0px;
}

.info800 .dash_menu li.dash_submenu ul
{
    margin: 0px;
    padding: 0px;
    background-color: #04325F;
    border-right: 0px;
    list-style-type:square;
    padding-left: 40px;
}

.info800 .dash_menu li.dash_submenu ul li
{
   border-bottom: 0px; 
   padding: 15px 0px 5px 0px; 
   font-size: 12px;
   margin: 0px; 
   background-color: #04325F;
}

.info800 .dash_menu li.dash_submenu ul li:hover
{
 
}



.info800 .infoMain .tabs_view
{ 
}

.info800 .infoMain .tabs_view .tab_title
{ 
    font-size: 16px;
}

.info800 .infoMain .tabs_view .tabs_items
{
   margin: 0px;
   padding: 0px;
}

.info800 .infoMain .tabs_view .tabs_items .tab_item
{
   display: inline-block;
   margin: 0px;
   padding: 7px 12px 7px 12px;
   background-color: #032647;
   color: #fff;
   font-size: 12px;   
   cursor: pointer;
}

.info800 .infoMain .tabs_view .tabs_items .tab_item:hover,.info800 .infoMain .tabs_view .tabs_items .tab_item.tab_selected
{
    color: #fff;   
    background-color: #e16607;
}


.info800 .infoMain .tabs_view .tab_content
{
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #fff;
    min-height: 400px;
    
-webkit-box-shadow: 2px 6px 26px -19px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 6px 26px -19px rgba(0,0,0,0.75);
box-shadow: 2px 6px 26px -19px rgba(0,0,0,0.75);
}

.info800 .infoMain .tabs_view .tab_content .data_item
{
    width: 160px;
    height: 160px;
    text-align: center;
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #eee;
    
    -webkit-box-shadow: 2px 6px 26px -19px rgba(0,0,0,0.75);
   -moz-box-shadow: 2px 6px 26px -19px rgba(0,0,0,0.75);
   box-shadow: 2px 6px 26px -19px rgba(0,0,0,0.75);
   
   cursor: pointer;
   margin: 10px;
}

.info800 .infoMain .tabs_view .tab_content .data_item:hover{
    background-color: #d3d3d3;
}

.info800 .infoMain .tabs_view .tab_content .data_item .data_num
{
    padding-top: 40px;
    padding-bottom: 5px;
    font-size: 30px;
}

.info800 .infoMain .tabs_view .tab_content .loading
{
    text-align: center;
    margin-top: 150px;
    margin-bottom: 150px;
}

.info800 .infoMain .tabs_view .tab_content .loading .gif
{
    width:150px;
    height: 100px;
    display: inline-block;
    background-image: url('/app/view/image/loading.gif');
    background-size: 150px 100px;
    background-position: center center;
}

.info800 .table_filter
{
   
}

.info800 .table_info
{
  margin: 10px 5px 10px 5px;
  padding: 7px;
  background-color: #eee;  
  
  -webkit-box-shadow: 10px 10px 17px -13px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 17px -13px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 17px -13px rgba(0,0,0,0.75);
}

.info800 .table_filter #form_place
{
  margin: 5px;
  padding: 7px;
  background-color: #eee;  
  
  -webkit-box-shadow: 10px 10px 17px -13px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 17px -13px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 17px -13px rgba(0,0,0,0.75);
} 

.info800 .table_filter #form_place .fileter_text, .info800 .table_filter #form_place .fileter_datetime
{ 
    display: inline-block;
    margin: 5px;
}

.info800 .table_filter #form_place .filter_nn
{
    
}

.info800 .table_filter #form_place .fr_button
{
    width:100%;
    display: block;
    margin: 5px;
    text-align: right;
}

.info800 .table_filter #form_place .fr_button .f_button
{
    padding: 6px 7px 6px 7px; 
    margin: 5px;
    font-size: 11px;
    text-decoration: none;    
}


.info800 .table_filter .filter_foucus 
{
    background-color: #fcdabf;
}


.info800 .table_filter #form_place .filter_combo_inline_cnt
{
    width:1px;
    height: 1px; 
}

.info800 .table_filter #form_place .filter_combo_inline
{
    position: absolute;
    margin-top: 10px;
    width:180px;
    min-height: 220px;
    background-color: #fff;
    border: 1px solid #013D79;
    
    -webkit-box-shadow: 10px 10px 17px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 17px -13px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 17px -13px rgba(0,0,0,0.75);
    
    display: none;
}

.info800 .table_filter #form_place .filter_combo_inline .filter_title
{
     background-color: #013D79;     
     color: #fff;
     padding: 8px;
     text-align: center;
}

.info800 .table_filter #form_place .filter_combo_inline .filter_content
{   
    overflow-y: scroll;
    height: 200px;
}

.info800 .table_filter #form_place .filter_combo_inline .filter_content .filter_cmb_item
{
    padding: 7px;
    background-color: #f4f4f4;    
    margin-top: 3px;
    margin-bottom: 3px;
    cursor: pointer;
    text-align: center;
}

.info800 .table_filter #form_place .filter_combo_inline .filter_content .filter_all{
    font-weight: bold;    
}

.info800 .table_filter #form_place .filter_combo_inline .filter_content .filter_cmb_item.selected, .info800 .table_filter #form_place .filter_combo_inline .filter_content .filter_cmb_item:hover
{
   background-color: #fcdabf;;
}


.info800 .table_filter #form_place .filter_combo_inline .filter_select
{
     background-color: #032647;     
     color: #fff;
     padding: 7px 2px 7px 2px;
     text-align: center;
     cursor: pointer;
}


.info800 .table_content
{
    padding: 10px;
    margin-top: 5px;
    
    -webkit-box-shadow: 10px 10px 17px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 17px -13px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 17px -13px rgba(0,0,0,0.75);
}

.info800 .table_content .table
{
   border-spacing: 0px;
}

.info800 .table_content .table tr.header
{
    background-color: #013D79;
    color: #fff;
}

.info800 .table_content .table tr td
{
    padding: 5px;
    border: 1px solid #ddd;
}

.info800 .table_content .table tr td a
{
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

.info800 .table_content .table tr.header td a
{
    color: #fff;
    text-decoration: none;
}

.info800 .table_content .table tr.header td a:hover
{
    color: #E16607;
}


.info800 .table_content .table tr.row
{
    
}

.info800 .table_content .table tr.row_2
{
    background-color: #e3f0fe;
}

.info800 .table_content .table tr td a:hover
{
    color: #333;
}

.info800 .table_content .table tr.header img
{
    width:12px;
    position: relative;
    top: 2px;
}

.info800 .table_content .table tr.row:hover,.info800 .table_content .table tr.row_2:hover
{
    background-color: #fcdabf;
}

.info800 .table_content .table tr.row td img,.info800 .table_content .table tr.row_2 td img
{
    width:22px;
}

.info800 .table_content .extra_plugin
{
    width:100%;
    margin-top: 3px;
    margin-bottom: 3px;
    background-color: #eee;
    padding: 4px;
}

.info800 .table_content .extra_plugin a
{
    text-decoration: none;
    color: #f00;
    font-weight: bold;
    display: inline-block;
    margin: 2px;
}

.info800 .table_content .extra_plugin a.f_button
{
    color: #fff;
    padding: 4px 10px 4px 10px;
    margin: 4px;
}

.info800 .table_content .extra_plugin a.f_button:hover
{
    color: #E16607;
}


.info800 .player_top
{
    width:1px;
    height: 1px;     
}

.info800 .info_player
{
    padding: 5px;
    background-color: #555; 
    position: absolute;
    left: 48%;
}

.info800 .info_player .button
{
    background-color: #013D79;
    padding: 5px;
    color: #fff;
}

 

.info800 .form_content
{
   background-color: #E9EEF2; 
   padding: 10px;
        
   -webkit-box-shadow: 10px 10px 17px -13px rgba(0,0,0,0.75);
   -moz-box-shadow: 10px 10px 17px -13px rgba(0,0,0,0.75);
   box-shadow: 10px 10px 17px -13px rgba(0,0,0,0.75);
   
}

.info800 .form_content .title_form
{
    margin: 5px;
}
 
.info800 .form_content .form_fields {
    margin-top: 20px; 
}

.info800 .form_content .form_button {
    margin: 5px;
    padding: 5px;
    padding-bottom: 15px;
    padding-top: 20px;
    text-align: right;
    border-top: 1px solid #fff;
}

.info800 .form_content .form_fields .item_field
{
    display: inline-block;
    margin-left: 1%;
    margin-top: 4px;
    margin-bottom: 4px;
}

.info800 .form_content .form_fields .item_field_enter
{
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.info800 .form_content .form_fields .item_field label
{
    font-weight: bold;
    color: #444;
}

.info800 .form_content .form_fields .item_split
{
    display: block;
    width: 100%;
}

.info800 .form_content .form_fields .item_split .part
{
    margin: 5px 10px 0px 5px;
    padding: 5px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    color: #ea4e03;
    
}


.info800 .form_content .error
{
    color: #f00;    
    font-size: 8pt;
}


.info800 .form_content .error_field input, .info800 .form_content .error_field select, .info800 .form_content .error_field textarea
{
    background-color: #FFE4E4;
    border: 1px solid #c00;
}

.info800 .form_content .form_fields .form_tab
{
    
}

.info800 .form_content .form_fields .form_tab .form_tab_select
{
  margin-top: 5px;
  margin-bottom: 10px;   
  border-bottom: 1px solid #ddd;
  width: 100%;
  padding-bottom: 5px;
}

.info800 .form_content .form_tab_item
{
    background-color: #d7d7d7; 
    padding: 10px;
}

.info800 .form_content .form_fields .form_tab .form_tab_select .form_tab_select_item
{
    display: inline-block;
    padding: 6px 6px 6px 6px;
    color: #000;    
    background-color: #f4f4f4;
    cursor: pointer;
    border: 1px solid #d5d5d5;
}

.info800 .form_content .form_fields .form_tab .form_tab_select .form_tab_select_item img
{
    width:14px;
    position: relative;
    top: -3px;
    left: 3px;
}


.info800 .form_content .form_fields .form_tab .form_tab_select .selected_tab
{
    background-color: #013D79; 
    color: #fff;
}


.info800 .gl_notice
{
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
}

.info800 .gl_notice .gl_msg
{    
    color: #fff;
    font-weight: bold;
    padding: 15px;
    background-color: #013D79;
    border-bottom: 1px solid #333;
    
    -webkit-box-shadow: 10px 10px 23px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 23px -14px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 23px -14px rgba(0,0,0,0.75);
}


@media screen and (max-width:700px) and (orientation: portrait)
{
    
    .info800 .infoMain  .mobile_center {text-align: center;}
    
     .infoSimply .form_login_content .form_window
     {
        width:90%;    
        padding-top: 0px;
        padding-bottom: 30px;
     }
     
       .infoSimply .form_login_content .form_window .form_content .form_item .f_button
     {
         width:100%;
         padding: 20px;
     }
     
     .infoSimply .form_login_content .form_window .form_content .form_item input[type='text'], .infoSimply .form_login_content .form_window .form_content .form_item input[type='password']
     {
       width:100%;
     }
     
     .infoSimply .form_login_content .form_window .form_content .form_item label
     {
          font-size:16px;
          margin-top: 5px;
          margin-bottom: 5px;
     }
      
    .info800 .infoMenu
     {
         width:100%;
         min-height: 40px;
         height: auto;
     } 
     
     .info800 .infoMain
     {
         width:100%;
         padding: 0px;
     } 
     
     .info800 .infoHeader .hleft { width:0%; display: none; }
     .info800 .infoHeader .hright { width:95%;}
     
    .info800 .menu_title
     {
         text-align: left;
         padding: 20px;         
     }
     
     .info800 .menu_title .ico_hide
     {
         display: inline-block;
         margin-right: 5px;
     }
     
    .info800 .menu_title .tt_name
    {
        
    }
    
     .info800 .menu_title .tt_firm
    {
        font-size:9px;        
    }
     
     .info800 .dash_menu
     {
         display: none;
     }
     
     .info800 .infoMain{
         width:100%;   
     }
     
     .info800 .infoMain .tabs_view{
         width:100%;
     }
     
     .info800 .infoMain .tabs_view h3.tab_title
     {
         width:100%;
         text-align: center;
         font-size: 16px;
         margin-top: 25px;
         margin-bottom: 20px;
     }
     
     .info800 .infoMain .tabs_view .tabs_items
     {
         
     }
     
     .info800 .infoMain .tabs_view .tabs_items .tab_item 
     {
         display: block;         
         padding: 8px 20px 8px 20px;
     }
     
           .info800 .table_filter #form_place .fileter_text, .info800 .table_filter #form_place .fileter_datetime
     {
         display: block;
         width: 100%;
         margin: 10px 1px 10px 1px;
         text-align: center;
     }
     
      .info800 .table_filter #form_place .ff_name
     {
         display: block;
         width:100%;
         padding: 2px;
         text-align: center;
         font-size:14px;
     }
     
     .info800 .table_filter #form_place input,      .info800 .table_filter #form_place select,      .info800 .table_filter #form_place textarea
     {
        width:90%;         
     }
     
       .info800 .table_filter #form_place .fr_button
     {
         margin-top: 10px;
     }
     .info800 .table_filter #form_place .fr_button .f_button  
     {        
         display: block;
         text-align: center;
         padding: 10px 20px 10px 20px;         
         margin: 5px;
     }
     
    .info800 .table_content
    {
        overflow-x: scroll;       
    }
    
   .info800 .table_content .PLUGIN_TABLE
   {
          min-width: 900px;
    }
    
    
   .info800 .table_filter form.filter
   {
       text-align: center;
   }
    
   .info800 .table_filter #form_place .filter_nn
   {
       display: block;
       width:99%;
   }
   
   
 
 .info800 .table_filter #form_place .filter_combo_inline
   {
       position: fixed;       
       width: 90%;
       left: 5%;
       top: 2px;
   }
   
    .info800 .table_filter #form_place .filter_combo_inline .filter_select
   {
       padding: 20px;
   }
   
   
   .info800 .table_content .table tr td
   {
      padding: 2px;     
      font-size: 9px;
  }
   
   
   
}

@media screen and (max-width:700px) and (orientation: landscape)
{
     .info800 .infoMain  .mobile_center {text-align: center;}
    
    .infoSimply .form_login_content .form_window
     {
        width:90%;    
        padding-top: 0px;
        padding-bottom: 30px;
     }
     
       .infoSimply .form_login_content .form_window .form_content .form_item .f_button
     {
         width:100%;
         padding: 20px;
     }
     
     .infoSimply .form_login_content .form_window .form_content .form_item input[type='text'], .infoSimply .form_login_content .form_window .form_content .form_item input[type='password']
     {
       width:100%;
     }
     
        .infoSimply .form_login_content .form_window .form_content .form_item label
      {
          font-size:16px;
          margin-top: 5px;
          margin-bottom: 5px;
      }
      
   .info800 .infoMenu
     {
         width:100%;
         min-height: 40px;
         height: auto;         
     } 
     
     .info800 .infoMain
     {
         width:100%;
     } 
     
       .info800 .infoHeader .hleft { width:0%; display: none; }
     .info800 .infoHeader .hright { width:95%;}
     
     
    .info800 .menu_title
     {
         text-align: left;
         padding: 20px;         
     }
     
    .info800 .menu_title .ico_hide
     {
         display: inline-block;
         margin-right: 5px;
     }
     
     .info800 .dash_menu
     {
         display: none;
     }
     
     .info800 .infoMain
     {
         width:100%;
         padding: 0px;
     } 
     
        .info800 .infoMain .tabs_view{
         width:100%;
     }
     
   .info800 .infoMain .tabs_view h3.tab_title
     {
         width:100%;
         text-align: center;
         font-size: 16px;
         margin-top: 20px;
         margin-bottom: 20px;        
     }
     
       .info800 .infoMain .tabs_view .tabs_items
     {
         
     }
     
    .info800 .infoMain .tabs_view .tabs_items .tab_item 
     {
         display: block;         
         padding: 8px 20px 8px 20px;
     }
     
        
          .info800 .table_filter #form_place .fileter_text, .info800 .table_filter #form_place .fileter_datetime
     {
         display: block;
         width: 100%;
         margin: 10px 1px 10px 1px;
         text-align: center;
     }
     
      .info800 .table_filter #form_place .ff_name
     {
         display: block;
         width:100%;
         padding: 2px;
         text-align: center;
         font-size:14px;
     }
     
     .info800 .table_filter #form_place input,      .info800 .table_filter #form_place select,      .info800 .table_filter #form_place textarea
     {
        width:90%;         
     }
     
    
     
     .info800 .table_filter #form_place .fr_button
     {
         margin-top: 10px;
     }
     .info800 .table_filter #form_place .fr_button .f_button  
     {        
         display: block;
         text-align: center;
         padding: 10px 20px 10px 20px;         
         margin: 5px;
     }
     
     
     .info800 .table_content
    {
        overflow-x: scroll;      
    }
    
      .info800 .table_content .PLUGIN_TABLE
      {
          min-width: 900px;
      }
      
      
      .info800 .table_filter #form_place .filter_nn
   {
       display: block;
       width:99%;
   }
   
    .info800 .table_filter form.filter
   {
       text-align: center;
   }
   
   
  .info800 .table_filter #form_place .filter_combo_inline
   {
       position: fixed;       
       width: 90%;
       left: 5%;
       top: 2px;
   }
   
    .info800 .table_filter #form_place .filter_combo_inline .filter_select
   {
       padding: 20px;
   }
   
   
     .info800 .table_content .table tr td
   {
      padding: 2px;     
      font-size: 9px;
  }
     
}

@media screen and (min-width: 700px)   and (max-width:940px) and (orientation: portrait)
{
    
}

@media screen and (min-width: 700px) and (max-width:1150px) and (orientation: landscape)
{
    
}

@media screen and (min-width: 1250px)  and (orientation: portrait)
{
    
}

@media screen and (min-width: 1250px)  and (orientation: landscape)
{
    
}