:root {
    --myToolsContentAreaColor:#ade5b4; /* 60% lighter */
    --myToolsContentAreaColor:#c1ebc7; /* 70% lighter */
    --myToolsContentAreaColor:#d6f2da; /* 80% lighter */

    --myInfoContentAreaColor:#c9dee7; /* 60% lighter */
    --myInfoContentAreaColor:#d6e6ed; /* 70% lighter */
    --myInfoContentAreaColor:#e4eef3; /* 80% lighter */

    --general-gap:1rem;

    --top-section-height: calc(
        20px + /* eTopStripWrapper approximate height */
        70px + /* eUserPanel approximate height */
        100px + /* eSearchBoxWrapper approximate height */
        20px + /* eBreadCrumbsWrapper approximate height */
        70px  /* eMainBtnsWrapper approximate height */
    );
  
}

@font-face {
    font-family:"assistant";
    src: url("../fonts/Assistant/static/Assistant-Regular.ttf") format("truetype");
    font-display:swap;
}	  
@font-face {
    font-family:"assistantbold";
    src: url("../fonts/Assistant/static/Assistant-Bold.ttf") format("truetype");
    font-display:swap;
}
@font-face {
    font-family:"assistantextrabold";
    src: url("../fonts/Assistant/static/Assistant-ExtraBold.ttf") format("truetype");
    font-display:swap;
}
@font-face {
    font-family:"assistantlight";
    src: url("../fonts/Assistant/static/Assistant-Light.ttf") format("truetype");
    font-display:swap;
}
@font-face {
    font-family:"assistantextralight";
    src: url("../fonts/Assistant/static/Assistant-ExtraLight.ttf") format("truetype");
    font-display:swap;
}
html,body{
    direction:rtl;
    margin:0;
}
body{
    display:flex;
    color:#ccd1d8;
    justify-content:center;
}
input,select,textarea{
    box-sizing:border-box;
}
@media only screen and (max-width: 768px) {
    body,input,select,textarea{
        font-size:1rem;
    }
    body.hideMe{
        display:block !important;
    }
}
@media only screen and (min-width: 769px) {
    body,input,select,textarea{
        font-size:1rem;
    }
}
body.assistant,.assistant input,.assistant select,.assistant textarea{
    font-family:"assistant", Arial, sans-serif;
}
@media only screen and (min-width:769px){
    #eMain{
        margin:1rem 1rem 0 1rem;
        flex-grow:1;
        display: flex;
        flex-direction: column;
        position:relative;
    }
}
@media only screen and (min-width:1281px){
    #eMain{
        max-width:1280px;
    }
}
@media only screen and (max-width:768px){
    #eMain{
        width:100%;
        padding:0.7rem;
        box-sizing:border-box;
    }
}
#eMainMenu{
    width:100%;
    display:flex;
    position:relative;
}
@media only screen and (max-width: 768px) {
    #eMainMenu{
        display:none;
    }
}
#eMainMenu>.itmWrapperInMainMenu{
    flex-grow:1;
    color:white;
    height:4rem;
    display:flex;
    position:relative;
    text-decoration:none;
}
#eMainMenu>.itmWrapperInMainMenu:not(:last-child){
    border-left:2px solid white;
}
#eMainMenu>.itmWrapperInMainMenu>.itm{
    background-color:#465a72;
    flex-grow:1;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.4em;
    font-family:"assistantbold", Arial, sans-serif;
}
#eMainMenu>.itmWrapperInMainMenu:hover{
    cursor:pointer;
}
#eInfoMenuItmWrapper>.itm,
#eCalcsMenuItmWrapper>.itm {
    border-bottom:0.5rem solid #78acc4;
}
#eToolsMenuItmWrapper>.itm,
#eTablesMenuItmWrapper>.itm {
    border-bottom:0.5rem solid #3ab54a;
}
#eProfDptMenuItmWrapper>.itm,
#eFormsMenuItmWrapper>.itm {
    border-bottom:0.5rem solid #b7a525;
}

#eAcademyMenuItmWrapper>.itm{
    border-bottom:0.5rem solid #35b9d2;
}
#eOtoritaMenuItmWrapper>.itm{
    border-bottom:0.5rem solid #7fc5c3;
}
#eInfoMenuItmWrapper.on>.itm~.arrowDown,
#eToolsMenuItmWrapper.on>.itm~.arrowDown,
#eOtoritaMenuItmWrapper.on>.itm~.arrowDown
{
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 20px;
  height: 20px;
}
#eInfoMenuItmWrapper.on>.itm~.arrowDown{
    background-color:#78acc4;
}
#eToolsMenuItmWrapper.on>.itm~.arrowDown{
    background-color:#3ab54a;
}
#eOtoritaMenuItmWrapper.on>.itm~.arrowDown{
    background-color:#7fc5c3;
}
#eInfoMenuItmWrapper>.itm:hover,#eInfoMenuItmWrapper.on>.itm,#eInfoMenuItmWrapper.clicked>.itm,
#eCalcsMenuItmWrapper>.itm:hover,#eCalcsMenuItmWrapper.clicked>.itm{
    background-color:#78acc4 !important;
}
#eToolsMenuItmWrapper>.itm:hover,#eToolsMenuItmWrapper.on>.itm,#eToolsMenuItmWrapper.clicked>.itm,
#eTablesMenuItmWrapper>.itm:hover,#eTablesMenuItmWrapper.clicked>.itm{
    background-color:#3ab54a !important;
}
#eProfDptMenuItmWrapper>.itm:hover,#eProfDptMenuItmWrapper.clicked>.itm,
#eFormsMenuItmWrapper>.itm:hover,#eFormsMenuItmWrapper.clicked>.itm{
    background-color:#b7a525 !important;
}
#eProfDptMenuItmWrapper.clicked>.itm{
    background-color:#465a72 !important;
}
#eAcademyMenuItmWrapper>.itm:hover{
    background-color:#35b9d2 !important;
}
#eOtoritaMenuItmWrapper>.itm:hover,#eOtoritaMenuItmWrapper.on>.itm,#eOtoritaMenuItmWrapper.clicked>.itm{
    background-color:#7fc5c3 !important;
}
.subMenu>.itm:hover{
    cursor:pointer;
}
.subMenu{
    position:absolute;
    padding:1rem 0;
    font-size:1.2em;
    color:#008c8b;
    font-family:"assistantbold", Arial, sans-serif;
    border:1px solid #465a72;
    z-index:100;
    background-color:#fff;
    opacity:0.9;
    margin-top:78px;
}
.subMenu>.itm{
    padding:0 4rem;
    color:initial;
    text-decoration:none;
}
.subMenu>.itm:not(:last-child){
    border-left:1px solid #465a72;
}
.subMenu.off{
    display:none !important;
}
#eInfoMenu,#eToolsMenu{
    margin-right:40px;
}
#eOtoritaMenu{
    margin-left:40px;
}
#eSearchBoxWrapper{
    padding:2rem 1rem;
    margin-top:0.5rem;
    margin-bottom:0.5rem;
}
#eSearchBoxWrapper.minimized{
    padding:0 !important;
    margin:0 !important;
}
.colorOption1{
    background-color:#465a72 !important;
}
.colorOption2{
    background-color:#008c8b !important;
}
.colorOption3{
    background-color:#b7a525 !important;
}
#eSearchBoxWrapper>.inputBoxWrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:white;
    padding:0.5rem 1rem;
    margin:0.5rem auto;
    box-sizing:border-box;
    border-radius:3rem;
}
@media only screen and (min-width:769px){
    #eSearchBoxWrapper>.inputBoxWrapper{
        width:65%;
    }
}
#eSearchBoxWrapper.minimized{
    background-color:inherit !important;
}
#eSearchBoxWrapper.minimized>.inputBoxWrapper{
    width:auto !important;
    padding:0.3rem 0.5rem !important;
    margin:0 2rem !important;
    border:1px solid #465a72;
}
#eSearchBoxWrapper.minimized>.inputBoxWrapper>.inputBox{
    font-size:1rem !important;
}
#eSearchBoxWrapper .inputBox{
    font-size:1.2em;
    outline:none;
    flex-grow:1;
    border:0;
    padding:0.2rem;
}
@media only screen and (max-width:768px){
    #eSearchBoxWrapper .inputBox{
        width:10px;/* to enable stretch and not override on mobile*/
    }
}
#eSearchBoxWrapper.minimized #eSearch,
#eSearchBoxWrapper.minimized #ePlus,
#eSearchBoxWrapper.minimized .separator{
    height:16px !important;
}
#eSearchBoxWrapper.minimized #eSearch,
#eSearchBoxWrapper.minimized #ePlus{
    width:16px !important;
}
#eSearch,#ePlus,#eSearchBoxWrapper .separator{
    width:24px;
    height:24px;
    margin-right:1.5rem;
}
#eSearch,#ePlus{
    display:inline-block;
    background-size:cover;
}
#eSearch{
    background-image:url(../imagesNew/searchNew.png);
}
#eSearch:hover{
    background-image:url(../imagesNew/searchNewH.png);
}
#ePlus{
    background-image:url(../imagesNew/plusBtn.png);
}
#ePlus:hover{
    background-image:url(../imagesNew/plusBtnH.png);
}
#eSearch:hover,#ePlus:hover{
    cursor:pointer;
}
#eSearchBoxWrapper .separator{
    height:32px;
    width:0.1rem;
    background-color:#465a72;
}
#eSearchBoxWrapper.minimized .separator{
    background-color:#008c8b;
}
#eKeywordsInSearchWrapper{
    margin-top:1rem;
    display:flex;
    justify-content:center;
    font-size:1.2em;
}
#eKeywordsInSearchWrapper>.itm:nth-child(2){
    margin:0 2rem;
    padding:0 2rem;
    border-right:1px solid;
    border-left:1px solid;
}
#eKeywordsInSearchWrapper>.itm:hover{
    cursor:pointer;
}
#eContent.appearAct{
    animation-name:appear;
}
#eContent.disappearAct{
    animation-name:disappear;
}
#eContent.appearAct,#eContent.disappearAct{
    animation-duration:0.2s;
}
#eContentWrapper{
    display:flex;
    align-items:stretch;
    justify-content:flex-start
}
/* keywords pg - start */
#keywordsPgWrapper{
    color:#465a72;
}
#keywordsPgMenu{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:1rem;
    position:sticky;
    background-color:white;
    top:0;
}
@media only screen and (max-width:768px){
    #keywordsPgMenu{
        flex-wrap:wrap;
    }
}
#keywordsPgWrapper>.mainHdr,
#keywordsPgMenu>.itmText{
    font-family:"assistantbold",Arial, sans-serif;
    margin-bottom:1rem;
    margin-left:1rem;
}
#keywordsPgWrapper>.mainHdr{
    font-size:1.5rem;
}
#keywordsPgMenu>.itmText{
    font-size:1.2rem;
    color:#999;
}
#keywordsPgMenu>.itmText.clicked{
    color:#465a72;
}
#keywordsPgMenu>.itmText:hover{
    cursor: pointer;
    transform:scale(120%);
}
#keywordsPgWrapper .keywordsPgCtg{
    font-size:1.2rem;
    font-family:"assistantbold",Arial, sans-serif;
    grid-column: 1; 
    grid-row: 1/1000;
    font-size:2rem;
    line-height:1;
}
#keywordsPgWrapper .keywordsPgWrd{
    margin:0.2rem 0;
}
@media only screen and (min-width:769px){
    .keywordsPgLetterContentWrapper{
        display:grid;
        grid-template-columns: 4rem 1fr 1fr 1fr 1fr;
    }
}
.keywordsPgLetterContentWrapper{
    margin:2rem 0;
}
.keywordsPgLetterContentWrapper>.keywordsPgWrd:nth-child(4n+2){
    grid-column: 2; 
}
.keywordsPgLetterContentWrapper>.keywordsPgWrd:nth-child(4n+3){
    grid-column: 3; 
}
.keywordsPgLetterContentWrapper>.keywordsPgWrd:nth-child(4n+4){
    grid-column: 4; 
}
.keywordsPgLetterContentWrapper>.keywordsPgWrd:nth-child(4n+5){
    grid-column: 5; 
}
#keywordsPgWrapper .keywordsPgWrd>.itmText{
    margin:0.3rem 0;
    color:inherit;
    text-decoration:none;
}
#keywordsPgWrapper .keywordsPgWrd>.itmText:hover{
    cursor:pointer;
}
/* keywords pg - end */
/* links pg - start */
#linksPgWrapper{
    color:#666;
}
#linksPgWrapper>.mainHdr{
    font-size:1.5em;
    font-family:"assistantbold",Arial, sans-serif;
    margin-bottom:1rem;
}
.linksPgSbjct{
    margin-top:25px;
    font-family:"assistantbold", Arial, sans-serif;
    font-size:1.5rem;
}
.linksPgRec{
    margin:10px auto;
}
.linksPgTxt,.linksPgLink{
    font-size:1rem;
}
/* links pg - end */

