/* style for change fonts and color buttons setting */
#colorAndFontsButtons {
    position: absolute;   
    /*display: none;*/
    z-index: 100;
    top: 15px;
    /*width: 300px;*/
    height: 50px;
    /*background-image: url("images/negishut_export.png");*/
}

#colorAndFontsButtons.opencolorAndFonts {
    background-image: url("images/negishut_export.png");
    background-repeat:no-repeat;   
    width: 394px;
}

#colorAndFontsButtons.closecolorAndFonts {  
    background-image: url("images/negishut_exportButton.png");  
}

#showToolbar{
    float: left;
    width: 84px;
    height: 28px;
    cursor: pointer;
}

#colorAndFontsButtonsIn{
    margin-top: 9px; 
    margin-right:24px;
}
#info_acc{
  padding: 2px 0px;
  background: none;
  border: none;
  width: 26px;
  height: 26px;
  cursor: pointer;
  background-size: 100% 100%;
}
#black {
    padding: 2px 0px;
    background: none;
    border: none;
    width: 26px;
    height: 26px;
    cursor: pointer;
    /*background-image:url(images/darkColor.png);*/
    background-size: 100% 100%;
}

#nornal {
   padding: 2px 0px;
    background: none;
    border: none;
    width: 26px;
    height: 26px;
    cursor: pointer;
    /* background-image:url(images/defualtColor.png);*/
    background-size: 100% 100%;
}

#white {
    padding: 2px 0px;
    background: none;
    border: none;
    width: 26px;
    height: 26px;
    cursor: pointer;
    /* background-image:url(images/BrightColor.png);*/
    background-size: 100% 100%;
}

#resetFont {
    padding: 2px 0px;
    background: none;
    border: none;
    width: 26px;
    height: 26px;
    cursor: pointer;
    /* background-image:url(images/normalText.png);*/
    background-size: 100% 100%;
}

#smallerFont {
    padding: 2px 0px;
    background: none;
    border: none;
    width: 26px;
    height: 26px;
    cursor: pointer;
    /*  background-image:url(images/smallText.png);*/
    background-size: 100% 100%;
}

#biggerFont {
   padding: 2px 0px;
    background: none;
    border: none;
    width: 26px;
    height: 26px;
    cursor: pointer;
    /* background-image:url(images/bigText.png);*/
    background-size: 100% 100%;
}
#keyboard_hearing {
    padding: 2px 0px;
    background: none;
    border: none;
    width: 26px;
    height: 26px;
    cursor: pointer;
    /* background-image:url(images/bigText.png);*/
    background-size: 100% 100%;
}
#btnMagnifyingGlassForText {
    padding: 2px 1px;
    background: none;
    background-size: 100% 100%;
    vertical-align: top;
    border: none;
    width: 26px;
    height: 26px;
    cursor: pointer;
    /* background-image:url(images/MagnifyingGlassForText.png);        */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/MagnifyingGlassForText.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/MagnifyingGlassForText.png', sizingMethod='scale')";
}
#btnResetAcc {
    padding: 2px 1px;
    background: none;
    background-size: 100% 100%;
    vertical-align: top;
    border: none;
    width: 26px;
    height: 26px;
    cursor: pointer;
    /* background-image:url(images/MagnifyingGlassForText.png);        */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/MagnifyingGlassForText.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/MagnifyingGlassForText.png', sizingMethod='scale')";
}
#btnMagnifyingGlassForText img {
    width: 26px;
    height: 26px;
}

.borderBlack {
    border: 1px solid #ff0 !important;
}

.backgroungBlack {
    background-color: #000 !important;
     color: yellow !important;
    
}
.backgroungBlack a{
    background-color: #000 !important;
     color: yellow !important;
    
}
.colorBlack {
    color: yellow !important;
}

.outlineBlack {
    outline: 2px solid #fff !important;
}

.borderWhite {
    border: 1px solid #000 !important;
}

.backgroungWhite {
    background-color: #fff !important;
     color: #000 !important;
}
.backgroungWhite a{
    background-color: #fff !important;
     color: #000 !important;
}
.colorWhite {
    color: #000 !important;
}

.outlineWhite {
    outline: 2px solid #000 !important;
}

/*.hidden {*/
    /*overflow: hidden;*/
    /*clip: rect(0 0 0 0);*/
    /*height: 1px;*/
    /*width: 1px;*/
    /*margin: -1px;*/

/*}*/

/*.hidden:focus {*/
    /*clip: auto;*/
    /*height: auto;*/
    /*width: auto;*/
    /*overflow: visible;*/
    /*margin: 0px;*/
/*}*/

#textMagnifyingGlass {
    border: 1px solid #000;
    position: absolute;
    padding: 5px;
    background-color: #fff;
    font-size: 24px !important;
    z-index: 100;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#colorAndFontsButtonsIn :focus{
   
}
#colorAndFontsButtonsIn img{
  float:right;
  margin-left:1px;
  margin-right:1px;
}
/*.rightzone-wrapper .nav-centerzone .nav-item.selected ul li :focus{
    border: 1px solid #FFFFFF;
}

*:focus:not(.self-service-row.accordion){
    border: dotted darkgrey thin !important;
    //background: pink;
}*/