@import url("negishut/grayscale.css");
@import url("negishut/blackscale.css");
@import url("negishut/lightscale.css");


a.skip-main {
    left:0px;  position:absolute;  top:auto; 
    width:1px;  height:1px; overflow:hidden;  z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;  background-color:#000;  
    left: auto;  top: auto;  width: 30%;
    height: auto;  overflow:auto;  margin: 10px 35%;
    padding:5px;  border-radius: 15px;
    border:4px solid yellow;  text-align:center;
    font-size:1.2em; z-index:999;
}


.toogle_accessibility_tool_bar {
    color: #fff;  display:inline-block; z-index: 9999;/* important!! */
    background-color: #4054B2 !important;
    position: fixed; top: 0; right: 0px; padding: 5px 5px 2px 5px;  
}
  .toogle_accessibility_tool_bar .fa {font-size: 20px;}

 .toogle_accessibility_tool_bar:hover, .toogle_accessibility_tool_bar:active, .toogle_accessibility_tool_bar:focus
  {color: #fff;}
 
 .sliding_toolbar_in {right: 0px !important;}


.negishut_toolbar {position: fixed; top: 31px; right: -200px;width: 200px;  border: 1px solid teal;
                            z-index: 999 !important; background: #fff !important;   
                            transition: all 0.5s;                         
                           }
      
                    
 .negishut_toolbar ul {margin: 10px 10px 10px 10px;}     
    .negishut_toolbar ul li  {margin-bottom: 14px; padding: 3px 0  3px 30px;
                                        background-repeat: no-repeat !important; background-position: 6px 7px;
                                      }
    .negishut_toolbar ul li a {font-family: arial,verdana; color: #000 !important; background: #fff !important;
                                          outline: none !important;  transition: all 0s; font-size: 15px;  }
 
    .negishut_toolbar ul li a.active_link {border-bottom: double; background-color: #FFFC31 !important;}
     .negishut_toolbar ul li a:focus,  .negishut_toolbar ul li a:active {text-decoration: none;}           
      
   .negishut_toolbar #li_increase_text {background-image: url(/css/negishut/icons/increase.png);}
   .negishut_toolbar #li_decrease_text {background-image: url(/css/negishut/icons/decrease.png);}
   .negishut_toolbar #li_keyboard_navigation {background-image: url(/css/negishut/icons/keyboard.png);}
   .negishut_toolbar #li_add_grayscale {background-image: url(/css/negishut/icons/gray-background.png);}
   .negishut_toolbar #li_add_black {background-image: url(/css/negishut/icons/black-background.png);}
   .negishut_toolbar #li_add_light_background {background-image: url(/css/negishut/icons/light-background.png);}
   .negishut_toolbar #li_readable_font {background-image: url(/css/negishut/icons/readable.png);}
   .negishut_toolbar #li_add_underline {background-image: url(/css/negishut/icons/links.png);}
   .negishut_toolbar #li_cancel_accesibility {background-image: url(/css/negishut/icons/cancel.png);}
 
 .negishut_toolbar .title {font-size: 16px !important; color: #000 !important; padding-left: 0;}
 
 .readable_font {font-family: arial,verdana !important; }

 .links_underline a {text-decoration: underline !important;}

.keyboard_navigation {border: 1px solid #000; padding: 2px; position: absolute; /*display:none;*/ opacity: 0;
                                    top: 0px; left: 500px; z-index: 999; border-radius: 5px; background: #fff; 
                                 }
  .keyboard_navigation .content {padding: 3px 8px 8px 8px; }
  
       
      .keyboard_navigation a {color: #000; font-family: arial,verdana;}
      
      
  @media screen and (max-width: 640px) {    
      .toogle_accessibility_tool_bar {display: none;}
  }