/* experts panel - start */
#expertsPanel{
    color:#666;
}
#expertsPanelMenuWrapper{
}
#expertsPanelMenuWrapper>.menuItm{
    vertical-align:top;
    display:inline-block;
    color:#666;
    text-align:center;
    margin-left:20px;
    padding:0 8px 4px 8px;
    cursor:pointer;
}
#expertsPanelMenuWrapper>.menuItm.selectedMenuItm{
    font-family:"assistantbold", Arial, sans-serif;
    color:#465a72 !important;
    border-bottom:2px solid #465a72;
}
#questionsAllWrapper,#questionsPersonalWrapper{
    width:100%;
}
#questionsPersonalWrapper ul{
    list-style-type:none;
    padding:0;
}
#expertsPanelDtls{
    padding:1rem 0;
}
@media only screen and (min-width:768px){
    #questionPanelContentWrapperWrapper{
    }
    #questionPanelContentWrapper{
        margin:1rem 0;
        display:grid;
        grid-template-columns:auto 1fr;
        grid-template-areas:
            "nm dtls"
            "tel dtls"
            "email dtls"
            "rmbSection rmbSection"
            "sendBtn sendBtn";
    }
    .questionPanelInput{
        align-self:flex-start;
        margin:0 0 1rem 1rem;
        width:250px;
    }

    #questionPanelInputBox{
        grid-area:dtls;
    }
    #questionPanerSenderNm{
        grid-area:nm;
    }
    #questionPanelSenderTel{
        grid-area:tel;
    }
    #questionPanelSenderEmail{
        grid-area:email;
        margin-bottom:0;
    }
    .questionPanelInputRow{
       grid-area:rmbSection;
    }
    #questionPanelSendBtn{
        grid-area:sendBtn;
    }
}
#eQuestionPanelRmbFlds{
    vertical-align:-2px;
}
#questionPanelInputBox{
    width:100%;
}
.questionPanelInput{
    padding:0.2rem;
}
@media only screen and (max-width:768px){
    .questionPanelInput{
        margin:0.5rem 0;
        width:100%;
    }
    #questionPanelInputBox{
        height:250px;
    }
    #questionPanelSenderEmail{
        margin-bottom:1rem;
    }
}
#eQuestionPanelRmbFlds,#questionPanelInputBox,.questionPanelInput{
    outline-color: #465a72;
    border: 1px solid #008c8b;
}
.questionPanelInputRow{
    margin:1rem 0;
}
#questionPanelSendBtn{
    padding:0.2rem 1rem;
    background-color:#465a72;
    color:white;
    font-family:"assistant", Arial, sans-serif;
    width:min-content;
    margin:auto;
}
#questionPanelSendBtn:hover{
    cursor:pointer;
    transform:scale(110%);
}
/* new css addition to support experts panel section layout*/
.questionsCtgItm{
    margin-bottom:1rem;
}
.questionsCtg{
    display:flex;
    align-items:center;
}
.questionsCtgNm{
    font-family:"assistantbold", Arial, sans-serif;
    margin:0 0.5rem;
}
.questionsCtgNm{
    font-size:1.4rem;
}
.questionsCtgOpenBtn{
    width:1rem;
    height:1rem;
}
.questionsCtgOpenBtn:hover{
    cursor:pointer;
    transform:scale(110%);
}
.questionsCtgRsltsNum,.questionsCtgNm,.questionsCtgOpenBtn{
    color:#465a72;
}
.questionsCtgRsltsNum,.questionsCtgOpenBtn{
    position:relative;
    top:2px;
}
.questionsCtgPgWrapper{
    margin:5px 0;
}
.questionsCtgPgSelect{
    font-size:12px;
}
.questionItmWrapper{
    padding:1rem;
    margin-bottom:1rem;
    border:1px solid #666;
}
@media only screen and (max-width:768px){
    .questionOnlyWrapper{
        display:grid;
        grid-template-columns: auto 1fr auto auto auto;
        grid-template-areas:
            "dt . del pr expand"
            "question question question question question";
        align-items:center;
    }
    .questionItmDt{
        grid-area:dt;
    }
    .questionItmQuestion{
        grid-area:question;
    }
    .questionItmDelBtn{
        grid-area:del;
    }
    .questionItmPrBtn{
        grid-area:pr;
    }
    .questionItmExpandBtn{
        grid-area:expand;
    }
    .questionItmDt,.questionItmDelBtn,.questionItmPrBtn,.questionItmExpandBtn{
        margin-bottom:0.5rem !important;
    }
}
@media only screen and (min-width:769px){
    .questionOnlyWrapper{
        display:flex;
        align-items:center;
    }
}

.questionItmDt,.questionItmQuestion,.questionItmAnswer{
    display:inline-block;
    vertical-align:top;
    line-height:130%;
}
.questionItmDt,.questionItmQuestion,.questionItmAnswer{
    margin:0 5px;
}
.questionItmDt{
    white-space:nowrap;
    color:#006621;
}
.questionItmQuestion{
    flex-grow:1;
}
.questionItmDt,.questionItmAnswer{
    margin-right:0;
}
.questionItmDelimiter{
    display:inline-block;
    border-bottom:1px solid #aaa;
    width:100%;
    position:relative;
    bottom:6px;
}
.questionItmExpandBtn,.questionItmDelBtn,.questionItmPrBtn{
    cursor:pointer;
}
.questionItmExpandBtn,.questionItmDelBtn{
    width:16px;
    height:16px;
}
.questionItmExpandBtn{
}
.questionItmDelBtn{
}
.questionItmPrBtn{
    margin:0 0.8rem;
    width:22px;
    height:22px;
}
.itmNumInQuestionCtg{
    margin:0.2rem 0 0.6rem;
}
/* experts panel - end */

@media only screen and (max-width: 768px) {
    #eContentWrapper{
        flex-direction:column;
    }
}
@media only screen and (min-width: 769px) {
    #eMainBtnsWrapper{
        display:flex;
        margin-left:1rem;
    }
}
#eMainBtnsWrapper>.btns{
    display:flex;
    justify-content:center;
    height:min-content;
    position:relative;
}
#eMainBtnsWrapper>.btns>.itm>.caption.minimize,
#eMainBtnsWrapper>.btns>.itm>.caption.maximize,
#eMainBtnsWrapper>.btns>.itm>.caption.maximizeFullSpeedAhead,
#eMainBtnsWrapper>.btns>.itm>.caption.minimizeFullSpeedAhead{
    animation-fill-mode: forwards;
}
#eMainBtnsWrapper>.btns>.itm>.caption.minimize,
#eMainBtnsWrapper>.btns>.itm>.caption.maximize{
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
}
#eMainBtnsWrapper>.btns>.itm>.caption.minimize,
#eMainBtnsWrapper>.btns>.itm>.caption.minimizeFullSpeedAhead{
    animation-name:minimize;
}
#eMainBtnsWrapper>.btns>.itm>.caption.maximize,
#eMainBtnsWrapper>.btns>.itm>.caption.maximizeFullSpeedAhead{
    animation-name:maximize;
}
#eMainBtnsWrapper>.btns>.itm>.caption.minimizeFullSpeedAhead,
#eMainBtnsWrapper>.btns>.itm>.caption.maximizeFullSpeedAhead{
    animation-duration:0;
}
#eMainBtnsWrapper>.btns>.itm>.caption.minimize,#eMainBtnsWrapper>.btns>.itm>.caption.minimizeFullSpeedAhead{
    font-size:0.8rem;
}
@keyframes minimize{
    to{
        width:60px;
    }
}
@media only screen and (min-width:769px){
    @keyframes maximize{
        from{
            width:60px;
        }
        to{
            width:130px;
        }
    }
}
@media only screen and (max-width:768px){
    @keyframes maximize{
        from{
            width:auto;
        }
        to{
            width:auto;
        }
    }
}
@media only screen and (min-width:769px){
    #eMainBtnsWrapper>.btns{
        flex-direction:column;
        align-items:center;
    }
}	
body #eMainBtnsWrapper>.markerLine{
    width:0;
    margin:0;
    width:10px;
    position:relative;
    border-right:1px solid #ddd;
}
body #eMainBtnsWrapper .marker{
    position:absolute;
    top:0;
    left:-6px;
    width:10px;
    background-color:#465a72;
    z-index:1;
    animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
body:not(.monetaryWorld) #eMainBtnsWrapper .marker{
    height:calc(20% - 4px);
}
body.monetaryWorld #eMainBtnsWrapper .marker{
    height:calc(25% - 4px);
}
@media only screen and (max-width: 768px) {
    body #eMainBtnsWrapper>.markerLine,
    body #eMainBtnsWrapper .marker{
        display:none;
    }
}
#eMainBtnsWrapper .itm{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:50%;
    text-align:center;
    color:#999;
    position:relative;
    text-decoration:none;
}
@media only screen and (min-width:769px){
    #eMainBtnsWrapper .itm{
        padding:2rem 1rem;
        font-size:1.5em;
    }
    #eMainBtnsWrapper .itm>.caption{
        overflow:hidden;
        width:130px;
    }
}
@media only screen and (max-width:768px){
    #eMainBtnsWrapper .itm{
        font-size:1em;
        flex-grow:1;
        margin-bottom:1rem !important;
    }
}
#eMainBtnsWrapper .itm.toolsBtn,
#eMainBtnsWrapper .itm.infoBtn,
#eMainBtnsWrapper .itm.popularBtn,
#eMainBtnsWrapper .itm.subjectsBtn,
#eMainBtnsWrapper .itm.historyBtn{
    margin-bottom:8px;
}
.assistant #eMainBtnsWrapper .itm.clicked{
    font-family:"assistant", Arial, sans-serif;
}
#eMainBtnsWrapper .itm:hover{
    cursor:pointer;
    color:#465a72;
}
#eMainBtnsWrapper .itm:hover .icon,#eMainBtnsWrapper .itm:hover .caption,
#eMainBtnsWrapper .itm.clicked .icon,#eMainBtnsWrapper .itm.clicked .caption{
/*			transform:scale(120%);*/
    font-family:"assistantbold", Arial, sans-serif;
}
#eMainBtnsWrapper .itm.clicked,#eMainBtnsWrapper .itm:hover{
    /* background-color:#b7a525; */
}

#eMainBtnsWrapper .itm>.icon{
    background-repeat:no-repeat;
    background-size:contain;
    width:30px;
    height:30px;
    background-position:center;
}
#eMainBtnsWrapper .itm>.icon.tools{
    background-image:url(../imagesNew/tools.png);
}
#eMainBtnsWrapper .itm:hover .icon.tools,
#eMainBtnsWrapper .itm.clicked .icon.tools{
    background-image:url(../imagesNew/toolsH.png);
}
#eMainBtnsWrapper .itm>.icon.info{
    background-image:url(../imagesNew/info.png);
}
#eMainBtnsWrapper .itm:hover .icon.info,
#eMainBtnsWrapper .itm.clicked .icon.info{
    background-image:url(../imagesNew/infoH.png);
}
#eMainBtnsWrapper .itm>.icon.popular{
    background-image:url(../imagesNew/popular.png);
}
#eMainBtnsWrapper .itm:hover .icon.popular,
#eMainBtnsWrapper .itm.clicked .icon.popular{
    background-image:url(../imagesNew/popularH.png);
}
#eMainBtnsWrapper .itm>.icon.history{
    background-image:url(../imagesNew/history.png);
}
#eMainBtnsWrapper .itm:hover .icon.history,
#eMainBtnsWrapper .itm.clicked .icon.history{
    background-image:url(../imagesNew/historyH.png);
}
#eMainBtnsWrapper .itm>.icon.subjects{
    background-image:url(../imagesNew/subjects.png);
}
#eMainBtnsWrapper .itm:hover .icon.subjects,
#eMainBtnsWrapper .itm.clicked .icon.subjects{
    background-image:url(../imagesNew/subjectsH.png);
}
#eMainBtnsWrapper .itm.toolsBtn.clicked,
#eMainBtnsWrapper .itm.infoBtn.clicked,
#eMainBtnsWrapper .itm.popularBtn.clicked,
#eMainBtnsWrapper .itm.subjectsBtn.clicked,
#eMainBtnsWrapper .itm.historyBtn.clicked{
    color:#465a72;
}
#eMainBtnsWrapper .itm>.caption{
    line-height:1;
}
@media only screen and (min-width:769px){
    #eMainBtnsWrapper .itm>.caption{
        white-space:nowrap;
    }
}
#eLogo{
    width:227px;
    height:53px;
    margin-left:auto;
}
@media only screen and (max-width:768px){
    #eLogo{
        display:none;
    }
}
#eLogo:hover{
    cursor:pointer;
}
#eSearchBoxWrapper.minimized>#ePgHdr{
    display:none;
}
#ePgHdr{
    position:relative;
    margin-bottom:1rem;
}
body.platinumWorld #ePgHdr{
    color:#fff;
}
#ePgHdrBdy{
    display: flex;
    justify-content: center;
}
#ePgHdr .top,#ePgHdr .bottom{
    display:block;
    line-height:0.7em;
    white-space:nowrap;
}
#ePgHdr .top{
    font-size:2.2rem;
    font-family:"assistantextrabold", Arial, sans-serif;
    margin-left:0.5rem;
}
#ePgHdr .bottom{
    margin-top:0.4rem;
    font-size:1.4rem;
    font-family:"assistantbold", Arial, sans-serif;
}
@media only screen and (min-width:769px){
    #eTopStripWrapper{
        display:none;
    }
}
@media only screen and (max-width: 768px) {
    #eTopStripWrapper{
        display:flex;
        justify-content:space-between;
        margin-bottom:1rem;
    }
    #eLogoForMobile{
        width:227px;
        height:53px;
    }
    #eMainMenuBtn{
        width:32px;
        height:32px;
        background-image:url(../imagesNew/hamburger.png);
        background-repeat:no-repeat;
    }
    #eMainMenuOnMobile{
        display:flex;
        background-color:#008c8a;
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        flex-direction: column;
        justify-content:flex-start;
        align-items: center;
        overflow:hidden;
        z-index:101;
        list-style-type:none;
        margin:0;
    }
    #eMainMenuOnMobile>.itm{
        width:82%;
    }
    #eMainMenuOnMobile>.itm>.subMenuOnMobile{
        padding-right:1rem;
        list-style-type: none;
    }
    #eMainMenuOnMobile>.itm>.subMenuOnMobile>.itm{
        color:initial;
        text-decoration:none;
    }
    #eMainMenuOnMobile>.itm>.subMenuOnMobile>.itm>.caption{
        font-size:1.3rem;
        line-height:1.5;
    }
    #eMainMenuOnMobile>.itm:not(#eCloseMainMenuOnMobileBtn){
        padding:1rem 0;
        text-align:right;
    }
    #eMainMenuOnMobile>.itm:not(#eCloseMainMenuOnMobileBtn):not(:last-child){
        border-bottom:1px solid white;
    }
    #eMainMenuOnMobile>.itm:nth-child(2){
        padding-top:0 !important;
    }
    #eMainMenuOnMobile>.itm>.caption{
        font-size:1.6rem;
    }
    #eMainMenuOnMobile>.itm>.caption,
    #eMainMenuOnMobile>.itm>.subMenuOnMobile>.itm>.caption{
        color:white;
        text-decoration:none;
    }
    #eCloseMainMenuOnMobileBtn{
        padding:1rem 0 0 0 !important;
        display:flex;
        justify-content: flex-end;
    }
    #eCloseMainMenuOnMobileBtn>.img{
        width:15px;
        height:15px;
        background:url(../imagesNew/close_2.png);
        background-repeat: no-repeat;
    }
    @keyframes stretchMobileMenuTemplate{
        from{
            height:0;
        }
        to{
            height:100%;
        }
    }
    @keyframes stretchMobileMenuTemplateReverse{
        from{
            height:100%;
        }
        to{
            height:0;
        }
    }
    .showMobileMenu{
        animation:stretchMobileMenuTemplate 0.5s;
    }
    .hideMobileMenu{
        animation:stretchMobileMenuTemplateReverse 0.5s;
    }
}
@media only screen and (min-width: 769px) {
    #eLogoWrapperForMobile{
        display:none;
    }
}
@media only screen and (min-width:769px){
    #eSubjectsWrapper{
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap;
        position:relative;
    }
    .keyDefBox{
        width:600px;
        border:1px solid black;
        position:absolute;
        background-color:white;
        font-family:"assistant", Arial, sans-serif;
        white-space:normal;
        padding:1rem;
        color:black;
        z-index:200;
        padding:1rem;
    }
    .keyDefBox>.keyDefBoxInnerWrapper{
        height:10.5rem;
        overflow:hidden;
    }
    .keyDefBox>.threeDotsMark{
        position:absolute;
        bottom:0.2rem;
        left:1rem;
    }
    .threeDotsMark{
        color:#0000FF;
        cursor:pointer;
    }
    .keyDefBox *{
        font-family:"assistant", Arial, sans-serif !important;
        font-size:1rem !important;
        line-height:1.7 !important;
        padding-top:0 !important;;
        padding-bottom:0 !important;;
        margin-top:0 !important;;
        margin-bottom:0 !important;;
    }
    .keyDefArrowUp{
    }
    .keyDefArrowDown{
    }
    .keyDefArrowUp,
    .keyDefArrowDown{
        position:absolute;
        display:block;
        z-index:1000;
    }
    .defCaption{
        color:#4ec0e6;
    }
}
#eSubjectsWrapper>.subjectWrapper,
.subjectWrapper.expand{
    padding:0.5rem;
    margin:0.1rem 0;
    display:flex;
    flex-direction:column;
}
#eSubjectsWrapper>.subjectWrapper{
    color:#465a72;
    position:relative;
}
@media only screen and (min-width:769px){
    #eSubjectsWrapper>.subjectWrapper{
        width:30%;
    }
}
.subjectWrapper.expand{
    min-height:70vh;
    max-height:80vh;
    overflow:auto;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:100;
    background-color:#fff;
    padding:2rem;
    box-sizing:border-box;
    color:#465a72;
    border:1px solid #aaa;
}
@media only screen and (max-width:768px){
    .subjectWrapper.expand{
        width:95vw;
    }
}
@media only screen and (min-width:769px){
    .subjectWrapper.expand{
        width:80vw;
    }
}
@media only screen and (min-width:1281px){
    .subjectWrapper.expand{
        width:50vw;
    }
}
/* scrollbar customization - start */
.subjectWrapper.expand::-webkit-scrollbar {
    width: 0.2rem;
}

