a.VButton{display:inline-block;padding:0 5px;line-height:1.5;text-align:center;text-decoration:none;color:#333;border:1px solid;border-color:#CECECE;
        border-radius:4px;
        -webkit-border-radius:4px;
        -o-border-radius:4px;
}
a.VButton:hover{
        box-shadow:0 1px 1px 0 #CCC;
        -webkit-box-shadow:0 1px 1px 0 #CCC;
        -o-box-shadow:0 1px 1px 0 #DDD;
        color:#000
}
.Grad_Gray{
	background:-webkit-gradient(linear, 0 0, 0 90%, from(#EFEFEF), to(#E8E8E8));
	background:-moz-linear-gradient(#EFEFEF, #E8E8E8 90%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF',endColorstr='#E8E8E8',GradientType=0);
	background:-ms-linear-gradient(top, #EFEFEF 0%, #E8E8E8 90%); /*IE10*/
    background:-o-linear-gradient(top, #EFEFEF 0%, #E8E8E8 90%);
}
.Grad_Gray:hover{
	background:-webkit-gradient(linear, 0 0, 0 90%, from(#F4F4F4), to(#E8E8E8));
	background:-moz-linear-gradient(#F4F4F4, #E8E8E8 90%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4',endColorstr='#E8E8E8',GradientType=0);
	background:-ms-linear-gradient(top, #F4F4F4 0%, #E8E8E8 90%); /*IE10*/
    background:-o-linear-gradient(top, #F4F4F4 0%, #E8E8E8 90%);
}
.Grad_Blue{
	background:-webkit-gradient(linear, 0 0, 0 90%, from(#0066cc), to(#0066cc));
	background:-moz-linear-gradient(#0066cc, #0066cc 90%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066cc',endColorstr='#0066cc',GradientType=0);
	background:-ms-linear-gradient(top, #0066cc 0%, #0066cc 90%); /*IE10*/
    background:-o-linear-gradient(top, #0066cc 0%, #0066cc 90%);
}
.Grad_Blue:hover{
	background:-webkit-gradient(linear, 0 0, 0 90%, from(#0071E2), to(#0066cc));
	background:-moz-linear-gradient(#0071E2, #0066cc 90%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071E2',endColorstr='#0066cc',GradientType=0);
	background:-ms-linear-gradient(top, #0071E2 0%, #0066cc 90%); /*IE10*/
    background:-o-linear-gradient(top, #0071E2 0%, #0066cc 90%);
}
/**/
.ToolsBookPage [data-icon]:before{color:#3190A2}
.btn-FindAddReview [data-icon]:before{color:#0F4B84}
[data-icon]:before {
  font-family: 'FontIcon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}
[data-icon].c000:before,.c333{color:#333}
.ToolsBookPage [data-icon]:hover:before{color:#0080FF}
/**/
.InternalPage.GeneralLibrary{position:static}
.InternalPage .GeneralContent{width:initial;background:#F8F8F8;position:absolute;right:0;left:0;top:85px;bottom:0px;overflow-y:hidden;direction:ltr}
.HeaderBookPage{height:110px}
.TitleHeaderBookPage{height:68px;padding:0px 20px}
.ToolsBookPage{top:68px}
.ToolsBook,.js_ShyContentTooltip{width:45px;height:100%}
.ToolsBook{font-size:17pt}
.btn-fullscreen{font-size:12pt;line-height:2.6}
.btn-fullscreen:after{width:1px;background:#DDD;top:0;bottom:0;right:0}
.ContentBookPage{/*top:110px;bottom:41px;*/padding:0;display:block}
.ShowContent{margin:2px auto 0}
.FooterBookPage{margin-top:0}
/*.BookTitle{font-size:15pt;font-family:'Times New Roman'}*/
.FooterBookPage{bottom:0;height:41px}
.FooterBookPage,.ToolsBookPage,section.RangeHandleFooter{border-width:1px 0 0 0;border-color:#DDD;background:#F3F3F3;border-radius:0 0 5px 5px}
/*.GeneralFooter{position:absolute;bottom:0;right:0;left:0;display:none}*/
.CloseContentTooltip{top:8px;left:15px;font-size:10px;background:#ddd;border-color:#adadad;width:20px;height:20px;color:#333;line-height:21px;border-radius:20px}
.HeaderContentTooltip{margin-top:15px;min-height:25px}
.BodyContentTooltip{margin-top:5px;max-height:215px}
.ScrollShadow{border-width:1px 0}
.ChengeBackLink a:hover{background-color:#EEE}
.TextContentBookPage{width:60%;margin:20px auto}
.ToolsBookPage .FilteringBox{width:300px;z-index:2}
.SelectFont option{height:25px}
.IntraTCBP,.IntraTCBP *{font-family:BNazanin;font-size:14pt;direction:rtl}
.ToolsBookPage .js_IntraContentTooltip a.VButton{min-width:60px;font-size:14pt}
.js_DefaultSize{font-size:10pt}
.SearchContentBook{height:25px;border-color:silver #d9d9d9 #d9d9d9 silver}
.FrameSearchingCBook{right:5px;left:30px}
.IconSearchingCBook{left:5px;font-size:15pt;top:50%;margin-top:-14pt}
.IconSearchingCBook[data-icon]:before{color:#adadad!important}
.IconSearchingCBook[data-icon]:hover:before{color:#3190a2!important}
.TextSearchingCBook::-moz-placeholder{color:#888}
.TextSearchingCBook:focus{color:#333}
.SearchContentBook:hover{box-shadow:0 1px 1px 0 #DDD}
.MainLinksBox .RightLinks,.MainLinksBox .LeftLinks{margin:0 0 0 5px}
a.MoreTools{min-width:30px;padding:5px 10px 5px 20px;margin:7px 0 0 10px;display:none}
.MoreTools:after{content:'';position:absolute;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent;top:50%;left:6px;margin-top:-1.5px}
.ShowMoreDetails:after{border-color:transparent transparent #333 transparent;margin-top:-7px}
.range-handle{background:#017afd!important;box-shadow:0 0 0 0 #CCC!important}
.PagingFooter{width:100px}
.PagingFooter,.txtCurrentPage{font-size:16pt}
.RangeHandleFooter{right:105px}
.txtCurrentPage{width:40px;height:20px;border-color:#CCC}
.txtCurrentPage:focus{border-color:#3190A2}
.txtCurrentPage:hover{box-shadow:0 0.1em 0.3em 0 #CCC}
/*AddNote*/
.MobileNote{border-color:#c9c20d;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.2);right:30px;background-color:#f9f121;margin-top:20px}
.MobileNote span[data-icon]:before{font-size:29px;line-height:1}
.AddNoteBox .CloseContentTooltip{left:-13px;top:-13px}
.AddNoteBox textarea{border:1px solid transparent;background:transparent}
.AddNoteBox,.WarningNoteBox{border-width:1px 1px 1px 4px;border-color:#DDD;width:92%;padding:3%;background:#FFF}
.ja_CurrentAddNoteBox.AddNoteBox,.WarningNoteBox{border-color:#0066cc}
.WarningNoteBox{width:100%;min-height:100px;top:-13px;left:-13px}
.AddNoteBox:hover .CloseContentTooltip{display:block}
.ja_CurrentAddNoteBox:hover .CloseContentTooltip{display:none}
.ja_CurrentAddNoteBox textarea,.AddNoteBox:hover textarea{border-color:#DDD}
.BookWithNote .IntraTCBP{width:70%}
.BookWithNote .NotesBook{width:28%}
.AddNoteBox textarea{width:98%}
.AddNoteBox a.VButton{padding:5px 10px;min-width:50px}
.AddNoteBox a.SaveNote{color:#FFF;border-color:#0066cc}
a.Deactive.SaveNote.Grad_Blue,a.Deactive.SaveNote.Grad_Blue:hover{background:#66a3e0;border-color:#66a3e0;box-shadow:0 0 0 0 #CCC}
a.AddNewNote{display:none}
/*FullScreen*/
.GeneralContent.FullScreen{z-index:2;top:0}
.FullScreen .TitleHeaderBookPage{display:none}
.FullScreen .ToolsBookPage{top:0}
.FullScreen .HeaderBookPage{height:42px}
.FullScreen .ContentBookPage{top:42px}
/*NextAndBackBookPage*/
.ArrowBookPage{width:60px;height:90%}
.ArrowBookPage:hover{background:#F2F2F2}
.ArrowBookPage span{color:#666;font-size:30pt}
.ArrowBookPage:hover span{color:#222}
.NextBookPage{right:16px}
/*ViewMode*/
.CircleMode{width:44px;height:44px;border-radius:44px}
.IntraCircleMode{width:40px;height:40px;border-radius:40px;border-color:#DDD;margin:1px 1px 0 0}
.DayMode .IntraCircleMode{background-color:#F8F8F8}
.MiddleDayMode .IntraCircleMode{background-color:#F4ECD8}
.NightMode .IntraCircleMode{background-color:#000}
.ActiveMode .CircleMode{background-color:#06c}
#DayMode .ScrollShadow{
    background-attachment: local, local, scroll, scroll;
    background-clip: border-box, border-box, border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(#fff 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #fff 70%), radial-gradient(at center top , rgba(0, 0, 0, 0.2), transparent 70%), radial-gradient(at center bottom , rgba(0, 0, 0, 0.2), transparent 70%);
    background-origin: padding-box, padding-box, padding-box, padding-box;
    background-position: 0 0px, center bottom, 0 0px, center bottom;
    background-repeat: no-repeat;
    background-size: 100% 40px, 100% 40px, 100% 5px, 100% 5px
}
#MiddleDayMode .ToolsBookPage{border-bottom-color:#dabb9a}
#MiddleDayMode .FooterBookPage{border-top-color:#dabb9a}
#MiddleDayMode .ToolsBookPage,#MiddleDayMode .FooterBookPage,#MiddleDayMode .DetailsTools{background-color:#f9f3e5}
#MiddleDayMode .btn-fullscreen:after{background-color:#dabb9a}
#MiddleDayMode [data-icon]:before,#MiddleDayMode .MoreTools{color:#b7742c}
#MiddleDayMode .DetailsTools a[data-icon]:before{color:#6ab4fd}
#MiddleDayMode .btn-FindAddReview [data-icon]:before{color:#8E4A07}
#MiddleDayMode .ToolsBook.c000[data-icon]:before{color:#000}
#MiddleDayMode .CloseContentTooltip.c000[data-icon]:before{color:#FFF}
#MiddleDayMode .ContentBookPage,#MiddleDayMode .NotesBook{background-color:#f4ecd8} 
#MiddleDayMode .IntraTCBP,#MiddleDayMode .IntraTCBP *{color:#66554a}
#MiddleDayMode .CloseContentTooltip{background-color:#b7742c}
#MiddleDayMode .FilteringBox,#MiddleDayMode .ArrowBookPage:hover,#MiddleDayMode .AddNoteBox,#MiddleDayMode .WarningNoteBox{background-color:#fbf6eb}
#MiddleDayMode .FilteringBox,#MiddleDayMode .FilteringBox a.VButton,#MiddleDayMode .BodyContentTooltip select,#MiddleDayMode .SearchContentBook,#MiddleDayMode .AddNoteBox,#MiddleDayMode .ja_CurrentAddNoteBox textarea,#MiddleDayMode .AddNoteBox:hover textarea,#MiddleDayMode .MoreTools,#MiddleDayMode .WarningNoteBox{border-color:#dabb9a}
#MiddleDayMode .FilteringBox:before{border-color:transparent transparent #fbf6eb}
#MiddleDayMode .FilteringBox:after{border-color:transparent transparent #dabb9a}
#MiddleDayMode .Grad_Gray{background:transparent}
#MiddleDayMode .ja_CurrentAddNoteBox textarea,#MiddleDayMode textarea:hover{background:#FFF}
#MiddleDayMode .js_ToolsAddNoteBox,#MiddleDayMode .CountCharacter{color:#66554a}
#MiddleDayMode .MoreTools:after{border-color:#b7742c transparent transparent transparent}
#MiddleDayMode .ShowMoreDetails:after{border-color:transparent transparent #b7742c transparent}
#NightMode .ToolsBookPage,#NightMode .FooterBookPage,#NightMode .ContentBookPage,#NightMode .NotesBook{background-color:#000}
#NightMode .WarningNoteBox,#NightMode .AddNoteBox{background-color:#101010}
#NightMode .ToolsBook[data-icon]:before,#NightMode .ToolsBook.c000[data-icon]:before,#NightMode .FilteringBox *,#NightMode .MoreTools,#NightMode .TextSearchingCBook,#NightMode .TextSearchingCBook:focus,#NightMode textarea,#NightMode .HeaderNoteBook,#NightMode .WarningNoteBox h2{color:#FFF}
#NightMode .js_ToolsAddNoteBox,#NightMode .CountCharacter{color:#cfcfcf}
#NightMode .IntraTCBP,#NightMode .IntraTCBP *{color:#CFCFCF}
#NightMode .CloseContentTooltip.c000[data-icon]:before,#NightMode .c333[data-icon]:before{color:#000}
#NightMode .CloseContentTooltip{background-color:#DDD}
#NightMode .FilteringBox,#NightMode .DetailsTools{background-color:#333;border-color:#666}
#NightMode .FilteringBox:before{border-color:transparent transparent #333}
#NightMode .FilteringBox:after{border-color:transparent transparent #666}
#NightMode .js_DefaultSize{color:#6ab4fd}
#NightMode .FilteringBox,#NightMode .VButton:hover{-webkit-box-shadow:0 0 0 0 #000;-moz-box-shadow:0 0 0 0 #000;box-shadow:0 0 0 0 #000}
#NightMode .FilteringBox select,#NightMode .FilteringBox .VButton,#NightMode .SearchContentBook,#NightMode .MoreTools{background:#666;border-color:#CECECE}
#NightMode .FilteringBox .VButton:hover,#NightMode .ChengeBackLink a:hover,#NightMode .AddNoteBox .Grad_Gray:hover,#NightMode .MoreTools:hover{background:#999}
#NightMode .TextSearchingCBook{background:transparent}
#NightMode .TextSearchingCBook::-moz-placeholder{color:#CFCFCF}
#NightMode .SearchContentBook:hover{box-shadow:0 0 0 0 #DDD}
#NightMode .ArrowBookPage:hover{background:#101010}
#NightMode .AddNoteBox,#NightMode .ja_CurrentAddNoteBox textarea,#NightMode .AddNoteBox:hover textarea,#NightMode .WarningNoteBox{border-color:#333}
#NightMode .ja_CurrentAddNoteBox textarea,#NightMode textarea:hover{background:#666}
#NightMode .MoreTools:after{border-color:#FFF transparent transparent transparent}
#NightMode .ShowMoreDetails:after{border-color:transparent transparent #FFF transparent}
#NightMode .DetailsTools a[data-icon]:before,#NightMode .DetailsTools a:after,#NightMode .btn-FindAddReview [data-icon]:before{color:#6ab4fd}
/**/

/*Responsive*/
@media only screen and (min-width:770px) {
    .NotesBook{display:block!important}
}
@media only screen and (min-width:765px) {
    .DetailsTools{display:block!important}
    #NightMode .DetailsTools a[data-icon]:before{color:#FFF}
    #MiddleDayMode .DetailsTools a[data-icon]:before{color:#b7742c}
}
@media only screen and (max-width:765px) {
    .DetailsTools{position:absolute;right:2px;left:2px;top:42px;z-index:2;border:1px solid #DDD;background:#FFF}
    .DetailsTools .js_ShyContentTooltip{width:100%;height:40px;clear:both;float:none;border-top:1px solid #DDD;display:block}
    .DetailsTools .js_ShyContentTooltip a:after{content:attr(data-hover);position:absolute;right:45px;top:0;bottom:0;color:#3190a2;text-align:right;direction:rtl;font-size:10pt;left:0;line-height:2.5}
    .DetailsTools .js_ShyContentTooltip:hover{background:#EEE}
    .DetailsTools .js_ShyContentTooltip:first-child{border-top:0}
    .DetailsTools .js_ShyContentTooltip a{float:right;text-align:center}
    .DetailsTools .TitleTools{display:block}
    a.MoreTools{display:inline-block}
    .DetailsTools,.btn-addnote{display:none}
    .MobileNote,.CloseNoteBook,.HeaderNoteBook{display:block}
    .BookWithNote .IntraTCBP{width:100%}
    .NotesBook{width:auto!important;background:#FFF;position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;padding:20px;overflow-y:auto;display:none}
    .HeaderNoteBook{font-size:13pt}
    .CloseNoteBook{left:20px;top:20px}
    .AddNoteBox .CloseNote{top:5px;left:5px}
    a.AddNewNote{padding:10px}
    a.AddNewNote,a.AddNewNote:hover{color:#FFF}
    .WarningNoteBox{left:-4px;top:-1px;width:94%;min-height:initial}
    .WarningNoteBox h2{padding:0}
    a.AddNewNote{display:inline-block}
    .ActiveICT,.ActiveICT.FilteringBox{position:fixed;top:-1px!important;right:0!important;left:0!important;bottom:0!important;width:auto;z-index:2}
}
@media only screen and (max-width:572px) {
    .TitleHeaderBookPage{display:none}
    .ToolsBookPage{top:0}
    .HeaderBookPage{height:42px}
    /*.ContentBookPage{top:42px}*/
}
@media only screen and (max-width:610px) {

    .BodyContentTooltip{width:auto;max-height:none!important;position:absolute;right:5px;left:5px;bottom:100px;top:50px}
    .SearchContentBookBox .BodyContentTooltip{top:100px}
}
/*@media only screen and (max-height:600px) {
    .ArrowBookPage span{top:25%}
}
@media only screen and (max-height:500px) {
    .ArrowBookPage span{top:20%}
}*/
@media only screen and (max-width:480px) {
    .js_ShyContentTooltip{width:36px}
}
@media only screen and (max-width:360px) {
    .js_ShyContentTooltip{width:32px}
}

 .LoadingBookPage {
    height: 26px;
    line-height: 1.8;
    display: inline-block;
    left:50%;
    top:40%;
    padding: 5px 50px 5px 10px;
    direction: rtl;
    text-align: right;
    position: absolute;
    margin-top:-13px;
    font-size:12pt;
    margin-left:-60px;
    width:120px;
    z-index:100000;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-shadow: 0 0 0.3em #A0A0A0;
    color:#3190A2;
    background-color:#fff;
    font-family: 'BNazanin';
}
.LoadingImage{position:absolute;top:50%;margin-top:-13px;right:5px}