body
{
    background-color : white ;
}

  .prodcution_list
    {
      color:black ;  
    }
    
#footer_container
    {
    position:fixed;
    bottom:0px;
    width:100%;
//    height:60px;   /* Height of the footer */
    background:white;
    
    }
 
 .header_upper_main_menu
{
    border:0px solid red ; 
    display: block; 
    margin-left: auto; 
    margin-right: auto;
    background-color:white ;
    border-spacing:0; 
    padding:0; 
    color:white;
    border-spacing:0px ; 
    float:left;
    width:100%;
    margin-top:0px;
    margin-bottom:0px;
}   
   

.header_main_menu
{
    border:0px solid green ; 
    display: block; 
    margin-left: auto; 
    margin-right: auto;
    background-color:black;
    border-spacing:0; 
    padding:0; 
    color:black;
}



.header_main_menu_item
{
   color:white ; 
   text-decoration: none;
   text-align:right ; 
   font-size:large ; 
   font-family: Arial, Helvetica, sans-serif;
   cursor:pointer;
   
}

.mobile_main_menu_item
{
   color:black ; 
   text-decoration: none;
   text-align:right ; 
   font-size:50px ; 
   font-family: Arial, Helvetica, sans-serif;
   cursor:pointer;
   
}



.header_upper_main_menu_item a
{
   color:white ; 
   text-decoration: none;
   text-align:center ; 
   font-size:medium ; 
   font-family: Arial, Helvetica, sans-serif;
 
   
}

.header_main_menu_item:hover
{color:black ; 
}
.li_header_tab
{
    text-align:right; 
    padding-right:8px;
}

.header_main_menu_item_mobile
{
   color:white ; 
   text-decoration: none;
   text-align:center ; 
   font-size:xx-large ; 
    font-weight:bold ; 
   font-family: Arial, Helvetica, sans-serif;
   
   
}


.header_main_menu_item_td_selected
{
   color:white ; 
   text-decoration: none;
   font-size: large;
   width: 120px;
   min-width: 120px;
   text-align:center;
    background-color:gray;
    height:30px;
}



header_main_menu_item_td_non_selected
{
   background-color: blue;
}

.header_main_menu_item_td
{
   color:white ; 
   text-decoration: none;
   font-size: large;
   width: 120px;
   min-width: 120px;
   text-align:center;
   background-color:#0066CC; 
   cursor: pointer;
}

.header_upper_main_menu_item_td
{
   color:white ; 
   text-decoration: none;
   font-size: medium;
   width: 80px;
   min-width: 80px;
   text-align:center;
 //  background-color:white;
}

.header_upper_main_menu_item_td:hover
{
   background-color:#0066CC; 
}

.header_upper_main_menu_item_td a
{
//    text-decoration:none;
    color:black;
}
.header_main_menu_item_td:hover
{
// background-color:#0066CC; 
}



.header_main_menu_item_td_mobile
{
   color:white ; 
   text-decoration: none;
   font-size: large;
 
}


.header_main_menu_login_item
{
//background-image:url(../imgs/oval_3399cc.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
color: blue;
 width: 220px;
 min-width:220px;
 text-align:center;
}

 .spacer1px
    { width: 1px;
      background-color:white;
    }

.spacer10px
    { width: 10px;
      background-color:white;
    }

 .spacer20px
    { width: 20px;
     
    }   
    