.subjectWrapper.expand::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

.subjectWrapper.expand::-webkit-scrollbar-thumb {
    background: #888; 
}

.subjectWrapper.expand::-webkit-scrollbar-thumb:hover {
    background: #555; 
}		
/* scrollbar customization - end */

#eSubjectsWrapper .subjectWrapper>.captionWrapper,
.subjectWrapper.expand>.captionWrapper{
    font-family:"assistantbold", Arial, sans-serif;
    font-size:1.3rem;
    display:flex;
    align-items:flex-start;
    margin-bottom:0.2rem;
}
body:not(.monetaryWorld) #eSubjectsWrapper .subjectWrapper>.captionWrapper>.caption:hover,
body:not(.monetaryWorld) .subjectWrapper.expand>.captionWrapper>.caption:hover{
    cursor:pointer;
}
#eSubjectsWrapper .subjectWrapper>.captionWrapper>.icon,
.subjectWrapper.expand>.captionWrapper>.icon{
    width:2rem;
    height:2rem;
    margin-left:1rem;
    background-size:2rem 2rem;
    background-repeat:no-repeat;
    background-position:center;
    flex-shrink:0;
}
#eSubjectsWrapper .subjectWrapper>.captionWrapper>.icon.monetary,
.subjectWrapper.expand>.captionWrapper>.icon.monetary{
    padding:0.25rem;
    width:1.5rem !important;
    height:1.5rem !important;
    background-size:1.5rem 1.5rem !important;
    border-radius:50%;
}
#eSubjectsWrapper .subjectWrapper>.captionWrapper>.icon.monetary.icon31{
    background-color:#76abc4    ;
}
#eSubjectsWrapper .subjectWrapper>.captionWrapper>.icon.monetary.icon32{
    background-color:#3fc7f3;
}
#eSubjectsWrapper .subjectWrapper>.captionWrapper>.icon.monetary.icon34{
    background-color:#15abc0;
}
#eSubjectsWrapper .subjectWrapper>.captionWrapper>.icon.monetary.icon35{
    background-color:#197fbb;
}
#eSubjectsWrapper .subjectWrapper>.captionWrapper>.icon.monetary.icon36{
    background-color:#38b54b;
}
#eSubjectsWrapper .subjectWrapper>.captionWrapper>.icon.monetary.icon37{
    background-color:#97c93e;
}
#eSubjectsWrapper .subjectWrapper>.captionWrapper>.icon.monetary.icon38{
    background-color:#999f47;
}
#eSubjectsWrapper .subjectWrapper>.captionWrapper>.icon.monetary.icon39{
    background-color:#baa732;
}

#eSubjectsWrapper .subjectWrapper>.itemsWrapper,
.subjectWrapper.expand>.itemsWrapper{
    font-family:"assistant", Arial, sans-serif;
    font-size:1.1rem;
    align-items:center;
}
#eSubjectsWrapper .subjectWrapper>.itemsWrapper{
    display:flex;
    flex-wrap:wrap;
}
.subjectWrapper.expand>.itemsWrapper{
    margin-top:1rem;
    display:grid;
    justify-content:space-between;
    align-items:flex-start;
    grid-gap:1rem;
}
@media only screen and (max-width:768px){
    .subjectWrapper.expand>.itemsWrapper{
        grid-template-columns:repeat(2,auto);
    }
}
@media only screen and (min-width:769px){
    .subjectWrapper.expand>.itemsWrapper{
        grid-template-columns:repeat(4,auto);
    }
}
/*
.subjectWrapper>.itemsWrapper>.itm{
    position:relative;
}
*/		
#eSubjectsWrapper .subjectWrapper>.itemsWrapper>.itm:not(.last){
    margin-left:0.4rem;
}
#eSubjectsWrapper .subjectWrapper>.itemsWrapper>.itm>.itmText,
.subjectWrapper.expand>.itemsWrapper>.itm>.itmText{
    color:#999;
    text-decoration:none;
}
.subjectWrapper>.itemsWrapper>.itm>.itmText:hover{
    background-color:#eee;
}
.subjectWrapper.expand>.itemsWrapper>.itm{
    margin:0.5rem 0;
}
@media only screen and (min-width:769px){
    .subjectWrapper.expand>.itemsWrapper>.itm>.itmText{
/*        width:max-content;*/
    }
}
@media only screen and (max-width:768px){
    .subjectWrapper.expand>.itemsWrapper>.itm:nth-child(2n){
        margin-right:2rem;
    }
}
.subjectWrapper.expand>.itemsWrapper>.itm>.itmText{
    display: inline-block;
}
.subjectWrapper.expand>.closeBtn{
    display:inline-block;
    position:absolute;
    left:0.5rem;
    top:0.5rem;
    width:16px;
    height:16px;
    background-image:url(../imagesNew/closeBtnSmall.png);
    background-repeat:no-repeat;
    background-position:center;
}
.subjectWrapper.expand>.closeBtn:hover{
    cursor:pointer;
}
#eSubjectsWrapper .subjectWrapper>.itemsWrapper>.itm.last{
    margin-left:0.2rem;
}
#eSubjectsWrapper .subjectWrapper>.itemsWrapper>.itm:hover,
.subjectWrapper.expand>.itemsWrapper>.itm:hover{
    cursor:pointer;
}
#eSubjectsWrapper .subjectWrapper>.itemsWrapper>.itm:not(.last)::after{
    content:",";
}
#eSubjectsWrapper .subjectWrapper.clickedSubjectItem{
    color:#008c8b;
}
#eSubjectsWrapper .subjectWrapper.markMe{
    border-left:0.3rem solid #465a72;
    background-color:initial;
}
#eSubjectsWrapper .subjectWrapper.allSubjects{
    color:white;
    background-color:black;
}
#eSubjectsWrapper .subjectWrapper>.caption{
    flex-grow:1;
}
#eSubjectsWrapper .subjectWrapper:not(.allSubjects)>.caption{
/*			border-bottom:1px solid #aaa;*/
}
#eSubjectsWrapper .subjectWrapper>.icon{
    display:inline-block;
    width:10px;
    height:10px;
    background-position:center right;
    background-repeat:no-repeat;
    background-size:10px;
    background-origin:padding-box;
    margin-left:0.5rem;
}
#eSubjectsWrapper .subjectWrapper>.icon.sbj1{
    background-image:url(../imagesNew/subject1.png);
}
#eSubjectsWrapper .subjectWrapper>.icon.sbj2{
    background-image:url(../imagesNew/subject2.png);
}
#eSubjectsWrapper .subjectWrapper>.icon.sbj3{
    background-image:url(../imagesNew/subject3.png);
}
#eSubjectsWrapper .subjectWrapper>.icon.sbj4{
    background-image:url(../imagesNew/subject4.png);
}
#eSubjectsWrapper .subjectWrapper>.icon.sbj5{
    background-image:url(../imagesNew/subject5.png);
}
#eSubjectsWrapper .subjectWrapper>.icon.sbj6{
    background-image:url(../imagesNew/subject6.png);
}
#eSubjectsWrapper .subjectWrapper>.icon.sbj7{
    background-image:url(../imagesNew/subject7.png);
}
#eSubjectsWrapper>.subjectWrapper:not(.allSubjects)>.caption:hover{
    cursor:pointer;
}
#subjectsMenuBlackBoard{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:white;
    opacity:0.9;
    z-index:10;
}
#eKeywordsBtn{
    padding:2rem 0.5rem;
    margin:2rem 0 0;
    background-color:#008c8b;
    border-radius:0.3rem;
    font-size:1.4em;
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    box-sizing:border-box;
}
.assistant #eKeywordsBtn{
    font-family:"assistantBold", Arial, sans-serif;
}
#eKeywordsBtn>.img{
    background-repeat:no-repeat;
    background-size:24px;
    background-image:url(../imagesNew/searchNew.png);
    width:24px;
    height:24px;
    margin-left:1rem;
}
#eContent.appearAct,#eContent.disappearAct,#eMainBtnsWrapper .itm.arrowOn.appearAct::after{
    animation-timing-function:ease-in-out;
}
@keyframes appear{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
@keyframes disappear{
    0%{
        opacity:1;
    }
    100%{
        opacity:0;
    }
}
#eUserPanel{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin-bottom:1rem;
}
#bTrialSubscription{
    padding:0.5rem;
    background-color:#ed7721;
    color:white;
}
#bDisconnect{
    color:#008c8b;
    border-bottom:1px solid #008c8b;
}
.assistant #bTrialSubscription, .assistant #bDisconnect{
    font-family:"assistantBold", Arial, sans-serif;
}
#bHome,#eUser,#bMore,.shareBtn,.accessibilityBtn,#eVirtualTourBtn{
    background-repeat:no-repeat;
    background-size:contain;
    background-position: center;
    width:1.5rem;
    height:1.5rem;
}
#bTrialSubscription:hover,#bDisconnect:hover,#bHome:hover,#bMore:hover,
.shareBtn:hover,.accessibilityBtn:hover,#eVirtualTourBtn:hover{
    cursor:pointer;
}
.accessibilityBtn:hover{
    width:1.7rem !important;
    height:1.7rem !important;
}
#bMore{
    color:#008c8b;
    border-right:1px solid #008c8b;
    border-left:1px solid #008c8b;
    padding:0 1rem;
    background-image:url(../imagesNew/settingsBtn1.png);
    width:1.1rem !important;
    height:1.1rem !important;
}
#bMore:hover{
    background-image:url(../imagesNew/settingsBtn1H.png);
}
#eMoreContextMenu{
    position:absolute;
    background-color:#fff;
    opacity:0.9;
    color:initial;
    padding:0.5rem 1rem;
    cursor:pointer;
    z-index:101;
}
#eMoreContextMenu>ul{
    list-style:none;
    padding:0;
    margin:0;
}
#eMoreContextMenu>ul>li:not(:last-child){
    border-bottom:1px solid #465a72;
    padding:0.3rem 0;
}
#eMoreContextMenu>ul>li:last-child{
    padding-top:0.3rem;
}
#eUserGreeting{
    color:#8b97a6;
    margin:0 1rem;
}
#eUserGreeting.cursorOnHover:hover{
    cursor:pointer;
}
.shareBtn{
    background-image:url(../imagesNew/shareBtn.png);
}
.accessibilityBtn{
    background-image:url(../imagesNew/accessibility.png);
} 
#eVirtualTourBtn{
    background-image:url(../imagesNew/virtualTour.png);
}
#eVirtualTourBtn:hover{
    background-image:url(../imagesNew/virtualTourBold.png);
}
@media only screen and (max-width:768px){
    #eVirtualTourBtn{
        display:none;
    }
}

#eShareBtnWideScreen{
    display:none;
}
#eShareBtn,#eVirtualTourBtn{
    padding:0 1rem;
    border-left:1px solid #008c8b;
}
#eAccessibilityBtn{
    border-left:1px solid #008c8b;
}
#eAccessibilityBtnWideScreen{
    position:absolute;
    top:1rem;
    left:1rem;
}
@media only screen and (min-width:769px){
    #eAccessibilityBtn{
        padding:0 1rem;
    }

}
@media only screen and (min-width:1281px){
    #eAccessibilityBtn{
        display:none;
    }
}
@media only screen and (max-width:1280px){
    #eAccessibilityBtnWideScreen{
        display:none;
    }
}
#eAccessibilityMenu{
    list-style-type:none;
    padding:0;
    margin:0.3rem 0;
    background-color:#eee;
    color:#000;
    position:absolute;
}
#eAccessibilityMenu>.itm{
    padding:0.5rem;
}
#eAccessibilityMenu>.itm:hover{
    background-color:#ddd;
    cursor:pointer;
}
.highlightInputElementOnFocus,.accessibltBtn:focus,#eAccessibilityMenu>.itm:focus{
	outline:0.3rem dotted red !important;
}
.bgColorWhite{
	background-color:white !important;
}
.bgColorBlack{
	background-color:black !important;
}
.bgColorGray1{
	background-color:#bbb !important;
}
.bgColorOrange{
	background-color: #e67315 !important;
}
.bgNone{
	background:none !important;
}
.colorBlack{
	color:black !important;
}

