:root{--main:#0d52ce; --dark:#3575d3; --yellow:#ffffed}
div.m{font-family:droid; transition:background-color 0.3s; min-width:75px; text-align:center; display:inline-block; vertical-align:middle; border-left:1px solid var(--white); color:var(--white); background-color:var(--main); padding:var(--size-large); cursor:pointer}
div.mb{background-image:url(../images/bullet_ver.png); background-position:left center; background-repeat:no-repeat}
div.m_selected{background-color:var(--black)}
div.m:hover{background-color:var(--black)}
div.sm{font-family:droid; display:none; direction:rtl; transition:opacity 0.3s; opacity:0; width:280px; padding:var(--size-large); padding-bottom:110px; position:absolute; z-index:999; color:var(--white); background-color:var(--black); border-bottom-left-radius:var(--radius); border-bottom-right-radius:var(--radius); background-position:center bottom; background-repeat:no-repeat}
div.smb{transition:background-color 0.3s; color:var(--white); padding:var(--size-small); cursor:pointer}
div.smb:hover{background-color:var(--dark)}
div.main{direction:rtl; min-height:580px; padding:var(--size-large)}
div.cell_current{display:inline-block; width:75px; vertical-align:middle; transition:background-color 0.3s; background-color:var(--back-focus); cursor:pointer}
div.cell{display:inline-block; width:75px; vertical-align:middle; transition:background-color 0.3s; background-color:var(--white); cursor:pointer}
div.cell:hover{background-color:var(--back-light)}
div.block{font-family:droid; transition:background-color 0.3s; background-color:var(--black)}
div.block:hover{background-color:var(--dark)}