/* RIGHT */
.acc-tools { right: 1%; top: 20%; width: 0; transition: .25s all ease; }
.acc-tools:hover { width: 235px; }
.access_tools .tool { right: -235px; float: right; margin: 0; border-radius: 0; background: #5bc0be; }
.access_tools .tool:first-child {
    border-radius: 21px 21px 0 0;
}
.access_tools .tool:last-child {
    border-radius: 0 0 21px 21px;
}
.access_tools .tool:hover {
    border-radius: 21px 0 0 21px;
}
.access_tools .tool:first-child:hover {
    border-radius: 21px 21px 0 21px;
}
.access_tools .tool:last-child:hover {
    border-radius: 21px 0 21px 21px;
}
#access_tools .tool.search-tool { width: 40px; left: 0; }
.access_tools .tool:hover a { padding-right: 20px; }
#access_tools .tool.contrast:hover { right: 0; left: auto; }
#access_tools .tool.font:hover { right: 0; left: auto; }
#access_tools .tool.show { left: 0; right: auto; width: 275px; }
#access_tools #search { position:relative; width: 100%; }
#access_tools #search .search-icon { float:right; }
#access_tools #search input[type="text"] { float: left; width: 0; height: 0; padding: 0; margin: 0; position: absolute; left: 0; }
#access_tools .search-tool #search.show input[type="text"] { width: 235px; height: 40px; padding: 10px 15px; margin: 0; }
#access_tools #search input[type="submit"] { right: 0; }
#access_tools .tool.show .search-icon i,
#access_tools #search:hover .search-icon i { opacity: 1; }
/*.acc-tools.stick { right: 0; }*/
/*.acc-tools.stick .tool { background:rgba(17, 16, 69, .75); border-radius: 10px 0 0 10px; }*/

/* FOCUS */
.access_tools .tool:focus a { padding-right: 20px; }
#access_tools .tool:focus { right: 0; left: auto; }

.relative {
    width: 100%;
    position: relative;
    left: auto;
    top: 0;
    right: 0;
    padding: 0;
}
.relative:hover {
	width: 100%;
}