.shareBtn:hover{
    background-image:url(../imagesNew/shareBtnH.png);
}
#bHome{
    background-image:url(../imagesNew/homeBtn.png);
    margin:0 1rem;
}
#bHome:hover{
    background-image:url(../imagesNew/homeBtnH.png);
}
#eUser{
    margin-right:1rem;
    background-image:url(../imagesNew/userBtn.png);
}
#eUser:hover{
    background-image:url(../imagesNew/userBtnH.png);
}


@media only screen and (max-width:768px){
    #eUserPanel{
        display:grid !important;
        grid-template-columns:auto auto auto auto 1fr auto auto;
        grid-template-areas: 
            "userGreeting userGreeting userGreeting userGreeting . trialSubscriptionOrDisconnect trialSubscriptionOrDisconnect"
            "share more home . . . accessibility";
    }
    #eUser{
        display:none;
    }
    #eUserGreeting{
        grid-area:userGreeting;
        margin-right:0;
    }
    #bTrialSubscription{
        grid-area:trialSubscriptionOrDisconnect;
    }
    #bDisconnect{
        grid-area:trialSubscriptionOrDisconnect;
    }
    #bMore{
        grid-area:more;
    }
    #bHome{
        grid-area:home;
    }
    #eShareBtn{
        grid-area:share;
        padding-right:0;
        background-position:right !important;
    }
    #eAccessibilityBtn{
        grid-area:accessibility;
    }   
    #eShareBtn,#eAccessibilityBtn{
        border-left:0;
    }   
    #bMore,#bHome,#eShareBtn,#eAccessibilityBtn{
        margin-top:0.5rem;
    }
}




#eContent{
    width:100%;
    box-sizing:border-box;
}
#eContent>.ctg{
    display:flex;
}
@media only screen and (max-width:768px){
    #eContent{
        min-height: calc(100vh - var(--top-section-height));
    }   
    #eContent>.ctg{
        flex-direction:column;
    }
}
#eContent .resultsWrapper{
    flex-grow:1;
    min-width:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
}
.resultsWrapper.hideMe{
    display:initial !important;
}
#eContent>.ctg>.resultsWrapper>.empty{
    border:1px solid transparent;
}
#eContent .resultsWrapper>.btn{
    display:flex;
    flex-direction:column;
    align-items:center;
    border:1px solid #3ab54a;
    border-radius:0.5rem;
    text-align:center;
    font-size:1em;
    box-sizing:border-box;
    position:relative;
}
@media only screen and (max-width:768px){
    #eMyToolsWrapper>.resultsWrapper{
        flex-direction: column;
        align-items:center;
    }
    #eMyToolsWrapper>.resultsWrapper>.btn{
        width:90% !important;
        flex-basis:90% !important;
    }
}
@media only screen and (min-width:769px){
    #eContent .resultsWrapper>.btn:nth-child(5n+1){
        margin-right:5%; /*#1 - if you change here, don't forget to change also in the js code segment that determines the width of each .btn - look for #1 in the js code */
    }
    #eContent .resultsWrapper>.btn:not(:nth-child(5n+1)){
        margin-right:2%; /*#1 - if you change here, don't forget to change also in the js code segment that determines the width of each .btn - look for #1 in the js code */
    }
}
@media only screen and (max-width:768px){
    #eContent .resultsWrapper>.btn{
        margin-right:0.5rem;
    }
}
#eContent .resultsWrapper>.btn.dragging{
    opacity:0.2;
}
#eContent .resultsWrapper>.btn>.sideMenu{
    display:flex;
    flex-direction:column;
    align-items:center;
    position:absolute;
    top:0;
    right:-10px;
    width:20px;
    top:50%;
    transform:translateY(-50%);
}
#eContent .resultsWrapper>.btn>.sideMenu>.btn{
    width:16px;
    height:16px;
    border-radius:50%;
    color:black;
    display:flex;
    align-items:center;
    justify-content: center;
    margin-bottom:5px;
    background-color:white;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position:center;
    border:1px solid #3ab54a;
    border-style:solid;
    padding:0.1rem;
}
#eContent .resultsWrapper>.btn>.sideMenu>.btn:hover{
    transform:scale(1.2);
    z-index:1;
}
#eContent .resultsWrapper>.btn>.sideMenu>.btn.share{
    background-image: url('../imagesNew/shareBtn.png');
}
#eContent .resultsWrapper>.btn>.sideMenu>.btn.move{
    background-image: url('../imagesNew/dragBtn.png');
}
#eContent .resultsWrapper>.btn>.sideMenu>.btn.remove{
    background-image: url('../imagesNew/closeBtn.png');
}
#eContent .resultsWrapper>.btn>.sideMenu>.btn.share:hover{
    background-image: url('../imagesNew/shareBtnH.png');
}
#eContent .resultsWrapper>.btn>.sideMenu>.btn.remove:hover{
    background-image: url('../imagesNew/closeBtnH.png');
}

#eContent .resultsWrapper>.link,
#eContent .resultsWrapper>.popularItm,
#eContent .resultsWrapper>.historyItm{
    width:100%;
    margin:0.5rem;
}
@media only screen and (min-width:769px){
    #eContent .resultsWrapper>.link,
    #eContent .resultsWrapper>.popularItm,
    #eContent .resultsWrapper>.historyItm{
        display:flex;
    }
}
@media only screen and (max-width:769px){
    #eContent .resultsWrapper>.historyItm,
    #eContent .resultsWrapper>.popularItm{
        grid-template-columns:auto auto 1fr auto;
    }
    #eContent .resultsWrapper>.link{
        grid-template-columns:auto 1fr auto;
    }
    #eContent .resultsWrapper>.link,
    #eContent .resultsWrapper>.popularItm,
    #eContent .resultsWrapper>.historyItm{
        display:grid;
    }
}

#eContent>#eMyHistoryWrapper>.resultsWrapper>.dtHdrInHistory{
    font-size:1.4rem;
    color:#465a72;
    font-family:"assistantbold", Arial, sans-serif;
    margin:1rem 0.5rem 0.3rem 0;
    display:flex;
    width:100%;
    align-items:center;
}
#eContent>#eMyHistoryWrapper>.resultsWrapper>.dtHdrInHistory>.stateBtn{
    width:1rem;
    margin-left:0.5rem;
}
#eContent>#eMyHistoryWrapper>.resultsWrapper>.dtHdrInHistory>.stateBtn{
    background-image:url(../imagesNew/plusBtn.png);
}
#eContent>#eMyHistoryWrapper>.resultsWrapper>.dtHdrInHistory>.stateBtn:hover{
    background-image:url(../imagesNew/plusBtnH.png);
}
#eContent>#eMyHistoryWrapper>.resultsWrapper>.dtHdrInHistory>.stateBtn.opened{
    background-image:url(../imagesNew/minusBtn.png);
}
#eContent>#eMyHistoryWrapper>.resultsWrapper>.dtHdrInHistory>.stateBtn.opened:hover{
    background-image:url(../imagesNew/minusBtnH.png);
}
#eContent>#eMyHistoryWrapper>.resultsWrapper>.dtHdrInHistory>.stateBtn{
    display:inline-block;
    width:16px;
    height:16px;
    background-size:cover;
}
#eContent>#eMyHistoryWrapper>.resultsWrapper>.dtHdrInHistory:hover{
    cursor:pointer;
}
@media only screen and (max-width:768px){
    #eContent .resultsWrapper>.link>.caption,
    #eContent .resultsWrapper>.popularItm>.caption,
    #eContent .resultsWrapper>.historyItm>.caption{
        font-size:1rem;
        padding-left:0.5rem;
    }
}
@media only screen and (min-width:769px){
    #eContent .resultsWrapper>.link>.caption,
    #eContent .resultsWrapper>.popularItm>.caption,
    #eContent .resultsWrapper>.historyItm>.caption{
        font-size:1.2rem;
        flex-grow:1;
    }
}
#eContent .resultsWrapper>.link>.caption,
#eContent .resultsWrapper>.popularItm>.caption,
#eContent .resultsWrapper>.popularItm>.lastDt,
#eContent .resultsWrapper>.historyItm>.caption,
#eContent .resultsWrapper>.historyItm>.lastDt{
    font-family:"assistantbold", Arial, sans-serif;
    text-decoration:none;
    line-height:22px;
    color:#465a72;
}
#eContent .resultsWrapper>.link>.caption:hover,
#eContent .resultsWrapper>.link>.close:hover,
#eContent .resultsWrapper>.popularItm:hover,
#eContent .resultsWrapper>.historyItm:hover{
    cursor:pointer;
}
#eContent .resultsWrapper>.link>.caption:hover,
#eContent .resultsWrapper>.popularItm>.caption:hover,
#eContent .resultsWrapper>.historyItm>.caption:hover{
    transform:scale(101%);
}
#eContent>.ctg>.resultsWrapper>.empty,
#eContent .resultsWrapper>.btn{
    padding:0.5rem 1rem;
    margin-bottom:1rem;
}
#eContent .resultsWrapper>.btn:hover{
    cursor:pointer;
    background-color:#f2f2f2;
    transform:scale(1.1);
}
#eContent .resultsWrapper>.emptyAreaMsg{
    width:100%;
    text-align: center;
    color:#666;
    font-size:2rem;
}
#eContent>.ctg>.resultsWrapper>.btn>.typeCaption{
    font-size:1.3rem;
    font-family:"assistantbold", Arial, sans-serif;
    color:#008c8b;
}
#eContent>.ctg>.resultsWrapper>.btn>.caption{
    overflow:hidden;
    text-overflow:ellipsis;
    color:#777;
    width:100%;
    text-decoration: none;
}
@media screen and (min-width:769px){
    #eContent>.ctg>.resultsWrapper>.btn>.caption{
        white-space:nowrap;
    }
}
#eContent>.ctg>.resultsWrapper>.btn>.lastDtCaption{
    font-family:"assistantlight", Arial, sans-serif;
    font-size:0.8em;
    color:#008c8b;
}		
#eContent>.ctg>.resultsWrapper>.btn>.close,
#eContent>.ctg>.resultsWrapper>.link>.close{
    height:22px;
    width:22px;
    background-repeat: no-repeat;
    background-image:url(../imagesNew/closeBtnSmall.png);
    background-size:16px;
    background-position:center;
    flex:0 0 16px;
    margin-right:0.2rem;
}
#eContent>.ctg>.resultsWrapper>.btn>.close:hover,
#eContent>.ctg>.resultsWrapper>.link>.close:hover{
    cursor:pointer;
}
#eContent>.ctg>.resultsWrapper>.btn>.icon,
#eContent>.ctg>.resultsWrapper>.link>.icon,
#eContent>.ctg>.resultsWrapper>.popularItm>.icon,
#eContent>.ctg>.resultsWrapper>.historyItm>.icon{
    width:22px;
    height:22px;
    flex:0 0 22px;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    margin-left:0.5rem;
}
#eContent>.ctg>.resultsWrapper>.popularItm>.icon,
#eContent>.ctg>.resultsWrapper>.historyItm>.icon{
    margin-right:0.5rem;
}
#eContent>.ctg>.resultsWrapper>.calc>.icon{
    background-image:url(../imagesNew/calcIcon.png);
}
#eContent>.ctg>.resultsWrapper>.table>.icon{
    background-image:url(../imagesNew/tableIcon.png);
}
#eContent>.ctg>.resultsWrapper>.form>.icon{
    background-image:url(../imagesNew/formIcon.png);
}
#eContent>.ctg>.resultsWrapper>.article>.icon,
#eContent>.ctg>.resultsWrapper>.keyword>.icon,
#eContent>.ctg>.resultsWrapper>.psak>.icon,
#eContent>.ctg>.resultsWrapper>.teana>.icon
{
    background-image:url(../imagesNew/article.png);
}
#eContent>.ctg>.resultsWrapper>.hok>.icon{
    background-image:url(../imagesNew/rule.png);
}
#eContent>.ctg>.resultsWrapper>.search>.icon,
#eContent>.ctg>.resultsWrapper>.advanced_search>.icon{
    background-size:20px;
    background-image:url(../imagesNew/searchNew.png);
}
#eContent>.ctg>.resultsWrapper>.btn.removed,
#eContent>.ctg>.resultsWrapper>.link.removed{
    animation-name:removeItem;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
}
@keyframes removeItem{
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(100%); /* moves the element right */
    }	
}
/* rates and indexes - start */
#eRatesAndIndexesWrapper{
    margin:1rem 0 2rem 0;
    flex-grow:1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index:100;
    grid-area:rates;
}
@media only screen and (max-width: 768px) {
    #eRatesAndIndexesWrapper{
        display:none;
    }
}
#eRatesAndIndexesWrapper>.caption{
    background-color:#465a72;
    font-size:1.4em;
    color:white;
    padding:0.5rem 3rem;
    background-image:url(../imagesNew/graph.png);
    background-size:24px 24px;
    background-position:right 0.5rem center;
    background-repeat:no-repeat;
}
#eRatesAndIndexesWrapper>.resultsWrapper{
    display:flex;
    margin:1rem 0 0;
}
#eRatesAndIndexesWrapper>.resultsWrapper>.itm{
    flex-grow:1;
    display:flex;
    align-items:center;
    padding:0 1rem;
    font-size:1.1rem;
    color:#999;
}
#eRatesAndIndexesWrapper>.resultsWrapper>.itm:not(:last-child){
    border-left:1px solid black;
}
#eRatesAndIndexesWrapper>.resultsWrapper>.itm>.caption{
    background-size:1.5rem;
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:2rem;
}
#eRatesAndIndexesWrapper>.resultsWrapper>.itm.dollar>.caption{
    background-image:url(../imagesNew/dollar.png);
}
#eRatesAndIndexesWrapper>.resultsWrapper>.itm.euro>.caption{
    background-image:url(../imagesNew/euro.png);
}
#eRatesAndIndexesWrapper>.resultsWrapper>.itm.index>.caption{
    background-image:url(../imagesNew/barChart.png);
}
#eRatesAndIndexesWrapper>.resultsWrapper>.itm.prime>.caption{
    background-image:url(../imagesNew/lineChart.png);
}
#eRatesAndIndexesWrapper>.resultsWrapper>.itm>.val{
    flex-grow:2;
    text-align:left;
}
#eRatesAndIndexesWrapper>.resultsWrapper>.itm>.change{
    flex-grow:1;
    display:flex;
    justify-content:flex-end;
}
#eRatesAndIndexesWrapper>.resultsWrapper>.itm>.change.markUp{
    color:green;
}
#eRatesAndIndexesWrapper>.resultsWrapper>.itm>.change.markDown{
    color:red;
}
#eRatesAndIndexesWrapper>.resultsWrapper>.itm>.direction{
    height:12px;
    width:12px;
    margin-right:0.3rem;
}
#eRatesAndIndexesWrapper .resultsWrapper>.itm>.change>.prcnt{
    direction:ltr;
}
/* rates and indexes - end */