.table_general
{
    border:0 ; 
   display: block; 
   margin-left: auto; 
   margin-right: auto;
    background-color:lightgray ;
    border-spacing:0; 
    padding:0; 
    color:blue;
}



     .slogan {
   background: -webkit-linear-gradient(LightBlue, white); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(LightBlue, white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(LightBlue, white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(LightBlue, white); /* Standard syntax */
  
    background: -webkit-linear-gradient(blue, white); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(Blue, white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(Blue, white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(Blue, white); /* Standard syntax */
  
  
  border: 0px solid;
    border-radius: 0px;
    color:white;
        
   text-shadow:
   -1px -2px 0 white,  
    1px -2px 0 white,
    -1px 2px 0 white,
     1px 2px 0 white;   
   
   text-shadow:
   -1px -1px 0 black,  
    1px -1px 0 black,
    -1px 1px 0 black,
     1px 1px 0 black;   
   
   
   
}

#logo_container{
   cursor : pointer; 
}


   .field_input
    {
        width: 150px;
        text-align:right;
    }

th
{
   width:40px; 
}

/*  ====   marquee up style    */

 .marque1_container {
    width: 98%;
    height:250px;
    margin: 2px;
    overflow: hidden;
    background: white;
    position: relative;
    box-sizing: border-box;
    margin-left:auto;
    margin-right:auto;
}

.marquee {
    top: 6em;
    position: relative;
    box-sizing: border-box;
    animation: marquee 15s linear infinite;
    -webkit-animation :  marquee 25s linear infinite;
}

.marquee:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

/* Make it move! */
@keyframes marquee {
    0%   { top:   8em }
    100% { top: -33em }
}

@-webkit-keyframes marquee {
    0%   { top:   8em }
    100% { top: -33em }  // ends while the element top is at -33em relative to its original location
}

/* Make it look pretty */
 .marquee {
    margin: 0;
    padding: 0 1em;
    line-height: 1.5em;
    font: 1em 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

/*   end  marquee up   */


    
    .field_title
    {
        width: 150px;
        text-align:right;
        font-weight:normal;
    }
    
 
      
 .table_section_name
 {
      text-align:right;
      font-size: x-large;
      font-weight:bold;
      color:red;
 }
 
 .details_td
    {
       width:150px ; 
       text-align:right; 
       border: 2px solid lightgray;
       border-radius: 5px 5px 5px 5px;
    }
    
    
 .customed_button
   {
        height:35px ; 
        width:80px ; 
        color:white ;
        background: black; 
        margin-left:auto ; 
        margin-right:auto ; 
        direction:rtl ; 
        text-align:center ;
        font-size:large ; 
        font-family: Arial, Helvetica, sans-serif;
        cursor:pointer;
   }
   
  .m.header_main_menu
{
    border:0 ; 
   display: block; 
   margin-left: auto; 
   margin-right: auto;
    background-color:white ;
    border-spacing:0; 
    padding:0; 
    color:white
} 
 

.current_page_link
{
  text-align:right; 
  color:blue;
  background-color:lightgray;
  font-size:small;
 
}


.display_none
{
    display:none;
}

.display_normal
{
    display:normal;
}



    .instrument_pic:hover
    {
       opacity: 0.5;
       cursor:pointer;
    }

    .hidden_tbl
    {
        display:none;
    }
    
     .visble_tbl
    {
        display:"";
    }
    
    
   .next_prev 
   {
       cursor:pointer;
   }
   
   
        #web_main_tabs
            {
               display:none;
             
            }
            
       #web_header_admin     
        {
               display:none;
             
        }
            
      #mobile_header_admin
         {float:left;
          background-color:white;
          font-size:xx-large;
          border:1px solid gray;
          padding-left:20px;
          width:40%;
          }
          
        #mobile_main_tabs
       {
/*display:block;*/
          float:right;
          background-color:white;
          font-size:xx-large;
          border:1px solid gray;
          padding-left:20px;
          width:40%;
       }
   
       .mobile_main_tabs_pos_out
       {
          float:right;
          background-color:lightgray;
          font-size:xx-large; 
          position:absolute;
          top:155px;
          left:-500px;
/*          display:none; */
          z-index:10;
           -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); /* Standard syntax */
          
          
       }
       
        .mobile_main_tabs_pos_in
       {
          float:right;
          background-color:lightgray;
          font-size:xx-large; 
          position:absolute;
          top:155px;
          left:29px;
/*          display:table; */
          z-index:10;
          transition-duration: 500ms;
          -ms-transform: scale(1,1); /* IE 9 */
         -webkit-transform: scale(1,1); /* Safari */
          transform: scale(1,1); /* Standard syntax */
       }
       
      .mobile_admin_main_tabs_pos_out
       {
          float:left;
          background-color:lightgray;
          font-size:xx-large; 
          position:absolute;
          top:0px;
          left:-500px;
/*          display:none; */
          z-index:10;
           -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); /* Standard syntax */
        display:block;  
          
       }
       
        .mobile_admin_main_tabs_pos_in
       {
          float:left;
          background-color:lightgray;
          font-size:xx-large; 
          position:relative;
          top:0px;
          left:0px;
/*          display:table; */
          z-index:10;
          transition-duration: 500ms;
          -ms-transform: scale(1,1); /* IE 9 */
         -webkit-transform: scale(1,1); /* Safari */
          transform: scale(1,1); /* Standard syntax */
       }
        
       
       
     .login_admin_table
        {
            width: 80%; 
            background-color:black;  
            margin-left:auto ; 
            margin-right:auto ; 
            margin-top:80px ; 
            border: 2px solid black ; 
            border-radius:20px;
            font-size:xx-large;
        }
     
    
    #login_inputs
        {
            margin-left:auto;
            margin-right:auto;
            width: 100%;
        }
        
    .login_admin_input
        {
            direction:rtl; 
            width:85%;
            font-size:70px;
            margin-bottom:10px;
            padding-right:10px;
        }   
   
      .forms_button 
        {   background-color:#3399cc;
            width: 86% ;
            font-size:70px;
            margin-top:20px;
        }    
        
   @media screen and (min-width: 1200px) 
   {
       #web_main_tabs
       {
          display:block; 
       }
       
       #web_header_admin     
        {
          display:block;
        }
       
        #mobile_main_tabs
       {
          display:none; 
       }
       
         #mobile_header_admin
       {
          display:none; 
       }
       
     .header_main_menu_item
        {
           color:white ; 
           text-decoration: none;
           text-align:center ; 
           font-size:large ; 
           font-family: Arial, Helvetica, sans-serif;
           cursor:pointer;

        }   
      
   .header_main_menu
{
    border:0px solid green ; 
    display: block; 
    margin-left: auto; 
    margin-right: auto;
    background-color:#0066CC;
    border-spacing:0; 
    padding:0; 
    color:white
}
    
    .login_admin_table
        {
        width: 30%; 
        background-color:white;  
        margin-left:auto ; 
        margin-right:auto ;
        margin-top:80px ; 
        border: 2px solid gray ; 
        border-radius:20px;
        font-size:large;
        }
    
    #login_inputs
        {
            margin-left:auto;
            margin-right:auto;
            width: 100%;
        }
    
    .login_admin_input
        {
            direction:rtl; 
             width:70%;
             font-size:large;
        }
    
     .forms_button 
     {
         width: 30% ;
         font-size:large;
         margin-top:10px;
     }
        
   }