/* search results - copy straight from old interface - start */
#eSearchResultsWrapper{
    border:0 !important;
    background-color:white !important;
    color:initial;
}
@media only screen and (min-width:769px){
    #eSearchResultsWrapper{
        margin-right:0.5rem;
    }
}
#searchResultsContent{
    text-align:right;
    z-index:100;
}
#eResultsTabsContainer{
    padding-right:0;
}
#searchResultsContent .resultItm,
#eToolsPgWrapper .resultItm{
    font-family:"assistant", Arial, sans-serif;
    line-height:1.2em;
    font-size:1em;
/*		margin-bottom:10px;*/
    border-bottom:1px solid #e2e2e2;
    padding:12px 5px;
    white-space:normal;
}
#searchResultsContent .ctgItm{
    padding:0 0 10px 0;
}
#searchResultsContent .ctgItm>.ctgHdrItm:not(.notClickable){
    border-top:10px solid;
    border-top-color:inherit;
}
#searchResultsContent .ctgHdrItm{
    font-family:"assistantbold", Arial, sans-serif;
    font-size:1.2em;
    background-color:#465a72;
    color:white;
    line-height:2em;
    padding:0 1em;
    cursor:pointer;
}
#searchResultsContent .moreRsltsBtnWrapper{
    text-align:center;
    margin:1rem auto 0;
}
#searchResultsContent .moreRsltsBtn{
    display:inline-block;
    padding:0.5rem 1rem;
    cursor:pointer;
    color:white;
    background-color:#465a72;
    font-family:"assistantbold", Arial, sans-serif;
}
@media only screen and (max-width:768px){
    #searchResultsContent .ctgItm>.filterContainer{
        display:none;
    }
}
@media only screen and (min-width:769px){
    #searchResultsContent .ctgItm>.resultsContainer,#searchResultsContent .ctgItm>.filterContainer{
        display:table-cell;
    }
    #searchResultsContent .ctgItm>.filterContainer{
        background:#bdd2ee;
        width:200px;
        border-right:16px solid white;
        border-right:1rem solid white;
        vertical-align:top;
    }
    #searchResultsContent .ctgItm>.filterContainer>.filterHdr,
    #searchResultsContent .ctgItm>.filterContainer>.sortHdr{
        padding:8px;
        padding:0.5rem;
    }
    #searchResultsContent .ctgItm>.filterContainer>.inputWrapper,
    #searchResultsContent .ctgItm>.filterContainer>.typeWrapper,
    #searchResultsContent .ctgItm>.filterContainer>.sortWrapper,
    #searchResultsContent .ctgItm>.filterContainer>.datesWrapper{
        margin: 16px 8px;
        margin: 1rem 0.5rem;
    }
    #searchResultsContent .ctgItm>.filterContainer>.filterHdr,
    #searchResultsContent .ctgItm>.filterContainer>.sortHdr{
        font-size:16px;
        font-size:1rem;
        font-family:"assistantbold", Arial, sans-serif;
        text-align:center;
        border-bottom:3px solid white;
        border-bottom:0.2rem solid white;
    }
    #searchResultsContent .ctgItm>.filterContainer>.sortHdr{
        border-top:16px solid white;
        border-top:1rem solid white;
    }
    #searchResultsContent .ctgItm>.filterContainer>.inputWrapper,
    #searchResultsContent .ctgItm>.filterContainer>.datesWrapper>.itm{
        display:table;
    }
    #searchResultsContent .ctgItm>.filterContainer>.inputWrapper
    {
        display:table;
        width:calc(100% - 1rem);
    }
    #searchResultsContent .ctgItm>.filterContainer>.datesWrapper>.itm{
        width:100%;
    }
    #searchResultsContent .ctgItm>.filterContainer>.datesWrapper>.itm.first{
        margin-bottom:8px;
        margin-bottom:0.5rem;
    }
    #searchResultsContent .ctgItm>.filterContainer>.inputWrapper>.input,
    #searchResultsContent .ctgItm>.filterContainer>.inputWrapper>.btn,
    #searchResultsContent .ctgItm>.filterContainer>.datesWrapper>.itm>.input,
    #searchResultsContent .ctgItm>.filterContainer>.datesWrapper>.itm>.label{
        display:table-cell !important;
        vertical-align:middle;
    }
    #searchResultsContent .ctgItm>.filterContainer>.inputWrapper>.input{
        border-left:5px solid #bdd2ee !important;
        border-left:0.3rem solid #bdd2ee !important;
        font-family:"assistant", Arial, sans-serif;
        font-size:14px;
    }
    #searchResultsContent .ctgItm>.filterContainer>.inputWrapper>.input,
    #searchResultsContent .ctgItm>.filterContainer>.datesWrapper>.itm>.input,
    #searchResultsContent .ctgItm>.filterContainer>.inputWrapper>.btn{
        border:0;
        border-radius:5px;
        border-radius:0.3rem;
    }
    #searchResultsContent .ctgItm>.filterContainer>.inputWrapper>.input,
    #searchResultsContent .ctgItm>.filterContainer>.datesWrapper>.itm>.input{
        width:100%;
    }
    #searchResultsContent .ctgItm>.filterContainer>.filteredWord{
        background:#0e3668 url(../imagesNew/closeBtnSmall.png) no-repeat right center;
        background-origin:content-box;
        color:white;
        text-align:center;
        margin:16px 8px;
        margin:1rem 0.5rem;
        cursor:pointer;
    }
    #searchResultsContent .ctgItm>.filterContainer>.inputWrapper>.input,
    #searchResultsContent .ctgItm>.filterContainer>.datesWrapper>.itm>.input,
    #searchResultsContent .ctgItm>.filterContainer>.inputWrapper>.btn,
    #searchResultsContent .ctgItm>.filterContainer>.filteredWord{
        padding:7px 12px;
        padding:0.5rem 0.8rem;
    }
    #searchResultsContent .ctgItm>.filterContainer>.inputWrapper>.btn:hover{
        cursor:pointer;
    }
    #searchResultsContent .ctgItm>.filterContainer>.typeWrapper>.hdr,
    #searchResultsContent .ctgItm>.filterContainer>.sortWrapper>.hdr,
    #searchResultsContent .ctgItm>.filterContainer>.datesWrapper>.hdr{
        font-size:16px;
        font-size:1rem;
        font-family:"assistantbold", Arial, sans-serif;
        margin:8px 0;
        margin:0.5rem 0;
    }
    #searchResultsContent .ctgItm>.filterContainer>.typeWrapper>.itm,
    #searchResultsContent .ctgItm>.filterContainer>.sortWrapper>.itm{
        cursor:pointer;
        margin:8px 3px;
        margin:0.5rem 0.2rem;
    }
    #searchResultsContent .ctgItm>.filterContainer>.datesWrapper>.itm>.label{
        min-width:24px;
        min-width:1.5rem;
    }
}
#searchResultsContent .magCaptionItm{
    font-family:"assistantbold", Arial, sans-serif;
    font-size:1.4em;
    color:#8d913c;
}
#searchResultsContent .magCaptionItm:not(.first){
    margin-top:1.3rem;
}
#searchResultsContent .ctgHdrItm.notClickable{
    color:#465a72;
    background-color:transparent;
}
#searchResultsContent .ctgItmCaption.leftAlignMe{
    position:absolute;
    left:20px;
}
#searchResultsContent .resultHdrItm{
    width:100%;
}
@media only screen and (max-width:768px){
    #searchResultsContent .resultHdrItm{
        display:grid;
        grid-template-columns:auto auto 1fr auto auto auto;
    }
}
@media only screen and (min-width:769px){
    #searchResultsContent .resultHdrItm{
        display:flex;
    }
}
#searchResultsContent .resultItm .itmImg:hover,#searchResultsContent .resultItm .itmTxt:hover,
#eToolsPgWrapper .resultItm .itmTxt:hover{
    cursor:pointer;
}
#searchResultsContent .resultItm .itmTxt,
#eToolsPgWrapper .resultItm .itmTxt{
    color:#465a72;
    font-family:"assistantbold", Arial, sans-serif;
    display:table-cell;
    line-height:22px;
    vertical-align:top;
    text-decoration:none;
}
@media only screen and (min-width:769px){
    #searchResultsContent .resultItm .itmTxt,
    #eToolsPgWrapper .resultItm .itmTxt{
        font-size:1.2em;
    }
}
#searchResultsContent .resultItm .itmTxt{
    margin-left:auto;
}
#searchResultsContent .resultItm .itmSubjectTxt{
    font-family:"assistantbold", Arial, sans-serif;
}
#searchResultsContent .resultItm .moreInfoWrapper{
    margin:7px 5px 0 0;
    line-height:130%;
}
#searchResultsContent .resultItm .moreInfoLead{
    color:#006621;
}
#eItemContentWrapper,#eEmployeesListWrapper,#ePrintPreferencesWrapper,#eImportCalcsWrapper,
#eSavedFormsInterfaceWrapper,#eSavedCalcsInterfaceWrapper,#eGeneralDetailsInterfaceWrapper{
    display:flex;
    flex-direction:column;
    height:100%;
}
#eItemContentWrapper.expand{
    position:fixed;
    width:95%;
    height:95%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:101;
    border:1px solid #465a72;
    background-color:white;
}
#eItemContentWrapper>#eItemContent,
#eEmployeesListWrapper>#eEmployeesList,
#ePrintPreferencesWrapper>#ePrintPreferences,
#eImportCalcsWrapper>#eImportCalcs,
#eSavedFormsInterfaceWrapper>#eSavedFormsInterface,
#eSavedCalcsInterfaceWrapper>#eSavedCalcsInterface,
#eGeneralDetailsInterfaceWrapper>#eGeneralDetailsInterface{
    width:100%;
    border:none;
    flex-grow:1;
}
#searchResultsContent .remarkWrapper{
    margin:10px 0;
    white-space:normal;
}
#searchResultsContent .resultsPgMenu{
    text-align:center;
}
#searchResultsContent .resultsPgMenuItm{
    display:inline-block;
    margin:10px;
    font-size:1em;
    color:#009fab;
    cursor:pointer;
}
#searchResultsContent .resultsPgMenuItm:hover{
    color:#307fb0;
}
#searchResultsContent .resultsPgMenuItm:first{
    margin-left:30px;
}
#searchResultsContent .resultsPgMenuItm:last{
    margin-right:30px;
}
#searchResultsContent .resultsPgMenuItm.markMe{
    font-family:"assistantbold", Arial, sans-serif;
    color:#4285F4;
    background-color:transparent !important;
}
#searchResultsControlPanel,#searchResultsExtract{
    text-align:right;
    position:relative;
}
#eKeywordNm{
    display:inline-block;
    font-size:inherit;
}
.assistant #searchResultsCaption,.assistant #eKeywordNm{
    font-family:"assistantbold", Arial, sans-serif;
}
#searchResultsExtract{
    padding:1rem 0;
    box-sizing:border-box;
    line-height:1.6em;
    white-space:normal;
    border-bottom:1px solid #008c8b;
}
#searchResultsExtract *{
    font-family:"assistant", Arial, sans-serif !important;
}
#eKWTtlInKWPg *{
    color:#465a72 !important;
    font-size:1.5rem !important;
    font-family:"assistantbold", Arial, sans-serif !important;
}
#eKWTtlInKWPg{
    margin:0 !important;
}
#searchResultsExtract .actionPrint{
    position:absolute;
    top:5px;
    left:0;
    background-image:url(../imagesNew/printBtn.png);
    width:22px;
    height:22px;
    background-size:cover;
    cursor:pointer;
}
#searchResultsExtract .actionPrint:hover{
    background-image:url(../imagesNew/printBtnH.png);
}


#searchInputWrapper #searchInput{
/*		border-radius:5px;*/
    margin:0;
    padding:9px 5px;
    border:1px solid #dadada;
}
#autoCompleteResults{
    position:absolute;
    max-height:400px;
    overflow:auto;
    margin-top:3px;
    border:1px solid #dadada;
    background-color:white;
    box-sizing:border-box;
}
#autoCompleteResults .resultItm{
    font-family:"assistant", Arial, sans-serif;
    font-size:1em;
    padding:10px;
    white-space:normal !important;
}
#autoCompleteResults .resultItm:hover{
    cursor:default;
    background-color:#f9f9f9;
}
@media only screen and (max-width:1279px){
    #searchInputWrapper #searchInput,#autoCompleteResults{
        width:315px;
    }
}
@media only screen and (min-width:1280px){
    #searchInputWrapper #searchInput,#autoCompleteResults{
        width:520px;
    }
}
#sortToolsWrapper{
    width:170px;
    height:300px;
    display:inline-block;
    *display:inline;
    *zoom:1;
    float:left;
    position:relative;
    text-align:center;
    margin:0;
}

#typeSearchForWrapper{
    border:1px solid #dadada;
    display:inline-block;
    *display:inline;
    *zoom:1;
    height:33px;
    vertical-align:top;	
    position:relative;
    background-color:white;
}
/*		
#searchInputWrapper #searchInput,#searchInputWrapper .searchBtn,#searchInputWrapper #searchType,#magSearchBtn{
    font-family:"assistant", Arial, sans-serif;
    font-size:1.2em;
}
#searchInputWrapper .searchBtn,#magSearchBtn,#eAdvSearchWrapper .btnsLine .btn,
#searchInputTop>#resultsTypeSelectWrapper>.btn,
#searchResultsContent .ctgItm>.filterContainer>.inputWrapper>.btn{
    vertical-align:top;
    display:inline-block;
    *display:inline;
    *zoom:1;
    background-color:#4CC4FF;
    color:white;
    font-size:14px;
    cursor:pointer;
    margin-right:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
#searchInputWrapper .searchBtn{
    padding:10px 20px;
    padding:0.6rem 1.3rem;
}
*/		
#magSearchBtn{
    padding:0.2rem 0.5rem;
    background-color:#465a72;
    color:white;
    font-size:1rem;
    margin:0.5rem;
}
#eSelectPeriodWrapper{
    display:flex;
    width:100%;
}
#cutByDtSelect .selectInputWrapper,#cutByDtSelectOptionsWrapper{
    min-width:150px;
}
#cutByDtSelect .selectInputWrapper{
    padding:0.2rem;
}
.selectWrapper,.selectImgWrapper,.selectInputWrapper{
    display:inline-block;
    *display:inline;
    *zoom:1;
}
.selectWrapper{
    position:relative;
    font-family:"assistant", Arial, sans-serif;
    vertical-align:top;
    text-align:right;
}
.selectImgWrapper,.selectInputWrapper,.selectResultsWrapper{
    vertical-align:top;
    border:1px solid #008c8b;
    background-color:white;
    padding:0.2rem;
}
.selectImgWrapper{
    border-left:0;
}
#resultsTypeSelect{
    width:220px;
}

.resultsTab{
    display:inline-block;
    margin-left:20px;
    color:#666;
    cursor:pointer;
    padding:0 8px 7px 8px;
}
.resultsTab:hover{
    color:#111;
}
.resultsTab.markMe{
    border-bottom:2px solid #465a72;
    background-color:transparent !important;
    color:#465a72;
    font-family:"assistantbold", Arial, sans-serif;
}

.favFull,.favEmpty:hover{
    background-image:url(../imagesNew/favBtnH.png);
}
.favEmpty{
    background-image:url(../imagesNew/favBtn.png);
}
.favFull,.favEmpty{
    width:24px;
    height:22px;
    display:inline-block;
    background-size:cover;
}
#searchResultsContent .favItmInResults,
#eMyHistoryWrapper>.resultsWrapper>.historyItm>.favItm,
#ePopularItmsWrapper>.resultsWrapper>.popularItm>.favItm{
    float:none !important;
    vertical-align:-5px;
    display:table-cell;
    background-repeat:no-repeat;
    height:22px;
}
.resultConnectedItemWrapper{
    width:24px;
    height:24px;
    cursor:pointer;
    display:inline-block;;
    background-repeat:no-repeat;
    position:relative;
    background-size:contain;
    margin-right:0.5rem;
}
.imgCalc
{
    background-image:url(../imagesNew/calcIcon.png);
}
.imgTbl
{
    background-image:url(../imagesNew/tableIcon.png);
}
.imgFrm
{
    background-image:url(../imagesNew/formIcon.png);
}
.imgKey
{
    background-image:url(../imagesNew/article.png);
}
.imgArticle
{
    background-image:url(../imagesNew/article.png);
}
.itmImg
{
    display:table-cell !important;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    width:24px;
    height:24px;
}
.itmImgWrapper{
    display:table-cell;
    padding-right:5px;
    width:24px;
    height:24px;
    background-repeat:no-repeat;
    padding:0 0.5rem;
}

/* search results - copy straight from old interface - end */

/* advanced search interface - start */
#eAdvSearchWrapper{
    display:inline-block;
    font-size:1rem;
    color:#999;
}
@media only screen and (min-width:769px){
    #eAdvSearchWrapper{
        white-space:nowrap;
    }
}   
.eAdvSearchFld{
    padding:0.4em;
    display:inline-block;
}
.eAdvSearchFld .eCaption,.eAdvSearchFld .eInput{
    margin:0.2em;
    font-size:inherit;
    font-family:inherit;
    padding:0.2em 0;
}
.eAdvSearchFld .eInput{
    outline-color: #465a72;
    border:1px solid #008c8b;
    padding:0.2rem 0.5rem;
}
.eAdvSearchFld .eInput,.eAdvSearchFld .fixedSize1{
    margin:0.4rem 0.8rem;
}
.eAdvSearchFld .eCaption{
    margin-right:1em;
    font-family:"assistantbold", Arial, sans-serif;
}
.eAdvSearchFld .fixedSize1{
    display:inline-block;
    width:20px;
}
@media only screen and (max-width:768px){
    .eAdvSearchFld>.advSearchOperator{
        display:block;
    }
    #eAdvSearchTextOperator2,#eAdvSearchTextOperator3{
        display: block;
    }
    .eAdvSearchFld .eCaption[for="eAdvSearchText21"],.eAdvSearchFld .eCaption[for="eAdvSearchText31"]{
        display:none !important;
    }
    #eAdvSearchFldSearchType .fixedSize1{
        display:none;
    }
    .eAdvSearchFld .fixedSize1Mobile,.eAdvSearchFld .eCaption{
        margin:0.4rem 0.8rem;
        display:inline-block;
        width:80px !important;
    }
    #eAdvSearchTikRef{
        width:40px;
    }
    #eAdvSearchTikNum{
        width:100px;
    }
}
#eAdvSearchFldDocType,#eAdvSearchFldSubject,#eAdvSearchFldSides,#eAdvSearchFldPsakType,#eAdvSearchFldDatesRange,
#eAdvSearchFldJudge,#eAdvSearchFldLawyer,#eAdvSearchFldTextRow1,#eAdvSearchFldTextRow2,#eAdvSearchFldTextRow3,
#eAdvSearchFldTextRow4,#eAdvSearchFldSearchType,#eAdvSearchFldJudgmentRef,#eAdvSearchFldInclude{
    display:block;
}
#eAdvSearchFldDocType .eCaption,#eAdvSearchFldSubject .eCaption,
#eAdvSearchFldSides .eCaption,#eAdvSearchFldPsakType .eCaption,#eAdvSearchFldTik .eCaption,
#eAdvSearchFldDatesRange .eCaption,
#eAdvSearchFldBookMark .eCaption,#eAdvSearchFldCourt .eCaption,
#eAdvSearchFldJudge .eCaption,#eAdvSearchFldLawyer .eCaption,
#eAdvSearchFldTextRow1 .eCaption,#eAdvSearchFldTextRow2 .eCaption,
#eAdvSearchFldTextRow3 .eCaption,#eAdvSearchFldTextRow4 .eCaption,
#eAdvSearchFldSearchType .eCaption,#eAdvSearchFldJudgmentRef .eCaption,
#eAdvSearchFldInclude .eCaption,#eAdvSearchFldClassify .eCaption{
    display:inline-block;
}
@media only screen and (min-width:769px){
    #eAdvSearchFldDocType .eCaption,#eAdvSearchFldSubject .eCaption,
    #eAdvSearchFldSides .eCaption,#eAdvSearchFldPsakType .eCaption,#eAdvSearchFldTik .eCaption,
    #eAdvSearchFldDatesRange .eCaption,
    #eAdvSearchFldBookMark .eCaption,#eAdvSearchFldCourt .eCaption,
    #eAdvSearchFldJudge .eCaption,#eAdvSearchFldLawyer .eCaption,
    #eAdvSearchFldTextRow1 .eCaption,#eAdvSearchFldTextRow2 .eCaption,
    #eAdvSearchFldTextRow3 .eCaption,#eAdvSearchFldTextRow4 .eCaption,
    #eAdvSearchFldSearchType .eCaption,#eAdvSearchFldJudgmentRef .eCaption,
    #eAdvSearchFldInclude .eCaption,#eAdvSearchFldClassify .eCaption{
        width:80px;
    }
}
@media only screen and (min-width:769px){
    #eAdvSearchFldSides .eInput,#eAdvSearchFldPsakType .eInput,
    #eAdvSearchFldJudge .eInput,#eAdvSearchFldLawyer .eInput,
    #eAdvSearchFldSearchType .eInput,#eAdvSearchFldJudgmentRef .eInput{
        width:577px;
    }
    #eAdvSearchFldDocType .eInput,#eAdvSearchFldSubject .eInput,
    #eAdvSearchFldPsakType .eInput,#eAdvSearchFldSearchType .eInput,#eAdvSearchFldInclude .eInput,
    #eAdvSearchFldCourt .eInput,#eAdvSearchFldArea .eInput{
        width:259px;
    }
}
@media only screen and (max-width:768px){
    #eAdvSearchFldDatesRange{
        display:grid;
        grid-template-columns:auto auto 1fr;
        grid-template-areas:
            "dt ."
            "fromCaption fromInput"
            "toCaption toInput";
        align-items:center;
    }
    #eAdvSearchFldDatesRange>.eCaption[for="eAdvSearchFromDate"]{
        display:block;
        grid-area:dt;
    }
    #eAdvSearchFldDatesRange>.fromCaption{
        grid-area:fromCaption;
    }
    #eAdvSearchFromDate{
        grid-area:fromInput;
    }
    #eAdvSearchFldDatesRange>.toCaption{
        grid-area:toCaption;
    }
    #eAdvSearchToDate{
        grid-area:toInput;
    }

    #eAdvSearchFldBookMark{
        display:grid;
        grid-template-columns:auto auto auto auto auto;
        grid-template-areas:
        "eCaption bookCaption bookInput sectionCaption sectionInput"
        ". pageCaption pageInput . .";
        align-items:center;
    }
    #eAdvSearchFldBookMark>.eCaption{
        grid-area:eCaption;
    }
    #eAdvSearchFldBookMark>.bookCaption{
        grid-area:bookCaption;
    }
    #eAdvSearchFldBookMark>.bookInput{
        grid-area:bookInput;
    }
    #eAdvSearchFldBookMark>.sectionCaption{
        grid-area:sectionCaption;
    }
    #eAdvSearchFldBookMark>.sectionInput{
        grid-area:sectionInput;
    }
    #eAdvSearchFldBookMark>.pageCaption{
        grid-area:pageCaption;
    }
    #eAdvSearchFldBookMark>.pageInput{
        grid-area:pageInput;
    }
}
#eAdvSearchWrapper>.btnsLine>.btn,#eAdvSearchWrapper>.btnsLine>.btnAsLink{
    margin:0.5rem auto 0.5rem 0;
}
#eAdvSearchWrapper>.btnsLine>.btn{
    padding:0.2rem 1rem;
}
#eAdvSearchWrapper>.btnsLine>.btnAsLink{
    font-size:0.8rem;
    display: flex;
    align-items: flex-end;
    color:#465a72;
    text-decoration:underline;
    margin-left:1.2rem;
}
#eAdvSearchWrapper>.btnsLine>.btnAsLink:hover,
#eAdvSearchWrapper>.btnsLine>.btn:hover{
    cursor:pointer;
    transform:scale(110%);
}
@media screen and only (min-width:769px){
    /* #eAdvSearchFldArea .eCaption - a hack to prevent overflowing to next line on ie11 */
    #eAdvSearchFldArea .eCaption{
        display:inline-block;
        width:25px;
    }
    /* #eAdvSearchFldArea .eInput - a hack to prevent overflowing to next line on ie11 */
    #eAdvSearchFldArea .eInput{
        width:258px;
    }
}
#eAdvSearchFldClassify .eInput,#eAdvSearchFldSortBy .eInput{
    width:250px;
}
#eAdvSearchFldDatesRange .eInput,
#eAdvSearchFldSearchType .eInput{
    width:100px;
}
#eAdvSearchVolume,#eAdvSearchSection,#eAdvSearchPage{
    width:40px !important;
}
#eAdvSearchFldTextRow1 input,#eAdvSearchFldTextRow2 input,#eAdvSearchFldTextRow3 input,
#eAdvSearchFldTextRow4 input{
    width:146px;
}
#eAdvSearchFldTextRow1 input.pirsomSpecial,#eAdvSearchFldTextRow2 input.pirsomSpecial,#eAdvSearchFldTextRow3 input.pirsomSpecial,
#eAdvSearchFldTextRow4 input.pirsomSpecial{
    width:172px !important;
}
#eAdvSearchWrapper .menu{
    margin:10px 0;
    padding:0;
}
#eAdvSearchWrapper .menu .itm{
    display:inline-block;
    color:#666;
    margin-left:20px;
    cursor:pointer;
    padding:0 8px 4px 8px;
    text-decoration: none;
}
#eAdvSearchWrapper .menu .itm:hover{
    color:#111;
}
#eAdvSearchWrapper .menu .itm.markMe{
    border-bottom:2px solid #465a72;
    background-color: transparent !important;
    color:#465a72;
    font-family:"assistantbold", Arial, sans-serif;
}
/* advanced search interface - end */

/* moreSearchTools - start */
#moreSearchTools{
    padding-right:0;
    margin-left:20px;
    font-family:"assistant", Arial, sans-serif;
    font-size:1em;
    display:flex;
    align-items:flex-start;
}
#moreSearchTools>.listItm.magRsltsSelectFld{
    margin-left:0.5rem;
}
#moreSearchToolsWrapper{
    margin:10px auto 20px;
}
.listItm{
    border-right:1px solid #dedede;
    cursor:pointer;
    display:inline-block;
    vertical-align:top;
}
#moreSearchTools .listItm{
    border-right:0 !important;
}
.listItm:first-child{
    border-right:0 !important;
}
#magNumInput{
    outline-color: #465a72;
    border:1px solid #008c8b;
    padding:0.2rem;
}
@media only screen and (max-width:768px){
    #moreSearchTools{
        display:flex;
        margin-left:0;
    }
    #moreSearchTools>.listItm.magRsltsInputFld{
        display:flex;
        flex-grow:1;
        margin-right:0.2rem;
    }
    #moreSearchTools>.listItm.magRsltsInputFld>#magNumInput{
        width:0;
        flex-grow:1;
        margin-left:0.2rem;
    }

}
/* moreSearchTools - end */


/* toolsPg - start */
    #eToolsPgWrapper{
        display:flex;
        flex-wrap: wrap;
        position:relative;
    }
    #eToolsPgWrapper>.mainHdr{
        padding:0.5rem 0;
        font-size:1.5rem;
        color:#465a72;
        font-family:"assistantbold", Arial, sans-serif;
        width:100%;
        box-sizing:border-box;
        display:flex;
        align-items:center;
    }
    #eToolsPgWrapper>.mainHdr>.icon{
        width:32px;
        height:32px;
        margin-left:1rem;
        transform:translateY(3px);
    }
    #eToolsPgWrapper>.mainHdr>.searchBox{
        margin-left:0.7rem;
        border-radius:1rem;
        border:1px solid #008c8b;
        outline-color:#465a72;
        padding:0.2rem 0.5rem;
        background-image:url(../imagesNew/searchNew.png);
        background-size:16px;
        background-repeat:no-repeat;
        background-position:0.4rem center;
        padding-left:2rem;
        margin:auto;
        right:calc(25% + 4rem);
        right:calc(25% + 4 * var(--general-gap));
    }
    @media only screen and (max-width:768px){
        #eToolsPgWrapper>.mainHdr>.searchBox{
            width:150px;
        }
        #eToolsPgWrapper>.mainHdr>.caption{
            flex-grow:1;
        }
    }
    @media only screen and (min-width:769px){
        #eToolsPgWrapper>.mainHdr>.searchBox{
            position:absolute;
        }
    }
    #eToolsPgWrapper>.toolsAndCtgsWrapper{
        flex-grow: 1;
        display:flex;
    }
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.toolsWrapper{
        flex-grow: 1;
    }
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.ctgsWrapper{
        width:25%;
        margin-left:1rem;
        margin-left:var(--general-gap);
        border-left:1px solid #ccd1d8;
    }
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.ctgsWrapper>.ctgWrapper,
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.ctgsWrapper>.auxiliaryWrapper{
        font-family:"assistantbold",Arial, sans-serif;
        padding:0.2rem;
        margin:1rem 0;
        line-height:1.1;
    }
    @media only screen and (max-width:768px){
        #eToolsPgWrapper>.toolsAndCtgsWrapper>.ctgsWrapper>.ctgWrapper{
            font-size:1.2rem;
        }
    }
    @media only screen and (min-width:769px){
        #eToolsPgWrapper>.toolsAndCtgsWrapper>.ctgsWrapper>.ctgWrapper{
            font-size:1.5rem;
        }
        #eToolsPgWrapper>.toolsAndCtgsWrapper>.ctgsWrapper>.auxiliaryWrapper{
            font-size:1.2rem;
        }
    }
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.ctgsWrapper>.ctgWrapper:first-child{
        margin-top:0 !important;
    }
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.ctgsWrapper>.ctgWrapper{
        color:#3ab54a;
    }
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.ctgsWrapper>.auxiliaryWrapper{
        color:#b7a525;
    }
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.ctgsWrapper>.ctgWrapper.clicked{
        background-color:#3ab54a;
        color:white;
    }
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.ctgsWrapper>.ctgWrapper:hover,
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.ctgsWrapper>.auxiliaryWrapper>*:hover{
        cursor:pointer;
        transform:scale(105%);
    }
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.ctgsWrapper>.auxiliaryWrapper.first{
        margin-top:calc(5 * var(--general-gap));
        margin-top:5rem;
        padding-top:2rem;
/*        border-top:1px solid #465a72; */
    }
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.toolsWrapper,
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.ctgsWrapper{
        margin-top:1rem;
        margin-top:var(--general-gap);
    }
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.ctgsWrapper{
        padding:1rem;
        padding:var(--general-gap);
    }
    @media only screen and (min-width:769px){
        #eToolsPgWrapper>.toolsAndCtgsWrapper>.toolsWrapper{
            padding:1rem;
            padding:var(--general-gap);
        }
    }
    @media only screen and (max-width:768px){
        #eToolsPgWrapper>.toolsAndCtgsWrapper>.toolsWrapper>.toolWrapper>.resultHdrItm{
            display: grid;
            grid-template-columns: auto auto 1fr;
        }
    }
    @media only screen and (min-width:769px){
        #eToolsPgWrapper>.toolsAndCtgsWrapper>.toolsWrapper>.toolWrapper>.resultHdrItm{
            display:flex;
            align-items: center;
        }
    }
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.toolsWrapper>.toolWrapper>.resultHdrItm>.icon{
        width:22px;
        height:22px;
        margin:0 0.5rem;
    }
    #eToolsPgWrapper>.toolsAndCtgsWrapper>.toolsWrapper>.toolWrapper>.resultHdrItm>.itmTxt{
        padding-right:0;
    }

/* formsPg - end */


/* connect popup - start */
#connectDtlsContainer,#eTrialSubscriptionContainer,#connectDtlsContainer3,#eSendAbroadExpensesRptInterface{
    position:fixed;
    background:url(../imagesNew/01.jpg) no-repeat top center #fff;
    top:50%;
    left:50%;
    z-index:100000;
    box-sizing:border-box;
    border:1px solid #ddd;
}
@media only screen and (min-width:769px){
    #connectDtlsContainer,#eTrialSubscriptionContainer,#connectDtlsContainer3,#eSendAbroadExpensesRptInterface{
        margin-left:-218px;
        width:436px;
    }
}
@media only screen and (max-width:768px){
    #connectDtlsContainer,#eTrialSubscriptionContainer,#connectDtlsContainer3,#eSendAbroadExpensesRptInterface{
        transform:translate(-50%,0);
        padding:0 0.5rem;
        width:auto;
        
    }
}
#connectDtlsContainer{
    margin-top:-228px;
    height:456px;
}
#eTrialSubscriptionContainer{
    margin-top:-300px;
    height:600px;
}
#connectDtlsContainer3{
    margin-top:-278px;
    height:556px;
}
#connectDtlsContainer3 .row{
    display:flex;
    width:315px;
    margin:auto;
    align-items:center;
}
#eOrgAndPosInputWrapper{
    justify-content:space-between;
}
#connectDtlsContainer3 .row .itm{
    margin:0 !important;
    vertical-align:top;
    display:inline-block;
}
#connectDtlsContainer3 .row .itm.half{
    width:49.5%;
}
#eSendAbroadExpensesRptInterface{
    margin-top:-168px;
    height:336px;
}
#regBtnInConnectBox{
    margin:12px auto 23px auto;
    background-color:#ed7721;
}
.regDtlsForm .bSubmit,#eSendAbroadExpensesRpt-form .bSubmit{
    margin:23px auto;
    background-color:#465a72;
}
#eTrialSubscriptionContainer .bSubmit{
    margin-bottom:13px;
    margin-bottom:0.8rem;
}
#closeDtlsContainerBtnContainer,#eSendAbroadExpensesRptInterfaceCloseBtnContainer{text-align:right;height: 95px;}
#connectDtlsContainer #nm, #connectDtlsContainer #pwd, #connectDtlsContainer #tl, #connectDtlsContainer #ir,
#feedback-form1 input,#feedback-form1 select,.regDtlsForm input,.regDtlsForm select,
#eSendAbroadExpensesRpt-form input,#eSendAbroadExpensesRpt-form select{
    background: none repeat scroll 0 0 #d9d9d9;
    border: 1px solid #12abc0;
    display: block;
    font-size: 1.5em;
    font-family:"assistantbold", Arial, sans-serif;
    height: 45px;
    line-height:45px;
    margin: 21px auto !important;
    padding-right: 10px;
    text-align: right;
    width: 315px;
    color:#666;
    box-sizing:border-box;
}
#closeDtlsContainerBtn,#bCloseTrialSubscriptionContainer,#closeDtlsContainer3Btn,#eSendAbroadExpensesRptInterfaceCloseBtn{
    cursor: pointer;
    height: 20px;
    position: relative;
    right:0;
    top: 8px;
    width: 20px;
}
@media only screen and (min-width:769px){
    #desktopPgInWorkWorld #closeDtlsContainerBtn,#desktopPgInFinanceWorld #closeDtlsContainerBtn,
    #desktopPgInFinanceWorld #eSendAbroadExpensesRptInterfaceCloseBtn{
        right: 10px;
    }
}
#connectBtnInConnectBox,#regBtnInConnectBox,#feedback-form1 .bSubmit,.regDtlsForm .bSubmit,
#feedback-form1 #eConnectBtnWrapper,
#eSendAbroadExpensesRpt-form .bSubmit{
    color: white;
    cursor: pointer;
    display: block;
    font-size: 21px;
    font-family:"assistantbold", Arial, sans-serif;
    padding: 12px 0 10px;
    text-align: center;
    width: 315px;
}
#feedback-form1 .bSubmit{
    margin:23px auto;
    background-color: #ed7721;
}
#feedback-form1 .bSubmit{
    margin-bottom:13px;
    margin-bottom:0.8rem;
}
#feedback-form1 #eConnectBtnWrapper{
    margin:16px auto 32px auto;
    margin:1rem auto 2rem auto;
    background-color:#bbb;
    
}
#connectBtnInConnectBox{
    background-color:#bbb;
    margin: 23px auto 0 auto;
}
#connectDtlsContainer #rmbChkWrapper,#agreeToTermsOfUseWrapper {
    display: block;
    font-family:"assistant", Arial, sans-serif;
    font-size: 1em;
    height: 20px;
    margin: 20px auto 10px !important;
    text-align: right;
    width: 315px;
}
#rmbChkBtn,#agreeToTermsOfUseBtn{
    margin:6px 0 0 0;
    padding:0;
    position:relative;
    top:0;
    left:0;
}
#agreeToTermsOfUseBtn{
    width:auto !important;
    height:auto!important;
    margin:0!important;
    padding:0 !important;
}
#rmbChkTxt,#agreeToTermsOfUseTxt{
    vertical-align:top;
    margin-right:5px;
    color: #12abc0;
    font-size: 22px;
}
#agreeToTermsOfUseTxt{
    padding-right:10px;
}
/* connect popup - end */

#curtain,#curtainCoverAll{
    width:100vw;
    height:100vh;
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    background-color:#eeeeee;
}
#curtain{
    opacity:0.6;
    filter:alpha(opacity=60);
}
#curtainCoverAll{
    opacity:0.9;
    filter:alpha(opacity=90);
}

/* spinners class - start */
.spinner {
    margin: 1rem auto;
    width: 100px;
    height: 100px;
    z-index:101;
}
.spinnerIE{
    font-family:"assistant", Arial, sans-serif;
    font-size:1rem;
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding:2rem;
    background-color:white;
    z-index:1000;
    border:1px solid black;
}
.spinner,.spinnerIE{
    position: fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.container1 > div, .container2 > div, .container3 > div {
    width: 20px;
    height: 20px;
    background-color: #333;

    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.container2 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);*/
}

.container3 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.container3 .circle1 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.container1 .circle2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.container2 .circle2 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.container3 .circle2 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.container1 .circle3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.container2 .circle3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.container3 .circle3 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.container1 .circle4 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.container2 .circle4 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.container3 .circle4 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
/* spinners class - end */

/* contactUs + termsOfUse + links pages - start */
#termsOfUse,#contactUsWrapper{
    font-size: 1.1em;
    color:#666;
}
@media only screen and (min-width:769px){
    #contactUsWrapper{
        width:max-content;
    }
}
@media only screen and (max-width:768px){
    #termsOfUse,#contactUsWrapper{
        font-size: 1rem;
    }
}
#termsOfUseTextWrapper>.subHdr{
    font-family:"assistantbold", Arial, sans-serif;
}
#termsOfUseTextWrapper>.subHdr:not(:first-child){
    margin-top:0.5rem;
}
#termsOfUseTextWrapper{
    line-height: 1.7;
    white-space:normal;
}
#contactUsWrapper .inputItmWrapper{
    margin:1rem 0;
}
#contactUsWrapper .inputItmWrapper>.inputCaption{
    display:inline-block;
    width:135px;
    vertical-align:top;
}
#contactUsWrapper .inputItmWrapper>.inputFld{
    outline-color:#465a72;
    border:1px solid #008c8b;
    width:300px;
}

#contactUsWrapper .contactTxtLine.firstTxtLine{
    margin-bottom:0.5rem;
}
/* contactUs + termsOfUse + links pages - end */

/* virtual tour - start */
.tourCaptionWrapper{
    line-height:1.5;
    padding:1rem;
    color:white;
    background-color:#008c8b;
    max-width:400px;
    box-sizing:border-box;
    position:absolute;
    text-align:center;
}
.tourCaptionWrapper>.closeBtn{
    position:absolute;
    top:0.2rem;
    left:0.2rem;
    width:16px;
    height:16px;
    background-image:url(../imagesNew/closeBtnSmall.png);
    background-size:cover;
    background-repeat:no-repeat;
    cursor:pointer;
}
.tourCaptionWrapper>.caption{
    text-align:right;
    line-height:1.5;
}
.tourCaptionWrapper>.caption>.reduce{
    font-size:1.1rem;
    color:#ddd;
}
.tourCaptionWrapper>.btn{
    margin:2rem 0.2rem 1rem 0.2rem;
    font-family:"assistantbold", Arial, sans-serif;
    background-color:#465a72;
    padding:0.5rem;
    border:0;
    color:white;
    cursor:pointer;
}
.tourCaptionWrapper,.tourCaptionWrapper>.btn{
    font-size: 1.2rem ;
}
.tourCaptionWrapper>.arrow{
    background-image:url(../imagesNew/arrow3.png);
    background-size:contain;
    width:20px;
    height:20px;
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
    position:absolute;
}
.tourCaptionWrapper>.arrow.left{
    transform:rotate(270deg);
}
.tourCaptionWrapper>.arrow.right{
    transform:rotate(90deg);
}
.tourCaptionWrapper>.caption .icon{
    width:32px;
    height:32px;
    background-size:24px 24px;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    margin:0 0.5rem;
    background-color:#ddd;
    vertical-align:center;
    position:relative;
    top:0.5rem;

}
.tourCaptionWrapper>.caption .icon.virtualTour{
    background-image:url(../imagesNew/virtualTourBold.png);
}
.tourCaptionWrapper>.caption .icon.settings{
    background-image:url(../imagesNew/settingsBtn1.png);
}
.tourCaptionWrapper>.caption .icon.save{
    background-image:url(../imagesNew/favBtn.png);
}
/* virtual tour - end */


/* helper classes - start */
.visited{
    color:#35b9d2 !important;
}
.btnsLine{
    display: flex;
    justify-content:center;
}
.btnsLine .btn{
    padding:0.2rem 0.5rem;
    background-color:#465a72;
    color:white;
    font-size:1rem;
    margin:0.5rem 0.2rem;
}
.btnsLine .btn:hover{
    cursor:pointer;
}
.hideMe{
    display:none !important;
}
.invisibleMe{
    visibility:hidden !important;
}
.obscureMe5{
    opacity:0.5;
}
.obscureMe3{
    opacity:0.3;
}
.prototype{
    display:none !important;
}
.maxHeight{
    height:100% !important;
}
.minHeight{
    height:0 !important;
}
.markMe
{
    background-color:yellow;
}
.boldMe{
    font-weight:bold;
}
.outlineMe{
	outline:0.2rem solid #03729f;
}
.assistant .boldMe{
    font-family:"assistantbold", Arial, sans-serif;
}
.marginTop1{
    margin-top:var(--general-gap);
    margin-top:1rem;
}
.marginTop5{
    margin-top:calc(5 * var(--general-gap));
    margin-top:5rem;
}
.centerMe1{
    position:fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.centerMe2{
    text-align: center;
}
.pgHdr{
    color:#465a72;
    font-family: "assistantbold", Arial, sans-serif;
    font-size:1.5rem;
    margin:0 0 1rem;
}

/* helper classes - end */

/* share board popup - start */
    .shareBoardWrapper{
        position:fixed;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        background-color:white;
        border:1px solid #465a72;
        border-radius:1rem;
        padding:3rem;
        z-index:101;
    }
    .jssocials-share{
        margin:1rem !important;
    }
    .jssocials-share:hover{
        cursor:pointer;
    }
    .jssocials-share-link{
        display:flex !important;
        flex-direction:column;
        align-items:center;
    }
    .jssocials-share-link>.jssocials-share-logo{
        margin-bottom:0.5rem;
    }
    .jssocials-share-copyMe>.jssocials-share-link{
        background-color:#9ca24d;
    }
    .jssocials-shares{
        display:flex !important;
    }
    @media only screen and (max-width:768px){
        .jssocials-shares{
            flex-direction: column;
        }
        }
    .jssocials-share{
        width:100px;
    }
    #eCloseBtnInSharePopup{
        position:absolute;
        top:0.5rem;
        right:0.5rem;
        width:20px;
        height:20px;
        background-image:url(../imagesNew/closeBtn.png);
        background-size:cover;
        background-repeat:no-repeat;
        cursor:pointer; 
    }
    #eCloseBtnInSharePopup:hover{
        background-image:url(../imagesNew/closeBtnH.png);
        cursor:pointer;
    }
/* share board popup - end */

/* footer - start */
#eFtr{
    color:white !important;
    padding:2rem 1rem;
    background-color:#465a72;
    display:grid;
    grid-template-columns:6rem max-content 1fr 6rem;
    grid-template-areas:
        "rates rates rates rates"
        ". links visual ."
        ". socialMediaLinks visual ."
        ". copyRight visual .";
}
@media only screen and (max-width:768px){
    #eFtr{
        display:block;
        margin-top:0.5rem;
    }
}
#eFtrLinksWrapper{
    grid-area:links;
}
@media only screen and (min-width:769px){
    #eFtrLinksWrapper{
        white-space:nowrap;
    }
}
#eFtrSocialMediaLinksWrapper{
    margin:1rem 0;
    grid-area:socialMediaLinks;
}
#eFtrCopyRightWrapper{
    grid-area:copyRight;
}
#eFtrSocialMediaLinksWrapper,#eFtrLinksWrapper,#eFtrCopyRightWrapper{
    display:flex;
    align-items:center;
    line-height:1rem;
}
#eFtrSocialMediaLinksWrapper,#eFtrLinksWrapper,#eFtrCopyRightWrapper{
    justify-content:center;
}
#eFtrLinksWrapper>.link:first-child{
    padding-right:0;
}
#eFtrLinksWrapper>.link:last-child{
    padding-left:0;
}
#eFtrLinksWrapper>.link{
    color:white;
    padding:0 1rem;
    text-decoration: none;
    text-align:center;
}
#eFtrLinksWrapper>.link:not(:last-child){
    border-left:2px solid white;
}
#eFtrSocialMediaLinksWrapper>.link{
    width:32px;
    height:32px;
    background-size: contain;
    display: inline-block;
    margin:auto 0.2rem;
}
#eFtrSocialMediaLinksWrapper>.link:first-child{
    margin-right:0;
}
#eFtrSocialMediaLinksWrapper>.link.youtube{
    background-image: url("../imagesNew/youtubeFtr.png");
}   
#eFtrSocialMediaLinksWrapper>.link.linkedin{
    background-image: url("../imagesNew/linkedinFtr.png");
}
#eFtrSocialMediaLinksWrapper>.link.facebook{
    background-image: url("../imagesNew/facebookFtr.png");
}
#eFtrCopyRightWrapper>.caption{
    padding-left:1rem;
    border-left:2px solid white;
}
#eFtrCopyRightWrapper>.tel{
    padding-right:1rem;
    white-space:nowrap;
}
#eBars{
    display:flex;
    align-items: flex-end;
    justify-content: flex-end;
    height:100%;
    width:100%;
    grid-area:visual;
}
@media only screen and (max-width:768px){
    #eBars{
        display:none;
    }
}
.bar{
    margin:0 0.3rem;
    width:40px;
    animation-name: grow;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform-origin:bottom;
}
@keyframes grow {
    to {height:100%};
}
.bar:nth-child(1n){
    height:80px;
    background-color:#ddd;
    animation-duration: 1s;
}
.bar:nth-child(2n){
    height:40px;
    background-color:#777;
    animation-duration: 1.2s;
}
.bar:nth-child(3n){
    height:60px;
    background-color:#aaa;
    animation-duration: 3s;
}
.bar:nth-child(4n){
    height:70px;
    background-color:#ccc;
    animation-duration: 1.5s;
}
.bar:nth-child(5n){
    height:20px;
    background-color:#888;
    animation-duration: 3.8s;
}
.bar:nth-child(6n){
    height:60px;
    background-color:#bbb;
    animation-duration: 2.1s;
}
#eFtrLinksWrapper .link>*:hover,#eFtrSocialMediaLinksWrapper .link:hover{
    display:inline-block;
    font-family:"assistantbold", Arial, sans-serif;
    transform:scale(105%);
}
/* footer - end */

/* popular searches pg - start */
#ePopularSearchesWrapper .mainHdr,#ePopularSearchesWrapper .subHdr{
    font-family:"assistantbold", Arial, sans-serif;
}
#ePopularSearchesWrapper .mainHdr{
    margin:1rem 0 0.3rem;
    font-size:2rem;
}
#ePopularSearchesWrapper .subHdr{
    margin:2rem 0 0.3rem;
    font-size:1.5rem;
}
#ePopularSearchesWrapper .popularSearchesContent{
    display:flex;
    flex-wrap:wrap;
}
#ePopularSearchesWrapper .popularSearchesContent .itm{
    margin-left:2rem;
    line-height:1.5;
    font-size:1.2rem;
}
/* popular searches pg - end */

/* bread crumbs - start */
#eBreadCrumbsWrapper{
    margin:0.5rem 0;
    font-size:1rem;
    color:#465a72;
    padding-right:0;
    min-height:1.3rem;
}
.breadCrumbItem{
    display:inline-block;
}
.breadCrumbItem>.link{
    text-decoration: none;
    color:#666;
}
.breadCrumbItem.current>.link{
    color:#465a72;
    font-family:"assistantbold", Arial, sans-serif;
}
.breadCrumbItem:not(:last-child)>.link:hover{
    color:#465a72;
    font-family:"assistantbold", Arial, sans-serif;
    cursor:pointer;
}
.breadCrumbItem.current>.link:hover{
    cursor:default;
}
.breadCrumbItem:not(:last-child)::after{
    content:">";
    padding-left:1rem;
    padding-right: 1rem;
}
.breadCrumbItem>.fullCaptionBtn{
    margin-right:0.5rem;
    font-family:"assistantbold", Arial, sans-serif;
}
/* breadcrumbs - end */


/* high contrast - start */

body.highContrast ,
.highContrast #linksPgWrapper,
.highContrast #expertsPanel,
.highContrast #expertsPanelMenuWrapper>.menuItm,
.highContrast #eContent .resultsWrapper>.emptyAreaMsg,
.highContrast .resultsTab,
.highContrast #eAdvSearchWrapper .menu .itm,
.highContrast #connectDtlsContainer #nm, #connectDtlsContainer #pwd, #connectDtlsContainer #tl, #connectDtlsContainer #ir,
.highContrast #feedback-form1 input,#feedback-form1 select,.regDtlsForm input,.regDtlsForm select,
.highContrast #eSendAbroadExpensesRpt-form input,#eSendAbroadExpensesRpt-form select,
.highContrast #termsOfUse,#contactUsWrapper,
.highContrast .breadCrumbItem>.link,
.highContrast #keywordsPgMenu>.itmText,
.highContrast #eMainBtnsWrapper .itm,
.highContrast #eSubjectsWrapper .subjectWrapper>.itemsWrapper>.itm>.itmText,
.highContrast .subjectWrapper.expand>.itemsWrapper>.itm>.itmText,
.highContrast #eRatesAndIndexesWrapper>.resultsWrapper>.itm,
.highContrast #eAdvSearchWrapper,
.highContrast #keywordsPgWrapper,
.highContrast #keywordsPgMenu>.itmText.clicked,
.highContrast #expertsPanelMenuWrapper>.menuItm.selectedMenuItm,
.highContrast .questionsCtgRsltsNum,.questionsCtgNm,.questionsCtgOpenBtn,
.highContrast #eMainBtnsWrapper .itm:hover,
.highContrast #eMainBtnsWrapper .itm.toolsBtn.clicked,
.highContrast #eMainBtnsWrapper .itm.infoBtn.clicked,
.highContrast #eMainBtnsWrapper .itm.popularBtn.clicked,
.highContrast #eMainBtnsWrapper .itm.subjectsBtn.clicked,
.highContrast #eMainBtnsWrapper .itm.historyBtn.clicked,
.highContrast #eSubjectsWrapper>.subjectWrapper,
.highContrast .subjectWrapper.expand,
.highContrast #eContent .resultsWrapper>.link>.caption,
.highContrast #eContent .resultsWrapper>.popularItm>.caption,
.highContrast #eContent .resultsWrapper>.popularItm>.lastDt,
.highContrast #eContent .resultsWrapper>.historyItm>.caption,
.highContrast #eContent .resultsWrapper>.historyItm>.lastDt,
.highContrast #searchResultsContent .ctgHdrItm.notClickable,
.highContrast #searchResultsContent .resultItm .itmTxt,
.highContrast #eToolsPgWrapper .resultItm .itmTxt,
.highContrast #searchResultsExtract .WordSection1 .MsoNormal:nth-child(1) *,
.highContrast #searchResultsExtract .Section1 .MsoNormal:nth-child(1) *,
.highContrast .resultsTab.markMe,
.highContrast #eAdvSearchWrapper>.btnsLine>.btnAsLink,
.highContrast #eAdvSearchWrapper .menu .itm.markMe,
.highContrast #eToolsPgWrapper>.mainHdr,
.highContrast .pgHdr,
.highContrast #eBreadCrumbsWrapper,
.highContrast .breadCrumbItem.current>.link,
.highContrast .breadCrumbItem:not(:last-child)>.link:hover{
    color:#000 !important;
}

/* high contrast - end */

/* dark theme - start */
body.darkTheme ,
.darkTheme #linksPgWrapper,
.darkTheme #expertsPanel,
.darkTheme #expertsPanelMenuWrapper>.menuItm,
.darkTheme #eContent .resultsWrapper>.emptyAreaMsg,
.darkTheme .resultsTab,
.darkTheme #eAdvSearchWrapper .menu .itm,
.darkTheme #connectDtlsContainer #nm,.darkTheme #connectDtlsContainer #pwd,.darkTheme #connectDtlsContainer #tl,.darkTheme #connectDtlsContainer #ir,
.darkTheme #feedback-form1 input,.darkTheme #feedback-form1 select,.darkTheme .regDtlsForm input,.darkTheme .regDtlsForm select,
.darkTheme #eSendAbroadExpensesRpt-form input,.darkTheme #eSendAbroadExpensesRpt-form select,
.darkTheme #termsOfUse,.darkTheme #contactUsWrapper,
.darkTheme .breadCrumbItem>.link,
.darkTheme #keywordsPgMenu>.itmText,
.darkTheme #eMainBtnsWrapper .itm,
.darkTheme #eSubjectsWrapper .subjectWrapper>.itemsWrapper>.itm>.itmText,
.darkTheme .subjectWrapper.expand>.itemsWrapper>.itm>.itmText,
.darkTheme #eRatesAndIndexesWrapper>.resultsWrapper>.itm,
.darkTheme #eAdvSearchWrapper,
.darkTheme #keywordsPgWrapper,
.darkTheme #keywordsPgMenu>.itmText.clicked,
.darkTheme #expertsPanelMenuWrapper>.menuItm.selectedMenuItm,
.darkTheme .questionsCtgRsltsNum,.darkTheme .questionsCtgNm,.darkTheme .questionsCtgOpenBtn,
.darkTheme #eMainBtnsWrapper .itm:hover,
.darkTheme #eMainBtnsWrapper .itm.toolsBtn.clicked,
.darkTheme #eMainBtnsWrapper .itm.infoBtn.clicked,
.darkTheme #eMainBtnsWrapper .itm.popularBtn.clicked,
.darkTheme #eMainBtnsWrapper .itm.subjectsBtn.clicked,
.darkTheme #eMainBtnsWrapper .itm.historyBtn.clicked,
.darkTheme #eSubjectsWrapper>.subjectWrapper,
.darkTheme .subjectWrapper.expand,
.darkTheme #eContent .resultsWrapper>.link>.caption,
.darkTheme #eContent .resultsWrapper>.popularItm>.caption,
.darkTheme #eContent .resultsWrapper>.popularItm>.lastDt,
.darkTheme #eContent .resultsWrapper>.historyItm>.caption,
.darkTheme #eContent .resultsWrapper>.historyItm>.lastDt,
.darkTheme #searchResultsContent .ctgHdrItm.notClickable,
.darkTheme #eToolsPgWrapper .resultItm .itmTxt,
.darkTheme #searchResultsExtract .WordSection1 .MsoNormal:nth-child(1) *,
.darkTheme #searchResultsExtract .Section1 .MsoNormal:nth-child(1) *,
.darkTheme .resultsTab.markMe,
.darkTheme #eAdvSearchWrapper>.btnsLine>.btnAsLink,
.darkTheme #eAdvSearchWrapper .menu .itm.markMe,
.darkTheme #eToolsPgWrapper>.mainHdr,
.darkTheme .pgHdr,
.darkTheme #eBreadCrumbsWrapper,
.darkTheme .breadCrumbItem.current>.link,
.darkTheme .breadCrumbItem:not(:last-child)>.link:hover{
    color:#fff !important;
}
body.darkTheme,.darkTheme .subjectWrapper{
    background-color:#465a72 !important;
}
/* dark theme - end */

@media screen{
    .onlyPrint{
        display:none;
    }    
}

@media print{
    body>*{
        display:none;
    }
    #ePrintContainer{
        display:block !important;
    }
}