/*CSS For elements*/

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont/fontawesome-webfont.eot?v=4.3.0');
    src: url('../fonts/fontawesome-webfont/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body {
    width: 100%;
    min-height: 100%;
    height: 100%;
    margin: 0;
}

.commonButton {
    height: 42px;
    width: 100px !important;
}

br {
    float: none !important;
}

/*.commonButton:active{*/
/*-webkit-box-shadow:none !important;*/
/*-moz-box-shadow:none !important;*/
/*box-shadow:none !important;*/
/*box-shadow:none !important;*/
/*height: 35px !important;*/
/*width: 90px !important;*/
/*line-height: 35px !important;*/
/*}*/

.bodyClass {
    top: 0;
    width: 100%; /*height: 100%;*/
    margin: 0 auto;
}

/*For main body in home.jsp*/
.headerPnl {
    width: 100%;
    margin: 0 auto;
    position: relative !important; /*height: 288px;*/
    z-index: 10;
}

.mainPnl {
    moz-box-sizing: border-box;
    clear: both;
    float: left;
    height: auto;
    overflow: visible;
    position: relative;
    width: 100%;
    /*perspective: 1000;*/
    /*-webkit-transform: rotateY(0deg);*/
    /*transition: all 0.3s ease-out 0s;*/
    /*-moz-transition: all 0.3s ease-out 0s;*/
    /*-webkit-transition: all 0.3s ease-out 0s;*/
    /*-o-transition: all 0.3s ease-out 0s;*/
    /*-ms-transition: all 0.3s ease-out 0s;*/
    /*-moz-transform:-moz-rotateY(0deg);*/
    /*-ms-transform:  rotateY(0deg);*/
    /*-o-transform:  rotateY(0deg);;*/
    /*transform:  rotateY(0deg);;*/
    /*z-index: 20 !important;*/
    /*overflow-x:hidden;*/
}

.advancedScreen {
    display: inline-block;
    perspective: 1000;
    /*width: 200px;*/
    overflow: hidden;

    /*-moz-transform:scaleX(0.5);*/
    /*-ms-transform:  scaleX(0.5);*/
    /*-o-transform:  scaleX(0.5);*/
    /*transform:  scaleX(0.5);*/
}

/*For Header Panel in home.jsp*/
.iteratorLI a {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    /* visibility: visible; */
}

.iteratorLI {
    width: 900px !important;
    overflow: hidden !important;
    /*padding-top: 14px;*/
    height: auto !important;
    padding: 0px;
    /*min-height: 52px;*/
}

.iteratorLI li {
    height: 100%; /*width: 136px;*/
    /*border-left: 1px solid #e0e0e0;*/
}

.mainHeaderBody {
    width: 100%;
    height: 100% !important;
    position: relative;
    margin: 0 auto;
    overflow-x: hidden;
}

.mainPanel {
    width: 100%; /*height: 100%;*/
    margin: 0 auto;
}

.hdrPanelSticky {
    position: fixed !important;
    /* top: -10px !important; */
    width: 100% !important;
    z-index: 40;
}

.imgPanel {
    height: 75px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    top: 0;
    /*text-indent: 59px;*/
    margin-top: 10px;
    /*margin-bottom: 5px;*/

    float: left;
    height: 75px;
    width: 100%;
}

.imgElement {
    height: 85px;
    top: -53px;
}

.bottomPanel {
    width: 100%;
    height: 10px;
    display: none;
}

#hdrPanel {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    top: 0;
    left: 0;
    overflow: hidden;
    /*min-height: 7%;*/

    clear: both;
    float: none;
}

.hdrLinkCls {
    height: 70px;
    width: 136px;
}

.newAdditionClsActive {
    width: 156px !important; /*background-position-x: -476px;*/
    /*background-position-y: -159px;*/
}

.newAdditionClsInactive {
    width: 156px !important; /*background-position-x: -476px;*/
    /*background-position-y: 0px;*/
}

.myAccountClsActive {
    /*background-position-x: -668px;*/
    /*background-position-y: -159px;*/
}

.myAccountClsInactive {
    /*background-position-x: -668px;*/
    /*background-position-y: 0px;*/
}

.bodyClass {
    top: 0;
    width: 100%; /*height: 100%;*/
    margin: 0;
}

.leftPanelCls {
    left: 0;
    top: 0;
    width: 12%; /*height: 100%;*/
    float: left;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.middlePanelCls {
    left: 0;
    top: 0; /*height: 100%;*/
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin: 0 auto;
    margin-top: 107px;
    margin-left: 95px;
}

.reservationIterator {
    /*height: 100%;*/
    float: left;
}

#myAccountlbl {
    margin-top: 30px;
    margin-left: 20px;
    margin-bottom: 5px;
}

.lnkCls {
    padding-bottom: 8px;
    padding-left: 20px;
    padding-top: 8px;
}

.linkSelected {
    padding-bottom: 6px;
    padding-left: 20px;
    padding-top: 6px;
}

.middleDiv {
    left: 0;
    top: 0;
    width: 260px;
    height: 100px;
    margin-bottom: 30px;
    margin-right: 50px;
    padding: 5px; /*padding: 5px;*/
    /*margin: 10px;*/
    /*opacity: 0.8;*/
    /*border: 1px solid black;*/
    /*border-radius: 10px;*/

}

.txtCls {
    margin-left: 15px;
    float: left;
    width: 160px;
}

/*For reservations.jsp*/
.popUpPanel {

}

.myPanelCls {
    width: 100px;
    height: 100px;

}

/*Browse Page*/
.browseTopPnl * {
    float: left;
}

.browseTopPnl {
    width: 100%;
    height: auto;
    /*min-height: 86px;*/
    position: relative;
    overflow: visible;
    margin: 0 auto;
    /*padding-top: 16px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: inline-block;

}

.searchText, .searchResultText {
    width: 90%;
    height: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

#naSearchTxt {
    /*width: 50%;*/
}

#keywordText {
    /*width: 60% !important;*/
}

#dateSpan {
    width: 20%;
}

.date, .datefield {
    width: 65% !important;
    height: 40px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.searchTextAdv {
    width: 100% !important;
}

.pnlLbls {
    position: relative;
    /*margin-right: 30px;*/
    /*margin-left: 5px;*/
    margin-bottom: 6px;
    width: 130px;
}

.browseComboArrow {
    width: 32px;
    height: 30px;
    display: block;
    float: right !important;
    margin-top: 0px !important;
}

.browseComboArrow .comboArrowImg {
    width: 8px;
    height: 7px;
    margin: 11px;
}

.browseComboText {
    min-width: 100px;
    float: left;
    margin-top: 0px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.browseCombo {
    display: block;
    width: 175px !important;
    height: 40px;
    float: left;
    box-sizing: initial !important; /*-moz-box-sizing: border-box;*/
    display: none;
}


#browseForm {
    width: 100%;
}

/*
.browseCombo .comboPicker {
    text-align: center;
    width: 40px !important;
}

.browseCombo .comboPicker img {
    height: 20px;
    width: 20px;
    min-height: 20px !important;

}*/

.searchPageForm .goBtn {
    /*background: -moz-linear-gradient(top, #EEB908 0%, #FFAA0F 100%); *//* FF3.6+ *//*
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEB908), color-stop(100%, #FFAA0F)); *//* Chrome,Safari4+ *//*
    background: -o-linear-gradient(top, #EEB908 0%, #FFAA0F 100%); *//* Opera 11.10+ *//*
    background: -ms-linear-gradient(top, #EEB908 0%, #FFAA0F 100%); *//* IE10+ *//*
    background: linear-gradient(top, #EEB908 0%, #FFAA0F 100%); *//* W3C *//*
    background: -webkit-linear-gradient(top, #EEB908 0%, #FFAA0F 100%); *//* Chrome10+,Safari5.1+ *//*
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEB908', endColorstr='#FFAA0F', GradientType=0);*/
    /*border: 1px solid #EEB908;*/
    clear: left;
    display: block;
    float: left;
    /*font-family: verdana, sans-serif;*/
    /*font-size: 20px;*/
    /*height: 42px;*/
    /*line-height: 42px !important;*/
    /*margin-left: 90px;*/
    margin-left: 0px;
    margin-top: 20px;
    /*width: 150px;*/
    /*width: 100px;*/
    /*margin-bottom: 15px;*/
    /*-webkit-box-shadow:0 8px 5px #444,0 15px 20px rgba(0,0,0,.35);;*/
    /*-moz-box-shadow:0 8px 5px #444,0 15px 20px rgba(0,0,0,.35);*/
    /*box-shadow: 0 8px 5px #444,0 15px 20px rgba(0,0,0,.35);*/

    /*-webkit-transition:-webkit-box-shadow 0.3s ease-in-out 0s;*/
    /*-o-transition:-o-box-shadow 0.3s ease-in-out 0s;*/
    /*-moz-transition:-moz-box-shadow 0.3s ease-in-out 0s;*/
    /*transition:box-shadow 0.3s ease-in-out 0s;*/
}

.goBtn {
    /*background: -moz-linear-gradient(top, #EEB908 0%, #FFAA0F 100%); *//* FF3.6+ *//*
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEB908), color-stop(100%, #FFAA0F)); *//* Chrome,Safari4+ *//*
    background: -o-linear-gradient(top, #EEB908 0%, #FFAA0F 100%); *//* Opera 11.10+ *//*
    background: -ms-linear-gradient(top, #EEB908 0%, #FFAA0F 100%); *//* IE10+ *//*
    background: linear-gradient(top, #EEB908 0%, #FFAA0F 100%); *//* W3C *//*
    background: -webkit-linear-gradient(top, #EEB908 0%, #FFAA0F 100%); *//* Chrome10+,Safari5.1+ *//*
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEB908', endColorstr='#FFAA0F', GradientType=0);*/
    /*font-size: 20px;*/
    /*line-height: 42px;*/
    margin-left: 20px;
    margin-top: 0;
    /*height: 42px;*/
    clear: none;
    /*width: 55px;*/

}

.goBtnAdv {
    width: 125px;
    height: 40px;
    /*background: -moz-linear-gradient(top, #EEB908 0%, #FFAA0F 100%); *//* FF3.6+ *//*
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEB908), color-stop(100%, #FFAA0F)); *//* Chrome,Safari4+ *//*
    background: -o-linear-gradient(top, #EEB908 0%, #FFAA0F 100%); *//* Opera 11.10+ *//*
    background: -ms-linear-gradient(top, #EEB908 0%, #FFAA0F 100%); *//* IE10+ *//*
    background: linear-gradient(top, #EEB908 0%, #FFAA0F 100%); *//* W3C *//*
    background: -webkit-linear-gradient(top, #EEB908 0%, #FFAA0F 100%); *//* Chrome10+,Safari5.1+ *//*
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEB908', endColorstr='#FFAA0F', GradientType=0);*/
    margin-left: 685px;
    margin-top: 100px;
}

.browseResultsPnl {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    position: relative;
    overflow: hidden;
    clear: both;
    /*margin-top: 15px;*/
}

.reservationPnl {
    float: left;
    width: 100%;

}

.categoryItr {
    padding-left: 10px;
    width: 18%;
    float: left;
    overflow-y: auto !important;
    height: 485px;
    overflow-x: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    position: fixed !important;
}

.categoryItr > li {
    min-height: 28px;
    height: auto;
}

.categoryItr p {
    /*width: 290px;*/
    margin: 0 auto;
    /*min-height: 50px;*/
    margin-left: 0px;
    padding-left: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding-top: 3px;
    padding-bottom: 3px;
}



.selectionRightArrow {
    width: 11px;
    height: 16px;
    float: right;
    margin-top: 18px;
    margin-right: 10px;
    display: block;
}

.resultsPnl {
    float: none;
    width: 100%;
    display: inline-block;
    /*overflow-x: auto !important;*/
    padding-bottom: 40px;
    height: auto;
    overflow: visible;
    /*margin-top: 25px;*/
    position: relative;
    margin-bottom: 25px;
}

.resultsPnl .resultsItr, .resultsItrH ,.resultsItrRecomm, .saveSearchItr{
    min-width: 700px;
    width: 100%;
    overflow: visible;
    padding-left: 0px;
}

.resultsPnl .resultsItr, .resultsItrL ,.resultsItrRecomm, .saveSearchItr{
    min-width: 700px;
    width: 100%;
    overflow: visible;
    padding-left: 0px;
}

.detailsCard .resultImgDiv {
    height: 125px !important;
}

.resultImgDiv {
    width: 75px;
    height: 100px;
    margin-right: 15px;
    margin-left: -10px;
}

.shelfImgDiv {
    width: 75px;
    height: 100px;
    margin-right: 15px;

}

.resultsImg {
    width: 75px;
    height: 100px;
    z-index: 1000;
}

.resultsItr *, .myaccountItr * ,.resultsItrRecomm *, .saveSearchItr *{
    float: left;
}

.resultsItr ul ,.resultsItrRecomm ul{
    padding: 0;
}

.resultsItr > li, .resultsItrH > li,.resultsItrRecomm >li,.resultsItrRecommH >li, .saveSearchItr>li{

    display: inline-block;
    float: none;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    width: 345px;

}

.resultsItr > li, .resultsItrL > li,.resultsItrRecomm >li,.resultsItrRecommH >li, .saveSearchItr>li{

    display: inline-block;
    float: none;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    width: 345px;

}

.resultsItr li li, .myaccountItr li,.resultsItrRecomm li li {
    width: 350px;
}

.resultsItrLiActive, :hover {
    /*border: 1px solid #028287 !important;*/
    /*width: 350px !important; *//**//*height: 147px !important;*/
    /*-moz-box-sizing: border-box;*/
    /*-webkit-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    /*-moz-box-shadow: none !important;*/
    /*box-shadow: none !important;*/
}

.recordObjectDiv {
    margin: 24px;
}

.pnlAcntDtls .resultsItr li{
    margin-left: 9px;
    margin-right: 9px;
}

/*.myaccountItr li {
    height: 100px;
}*/

.resultsItr > p ,.resultsItrRecomm >p , .saveSearchItr>p{
    min-width: 60%;
    max-width: 70%;
}

.resultsMainLbl {
    /*font-weight: bold;*/
    max-height: 100px;
}

.resultsSubLbl {
    width: 100%;
    /*padding-left: 100px;*/

    /*font-size: 12px;*/
}

.resultreseveLbl {
    clear: left;
    float: left;
    width: 80px;
}

.searchPnl {
    width: 90%;
    height: auto!important;
    /*margin: 5% auto;*/
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 20px;
    /*overflow: hidden;*/
    max-width: 1220px;
}

.searchlogo {
    width: 27px;
    height: 38px;
}

.searchLogoImg {
    width: 26px;
    height: 30px;
    margin-top: 6px;
}

.searchPageForm .searchlogo {
    display: block;
    position: absolute;
    right: 40px;
    display: none;
}

.searchPageForm {
    width: 100%;
    margin-bottom: 20px;
}

.searchResultPnl {
    width: 91%;
    height: 78px;
    margin: 0 auto;
    margin-top: 20px;
}

.searchResultPnl * {
    float: left;
}

.searchPnl *, .advanceSearchPnl * {
    float: left;
}

.searchPnlAdv {
    margin-top: 0px;
    width: auto;
    /*padding-right: 490px;*/
    /*padding-left: 130px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: block;
    float: none;
}

.advanceSearchBtn, .addSrchBtn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    height: 40px;
    margin-left: 25px;
    margin-top: 20px;
    /*width: 250px;*/
    width: 140px;
}

.lnkResetTxt {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    /*background: -moz-linear-gradient(center top, #EEB908 0%, #FFAA0F 100%) repeat scroll 0 0 transparent;*/
    /*border: 1px solid #C4C4C4;*/
    /*font-size: 19px;*/
    /*height: 40px;*/
    /*line-height: 40px;*/
    margin-left: 25px;
    margin-top: 20px;
    /*width: 100px;*/
}

.advanceSearchPnl {
    /*width: 1700px !important;*/
    width: 100% !important;
    margin: 0 auto; /*padding: 60px;*/
    box-sizing: border-box;
    height: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin-top: 15px;
}

.advanceSearchPnl p {
    /*width: 130px;*/
}

.advanceSearchPnl #firstSpan * {
    float: left;
    padding-bottom: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

/*.advanceSearchPnl #secondSpan,*/
/*.advanceSearchPnl #secondSpan *,*/
/*.advanceSearchPnl #fifthSpan,*/
/*.advanceSearchPnl #thirdSpan * {*/
/*float: left;*/
/*clear: left;*/
/*}*/

.advanceSearchPnl #thirdSpan,
.advanceSearchPnl #forthSpan {
    float: left;
}

.optionsPnl {
    width: 100%; /*height: 98px;*/
    /* height: 42px; */
}

.optionsPnl .radioBtnCls {
    width: 300px;
    height: 31px;
    display: block;
    cursor: pointer;
}

.radioBtnImgCls {
    width: 31px;
    height: 31px;
    display: inline-block;
}

.radioBtnText {
    margin: 0;
    /*top: -9px;*/
    width: auto;
}

.radio-custom-label:before,
.radio-custom-selector:checked + .radio-custom-label:before {
    content: "";
    height: 32px !important;
    left: 0;
    position: absolute;
    top: 1px;
    width: 34px !important;
}

.radio-custom-label {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin: 2px;
    padding: 6px 40px 2px 36px !important;
}

.radio, .radio-custom {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    /*margin-top: 14px;*/
    padding: 15px !important;
    width: auto;
    display: block !important;
}

/*
.optionsPnl input[type="radio"] {
    background-image: url("../images/sprite.png");
    background-position: 45px -320px;
}

.optionsPnl div[type="radio"] {
    width: 50%;
    margin: 0 auto;
    height: 100%;
    text-align: center;
    padding-top: 35px;
    box-sizing: border-box;
}

.optionsPnl span {
    width: 20%;
    display: inline;
    text-align: left;
    text-indent: 25px;
    cursor: pointer;
}
*/

.detailsCard {
    float: left;
    /*width: 450px;*/
    width: 390px;
    /*height: 660px;*/
    min-height: 85%;
    height: 70%;
    right: -555px;
    z-index: 10001;
    position: fixed;
    bottom: 0px;
}

.detailsCardBlock {
    height: 100%;
    /*border-left: 5px solid #383838;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    /*width: 450px;*/
    width: 100%;
}

.detailsCard * {
    float: left;
}

/*
.detailsCardHideBar {
    width: 55px;
    height: 100%;
    display: block;
    background-color: white;
    border-right: 5px solid #383838;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
*/

.detailsCardCloseBtn {
    /*-webkit-transform: rotate(-90deg);*/
    /*-moz-transform: rotate(-90deg);*/
    width: 20px;
    height: 20px;
    /*color: white;*/
    position: absolute;
    top: 0px;
    z-index: 112;
    right: 0px;
    display: block;
    /*font-family: verdana,sans-serif;*/
}

.issuesCloseBtn {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.loginCloseButton {
    width: 16px;
    height: 16px;
    position: absolute;
    /*top: 60px;*/
    /*left: -115px;*/
    display: block;
    /*background-position: 183px 0px;*/
}

.detailsCard .basicDetailsPnl,
.detailsCard .basicJournalDetailsPnl {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    /*margin-top: 25px;*/
    /*margin-left: 25px;*/
    position: relative;
    float: left;
    padding: 25px 0 0 15px;
    z-index: 111;
}

.detailsCardImg {
    width: 100%;
    min-height: 113px;
}

.detailsImgPnl , .recommImgDivPnl{
    width: 80%;
    margin-bottom: 20px;
    min-height: 113px;
}

.detailsImgPnl{
    max-height: 210px;
}

.titleLbl {
    width: 100%;
    padding-bottom: 12px;
}

.basicJournalDetailsPnl {
    /*margin-top: 50px !important;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    float: left;
    /*margin-top: 0 !important;*/
    width: 60%;
}

/*.basicJournalDetailsPnl .titleLbl {
    width: 405px;
    word-wrap: break-word;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: bold;
}*/

.showMask {
    width: 100%;
    height: 100%;
    /*background-image: url("../images/grey.png");*/
    /*background-repeat: repeat;*/
    /*background-color: #000;*/
    position: fixed;
    z-index: 456;
    display: block !important;
    top: 0;
    left: 0;

}

.showError {
    width: 360px;
    height: 180px;
    z-index: 9999;
    position: fixed;
    left: 770px;
    top: 450px;
    color: white;
    overflow-y: visible;
}

.showErrorForSignup{
	 width: 400px;
    height: 207px;
    z-index: 9999;
    position: fixed;
    left: 770px;
    top: 450px;
    color: white;
    overflow-y: visible;
    background-color: black;
}
.errorLbl {
    overflow-y: visible;
    width: 80%;
    height: auto;
    position: relative;
    margin: 30px 10%;
}

.errorButton {
    margin: 0 auto;
    margin-top: 10px;
    position: relative;
    width: 100px;
    height: 30px;
    border: 0;
}

.detailsCard .crdTypeItr {
    width: 405px; /*border-bottom: 1px solid #C4C4C4;*/
    margin-bottom: 15px;
}

.cardTypeCls, .cardTypeClsSelected {
    height: 40px;
    min-width: 100px;
    display: block;
    min-width: 100% !important;
}

.detailsCard .detailsCardDataPnl {
    padding: 0 0 0 15px;
    width: 100%;
    /*max-height: 60%;*/
    height: 37%;
    overflow: hidden;
    padding-top: 10px;
    /*position: absolute;*/
    padding-bottom: 15px;
}

.detailsCardDataPnl .dataItr {
    /*max-height: 390px;*/
    clear: left;
}

.dataItr li:last-child {
    margin-bottom: 15px;
}

.journalsDataItr {
    margin-top: 20px !important;
    overflow-y: auto !important;
}

/*.journalsDataItr {*/
/*width: 95px !important;*/
/*}*/
.journalsDataItr > li {
    padding-bottom: 5px;
    width: 100%;
}

.detailsCardDataPnl {
    /*width: 125px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    min-height: 1px;
    /*border-right: 1px solid #6E6E6E;*/
    padding-right: 20px;
    float: left;
    width: 100%;

}

.detailsCardDataPnl .detailsValue {
    width: 65%;
    /*min-height: 1px;*/
    min-height: 0px;
    margin-left: 5px;
}

.detailsCardDataPnl .detailsSubTag {
    width: 30px;
    min-height: 1px;
}

.detailsCardDataPnl .detailsInd {
    display: block;
    width: 30px !important;
    margin: 0 !important;
    min-height: 1px;
}

.detailsCard .actionLinkPnl {
    width: 450px;
    height: 60px;
    float: left;
    margin-bottom: 0px;
    position: fixed;
    bottom: 0px;
    right: -5px;
}

.detailsCard .actionLinkPnl p {
    width: 33%;
    display: inline;
}

.actionLinkPnl .centeredHorizontally {
    height: 25%;
    margin-top: 20px;
}

.comboDataList {
    display: none;
    clear: left;
    float: left;
    /*min-width: 210px;*/
    z-index: 1105;
    margin: -2px 0 0 -1px;
    padding: 0;
    position: relative;
    width: auto;
    max-height: 400px;
    overflow: auto;
}

/*.comboDataList ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}*/

.comboDataList li {
    width: 80%;
    float: left;
    clear: left;
    margin-left: 10%;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/*
::-webkit-scrollbar:vertical {
    width: 5px;
}

::-webkit-scrollbar:horizontal {
    width: 5px;
}
*/

::-webkit-scrollbar-button {
    width: 5px;
    height: 5px;
    display: none;
}

.shadowDiv {
    z-index: 5;
    position: absolute;
    width: 100%;
    height: 100%;
}

.advSearchItr {
    overflow: visible !important;
    width: 80% !important;
    clear: left;
    float: left;
}

.pnlLblsLineBelow {
    width: 100% !important;
    overflow: visible;
    margin-bottom: 4px;
    /*clear: left;*/
}

.filterPanel {
    /*width: 1113px;*/
    width: 565px;
    float: left;
    clear: left;
}

.filterLabels {
    float: left;
    width: 100% !important;
    overflow: visible;
    float: left;
    height: 20px;
    margin-bottom: 10px;
}

.fromFilterLabel {
    clear: left;
}

.textFieldFilters {
    width: 100px;
    margin-right: 10px;
    float: left;
    height: 40px;

}

.insideFilterLabel {
    /*clear: left;*/
    float: left;
    width: 50px !important;

}

.insideFilterLabelDB {
    float: left;
    width: 70px !important;
    margin-right: 10px;
    margin-top: 10px;
}

.docTypePanel {
    float: left;
    clear: both;
    margin-right: 30px;
    width: 200px;
}

.publYearPanel {
    float: left;
    width: 100%;
}

.recAndSortPanel {
    /*clear: right;*/
    clear: left;
    float: left;
    width: 300px;
    margin-top: 10px;
}

.pubAndRecSpan {
    float: left;
    /*margin-right: 30px; */
    /*width: 263px;*/
    width: 320px;
}

.recAndSortLabel {
    width: 93px !important;
}

.connectAsSpan {
    /*clear: left;*/
    margin-top: 0px;
    display: inline-block;
    width: auto;
    /*position: absolute;*/
    float: none;
    /*right: 0px;*/
}

.queryConnectorRadio {
    float: left;
    position: relative; /*clear: left !important;*/
    margin-left: 60px !important;
    margin-top: 10px !important;

}

.databaseSpan {
    /*float: right; *//*margin-left: 64px;*/
    display: block; /*border: 1px solid black;*/
    padding: 10px;
    width: 100%;
}

.resetAndDatabaseSpan {
    float: left; /*margin-left: 100px;*/
    width: 240px;
    margin-top: 29px;
    margin-left: 30px;
}

.resetButtonAdvSearch {
    height: 40px;
    margin-left: 62px;
    margin-top: 100px;
    width: 100px;
}

.recommendationPnl > .my, #pnlRTitle {
    clear: both;
}

#pnlVendorList {
    display: inline-block;
    left: 781px;
    position: absolute;
    top: 282px;
}

#checkForDuplicate {
    clear: both;
    height: 25px;
    left: 465px;
    margin-bottom: 10px;
    margin-top: 0;
    width: 180px;
}

#btnVendor {
    float: left;
    font-size: 15px;
}


#btnList {
    clear: both;
    float: left;
    /*margin-left: 5px;*/
    font-size: 15px;
    width: 142px;
}

.recommendationPnl {
    width: 86%;
    height: auto;
    position: relative;
    margin-top: 50px;
    margin-left: 75px;
    float: left;
}
.pnlDetailsInclude .recommendationPnl{
    margin-top: 0px !important;
    margin-left: 14px !important;
}

.rectxt1, .resetFormTfs {
    /*float: left;*/
    margin-bottom: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 250px;
}

.rectxt {
    float: left;
    margin-bottom: 22px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 250px;
}

.recLbl, .recspan {
    width: 88px;
    height: 40px;
    float: left;
    position: relative;
}

.recLbl {
    clear: left;
    margin-right: 20px;
    margin-left: 10px;
    margin-bottom: 12px;
}

.recspan {
    width: 64px;
    margin-right: 20px;
    margin-left: 12px;
    margin-bottom: 12px;
    /* text-align: right;*/
}

.recListPnl {
    margin-top: 100px;
    margin-left: 42px;
    width: 98%;
    overflow-x: hidden;
    overflow-y: hidden;
    height: auto;
    min-height: 300px;
}

.recListItrPnl {
    margin: 20px;
    width: 100%;
    float: left;
}

.recItr {
    width: 100%;
}

.recItr ul {
    padding: 0;
}

.recItr > li {
    width: 350px;
    margin-right: 25px;
}

.recItr li li, .myaccountItr li {
    width: 350px;
    float: left;
}

.rechead {
    margin-top: 5px;
    float: left;
    clear: left;
    position: relative;
    width:110px !important;
}

.recvalue {
    margin-top: 5px;
    float: left;
    margin-left: 5px;
    position: relative;
}

.finelogpnl {
    height: auto;
    float: left;
    margin-bottom: 20px;
    width: 91%;
    overflow-x: auto;
}

.fineflag {
    clear: left;
    padding: 10px 15px;
    width: 90%;
}

.finelogItrpnl {
    margin: 20px;
    width: 100%;
    float: left;
}

.finelogItr ul {
    padding: 0;
}

.finelogItr > li {
    width: 330px;
    margin-right: 25px;
}

.finelogItr li li {
    width: 330px;
}

.paidlogpnl {
    margin-bottom: 20px;
    height: auto;
    float: left;
    width: 91%;
    overflow-x: auto;
}

.paidflag {
    margin-top: 20px;
    clear: left;
    float: left;
    padding: 10px 15px;
    width: 90%;
}

.paidlogItrpnl {
    margin: 20px;
    width: 100%;
    float: left;
}

.paidlogItr ul {
    padding: 0;
}

.paidlogItr > li {
    width: 330px;
    margin-right: 25px;
}

.paidlogItr li li {
    width: 330px;
}

.loglbl {
    clear: left;
    float: left;
}

.recbttn1, .resetPassBtn {
    /*margin-right: 40px;*/
    /*margin-top: 15px;*/
    margin-bottom: 25px;
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    height: 40px;
    border: 0;
    width: 100px;
}

.recbttn {
    /*     background-color: #028187;
  text-align: center;
  font-size: 16px;
  margin-right: 40px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: white;
  font-family: verdana, sans-serif;
  line-height: 25px;
  padding-left: 20px;
  padding-right: 20px;
  height: 40px;
  border: 0; */


    height: 40px;
    margin-bottom: 15px;
    margin-right: 22px;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.recbttnpnl {
    clear: left;
    margin-left: 350px;
    margin-top: 15px;
    width: 767px;
}

.browseComboAdv {
    height: 25px;
    margin-top: 0px !important;
    padding: 0px !important;
}

.browseComboAdvDocType {
    width: 142px;
    float: left;
    clear: left;
}

.browseComboAdv ul {
    padding: 0px;
    margin: 0px;
    z-index: 105;
    position: relative;
}

.browseComboAdv li {
    width: 90% !important;
    margin: 5px !important;
    z-index: 5;
    position: relative; /*z-index: 5;*/

}

.browseComboTextAdv {
    min-width: 100px;
    float: left;
    width: 116px !important;
}

.pnlLblsAdv {
    /*line-height: 25px;*/

}

.browseComboArrowAdv {
    width: 32px;
    height: 40px;
    display: block;
    float: right !important;
}

.comboArrowImgAdv {
    width: 12px;
    height: 7px;
    margin: 17px 9px;
}

#catalogueData_dropDown li {
    width: 100px !important;
}

.searchPanelRadio {
    float: none;
    clear: left;
    margin: 0 auto;
    width: 100%;
}

.searchPanelNoRadio {
    float: none;
    clear: left;
    margin-bottom: 20px;
    margin: 0 auto;
    width: 100%;
}

.docTypeSpan {
    width: 60px;
    height: 100px;
    overflow: scroll;
    margin-right: 35px;
}

.allFiltersSpan {
    clear: left;
    /*float: none;*/
    margin: 0 auto;
    /*width: 1450px;*/
    width: auto;
    padding-top: 20px;
    float: none;
    display: inline-block;
    padding: 10px;
}

.moreOptionsSpan {
    width: 100% !important;
    /*height: 400px;*/
    clear: left;
    display: block;
    height: 26px;
    margin-top: 20px;
    margin-right: 20px;
    overflow: hidden;
}

.moreOptionsLabel {
    width: 100px !important;
    float: left;
    margin-left: 30px;
    margin-bottom: 0px;
}

.moreOptionsTF {
    width: 100px;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    height: 25px;
    margin-top: 5px;
}

.radioConnector {
    /*float: left;*/
    float: none;
    position: relative; /*clear: left !important;*/
    padding-left: 0px;
    width: auto;
    display: inline-block;
}

.journalsTypeItr, .naTypeItr {
    width: 50%;
    height: 31px;
    position: relative;
    margin: 0 auto;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}

.journalsTypeItr
    /*.journalsRadio*/
{
    display: none;

}

.journalsTypeItr li,
.naTypeItr43 li {
    width: 33%;
}

.naTypeItr42 li {
    width: 50%;
}

.naTypeItr42 {
    width: 30% !important;
}

.naTypeItr {
    display: none;
}

.journalsSearchPnl {
    width: auto;
    position: relative;
    overflow: visible;
    margin: 0 auto;
    height: auto;
    float: none;
    margin-bottom: 15px;
    margin-top: 15px;
    display: inline-block;
}

#newadd {
    /*width: 60%;*/
    overflow: hidden !important;
}

.date-trigger, .datefield-trigger {
    top: 9px !important;
    height: 23px;
    margin-left: 3px;
}

.journalsSearchPnl * {
    /*margin-top: 15px;*/
    /*margin-bottom: 15px;*/
    float: left;
}

.recordObjectDiv > p {
    max-width: 72%;
    min-width: 60%;
    overflow: hidden;
    word-wrap: break-word;
}

.recordObjectDiv {
    margin: 15px 4px 0 0;
    min-height: 110px;
    width: 100%;
    padding-left: 10px;
    /*padding-right: 4px;*/
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    height: 125px;

}

.loginFormCls, .resetFormPnl {
    height: auto /*width: 400px;*/
    vertical-align: middle;
    margin: 10px auto;
    width: 250px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: inline-block;
}

#Panel23 .loginFormCls, .resetFormPnl {
    height: auto; /*width: 400px;*/
    vertical-align: middle;
    margin: 10px auto;
    width: 250px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    display:block;
}

#authBtnCncl {
    background-color: #65C778 !important;
}

#Panel67 {
    width: 250px;
}

.errorField {
    width: 100%;
    height: 20px;
    margin-top: 5px;
}

.chngPswdBtnCls {
    width: 109px;
    position: relative;
    float: left;
    margin: 10px;
    height: 25px;
    left: 247px;
}

.loginPanelCls, .resetFormOuterPnl {
    /* border: 1px solid #E1E1E1; */
    height: auto;
    margin: auto;
    display: inline-block;
    /*top: 100%;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*position: absolute;*/
    width: auto;
    z-index: 9;
    padding: 50px;
}

.loginLblCls {
    /*top: 44px;*/
    /*left: 0px;*/
    /*float: left;*/
    clear: left;
    margin-top: 0px; /*width: 100%;*/
    display: none;
}

#passwordId {
    margin-bottom: 10px;
}
.institution {
    margin-bottom: 20px;
}


#journalsResultsPnl {
    width: 100%;
    position: relative;
    height: auto;
    /*height: 515px !important;*/
}

#journalsResultsItr p,
.naJournalsResultsItr p {
    max-width: 98%;
    /*min-width: 98%;*/
}

.naJournalsResultsItr img {
    display: none;
}

.naJournalsResultsItr .cartPanel {
    display: none;
}

.issueDropDownArrow {
    display: none;
    height: 13px;
    margin-left: 15px;
    width: 12px;
}

.issueDataListItr {
    max-height: 180px;
    overflow-y: auto;
}

.issueDataListItr li {
    width: 300px !important;
    margin: 5px 0 0 10px;
    padding-bottom: 10px;
}

#journalsResultsItr li li {
    min-height: 125px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

/* .myPrflFldCls {
    width: 250px;
    height: 25px;
    clear: left;
    float: left;
    font-size: 15px;
    margin-bottom: 5px;
    color: #858585;
    font-family: verdana, sans-serif;
    line-height: 29px;
    overflow: visible;
} */

.myPrflBoldFldCls {
    /*width: 250px;*/
    height: 25px;
    float: left;
    font-size: 19px;
    margin-bottom: 5px;
    font-family: verdana, sans-serif; /*font-weight: bold;*/
    overflow: visible;
}

/* .myProfileImg {
    width: 115px;
    height: 115px;
    top: 0;
    left: 0;
    float: left;
    border: 1px solid gray;
    padding: 3px;
    margin-right: 70px;
}

.myPrflUprPnl {
    width: 545px;
    height: 152px;
    top: 0;
    left: 0;
    border-bottom: 1px solid #858585;
} */

.loaderTable {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1000;
}

.loader {
    /*-webkit-animation-name: spinnerRotate;*/
    /*-webkit-animation-duration: 2s;*/
    /*-webkit-animation-iteration-count: infinite;*/
    /*-webkit-animation-timing-function: linear;*/

    /*-moz-animation-name: spinnerRotate;*/
    /*-moz-animation-duration: 2s;*/
    /*-moz-animation-iteration-count: infinite;*/
    /*-moz-animation-timing-function: linear;*/
}


.issuesMainPnlParent {
    bottom: 0;
    /*left: 0;*/
    margin-left: -1500px;
    margin-bottom: 50px;
    /*padding-bottom: 20px;*/
    position: fixed;
    text-align: center;
    width: 50% !important;
    z-index: 2147483647;
    height: 170px;
    overflow: hidden;
}

.issuesMainPnl {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    /*box-shadow: 4px 4px 7px #777777, -4px -4px 7px #777777;*/
    float: right;
    /*height: 500px;*/
    height: auto;
    /*margin: 39px auto 0;*/
    margin: 0 1px 0 -1px;
    padding: 70px 10px 10px 25px;
    position: relative;
    width: 40%;
    display: none;
}

.issuesTypeItr {
    /*height: 37px;*/
    height: 32px;
    margin: 0;
    width: 85%;
}

.issuesTypeItr > li {
    width: 33%;
}

#issueItr {
    margin-bottom: 10px;
    width: 100%;
}

#issueItr > li {
    width: 50%;
}

.issuesDataItr {
    clear: left;
    float: left;
    /*margin-top: 10px;*/
    /*overflow-y: auto;*/
    width: 100%;
    /*min-height: 320px;*/
    /*max-height: 340px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    max-height: 175px;
    overflow: auto;
}

.issuesDataItr li {
    height: auto;
    min-height: 35px;
    width: 100%;
    display: table;
    float: none;
}

.issuesDataItr p, .issuesDataItr div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    height: 100%;
    /*line-height: 35px;*/
    padding: 0 10px;
    /*text-indent: 5px;*/
    /*border: 1px solid #858585;*/
    /*border-bottom: 1px solid #7D7D7D;*/
    /*border-top: none;*/
    display: table-cell;
    vertical-align: middle;
    float: none;

}

#issueDataHeadingItr li {
    height: 36px;
}

.issuesDataItr div {
    /*border-bottom: none;*/
    padding: 0 !important;
}

.issuesDataItr .hiddenLi {
    display: none;
}

.issuesDataItr .col143 {
    width: 40% !important;
    /*border-right: none;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.headingLi.col143 {
    margin-left: 10px;
}

.issuesDataItr .col243 {
    width: 17% !important;
    /*border-right: none;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.issuesDataItr .col343 {
    width: 17% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.issuesDataItr .col142 {
    width: 40% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

/*.headingLi.col142 {*/
    /*margin-left: 20px;*/
/*}*/

.issuesDataItr .col242 {
    width: 20% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.issuesDataItr .col442 {
    width: 20% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.issuesDataItr * {
    float: left;
}

.logoutImgCls {
    position: relative;
    float: right;
    width: 50px !important;
    height: 55px !important;
    /*margin-right: 12px;*/
    margin-top: 13px;
}

.contactUsCls {
	background-image: url("../images/sprite.png");
    background-position: -309px -320px;
    cursor: pointer;
    float: right;
    height: 55px !important;
    margin-top: 13px;
    position: relative;
    width: 50px !important;
}

.myAccountCls {
    float: left;
    overflow: hidden;
    height: 100%;
}

.prflName {
    float: left;
    clear: left;
    width: 80px;
    margin-left: 20px;
}

.prfcommon {
    height: 25px;
}

.prflSep {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 10px;
    box-sizing: border-box;
}

.prflValue {
    float: left;
    min-width: 100px;
    margin-left: 0px;
    height: auto;
}

.amountTextField {
	 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    float: left;
    height: 28px;
    margin-left: 20px;
    width: 160px;
    font-size: 12px !important;
}

.amountTextField::-webkit-input-placeholder {
	font-size: 10px;
}

.amountTextField::-webkit-outer-spin-button, .amountTextField::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}


#payBtn {
    background-color: #72bf7b !important;
    height: 25px;
    float: left;
    margin-left: 15px;
    width: 80px;
    font-family: verdana,sans-serif;
    font-size: 13px;
    border-radius: 3px 0 0 3px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}

#payBtn:hover{
    background: #72bf7b !important;
    cursor: pointer;
}

#myPrflDtlsPnl li {
    width: 100%;
    margin: 10px 0;
}

.loginContainerCls {
    position: fixed;
    z-index: 1050;
}

.pnlDetails .viewIssuePnl {
    display: none !important;
}

.viewIssuePnl,
.wcrcls {
    position: absolute;
    bottom: 0;
    width: 100%;
    /*right: -5px;*/
    /*display: none !important;*/
}

.viewIssuePnl > span,
.wcrcls > span {
    height: 48px !important;
    width: 100%;
}

/*.wcrItr {*/
    /*max-height: 520px !important;*/
/*}*/

#docType > p:first-child {
    height: 25px;
    overflow: hidden;
    width: 160px !important;

}

#docType > ul {
    max-height: 200px;
    overflow-y: auto;
}

#databaseList > p:first-child {
    height: 25px;
    overflow: hidden;
    width: 135px !important;
}

#databaseList > ul {
    max-height: 200px;
    overflow-y: auto;
}

#recPerPage > p:first-child {
    height: 25px;
    overflow: hidden;
    width: 100px !important;
}

#recPerPage > ul {
    max-height: 200px;
    overflow-y: auto;
}

#sortBy > p:first-child {
    height: 25px;
    overflow: hidden;
    width: 100px !important;
}

#sortBy > ul {
    max-height: 200px;
    overflow-y: auto;
}

.advradioBtnImgClsUnSelected {
    width: 31px;
    height: 31px;
}

.advradioBtnImgClsSelected {
    width: 31px;
    height: 31px;
}

.advradioBtnText {
    padding-top: 4px;
    padding-left: 5px;
}

.errorPageWrapper, .errorIcon, .errorPageIcon {
    /*border: 1px solid black;*/
}

.errorPageWrapper {
    width: 960px;
    margin: 225px auto;
}

.errorPageIcon {
    width: 225px;
    height: 271px;
    float: left;
    margin-right: 100px;
}

.nonErrorPageIcon {
    float: left;
}

.nonErrorPageIcon:after, .errorPageWrapper:after, .pnlContent:after, .mainPnl:after, .resultsItrRecomm:after,.resultsItr:after, .resultsItrH:after, .resultsItrL:after, .resultsPnl:after, .mainHeaderBody:after {
    content: '.';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

.errorIcon {
    width: 150px;
    height: 150px;
    float: left;
}

.errorMsg {
    clear: left;
    width: 625px;
    margin-top: 40px;
}

.indexBody {
    top: 0;
    left: 0;
    position: absolute;
    margin: 0 auto;
}

.indexForm {
    width: 75px;
    height: 20px;
    top: 0px;
    left: 0px;
    position: relative;
    overflow: visible;
}

.formButton {
    width: 100px;
    height: 25px;
    top: 0px;
    left: 0px;
    position: relative;
    margin: 20px;
}

.recordObjectDiv_History *, .recordObjectDiv_NewAdd * {
}

.recordObjectDiv_History, .recordObjectDiv_NewAdd {
    padding: 12px;
    min-height: 110px;
    width: 330px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-top: 0;
}

.sticky {
    position: fixed !important;
    top: 0;
    left: 0;
}

.linkLogo {
    position: absolute !important;
    left: 0;
    margin-left: 30px;
    top: 43px;

}

.clientLogo {
    display: block;
    height: 100% !important;
    /*margin: auto;*/
    position: relative;
    /*top: 0;*/
    /*width: auto !important;*/

    float: left;
    margin-left: 290px;
    width: 70% !important;
}

.pnlIconImg {
    display: none;
}

.modulesName {
    display: block;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 15px;
    padding-left: 15px;
}

.pnlModulesHovrdPnl {
    width: 131px;
    height: 5px;
    margin-top: 10px;
    float: left;
    position: absolute;
    display: none;
    margin-top: -4px;
    z-index: 100;
}

.pnlSelectedModule {
    width: 131px;
    height: 5px !important;
    float: left;
    margin-top: -4px;
    display: none;
    position: absolute;
}

.pnlSelectedModule:before {
    top: 33px;
    content: ".";
    height: 5px;
    left: 45px;
    position: absolute;
    top: -10px;
    width: 1px;
    -moz-box-sizing: content-box;
}

.accessionPanel {
    margin: 50px auto;
    width: 710px;
    display: flex;
}

.accessionLabel {
    height: 42px;
    margin-left: 5px;
    margin-right: 30px;
    position: relative;
    float: left;
    /* top : 22px; */
    /* right: 162px; */
    top: -21px;
    right: -10px;
    width: 250px;
}

/* .accessionTextField {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    height: 55px;
    width: 540px;
    float: left;
} */

.accessionTextField {
	 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    float: left;
    height: 40px;
    margin-bottom: 15px;
    width: 477px;
    font-size: 12px !important;
    bottom: 20px;
}

.isbnImagePanel {
    height: 30px;
    margin-top: 6px;
    width: 24px;
    float: left;
    top: -4px;
    left: 7px;
}

/* .accessionButton {
    background: -moz-linear-gradient(center top, #EEB908 0%, #FFAA0F 100%) repeat scroll 0 0 transparent;
    border: 1px solid #EEB908;
    clear: left;
    display: block;
    float: left;
    height: 40px;
    margin-left: 140px;
    margin-top: 80px;
    width: 150px;
    margin: 0 auto;
    margin-top: 40px;
} */
.accessionButton {
    background: #d24d33 none repeat scroll 0 0 !important;
    color: white !important;
    cursor: pointer;
    font-family: verdana,sans-serif !important;
    font-size: 20px !important;
    line-height: 40px !important;
    top: -24px;
    left: 45px;
}
.accessionForm {
    float: left;
    left: 170px;
    top: -50px;
}

.isbnPanel {
    margin: 0 auto;
    margin-top: 50px;
    width: 710px;
}

.isbnLabel {
    /*color: #858585;*/
    /*font-family: verdana;*/
    /*font-size: 19px;*/
    /*line-height: 55px;*/
    /*margin-bottom: 6px;*/
    /*margin-left: 5px;*/
    /*margin-right: 30px;*/
    /*position: relative;*/
    /*text-align: center;*/
    float: left;
}

.suggestionsDiv {
    width: 580px;
    height: auto;
    display: block;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.suggestionsInnerDiv {
    width: auto;
    height: auto;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;

}

.suggestionsInnerDiv li {
    width: 95%;
    height: auto;
    display: block;
    float: left;
    /*background-color: white;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    /*text-indent: 10px;*/
    font-size: 13px;
    margin-left: 10px;

}

.word, .hits {
    /*width: 100px;*/
    height: auto;
    float: left;
    padding: 5px;
    text-align: left;

}

.hits {
    /*width: 100px;*/
    height: 20px;
    float: right;
}

.hdrClone {
    display: none !important;
    top: 0px;
}

.fixHdrClone {
    display: inline-block !important;
    position: fixed !important;
    z-index: 111111;
}

.suggestionsInnerDivOver {
    /*background: -moz-linear-gradient(top, #fdf5ce, #fef2b7);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdf5ce), color-stop(100%, #fef2b7));
    filter: progId:DXImageTransform.Microsoft.gradient(startColorStr='#fdf5ce', endColorStr='#fef2b7', gradientType=0);*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.isbnTextField {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    float: left;
    height: 40px;
    margin-bottom: 15px;
    width: 477px;
    /*border-right: 0;*/
    /*border-right: 0px;*/

}

.accessionImagePanel {
    height: 30px;
    margin-top: 2px;
    margin-left: 7px;
    width: 24px;
    float: left;
}

.imageContainerPanel {

    /*border-style: solid none;*/
    /*border-width: 1px 0;*/
    height: 40px;
    width: 40px;
    float: left;
    border-left: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;
}

.isbnButton {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    /*background: -moz-linear-gradient(center top, #EEB908 0%, #FFAA0F 100%) repeat scroll 0 0 transparent;*/
    /*border: 1px solid #C4C4C4;*/
    height: 40px;
    margin-left: 25px;
    margin-top: 25px;
    width: 100px;
}

.searchForLabel {

}

.isbnContainerPanel {
    width: 100%;
    float: left;
}

.headingLabel {
    padding: 5px;
}

.isbnForm {
    float: left;
    width: 100%;
}

.srchBar {
    width: 80%;
    float: left;
}

#journalsKeywordText {
    /*width: 75% !important;*/
}

.browseRadioPnl {
    margin: 0 auto;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: table;
}

.browseRadioPnl * {
    float: none;
}

/*          */

/*Added by makrand for the blocks in browse page.*/

#Rating189 {

}

.cartPanel {
    min-height: 25px;
    float: none;
    display: inline-block;
    z-index: 100;
    width: 100%;
}

.cartPanel > p {
    /*border-right: 1px solid #ACACAC;*/
}

.searchPanel {
    float: none;
    /*display: inline-block;*/
    display: none;
    width: 100%;
}

.searchPanel p {
    /*border-right: 1px solid #ACACAC;*/

}

.searchPanel p:last-child {
    /*border-right: none;*/
}

.searchPanel p:first-child {
    /*border-right: none;*/
}

.addToCartLabel, .addToWishListLabel, .detailsLabel, .removeLabel, .renewLabel, .cancelLabel {
    padding-right: 15px;
    padding-left: 15px;
    /*border-right: 1px solid #ACACAC;*/
    min-width: 0 !important;
    max-width: none !important;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 83px;
    z-index: 1222;
    display: block;

}


/*border-right: 0px;*/

.lsnetLabel, .googleRedirectLabel, .bookmarkLabel, .searchInLabel {
    padding-right: 15px;
    padding-left: 15px;
    /*border-right: 1px solid #ACACAC;*/
    min-width: 0 !important;
    max-width: none !important;
    margin-top: 5px;
    margin-bottom: 5px;
}

.maskHomeOver {
    z-index: 1000;
    display: block !important;
}

.eresImage {
    float: none;
    height: 20px;
    left: -5px;
    position: absolute !important;
    /*text-align: left;*/
    top: -10px;
    width: 20px;
    z-index: 100;
}

.eresImageJournals {
    float: none;
    height: 20px;
    left: -5px;
    position: absolute !important;
    /*text-align: left;*/
    top: -24px;
    width: 20px;
}

.onshelfImage {
    float: none;
    /*height: 20px;*/
    right: 5px;
    position: absolute !important;
    padding: 5px;
    /*text-align: left;*/
    top: -10px;
    /*width: 20px;*/
    min-width: 0 !important;
    max-width: none !important;
    display: none;
}

.loginImage {
    left: 12px;
    margin-top: 12px;
    position: absolute;
    width: 46px;
    height: 46px;
}

.loginImageHeader {
    left: 2px;
    margin-top: 2px;
    position: absolute;
    width: 26px;
    height: 26px;
}

.loginImagePanel {
    /*height: 40px;*/
    /*width: 40px;*/
    /*float: left;*/
    width: 70px;
    height: 70px;
    margin-bottom: 20px !important;
    margin: 0 auto;
    /*margin-right: 10px;*/
}

.loginImagePanelHeader {
    /*height: 40px;*/
    /*width: 40px;*/
    /*float: left;*/
    width: 33px;
    height: 33px;
    /*margin-bottom: 25px !important;*/
    margin: 0 auto;
    margin-top: 12px;
    -moz-box-sizing: content-box !important;
    /*margin-right: 10px;*/
    float: none !important;
}

.floatRight {
    float: right;
}

.eresImage:hover + .eresImageHoverPanel > .eresImageHoverSpan {
    display: block;
}

.eresImageHoverSpan {
    display: none;
    padding: 5px;
}

.eresImageHoverPanel {
    left: 5px;
    top: 10px;
    position: absolute;
    width: auto;
    z-index: 1000;
}

.onshelfImageHoverPanel {
    right: 0px;
    top: 15px;
    position: absolute;
    width: auto;
    z-index: 1000;
}

.onshelfImageHoverSpan {
    display: none;
}

.comboFilters {

}

.actionLinkPnl > p, #lnkCopyDetails {
    clear: left;
    float: left;
    min-height: 34px !important;
    line-height: 34px !important;
    margin-top: 20px;
    /* width: 100%; */
    width: 105px;
    height: auto;
    cursor: pointer;
}

#databaseCombo {
    display: block;
    margin-right: 10px;
}
#paymentCombo {
    display: block;
    margin-left: 770px;
}
.lsnetLinkPanel {
    position: absolute;
    bottom: 10px;
}

.detailsPageLsnetLabel, .detailsPageGoogleLabel, .detailsPageBookFinderLabel, .detailsPageSearchLabel {
    width: auto;
    padding-left: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding-right: 10px;

}

.addReviewRightPanel {
    float: left;
    margin: 10px;
    padding: 20px 45px;
    min-height: 255px;
    width: 60%;
}

.addReviewLeftPanel {
    display: inline-block;
    float: left;
    height: 348px;
    overflow: auto;
    padding: 5px;
    width: 230px;
    /*margin: 5px;*/
}

.addReviewContainerPanel {
    width: 950px;
    height: auto;
    display: inline-block;
}

#addReviewTitlePanel {
    height: auto;
    margin-bottom: 20px;
    float: left;
}

#addReviewPanel {
    display: table;
    margin-bottom: 10px;
}

.addReviewRatingPanel {
    height: 40px;
    margin-bottom: 10px;
}

#addReviewButtonPanel {
    height: 50px;
    margin-bottom: 10px;
}

.addReviewTitleLabel {
    /*display: inline-block;*/
    width: 150px;
    display: none;
}

.addReviewTitleTextField {
    /*display: inline-block;*/
    display: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    height: 40px;
    width: 250px;

}

.addReviewLabel {
    display: inline-block;
    width: 100px;
    display: table-cell;
    vertical-align: top;
}

.addReviewTextField1 {
    display: inline-block;
    height: 100px;
    width: 485px;
    resize: none;
    padding: 10px;
}

.addReviewRatingLabel {
    display: inline-block;
    width: 55px;
}

.reviewRating {
    display: inline-block;
}

.userRating{
    pointer-events: none;
}

.addReviewButton {
    display: inline-block;
    float: right;
    height: 90%;
    margin-left: 138px;
    margin-right: 10px;
    width: 83%;
}

.userReviewDiv {
    /*display: inline-block;*/
    height: auto;
    width: auto;
    z-index: 1000;
    left: 50%;
    top: 50%;
    /*margin-left: ;*/
    /*margin-top: -300px;*/
    position: fixed;
}

.showReviewIterator {
    padding-left: 0px !important;
    display: none;
}

.showReviewIterator > li {
    width: 220px;
}

.memberNameLabel {
    width: 100px;
    display: inline-block;
    overflow: hidden;
    display: none;
}

#userReviewLabel {
    width: 100px;
    display: inline-block;
    margin-left: 10px;
    overflow: hidden;
    display: none;
}

/*css by makrand ends*/

/**Css Sonam Ahuja start**/

.pnlDetails {
    clear: left;
    float: left;
    height: 0;
    padding: 30px;
    position: relative;
    /*width: 94% !important;*/
    width: 100%;
    display: none;
    z-index: 100;
    min-height: 570px;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    left: 2%;
    width: 96%;
    /*max-height: 600px;*/
}

.pnlAdditionalSrch {
    width: 90%;
    float: none;
    display: inline-block;
}

.basicDetailsPnl {
    width: 95%;
    float: left;
    height: auto;
    /*margin-left: 45px;*/
}

.pnlMark {
    position: absolute;
    top: -12px;
}

.pnlDetailsInclude {
    margin: 0 auto;
    width: auto;
    height: auto;
    overflow: hidden;
    width: 75%;
}

.detailsCardImg {
    /*border: 4px solid #FFFFFF;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    max-width: 100%;
    max-height: 100%;
}

.basicDetailsPnl {
    width: 100%;
    float: left;
    height: auto;
}

#lblIn {
    width: 20px;
}

#lblOr {
    width: 20%;
}

.smallTxtField {
    width: 50% !important;
}

.largeTxtField {
    width: 77% !important;
}

.resultsPnlRestricted {
    width: 88%;
    float: left;
    left: 18%;
}

.actionLinkPnl {
    clear: both;
    width: 80%;
    height: auto;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.detailsCardDataPnl {
    float: left;
    width: 100%;
}

.bokkDtlImg {
    float: left;
    width: 18%;
    height: auto;
    padding-right: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    /*margin-right: 40px;*/
}

#crdTypeItr {
    float: left;
    clear: left;
    width: 70%;
}

.detailsCard .crdTypeItr > li > p {
    /*width: auto !important;*/
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.detailsCard .crdTypeItr > li {
    width: auto !important;
}

.crdTypeItr > li {
    width: 20%;
    margin-right: 4px;
}

.dataItr > li {
    width: 100%;
    float: left;
    padding-bottom: 5px;
}

.detailsName {
    width: 23%;
    min-height: 1px;
}

#dataItr_0 {
    width: 100%;
    height:84%;
}

#dataItr_2 ,#dataItr_1,#dataItr_3{
    width: 100%;
    height:84%;
}

.dataItr {
    margin-top: 20px;
}

.aacrTbl {
    width: 100%;
}

/*.lnkCopyDetails {*/
/*display: block;*/
/*float: right;*/
/*height: 40px !important;*/
/*padding-left: 10px;*/
/*padding-right: 10px;*/
/*padding-top: 5px;*/
/*width: auto !important;*/
/*}*/

.lblSearchIn {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}

.pnlShelfBrowse {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 50px;
    /*padding-left: 20px;*/
}

.srchTypeItr {
    width: auto;
    float: left;
}

.srchTypeItr > li {
    width: auto;
    width: auto;
    float: left;
    /*padding: 0px 10px 0px 10px;*/
    padding-right: 7px;
    margin-right: 10px;
}

.searchType {
    display: block;
    width: 100% !important;
}

.pnlContent {
    float: left;
    width: 80%;
}

.pnlClose {
    float: none;
    height: 23px;
    width: 25px;
    margin-top: -15px;
    position: absolute;
    right: 10px;
}

.pnlArrow {
    width: 30px;
    height: 30px;
    float: right;
    margin-top: 40px;
}

.lblArrow {
    float: none;
}

.shelfItemItr {
    clear: left;
    float: left;
    height: 100px;
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
    left: 0;
}

.shelfItemItr > li {
    width: 75px;
    float: left;
    margin-right: 20px;
    height: 100px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#lblShelBrowse, #lblSimItem {
    float: left;
    margin-top: 40px;
}

#pnlLeftArrow, #pnlLArr {
    margin-right: 2px;
}

.pnlPrevRecord {
    bottom: 0;
    float: left;
    height: 30px;
    margin-left: -29px;
    position: absolute;
    top: 226px;
    width: 30px;
}

.pnlNxtRecord {
    float: right;
    height: 30px;
    margin-right: -25px;
    top: 200px;
    width: 30px;
}

.shelfBookImg {
    width: 100%;
    height: 100%;
}

.shelfBrowseDiv {
    clear: both;
    float: left;
    height: 100%;
    overflow: hidden;
    width: 92%;
}

/*.shelfItemItr li:last-child {
    margin-right: 0px;
}*/

.shelfMiddleDiv li:first-child {
    float: left;
}

/*.shelfMiddleDiv li:last-child*/
/*{*/
/*float: right;*/

/*}*/
.shelfMiddleDiv {
    margin-right: 10px;
}

.copyDetailsValue {
    width: 100%;
}

.copyDetailsTitle {
    width: auto;
    float: none;
    height: auto;
}

.copyDetailInfo {
    color: white;
    width: 100%;
    font-size: 12px;
}
.copyName {
    border: 1px solid #6e6e6e;
    border-right: none;
    padding: 3px;
}

.pnlCpyDtlContent{
    margin-top: 10px;
}

.copyNameVal {
    border: 1px solid #6e6e6e;
    border-left: none;
    margin-right: 5px;
    padding: 3px;
    text-align: right;
    width: 25px;
}


.valueDiv, .headerDiv {
    /*width: 100%;*/
    /*min-height: 30px;*/
    height: auto;
    float: none;
    /*min-width: 100px;*/
    padding-top: 5px;
    padding-bottom: 5px;
}

#entryDiv {
    float: left;
    clear: left;
    margin-top: 30px;
    height: auto;
    width: 100%;
}

.floatedDiv {
    float: left;
    width: auto;
}

.pnlShelfBrowseInner {
    width: 100%;
    float: left;
}

#pnlSimItem.pnlShelfBrowseInner {
    display: none;
}

.copyDetailsTbl {
    /*margin-top: 40px;*/
    width: 100%;
    /*display: none;*/
}

.copyDetailsTbl tr {
    float: none;
    width: 100%;
}

.copyDetailsTbl tr td:first-child {
    max-width: 200px;
    width: 200px;
}

.hideSummary{
    display: none !important;
}

.displaySummary{
    display: block !important;
}

.pnlShelfInclude {
    float: left;
    width: 24%;
    height: 100%;
}

.pnlDwnldDtls {
    float: right;
    height: 42px;
    width: 54px;
}

tbody {
    float: none !important;
}

/*Css Sonam Ahuja Ends*/

/* CSS by Anusha Balodi Starts */

.noDisplay {
    display: none !important;
}

.noMinHeight {
    min-height: 0 !important;
    height: auto !important;
}

.noDataAvailable {
    padding: 0 !important;
    width: 100%;
}

#issueDataHeadingItr {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.lblLibraryName {
    /*display: inline-block;*/
    /*padding-top: 20px;*/
    /*width: 500px;*/
    /*word-wrap: break-word;*/

    display: inline-block;
    float: left;
    height: 100%;
    margin-left: 17%;
    padding-top: 20px;
    width:53%;
    white-space: nowrap;
}

.lblUserName {
    float: right;
    margin-bottom: 0;
    margin-right: 15px;
    margin-top: 52px;
    overflow: hidden;
    padding-left: 5px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*width: 170px;*/
}

.pnlLoginDtls {
    /*display: inline-block !important;*/
    margin-right: 120px;
    right: 0;
    width: auto;
    /*margin-top: -49px;*/
}

.prevMargin {
    margin-left: -25px;
}

.nextMargin {
    margin-right: -23px;
}

.journalsDataItr div {
    margin-left: 5px;
}

.pnlScrollTop {
    /*background-image: url("../images/scrollToTop.png");*/
    bottom: 90px;
    display: none;
    float: right;
    height: 45px !important;
    position: fixed;
    right: 0;
    width: 80px !important;
    z-index: 1500;
}

.pnlAlpha {
    width: auto;
    display: inline-block;
    float: none;
}

.alphaLnk {
    /*border: 1px solid #6E6E6E;*/
    height: 15px;
    /*line-height: 14px;*/
    margin-right: 9px;
    padding: 2px 5px;
    vertical-align: middle;
}

.pnlAlphaFilter {
    /*border: 1px solid #E1E1E1;*/
    bottom: 0;
    /*height: auto;*/
    padding: 0 0 15px;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.basicJournalDetailsPnl .detailsCardDataPnl {
    width: 100% !important;
}

.basicDetailsPnl .resultImgDiv {
    margin: 0;
    width: 18%;
}

.downloadMainPnl {
    height: 300px;
    position: fixed;
    width: 360px;
    z-index: 9999;
}

.downloadPnl {
    height: 100%;
    padding-bottom: 20px;
    width: 360px;
}

.selectLbl {
    margin-bottom: 5px;
    width: 100%;
}

.dwnLnk {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    float: left;
    height: 40px;
    margin: 0 0 10px 45px;
    width: 75%;
}

.dwnldClose {
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
}

/*.dwnldClose:hover {
    -moz-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    background-color: #383838;
    border: 1px solid #383838;
    border-radius: 50%;
}*/

/* CSS by Anusha Balodi Ends */

/** Added by Naveen Kumar Gupta **/

.pnlOccasion {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

.pnlOccasion > img {
    float: left;
    width: 80%;
}

.lblOcassion {
    float: left;
    width: 19%;
    padding-top: 20px;
}

.lblOccasionImgMsg {
    left: 46%;
    position: absolute;
    top: 50%;
}

.showingByLbl {
    float: left;
}

.pnlBrowseMiddle {
    width: auto;
    float: none;
}

.posRelative {
    position: relative !important;
}

.pnlAcntDtls {
    margin-bottom: 30px;
}

.pnlIsAvailable {
    width: 15px;
    height: 15px;
    float: none;
    right: 5px;
    position: absolute;
    display: none;
    top: 4px;
    border-radius: 50%;
}

.copyDetailHoverPnl {
    position: absolute;
    right: 0;
    top: 48px;
    height: auto;
    width: auto;
    padding: 10px;
    display: none;
    z-index: 100;
    min-width: 160px;
}

.copyDetailsType {
    width: 100%;
    height: 100%;
}

.copyDetailsType > li {
    width: 100%;
    height: auto;
    padding: 2px;
}

.lblCopyDtlType {
    width: 50%;
}

.lblCopDtlValue {
    width: 50%;

}

.pnlCopyParent {
    float: right;
}

#pnlAlphaFilterBrowse {
    display: none;
}

/**-----------------------------**/

.pnlPrevRecordH {
    bottom: 0;
    height: 30px;
    position: absolute;
    top: 300px;
    width: 30px;
    /*display: none;*/
    left: 0px;
}

.pnlNxtRecordH {
    position: absolute;
    height: 30px;
    top: 300px;
    width: 30px;
    right: 0px;
    /*display: none;*/
}

#radioDoc {
    display: none !important;
}

.lnkDownloadDoc {
    display: none;;
    height: 32px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 30px;
    z-index: 1;
}

.pnlAcntDtls .lnkDownloadDoc {
    top: -22px;
    display: block;
}

.lnkDownloadDocSticky {
    height: 30px;
    position: fixed;
    right: 40px;
    top: 60px;
    width: 50px;
    z-index: 1;
}

.docDownloadLnks, .docDownloadLnks:hover {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    height: 39px !important;
    display: block;
    /*line-height: 40px;*/
    /*margin: 0 0 10px 45px;*/
    width: 100px !important;
    padding-top: 8px;
}

.pnlDocDownload {
    height: auto;
}

.jasperPnlSticky {
    position: fixed;
    top: 95px;
    right: 40px;
    z-index: 111;
    display: none;
}

.jasperPnl {
    position: absolute;
    top: 40px;
    right: 7px;
    z-index: 11111;
    display: none;
}

.pnlAcntDtls .jasperPnl{
    top: 10px;
}

.closeJasperPnl {
    width: 16px;
    height: 16px;
    position: absolute;
    /*top: 60px;*/
    /*left: -115px;*/
    display: block;
    top: -16px;
    right: -16px;
    display: none;
    /*background-position: 183px 0px;*/
}


@media (min-width: 1300px) {

    .commonTextField {
        width: 578px !important;
        height: 42px !important;
    }

}

@media (max-width: 1300px) {

    .commonTextField {
        width: 501px !important;		/*changed*/
        height: 42px !important;
    }
}


.loadingLabel {
    margin-top: -250px;
}

#lblRating {
    margin-top: 42px;
}

.clearRight {
    clear: right;
}

#opinionLbl {
    margin-top: 120px;
}

#avgRating {
    margin-top: 2px;
}

#titleLbl {
    width: 100%;
}

#crossPanel {
    float: right;
    height: 20px;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.crossImage {
    height: 12px;
    margin-top: 3px;
    width: 12px;
}

#showUpdatesLabel {

    bottom: 45px;
    cursor: pointer;
    display: block;
    height: 28px;
    left: 43%;
    margin: 0 auto;
    position: fixed;
    width: 130px;
    z-index: 222;
}

#showUpdatesDiv {
    height: 0px;
    width: 100%;
    position: fixed;
    bottom: 10px;
    /* left:30%;*/

}

.lnkLogs {

    position: absolute;
    right: 0;
    width: auto;
    top: 12px;
}

#userlogs {
    height: auto !important;
    /* line-height: 40px;*/
    padding: 5px;
    position: fixed !important;
    right: 0 !important;
    left: auto !important;
    top: 202px !important;
    width: auto;
    min-width: 120px;
}

.exnternalLinkClass {
    /*     -webkit-transition:all .3s ease-in-out 0s; */
    /*     -o-transition:all .3s ease-in-out 0s; */
    /*     -moz-transition:all .3s ease-in-out 0s; */
    /*     transition:all .3s ease-in-out 0s; */
    /*background-color: #D24D33;*/
    /*height: 20px;*/
    overflow: hidden;
    width: 20px;
    position: fixed !important;
    top: 356px;
    right: 0px;
    z-index: 9999;
    min-width: 20px;
    padding: 5px;
}

.exnternalLinkClassAfter {
    height: 100%;
    width: 100%;
    display: inline-block;
    top: 0px;
    z-index: 9999;
    overflow: auto !important;
}

#externalLinks {

    /*position: fixed;*/
    /*right: 0;*/
    /*top: 350px;*/
    /*width:auto; */
    /*padding: 5px;*/
    width: auto !important;
    /*font-size: 13px;*/
    display: block;
    vertical-align: middle;

}

.externalLinksPnlOnClose {

    height: 30px;
    overflow: hidden;
    width: 100px;
    position: fixed;
    top: 232px;
    right: 0px;
    padding: 2px;
}

#closeExtImg {
    /*float: right;*/
    height: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 40px;

}

.lnkAddField {
    display: block;
    /* height: 25px;
    left: 15%;
    top: -110px; */
    margin: -1% 1% 20px;
    width: 50%;
}

.lnkAddText {
    display: block;
    /* height: 25px; */
    left: -13%;
    margin: 0%;
    width: 10%;
    top: 34%;
}

.ulogPnlClass {
    right: 0;
    left: auto;

}

/* #Iterator2{ */
/*    display: inline-block; */
/*     font-size: 13px; */
/*     padding: 0px 75px; */
/*     margin-top:100px; */
/*    position: absolute; */
/* } */

/* #Iterator2 > li{ */
/*     width: 100% ; */
/*     margin-bottom: 20px; */
/*     text-align: left; */
/* } */
#description {
    display: block;
    padding-right: 30px;
}

/* #Link5{ */

/*     display: inline; */
/*     text-decoration: underline; */
/*     color:white; */
/*     font-size: 18px; */
/*     font-weight: bold; */
/* } */


#extLinkTitle {
    position: absolute;
    left: 5% !important;
    top: 10%;
}

#showLink {
    display: block;
    top: 60% !important;
}

.itrLink {
    padding-left: 32%;
    padding-right: 32%;
}

/* #addRemoveBtn{ */
/*     float: left; */
/*     height: auto; */
/*     top: 60px; */
/*     width: auto; */
/*     color: #FFFFFF; */
/*     font-size: 13px; */
/*     opacity: 0.4; */
/*     padding: 6px 20px; */

/*     left:75px; */
/*     background-color: black !important; */
/*     color: white !important; */

/* } */

/* #removeBtn{ */
/*     float: left; */
/*     height: auto; */
/*     top: 60px; */
/*     width: auto; */
/*     color: #FFFFFF; */
/*     font-size: 13px; */
/*     opacity: 0.4; */
/*     padding: 6px 20px; */

/*     left:90px; */
/*     background-color: black !important; */
/*     color: white !important; */

/* } */

/* .removeImg{ */
/*     display: none; */
/*     width: 20px; */
/*     height: 20px; */
/* } */
.showAddPnl {
    top: 20%;
    display: block !important;
}

/* #addBtn{ */
/*     width:100px; */

/* } */

/* #backBtn{ */
/*     width:100px; */

/* } */
.emailForm {

    display: block;
    height: auto;
    /*      left: 20%; */
    /*      position: absolute; */
    position: relative;
    width: auto;
    /*      padding-left: 20px; */
    padding-left: 64px;
    padding-top: 20px;
}

#emailPopUp {
    display: block;
    height: auto;
    min-height: 330px;
    left: 40% !important;
    position: absolute;
    top: 176px !important;
    width: auto;
    min-width: 350px;
    padding-left: 0px !important;
    padding-top: 20px;
}

#closeMailImg {
    float: right;
    height: 31px;
    position: absolute;
    top: 0;
    right: -5px;
}

.emailForm #Label271{
    color:red;
}

.hideJasperPnl {
    display: none;
}

/*css for multi site combo by makrand starts*/
.multiSiteComboPanel {
    position: absolute;
    top: 0px;
    right: 10px;
    padding-top: 10px;
}

.multiSiteComboPanelDisplayNone, .comboMultiSelectPanelDisplayNone, .selectedMultiSelectPanelDisplayNone, .multiSiteComboFilterDisplayNone {
    display: none;
}

.multiSiteCombo {
    width: 170px !important;
    /*background-color: #ffffff !important;*/
    margin-top: 0px !important;
}

.multiSiteFilter {
    width: 200px;
}

.disableSiteCombo {
	pointer-events : none;
}  

ul.multiSiteCombo li.comboPicker img {
    margin-top: 8px !important;
}

.siteTick {
    float: right;
    padding-top: 7px;

}

.multiSiteComboFilter {
    margin-bottom: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: -31px;
}

.searchMultiSiteCombo {
    width: 200px !important;

}

div.multiSiteFilter ul.comboBase {
    height: 22px !important;
}

div.multiSiteFilter ul.comboBase li.comboPicker img {
    margin-top: 5px !important;
}

#Span83 {
    display: none;
}

.databaseSpan .insideFilterLabelDB {
    display: none !important;

}

.selectedMultiSelectPanel {
    height: 22px;
    left: 199px;
    overflow: hidden;
    position: absolute;
    width: 48%;
}

.comboMultiSelectImg {
    height: 10px;
    width: 10px;
    padding-top: 6px;
    padding-right: 10px;
}

.outerComboIteratorLbl {
}

.userReviewItr {
    display: none;
    margin-top: 10px;
    max-height: 190px;
    overflow: auto;
    width: 100%;
}

.userLblContainerDiv p {
    display: block;
    width: 100%;
}

.userLblContainerDiv {
    width: 70%;
}

.userReviewItr >li:first-child {
    /*margin-top: 20px;*/

}

.userReviewItr >li {
    margin-bottom: 15px;
    width: 100%;
}

.userReviewItr >li > div {
    width: 100%;
}

.userReviewItr button {
    margin-right: 20px;
    padding: 5px;
    display: none !important;
}

.multiSiteCombo li.comboOption {
    padding-left: 30px !important;
    display: block !important;
}

ul.multiSiteFilter li.comboText {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;

    /*border: medium none;*/
    display: table-cell;
    float: none !important;
    padding-left: 10px;
    padding-right: 32px !important;
    vertical-align: middle;
    width: 100%;
}

ul.searchMultiSiteCombo li.comboText {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: table-cell;
    float: none !important;
    padding-left: 10px;
    padding-right: 32px !important;
    vertical-align: middle;
    width: 100%;
}

#databaseCombo .browseComboArrow {
    top: 5px;
}

ul.multiSiteCombo  li.comboText {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    /*border: medium none;*/
    display: table-cell;
    float: none !important;
    padding-left: 35px;
    padding-right: 32px !important;
    vertical-align: middle;
    /*width: 100%;*/
    /*border: 1px solid #e1e1e1 !important;*/
    max-width: 223px;
    overflow: hidden;

}

.locationImg {
    position: absolute;
    right: 137px;
    top: 15px;
    z-index: 11;
    height: 22px;
    width: 23px;
}

#Label715 {
    display: none;
}

.multiSiteCombo .customOptionsContainer {
    top: 0px !important;
}
/*changed for  sitelist option width..Nitesh Kumar Thakur(UITM.18.12.14)*/
/*.customOptionsContainer{
    width: 220px !important;

}*/

div.multiSiteCombo > ul.comboBase {
    height: 32px !important;
}

.editReview {
    margin-right: 10px;
    cursor: pointer;
    /*pa*/
}

.deleteREview {
    cursor: pointer;
}

.comboMultiSelectLbl, .comboMultiSiteLbl {
    margin-bottom: 4px;
    overflow: visible;
    padding-left: 4px;
    width: 10%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    /*width: 68px;*/

}

.actionLinkPnl .pnlSocial {
    display: none !important;
}

/*css for multi site combo by makrand ends*/

/* css starts for fb and google plus share by Anusha Balodi*/

.pnlSocial {
    margin-top: 20px;
    padding-left: 10px;
}

.comboMultiSiteLbl {
    width: 10%;
}

.outerComboIterator {
    width: 90%;
    float: left;
    height: 35px !important;
    margin: 0px;
    padding-left: 0px;
}

.outerComboIterator >li {
    /*display: none;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.multiSiteAvailablePanel {
    width: 100% !important;
}

.multiSiteAvailablePanelIterator {

}

.multiSiteAvailableLbl {

}

.multiSiteAvailablePanel p {
    margin-right: 5px;
    /*padding-left: 10px;*/
    padding-left: 20px;
}

#fuzzyPnl {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
}

#fuzzyPnl p {
    display: inline;
}

#fuzzyPnl li {
    clear: none;
    display: inline;
    float: none;
}

.fuzzySearchCls {
    display: inline;
}

.blockDisplay {
    display: block !important;
}

.externalLinksImg {
    height: 30px;
    width: 30px;
}

.emptyUserReviewLbl,.noGoogleRev {
    /*display: none;*/
    margin-top: 20px;
}

/*css for multi site combo by makrand ends*/

/* css starts for fb and google plus share by Anusha Balodi*/

.pnlSocial {
    margin-top: 20px;
    padding-left: 10px;
    width: 100%;
}

.detailsCard .pnlSocial {
    display: none !important;
}

.pnlShare {
    height: 100%;
}

.social {
    /*border-right: 1px solid #2F3035;*/
    float: left;
    height: 35px !important;
    margin-right: 10px;
    width: 38px !important;
}

.lblShare {
    /*display: table-cell;*/
    vertical-align: middle;
    float: none;
    display: none;
}

/* css ends for fb and google plus share by Anusha Balodi*/
#rss {
    /*float: left;*/
    left: 10px;
    /*top:-20px;*/
    position: absolute;
    /*left: 0px;*/
    bottom: 0px;
    height: 16px;
    width: 16px;
    /*display: none;*/
}

.rssLbItr {
    margin-left: 20%;
    width: 50%;
}

/*Priyanka jain*/
.errorTextClass {
    margin-top: 3%;
}

.itrAskQstn {
    margin: 0;
}

.pnlExtNewLink {
    background-color: #E1E1E1;
    padding: 30px 0;
    top: 30px;
}

.pnlShowQstnDtl {
    margin-top: 3%;
}

.lblAskQstHeader {
    font-size: 27px;
    padding-left: 4%;
}

.pnlOuterAskQst {
    height: auto;
    max-height: 308px;
    overflow: auto;
}

.pnlPostQstn {
    margin-top: 3%;
    padding-left: 4%;
}

.pnlEnterQuestion {
    margin-top: 2%;
}

.writeQuestion {
    height: 120px;
    width: 400px;
}

#postQstn {
    float: left;
    height: 40px;
    margin-left: 300px;
    margin-top: 2%;
    width: 118px;
}

#searchTipsLnk {
    /*position: absolute !important;*/
    /*top:18% !important;*/
    float: none;
    /*width: 100% !important;*/
    margin-top: 20px;
    top: 20px;
    right: 155px;
}

.pnlInnerAskQst {
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
}

.lblQstnDate {
    margin-top: 6px;
}

.pnlQstnAns {
    margin-top: 10px;
}

.lblQstnAns {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.pnlQuestDtl {
    padding: 0 !important;
}

.lblQstnSideLbl {
    margin-top: 6px;
    padding: 0 !important;
}

.lblAnsSideLbl {
    margin-top: 6px;
    padding: 0 !important;
}

.pnlAcntDtls .txtEmail {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin-bottom: 22px;
    width: 250px;
    height: 40px;
}

.pnlAcntDtls .txtAreaEmail {
    height: 150px;
    width: 350px;
    padding-left: 20px;
    padding-top: 20px;
}

.pnlAcntDtls #sendMail {
    clear: both;
    float: none;
    height: 30px;
    width: 100px;
}

.noteLblCls {
    margin-top: 3%;
}

.hideJasperPnl {
    display: block !important;
}

.helpImg {
    height: 60px;
    position: absolute;
    right: 15px;
    top: -43px !important;
}

#emailPopUp .fileUpload {
    display: none !important;
}

.pnlAcntDtls #sendAttachmentAs {
    display: none !important;
}

.fileUpload {
    margin-bottom: 2% !important;
    margin-top: 2% !important;
}

/*//multisite copy details by makrand*/

.copyDetailRadioPanel, .multiSiteCopyDetailPanel, .copyDetailJson {
    display: none;
}

.copyDetailRadio-custom-label {
    /*color: #ffffff;*/
    margin: 0px !important;
    margin-top: -13px;
    padding: 0px !important;
}

.multiSiteCopyDetailPanel {
}

.displayNONE {
    display: none !important;
}

.copyDetailRadioPanel {
    width: 100%;
}

.detailsValue a{
    color: white !important;
    text-decoration: underline !important;
}

/*multisite copy details ends*/

/*css for detailsPageH icons starts*/

.reserveWishlistIconsPanel {
    width: 100%;
    margin-top: 8px;
    /* margin-bottom: 20px; */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.reserveWishlistIconsPanel > div {
    width: auto !important;
    padding: 10px;
    margin-right: 15px;
    margin-left: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;

}

.reserveIconPanel {
}

.wishlistIconPanel {
}

.addREviewPanel {

}

.reserveIcon {
}

.wishlistIcon {
}

.addReviewIcon {
}

.multiSiteLocationImgClass {
    height: 14px;
    padding-left: 20px;
    /*width: 11px;*/
    /*width: 60%;*/
    width: auto;
}

.basicJournalDetailsPnlH .reserveWishlistIconsPanel {
    display: none;
}

.noPnlShelfBrowse {
    position: absolute !important;
    top: 50%;
    padding-left: 15px;
}

.searchTipsAdvancedScreen {
    /*float: none;*/
    display: inline-block;
    float: none;
    left: -160px !important;
    margin-top: 20px;
    padding: 10px 0;
    top: 20px !important;
}

.searchItemAdditionalSearch {
    display: inline-block;
    float: none;
    left: -170px !important;
    margin-top: 20px;
    padding: 20px 0;
    top: 20px !important;
}

/*css for detailsPageH
icons ends*/
.suggestKeywordLblCls {
    /* color: #ffffff;*/

    float: right;
}

.suggestKeyWordPnlCls {
    /*float: right;*/
    right: 25px;
    width: 85%;
    display: none;
    margin-top: 10px;
}

#pnlKeySuggOuter{
    width: 100%;
}
#suggestKeywqordActnPnl {
    display: none;
    padding-left: 25%;
    margin-top: 7px;
}

.suggestLblCls {
    /*border-left: 1px solid white;
    border-right: 1px solid white;*/
    /*height: 30px;*/
    /*width: 31%;*/
    margin-left: 55%;
    position: absolute;
    padding: 3px 30px;
    border-radius: 3px;
    /*line-height: 15px;*/
    /*margin-top: 20px;*/
}

/********************css edit profile**************************/

.linkEditProfile {
    display: inline-block;
    left: 300px !important;
    margin-left: 90px;
    position: absolute !important;
    top: 7px !important;
    width: 120px !important;
}

.pnlEditProfile {
    margin-top: 30px;
    width: 1000px !important;
}

.lblEProfFields {
    margin-bottom: 20px !important;
}

.ePforTxt {
    height: 40px;
    width: 250px !important;
}

#btnCncelEProf {
    margin-left: 50px !important;
}

.pnlUpperDetails {
    padding-left: 40px;
    width: 100%;
}

.pnlUpperLabels {
    float: left;
    /*     width: 250px; */
}

.pnlUpperValues {
    float: left;
    width: 550px;
}

#pnlEProfFirstName {
    float: left;
    margin-right: 20px;
}

#pnlEProfMidName {
    float: left;
}

.pnlLowerDetails {
    clear: both;
    position: relative;
}

.pnlButton {
    clear: both;
}

.prflSep1 {
    margin-bottom: 37px;
    margin-left: 10px;
    margin-right: 10px;
    width : 15px;
}

.eProfLbl {
    margin-bottom: 37px;
    text-align: left;
}

.pnlSeparator {
    float: left;
}

/********************css edit profile ends**************************/

/*******************css forgot password*****************************/

.linkForgotPassword {
    display: inline-block;
}

.linkLoginBack {
    float: left;
    color: #428BCA;
}

.pnlFrgtPwd {
    display: inline-block;
    width: 100%;
}

.pnlForgotPassword {
    width: 500px !important;
    padding: 0;
}

.recLbl {
    margin: 0;
}

.pnlFPHdrMsg {
    margin: 0 !important;
}

.pnlFrgtPwdForm {
    margin: 0 !important;
}

.noPadding {
    padding: 0 !important;
}

.dateClass {
    /*-moz-box-sizing: border-box;*/
    /*border: 1px solid hsl(0, 0%, 88%);*/
    /*color: #010101;*/
    /*float: left;*/
    /*font-family: verdana,sans-serif;*/
    /*font-size: 15px;*/
    /*line-height: 25px;*/
    /*margin-bottom: 22px;*/
    /*text-indent: 20px;*/
}

.lblGoBack {
    padding-right: 5px !important;
    width: auto !important;
}

.pnlGoBackLink {
    margin: 0 !important;
}

.txtemailInput {
    height: 40px;
    margin-bottom: 0 !important;
}

#btnContinue {
    float: left;
    height: 40px;
    margin-bottom: 25px;
    width: 100px !important;
}

.lblFrgtPwd {
    margin-bottom: 25px;
}

.lblFPHdrMsg {
    margin-bottom: 25px;
}

#Panel42 {
    display: none;

}

#orPnl{
    width: 100%;
    display: inline-block;
}

#orLbl{
    width: 100% !important;
    text-align: center;
}

/*******************css forgot password ends*****************************/

.datastyle {
    float: left;
    /*margin-bottom: 20px;*/
    margin-right: 50px;
    width: 100px;
}

#dataPnl {
    /*  clear: float;*/
    /*width: 600px;*/
    width: 100%;
    max-height: 380px;
    overflow: auto;
}

#dataPnl table tr td td {
    padding: 1px 15px;
}

#mnemonicLbl {
    /*margin-left: 40%;*/
}

#pnlMarcN {
    display: inline-block;
    padding-top: 20px;
}

li.isbdTbl, .isbnTbl table, isbnTbl table tr, isbnTbl table td {
    float: none !important;
}

li.isbdTbl * {
    float: none !important;
    display: block !important;
}

.datefield-div.roundCorner {
    z-index: 35;
}

.linkEditProfileNone {
    display: none !important;
}

.marcTbl, .marcTbl tbody, .marcTbl tbody tr, .marcTbl tbody td {
    float: none !important;
}
/*#dataItr_2 * {*/
/*background-color: #1A1E28;*/
/*clear: both;*/
/*color: white;*/
/*float: none !important;*/
/*text-align: left;*/
/*}*/

/*#dataItr_3 * {*/
/*float: none;*/
/*}*/

#dataItr_1 a {
    color: white !important;
    text-decoration: underline;
}

#dataItr_0 a {
    color: white !important;
    text-decoration: underline;
}

#dataItr_2 a {
    color: white !important;
    text-decoration: underline;
}

#dataItr_3 a {
    color: white !important;
    text-decoration: underline;
}
.qrImgClass {
    display: block;
}

#Iterator3 {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}

#Iterator3 > li {
    display: inline-block;
    width: 100%;
}

.recomHeaderPanel {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 24px;
}

.recomValuePanel {
    display: inline-block;
    width: 1000px;
    /*  padding-left: 12%;*/

}

.totalRecomPanelSticky {
    /* top: 45px !important; */
    position: fixed;
    width: 88%;
    right: 0;
}

.recomNoPanel {
    display: inline-block;
    width: 10%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.titlePanel {
    display: inline-block;
    width: 60%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.authorPanel {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 15%;
}

.statusPanel {
    display: inline-block;
    width: 10%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.totalRecomPanel, .totalRecomPanelSticky {
    padding-top: 10px;
}

.addRecomBtn {
    display: inline-block;
    width: auto;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    right: 10px;
}

.buttonPanel {
    padding-left: 104px;
    bottom: 0px;
    position: fixed;
    width: 100%;
    height: 40px;
}

#Iterator3 li:last-child {
    padding-bottom: 10px;
}

.popUpPanel {
    z-index: 1;
    display: none;
    position: fixed;
    height: 550px;
    width: 850px;
    margin-left: -400px;
    margin-top: -275px;
    left: 50%;
    top: 50%;
    padding: 20px;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.mainRecomPanel {
    padding-bottom: 40px;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*padding-left: 20px;*/
}

.showPopUpPanel {
    display: inline-block;
}

.popUpMask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}

.showPopUpMask {
    display: inline-block;
}

.totalRecomLabel {
    display: block;
    float: left;
    margin-left: 25px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: auto;
}

.recomcount {
    padding: 10px;
}

/*by Naman*/
.divImage {
    display: inline-block;
    float: right;
    height: auto;

    top: 3px;
    width: auto;
}
.mobileImg {
    display: block;
    float: right;
    height: 70px;
    width: 50px;
}
.imgPopuppanel {
    display: none;
    float: right;
    height: auto !important;
    position: absolute;
    right: 5px;
    top: 72px;

    z-index: 1111111111;
}

.helpImgNew {
    display: block;
    float: right;
    height: 70px;
    margin-left: 10px;
    position: relative;

    width: 60px;
}


.appImg {
    padding: 10px;
    float: left;
}

.appdown {
    clear: both;
    float: left;
    width: auto !important;
    height: auto !important;
    padding: 5px 5px 10px;
    text-decoration: none !important;
    cursor: default;
}

.appdowndiv {
    clear: both;
    float: left;
    width: 100%;
}

.isbn {
    /* left: 38px;*/
    /*  clear: none
    ;*/
    width: 65px;
    margin-left: 0px;
}

.copies {
    left: 35px;
    width: 120px;
}

.my {
    width: 86px !important;
}
#lblEdition{
    clear: none;
    left: 25px;
    margin-right: 0px ;
}
#lblCopies{
    clear: none;
    left: 94px;
    margin-right: 47px ;
    width: 130px
}
#inputEdition{
    margin-left: 5px;
    width: 150px !important;
}
#currencyCombo, #comboRecomType{
    width: 95px;
}
#inputNoOfCopy{
    width: 150px !important;
}

/*Naman methods end*/
/*


#nextLbl{
           background: none repeat scroll 0 0 #028187 !important;
           border: 1px solid #028187 !important;
           color: #FFFFFF;
           display: inline-block;
           font-size: inherit;
           padding-bottom: 10px;
           padding-top: 10px;
           width: 20% !important;
           left:45%;
           padding-left: 65px;
           cursor: pointer;
       }*/

#Panel87 {

    height: auto;
    position: fixed;
    top: 250px;
    width: 50%;
    z-index: 1111;
    padding: 40px 35px 25px;

}

#duplicatecheckdataclose {
    float: right;
    height: 25px;
    /*margin: -3% -12px -12px 3%;*/
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;

}

#Panel131 {

    top: 20px;
    right: 10%;
}

.totalRecomLink {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    height: auto !important;
    width: auto !important;
    float: left;
    margin-left: 90px;
    left: 620px !important;
    top: 186px !important;
    position: absolute !important;
}

#dataPnl table tr td:last-child {
    /*padding-left: 10px;*/
}

#Panel88{
    width:1000px;
}

.recomDataPanel #pnlDetailsInclude{
    width: 85% !important;
}
#qrImgId{
    height:135px;
    width: 125px;
    top:10px;
}

#Panel178{
    left:35px;
}

#txtAreaTitle{
    resize: none;
    width:550px;
    height: 45px;
}

#recommendationsDiv {
    margin-top: 5px !important;
}

.recomInputDiv .detailsValue{
    width: 65%;
    /*min-height: 1px;*/
    min-height: 0px;
    margin-left: 5px;
}

.recomInputDiv {
    width: 100%;
    float: left;
    padding-bottom: 5px;
}

.recommendationPnl {
    left: 35px;
}

#dateEProfRegDate {
    clear: both;
    width: 250px !important;
}

#dateUsrDOB{
    float: left;
    width: 85% !important;
}

.dateClass {
    /*float: left;*/
    /*margin-left: 1px;*/
}

.pnlSeparator{
    margin-right: 5px;
}

.myPrflUprPnl{
    float: left;
    height: auto;
    left: 0;
    top: 0;
    width: 545px;
}

.myProfileImg {
    width: 115px;
    height: 115px;
    top: 0;
    left: 0;
    float: left;
    padding: 3px;
    margin-right: 50px;
}

#txtEProfMidName{
    display: none;
}

.myPrflFldCls {
    height: auto;
    clear: left;
    float: left;
    margin-bottom: 5px;
    overflow: visible;
}

#resultsItrRecomm > #pnlDetails{
    min-height: 295px !important;
}

#resultsItrRecomm > #pnlDetails > #pnlPrevRecord{
    top: 125px !important;
}

#resultsItrRecomm > #pnlDetails > #pnlNxtRecord{
    top: 95px !important;
}


/* To shift the location combo to the right */
.multiSiteCombo{
    float: none !important;
    clear: both !important;
}

.changePwdTerms {
    clear: both;
    float: left;
    height: auto;
    margin-left: 110px;
    width: 500px;
}

.pwdChangeTipPnl {
    height: auto;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 100%;
}

.pwdTipsHdrLbl {
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 90%;
}

.passwordTipsLabel {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.pwdTipsHdrPnl {
    float: left;
    height: auto;
    width: 100%;
}

.pwdtipsContent {
    clear: both;
    height: auto;
    width: auto;
}

.lastRecord.resultsItrLiActive + .pnlDetails .pnlNxtRecord {
    visibility: hidden;
}

#resultsItrRecomm:FIRST-CHILD + .pnlDetails .pnlPrevRecord {
    visibility: hidden;
}

#recommendationInfoPnl #inputEdition{
    margin-left: 5 !important;
}

#recommendationInfoPnl #inputCopies{
    left: 0 !important;
}

/*css for donation panel*/

.donationPnl{
    float: left;
    height: auto;
    margin-left: 75px;
    margin-top: 50px;
    position: relative;
    width: 86%;
    left: 35px;
}

.donationPnl > div > input[type="text"] {
    height: 45px !important;
}

#textDonationPrice{
    height: 45px !important;
}

.donationPnl > div > textarea {
    height: 90px;
    width: 550px;
}

#priceCurrencyCombo .comboBase {
    height: 44px !important;
}

.pnlDonationFields {
    clear: both;
    height: auto;
    width: 100%;
}

#pnlDonationBtn {
    clear: both;
    float: left;
    height: auto;
    margin-left: 130px;
    width: 500px;
}

#priceCurrencyCombo {
    width: 95px;
}

#textDonationAuthor, #textDonationPub, #txtRSPub, #txtRSRemarks{
    width: 550px;
}

#textDonationISBN, #textDonationYear, #txtRSPubYr, #txtRSNoOfCop, #txtRSPlace, #txtRSCountry{
    width: 198px;
}

#textDonationPrice, #txtRSAmtAir, #txtRSAmtOthers{
    width: 90px;
}

.donationSuccessPnl {
    float: left;
    margin-left: 200px;
    margin-top: 100px;
    padding: 50px;
    width: 400px;
}

#btnDonateMore, #lblGoBackToDonate{
    float: left;
}

.pnlLinkGoBack{
    clear: both;
    float: left;
    width: 100%;
}

#ExternlLinkPnl{
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: none;
}

#Iterator8 p {
    margin-bottom: 0;
}

.opacLogoImg{
    height: 85px;
    top: -53px;
    width: 160px;
}

.blueTheme{

}

.commonTheme{
    height: 20px;
    margin-right: 5px;
    width: 20px;
    float: left;
}

.selectColorOption{
    display: inline-block;
    left: 300px !important;
    margin-left: 90px;
    position: absolute !important;
    top: 30px !important;
    width: 110px !important;
}
#googlePreviewPnl{
    display: none;
    cursor:pointer;
}

.btnTitle {
    float: left;
    margin-left: 15px;
    margin-top: 33px;
}

.pnlSuggMain {
    bottom: 0;
    height: 500px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 500px;
}

#itrSugg{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
    padding: 15px 10% 0;
    width: 100%;
    overflow: auto;
}

.pnlSugg{
    float: left;
    margin-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sTitle, .sAuthor, .sIsbn, .sPublisher{
    float: left;
}

.sAuthor{
    clear: both;
}

.closeSugg, .btnCiteClose{
    height: 20px;
    position: absolute;
    right: 20px;
    top: 22px;
    width: 20px;
}

.lblInfo{
	margin-top: 40px;
	color: blue;
	font-size: larger;
}

#itrSugg > li {
    width: 100%;
}

#pnlSugg{
    width: 100%;
}

.searchTime, .lblSearchRemove{
    clear: both;
}

.saveSearchItrInner {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: auto;
    padding: 10px 0 5px;
    width: 100%;
}

.pnlSaveSearchRemove {
    margin-top: 10px;
}

.searchTitle, .searchTime{
    padding-left: 10px;
    padding-right: 10px;
}

.imgElement{
    display: none;
}

.sIsbn, .sPublisher{
    display:none;
}

.pnlViewLnks > a{
    height: 18px;
    width: 18px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.errorSaveSearch{
    margin-top: 80px;
}

.pnlTitlePrev {
    height: 40px;
    margin-left: 14px;
    position: absolute;
    top: 220px;
    width: 25px;
}

.pnlTitleNext {
    height: 40px;
    margin-right: 25px;
    position: absolute;
    right: 0;
    top: 223px;
    width: 30px;
}

.searchTitle{
    cursor: pointer;
}

.searchTime{
    margin-top: 5px;
}

/*cite details css*/

.citeDetailMain{
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    max-height: 460px;
    position: absolute;
    right: 0;
    top: 0;
    width: 500px;
}

.commonCite {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.commonCiteName {
    margin-bottom: 10px;
}

.pnlCiteWarning {
    margin-top: 0;
    padding-bottom: 20px;
    padding-top: 20px;
}

.pnlCiteHdr.commonCite{
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 0;
}

.pnlCiteDtlsInner{
    overflow: auto;
    height: 346px;
}

.btnCiteExport{
    height: 40px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

/*cite details css ends*/

/*list grid view*/

.pnlSearchView{
    float: right;
    margin-top: 8px;
    padding-bottom: 5px;
    padding-top: 5px;
    right: 42px;
    top: 0;
    width: 63px;
    z-index: 1;
}

.pnlSearchView > a:FIRST-CHILD{
    margin-left: 5px;
    margin-right: 1px;
    padding-right: 15px;
}

.pnlSearchView > a {
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 18px;
    width: 18px;
}

.saveSearchItrH{
    width: 90%;
}

.saveSearchItrH > li{
    display: inline-block;
    float: none;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    width: 52%;
}

.saveSearchItr{
    float: left;
}

#resultsItrRecomm, #resultsItrRecomSerial {
    padding-left: 0;
    margin-top: 10px;
}

/*list grid view*/

.popUpH .detailsCardImg{
    height: 100%;
    width: 100%;
}

.popUpH .recommendationPnl{
    margin-left: 0;
}

/*amazon review*/

.amazonReview {
    float: left;
    padding-top: 12px;
}

.userREviewContainerIterator{
    clear: both;
}

.pnlRevHdr {
    margin-bottom: 10px;
    margin-top: 10px;
    float: left;
}

.pnlRevHdr > p {
    margin-right: 20px;
    padding: 10px;
    width: auto;
}


/*amazon review ends*/

/*external Link modifications*/

.extLinkImg {
    float: left;
    height: 100px;
    margin-left: 40px;
    width: 100px;
    margin-bottom: 10px;
}

#addLinkPnl > p {
    float: left;
    margin-left: 300px;
}

#addBtn {
    margin-left: 225px;
}

.itrLinkLi{
    background-color: #EDEDED;
    display: table;
    margin-bottom: 10px;
    padding: 5px;
    width: 100%;
    box-shadow: 2px 2px 2px 0;
}

.itrLinkLi > a > img {
    display: table-cell;
    max-width: 50px;
    vertical-align: middle;
    margin-right: 10px;
}

.itrLinkLiClass > img {
    max-width: 50px;
}

#Link5{
    display: table-cell;
    vertical-align: middle;
    text-decoration: underline;
    color: black;
}

#pnlExtLinkContentDiv > p {
    margin-left: 275px;
}

#Form106{
    float: left;
}

/*external Link modifications ends*/
/*amazon review ends*/



.exnternalLinkClassModified{
    /* height: 20px;*/
    overflow: hidden;
    /*  width: 20px;*/
    position: fixed !important;
    /*top: 232px;*/
    right: 0px;
    z-index: 9999;
    min-width: 120px;
    padding: 5px;
    display: table;

}

.disableReview{
    opacity: 0.7;
    cursor: default !important;
}

#snipAmazonReview{
    margin-top: 20px;
}

.pnlRevData, .pnlOuterRev{
    clear: both;
    float: left;
}

.recommImgDivPnl{
    /* height: 100px; */
    /*height: auto;*/
    /*width: 10%;*/
    height: 100px;
    width: 100px;
}

#recomHImgPnlDiv{
    height: 125px !important;
    margin-left: 20px;
    margin-top: 20px;
    width: 18%;
}

#lblRecommTitle{
    width: 100%;
}

/*Confirm popUp*/

#okConfirmButton{
    margin-right: 5px;
}

#cancelConfirmButton{
    margin-left: 5px;
}

/*recommendation serial*/

.RSRecTxt{
    height: 45px;
}

.myRS{
    width: 175px !important;
}

#lblRSISSN{
    margin-right: 0;
}

#txtRSTitle{
    height: 90px;
    width: 550px;
}

#comboRecomType .comboBase{
    height: 44px !important;
}

#pnlRNoOfCopies, #pnlRCountry {
    float: left;
    margin-left: 24px;
}

#lblRSNoOfCop, #lblRSCountry {
    width: 119px !important;
}

#selRecomType{
    float: left;
    width: 300px;
}

#lblRecomFor{
    display: inline;
    float: left;
    margin-left: 30%;
    width: auto;
    margin-top: 2px;
}

/*recommendation serial ends*/

#dataPnl .detailsName {
    float: left;
}

#dataPnl .detailsSep {
    float: left;
}

#dataPnl .detailsValue {
    float: left;
    margin-left: 20px;
    width: auto;
}

#dataPnl .recommendationPnl {
    margin: 0 0 0 30px;
}

#Panel87 > img {
    right: 10px;
}

#lblUserName{
    max-width: 240px;
    word-wrap: break-word;

}

#lblRType, #lblSType{
    clear: none;
    margin-left: 20px;
    width: 149px !important;
}

#categoryN{
	clear: none;
    margin-left: 20px;
    width: 149px !important;
}

.txtMemId {
    height: 35px;
    margin-bottom: 0;
    margin-top: 6px;
    width: 200px;
    padding-right: 10px;
}

#byLbl{
    clear: none;
    float: left;
    margin-left: 4%;
    margin-right: 15px;
    margin-top: 3px;
    width: auto;
}

#dataItr_1 table *, #dataItr_0 table *, #dataItr_2 table *, #dataItr_3 table *, #dataItr_4 table * {
    background-color: #1A1E28;
    clear: both;
    color: white;
    float: none;
    text-align: left;
    font-size: 13px;
}

#dataItr_1 .marcTbl td {
    padding: 0 7px;
}

.marcTbl table tr:first-child td {
    text-align: center !important;
}

.recordObjectDiv > img {
    margin-left: -10px;
    margin-right: 15px;
}

.resultImgDiv, .resultsImg{
    margin-bottom: 20px;
}

.imgArrow, .imgArrowUp{
    width: 40px;
    height: 20px;
}

#multiSiteAvailablePanel > div:first-child {
    width: 100% !important;
}

.detailsCard #pnlOuterRev{
    height: 71%;
    overflow: auto;
}

.detailsCard .userReviewItr{
    height: 160px;
    margin: 0;
    padding-left: 0;
}

.detailsCard .pnlRevHdr > p{
    margin-right: 1px;
}

#resultsItrRecomm .resultImgDiv {
    margin-bottom: 0;
}

/*copy details table*/
.valueDiv {
    display: table-cell;
    /*float: left;*/
    max-width: 30px;
    text-align: center;
    width: 8%;
    word-wrap: break-word;
    text-align: left;
    padding: 5px 6px;
}

#lblLocVal{
    width: 26% !important;
}

#lblLoc{
    width: 26% !important;
}

#lblLocForLocateEntry{
    width: 26% !important;
    color: black;
    text-align: left;
}

#lblStatVal{
	width: 13% !important;
    color: white;
    text-align: left;
}

#lblStatValForLocate{
	width: 9% !important;
    color: black;
    text-align: left;
}

#lblDateVal, #lblDueDate{
    width: 10%;
}
/*copy details table ends*/

.pnlDetailsInclude .recommendationPnl{
    width: 60%;
}

.pnlAppRej{
    left: 40px;
}

#btnReject {
    clear: both;
}

#popUpH #btnReject {
    clear: none;
}

.lblExtToLib.commonButton.goBtn{
    height: 30px;
    line-height: 30px !important;
    margin: auto;
}

.pnlExtToLib {
    background-color: #f2f2f2;
    bottom: 0;
    opacity: 0.9;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    z-index: 120;
}

.pnlSubLoc {
    margin-left: 10px;
    /*display: none !important;*/
}
/*for IIT-G*/
/*.detailsLabel{
    display: none !important;
}*/

.pnlUpperValues > div {
    clear: both;
    float: left;
}

#pnlEProfRegDate{
    margin-bottom: 20px;
}

/*
#recommendation, #Donation, #askQuestion{

    display:none !important;
}

*/

#lblFine{
    color: red !important;
    font-weight: bold;

}

/*faq*/

.faqHdrLbl{
    padding-left: 20px;
}

#faqConInner > .tab {
    width: 100%;
}

.faqConInner, .faqContent, .faqMain{
    height: 100%;
}

#pnlFAQInter .tab {
    width: 100%;
    height: auto;
}

#faqConInner .tab-links.clearfixLeft {
    display: inline-block;
    height: 100%;
    margin: 0;
    overflow: auto;
    position: static;
    width: 27% !important;
}

#faqConInner .tab-content {
    float: right;
    padding: 0;
    position: relative;
    width: 73%;
    overflow: auto;
}

#pnlFAQInter .tab-links.clearfixLeft {
    display: inline-block;
    position: static;
    width: 150px;
}

#pnlFAQInter .tab-content {
    display: inline-block;
}
.tab-links > li > a {
    padding: 0 !important;
    color: #4B4A4A !important;
    font-weight: normal;
    word-wrap: break-word;
}

.tab-links.clearfixLeft > li {
    clear: both;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    width: 100%;
}

.faqHrdPnl {
    margin: 20px 0 0;
}
.faq {
    max-height: 400px;
}

.tab-links > li > a {
    float: left;
    padding: 5px 10px !important;
    width: 100%;
}

.faqDetails {
    padding: 20px;
}

.lblFAQQstn {
    cursor: pointer;
}

#faqDetQstnItr > li {
    clear: both;
    padding-bottom: 5px;
}

#faqDetQstnItr > li >p :first-child{
    padding-bottom: 5px;
}

#faqDetQstnItr > li >p{
    margin: 0;
}

.tab-content .tab-links > li > a.active {
    width: 100%;
}

.faqDetQstn .iterator {
    padding-left: 10px;
}

.lblFAQQstn, .lblFAQAns{
    margin-bottom: 0;
}

.lblFAQAns{
    padding: 2px 20px;
}

#Iterator11 > li {
    padding-bottom: 10px;
}

.linkToChat{
    background-color: #D24D33;
    border-radius: 9px 9px 9px 9px;
    color: white !important;
    display: inline-block;
    float: right;
    margin-right: 50px;
    margin-top: 50px;
    padding: 10px 20px;
    text-decoration: none !important;
    border: none;
    width: 150px;
}

.linkToChat:hover {
    font-weight: bold;
}

.chatFields{
    display: none;
}

.chatFormHide{
    display: none;
}

.pnlFaqText{
    display: block;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.txtFaqErr{
    display: block;
}

.txtFaqErrHide{
    display: none;
}

.pnlFaqTextHide{
    display: none;
}
/*faq ends*/

#containerDiv > table {
    height: auto !important;
}

/* Similar Items*/
.pnlSI{
    width: 100%;
}

.lblSelectTheme{
    padding-bottom: 5px;
}

/* Update subject */

.pnlLblHdng{
    margin: 0 auto;
    top: 70px;
    width: 850px;
}

/* Update subject ends*/

.compLoaderImg {
    color: white;
    font-size: 40px !important;
}
.compLoaderDiv {
    height: 100%;
    width: 100%;
}

#compLoaderDiv > div {
    left: 45%;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    top: 50%;
    width: 100%;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

.fa-spinner:before {
    content: "\f110";
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.showForgotPassword{
    display: inline-block !important;
    height: 400px !important;
    left: 25%;
    position: absolute;
    top: 30%;
    width: 510px !important;
}

.hideForgotPass, .hideSignUpPopUp{
    display: none !important;
}

/* forgot password changes in other pages*/

.lblFrgtPwd{
    margin-left: -10px;
}

.pnlFrgtPwdForm p {
    width: 50%;
}

#pnlFrgtPwdForm #Panel81{
    display: inline-block;
    width: 50%;
}

#btnContinue{
    float: none !important;
    left: -190px;
}

.pnlGoBackLink{
    float: left;
}

.lblGoBack{
    float: left;
}

/* forgot password changes in other pages ends*/

/* removing add to cart and add to wishlist for ihc*/
/*.addToCartLabel, .addToWishListLabel, #wishListLbl, #lblAdd2CartDtl{*/
/*display: none !important;*/
/*}*/

/*.detailsLabel {*/
/*border-left: medium none !important;*/
/*}*/
/* removing add to cart and add to wishlist for ihc ends*/

/* sign up css */
.pnlSignCon > div {
    display: inline-block;
    width: 100%;
}

.pnlSignCon > div input[type=text], .pnlSignCon > div input[type=email] , .pnlSignCon > div input[type=datefield]{
    height: 30px;
    width: 240px !important;
    float: left;
    margin-bottom: 10px;
}

.pnlSignCon > div img{
   float: left;
}

.pnlSignCon > div p {
    text-align: left;
    width: 19%;
    float: left;
    margin-top: 10px;
}

.pnlSignUp {
    width: 90%;
    display: inline-block;
}

#txtSAdd1, #txtSAdd2{
    margin: 0 0 5px;
}

#txtFirstName, #txtLastName, #txtMiddleName {
    /* margin-right: 5px; */
    margin: 9px;
    width: 237px !important;
    margin-left: 5px;
}

#txtSAdd3, #txtSAdd23{
    clear: both;
    margin-left: 19%;
}

.pnlSignHdr {
    font-size: 25px;
    padding: 0 20px 20px;
}

.institution.chkSign {
    margin: 0;
    text-align: center;
}
.pnlsignBtn{
    text-align: left;
}

.txtSAdd{
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}

#btnSignUp {
    margin-left: 33%;
}
.pnlsignBtn > button {
    margin-right: 50px;
}

#catCombo {
    width: 240px;
    height: 35px !important;
}

#txtSPhnOff{
    margin-right: 5px;
}

.pnlSCat {
    float: left;
    height: 35px;
    margin-bottom: 10px;
    width: 240px;
}

.pnlSCourse{
	float: left;
    height: 35px;
    margin-bottom: 10px;
    width: 240px;
}

.showSignUp{
    width: 60%;
    padding: 25px !important;
    display: inline-block !important;
    height: 72%;
    overflow-y: scroll;
}

.pnlSignUp .loginImagePanel {
    margin-bottom: 0 !important;
}

.showSignUpPopUp {
    left: 15%;
    position: absolute;
    top: 20%;
    width: 800px;
}

/* sign up css ends*/

/* ILL */

.pnlILL {
    display: inline-block;
    width: 100%;
}

.pnlILL .resultsItr {
    padding: 0;
}

.pnlILLHdr {
    background-color: white;
    display: inline-block;
    padding: 10px 30px;
    width: 100%;
}
.lblILLReq {
    display: inline-block;
    float: left;
    font-size: 30px;
    padding: 10px;
}

.lblILLAddReq {
    float: right;
    margin-top: 9px;
    padding: 10px;
    right: 40px;
}

.iLLForm{
    display: inline-block;
    width: 90%;
}

.pnlILLInst,.pnlILLLoc {
    float: left;
}

.pnlILLLoc {
    clear: both;
}

.pnlILLLbls {
    clear: both;
    display: inline-block;
    float: left;
    margin-left: 18%;
    width: 14%;
}

.pnlILLTxts {
    display: inline-block;
    float: left;
    width: 35%;
}

.pnlILLBtn {
    display: inline-block;
    float: left;
    clear: both;
    width: 100%;
}

.lblILLTitle{
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    width: 100%;
    font-size: 14px;
    font-family: verdana, sans-serif;
}

.remarksLbl{
    white-space: nowrap;
    cursor: pointer;
}

.show{
    display: block !important;
}

.hide{
    display: none !important;
}

.pnlILLTxts > input {
    height: 40px;
    width: 400px;
}
.pnlILLLbls > p {
    margin-bottom: 42px;
    margin-top: 10px;
    text-align: left;
}

.comboILL, .comboILLLoc {
    height: 40px !important;
    width: 400px !important;
    margin-bottom: 25px;
}

.lblILLHd{
    font-size: 30px;
}

.pnlILLHd {
    padding: 20px 30px;
}

#pnlILLContent #Panel88 {
    width: auto;
}

.pnlILLTxts > input[type="text"] {
    clear: both;
    float: left;
}

.lblMandatory {
    color: RED;
    font-size: 12px;
    margin-bottom: 15px;
}

#pnlILLContent .multiSiteAvailablePanel {
    display: none;
}



/* ILL ends*/

/* pdf multiple links*/

.pnlPdfLnks{
    border: 4px solid #a6a6a6;
    bottom: 0;
    height: 200px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 500px;
    background-color: #6e6e6e;
}

#itrLinks{
    display: inline-block;
    padding: 0;
    width: 100%;
    margin: 0;
}

.itrLinks li {
    border-bottom: 1px solid black;
    padding: 10px 20px;
}

.imgClose{
    height: 20px;
    cursor: pointer;
}

.pnlPdfCls{
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto;
}

.pnlPdfHdr{
    background-color: #6E6E6E;
    border-bottom: 4px solid #a6a6a6;
    padding: 10px;
}

#itrLinks > li{
    border-bottom: 2px solid #a6a6a6;
    padding: 10px 0;
    width: 50%;
}

.pnlPdfLnkOuter {
    border-right: 2px solid #a6a6a6;
}

.pnlPdfContent{
    max-height: 160px;
    overflow: auto;
}

.pdfLink{
    color: white;
    display: inline-block;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 92%;
}

.lblPdfHdr{
    color: white;
}

/* pdf multiple links*/

/* password enabled login**/

#authBtnCncl, #authBtnLogin{
    margin-top: 40px;
}

/** new copy detail **/

#itrCopyMain > li{
    margin: 8px 0;
    padding: 10px;
    box-shadow: 0 0 4px 1px #6E6E6E;
    width: 95%;
    border-bottom: medium none;
}

#itrHoldingsMain > li{
    margin: -8px -14px;
    padding: 10px;
    box-shadow: 0 0 4px 1px #6E6E6E;
    width: 95%;
    border-bottom: medium none;
    overflow-y: scroll;
    max-height: 580px !important;
}

#copyDtlPanelMain{
    width: 100% !important;
}

.copyCmmn{
    display: table-cell;
    /*float: left;*/
    max-width: 60px;
    width: 8%;
}

.lblStatus, .lblItemDtls{
	width: 13% !important;
}


.lblLoc{
	width: 15% !important;
}


.lblReck, .lblShelf, .lblFloor{
	width: 7% !important;
}

.lblDueDate{
	width: 10% !important;
}

.lblItemCat{
	width: 8% !important;
}

.pnlCopyDetailN{
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    max-height: 800px;
    overflow: auto;
    padding-left: 5px;
}

#itrCpyInner > li{
    width: 100%;
}

#pnlCpyDtlValIn, #itrCpyInner,#itrCpyInner > li, #copyRow, #pnlCpydtlHdr, #pnlCpyDtlMain, #pnlCDIn, #itrCopyMain{
    width: 100%;
}

.pnlCpydtlHdr, #copyRow{
    display: table;
}

.lblDownArr{
    -moz-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    cursor: pointer;
    font-size: 20px;
    float: right;
}

.lblDownArrShow{
    -moz-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    padding-top: 5px;
}

#lblCopyLibId, #lblCopyLibIbVal{
    background-color: #E1E1E1;
    color: black;
    font-size: 13px;
}

.lblCopyLibId.copyName {
    display: none;
}

.lblCopyLibIbVal.copyNameVal {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
    text-align: left;
}


#lblItmDtlVal, #lblItemDtls{
    width: 12%;
}

.lblCopyErr{
    color: red;
}

.opacSelectTag{
    display: none;
}
a span{
    color: red;
}

/*recommendation suggestion field*/

.pubSugg {
    /*background-color: white;*/
    border: medium none;
    float: left;
    /*height: 100%;*/
    /*margin-bottom: 30px;*/
    width: 100%;
    z-index: 1;
}

.pubSugg.suggestionField-tagContainer {
    border: 1px solid #E1E1E1;
    width: 100%;
}

.pubSugg.suggestionField-input {
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100%;
    height: 45px;
}

.pubSugg.suggestionField-list {
    width: 500px;
    margin-top: 0 !important;
}

.pubSugg.suggestionField-listItem {
    border: 1px dashed #a6a6a6;
    border-top: none;
    background-color: #e1e1e1;
}

.pubSugg .tagWrapper .closePointer {
    display: none;
}

.pubSugg .tagWrapper {
    border: medium none !important;
    height: 100%;
    width: auto;
    margin: 0;
}

.pubSugg .tagWrapper > div {
    height: 100% !important;
    text-align: left;
    width: 100% !important;
}

.pubSugg .tagWrapper > div:first-child {
    border-right: medium none !important;
}

.pubSugg .tagWrapper > div[removeTag="true"] {
    display: none;
}

.pubSugg .tagWrapper p {
    margin-top: 10px;
}

#pnlSuggestionRecomm {
    background-color: white;
    float: left;
    margin-bottom: 30px;
    width: 550px;
    height: 45px;
}

#txtRSPub {
    display: none;
}

.pnlSerialRecom .pnlSuggestionRecomm {
    width: 500px !important;
}

/*.suggestionField-resultDiv {*/
/*float: none;*/
/*}*/

/*recommendation suggestion field*/

/* For UITM */
#browsePnl .comboMultiSelectPanel {
    display: none;
}

/* For first login*/

.headerMask {
    bottom: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 12;
}

#loginForm .commonButton {
    margin-bottom: 15px;
}

.lblGuest {
    color: #028187;
    cursor: pointer;
    /*display: inline-block;*/
    font-size: 11px;
    text-decoration: underline;
    font-weight: bold;
}

/* For UiTM*/
#lblLocateResource{
    display: none !important;
}

/* For UiTM*/

.lblNewExtLnkTitle {
    color: #4D4D4D;
    font-size: 23px;
    font-weight: bold;
}


.pnlUserDtl {
    float: right;
    cursor: pointer;
}

/*@media screen and (min-width:480px) {*/
/*.lblLibraryName {*/
/*font-size: 10px !important;*/
/*}*/
/*}*/

/*@media screen and (min-width:700px) {*/
/*.lblLibraryName {*/
/*font-size: 20px !important;*/
/*}*/
/*}*/

/*@media screen and (min-width:1000px) {*/
/*.lblLibraryName {*/
/*font-size: 30px !important;*/
/*}*/
/*}*/
/* For restricted entry */

.errorPanel {
    background-color: #E1E1E1;
    bottom: 0;
    height: 500px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    border-radius: 25px 25px 25px 25px;
    box-shadow: 0 0 19px 4px #A6A6A6;
}

.errorPanel .opacLogoImg {
    top: 10px;
    margin: 20px auto;
}

.errorPanel p {
    color: black;
    font-size: 20px;
    opacity: 0.6;
    text-align: center;
    padding: 0 20px;
}

.errorPanel #Panel6{
    background-image: url("../images/qrImg.png");
    background-repeat: no-repeat;
    background-size: 230px 220px;
    height: 220px;
    margin: 40px auto;
    width: 220px;
}

.errorPanel #Panel4 {
    bottom: 40px;
    position: absolute;
    width: 100%;
}

.errorPanel img {
    left: 80px;
    top: 35px;
}

/* For restricted entry ends*/

#lnkJourIE {
    left: -2px;
    position: absolute;
    top: -12px;
    z-index: 12;
}

.imgIE {
    height: 15px;
    width: 15px;
}

.center-position {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
}

.errorJspPnl {
    padding: 50px;
}

.journalsImg {
    height: 20px !important;
    /*margin-top: 1%;*/
    cursor: pointer;
    width: 0px;
    pointer-events: none;
}

.journalsImg.show {
    pointer-events: auto;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-image: url("../images/journalIcon.png");
    top: 3px;
    left: 5px;
}

.highlightTitle {
    background-color: yellow;
}

.resultsMainLbl span {
    float: none;
}

.lblAddToCartBrowse {
    background-color: #D24D33;
    border-radius: 3px 3px 3px 3px;
    color: white;
    cursor: pointer;
    padding: 5px 20px;
    position: absolute;
    right: 30px;
    top: 5px;
    width: 170px;
}
.lblAddToCartSearch{
    position: fixed;
    background-color: #D24D33;
    border-radius: 3px 3px 3px 3px;
    color: white;
    cursor: pointer;
    padding: 5px 20px;
    position: absolute;
    right: 30px;
    top: 5px;
    width: 170px;
}

.pnlConnectAs .publYearPanel {
    clear: both;
    left: 15%;
    top: 10px;
    width: 40%;
}

.pnlSortBy{
    clear: both;
    left: 18%;
    top: 15px;
    width: 40%;
}

#sortByLbl{
    width: 70px!important;
}

#pnlFrgtPwdForm #Panel41{
    display: none;
}

.pnlBack {
    background-image: url("../images/back.png");
    background-repeat: no-repeat;
    bottom: 0;
    clear: both !important;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 32px;
    top: 20px;
    width: 84px;
    background-size: 80px 30px;
    z-index: 10;
}

#basicSearchPanel {
    display: none;
}

#lblLocateResource{
    display: none !important;
}

.hits {
    display: none !important;
}


.hideData{
display: none !important;
}

#lblAddToCartBrowse{
    font-size: 14px !important;
    width: 105px !important;
    top: 5px !important;
    right: 160px !important;
}

#loginC{
    width:390px !important;
    margin-left: -196px !important;
    height: 570px !important;
    z-index:40 !important;
}

#loginpanel1 {
    top: 4px !important;
}

#journaIssuelPnl{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    /*box-shadow: 4px 4px 7px #777777, -4px -4px 7px #777777;*/
    float: right;
    /*height: 500px;*/
    height: auto;
    /*margin: 39px auto 0;*/
    margin: 0 1px 0 -1px;
    padding: 0px 10px 10px 25px;
    position: relative;
    width: 100%;
    /*display: none;*/
}

#compLoaderDivForIssues{
    z-index: 50;
    top: -130px;
    left: 50%;
}

.lblRemoveAll{
    background-color: #D24D33;
    border-radius: 3px 3px 3px 3px;
    color: white;
    cursor: pointer;
    padding: 5px 20px;
    position: absolute;
    right: 161px;
    top: 0px;
    width: 153px;
    font-size: 14px !important;
}

#removeBtnFromCart{
    margin: 10px 15px !important;
    border-radius: 5px;
}

.marcTbl {
    width: 100%;
}

.isbdTbl {
    width: 100%;
}

/*#Iterator22{*/
    /*width: 730px !important;*/
/*}*/

/*#keyboardPnl{*/
    /*left: 765px !important;*/
    /*top: -34px !important;*/
    /*width: 150px!important;*/
/*}*/

/*#Label320{*/
    /*color: #4d4d4d!important;*/
    /*line-height: 17px;*/
    /*font-family: verdana, sans-serif;*/
    /*font-size: 13px;*/
/*}*/

/*#langCombo{*/
    /*width: 70px!important;*/
    /*top: -27px!important;*/
    /*left:  109px!important;*/
/*}*/

.keybrdpnl{
    overflow: hidden;
    width: 32px;
    position: fixed !important;
    top: 242px;
    right: 0px;
    z-index: 9999;
    min-width: 20px;
    padding: 5px;
    background-color: #72bf7b;
    border-radius: 3px 0 0 3px;
    color: white;
    opacity: 0.98;
    font-size: 12px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
    height: 80px;
    background-image: url("../images/keyboard-icon.png");
    background-repeat: no-repeat;
}

.mainDivForKeyword{
    right: 40px;
    width:15%;
    height: 250px;
    position: fixed !important;
    overflow: hidden;
    z-index: 9999;
    background-color: #72bf7b;
    opacity: 0.98;
    top: 200px;
    border-radius: 3px 0 0 3px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}

.containerLabelForLang p{
    font-size: 13px;
    padding: 5px;
    color: white;
    font-family: verdana, sans-serif;
}

.containerLabelForLang{
    margin: 20px 0;
}

.containerLabelForLang p:hover{
    background-color: black;
}

.selectedLangage{
   background-image: url("../images/tick.png");
    background-repeat: no-repeat;
    /*background-size: 230px 220px;*/
}

#Panel586{
    top:0px !important;
}

.excelhiding{
    display: none !important;
}

.dispkeybrdpnl{
    height: 210px;
    width: 66%;
    position: fixed !important;
  /*  overflow: hidden;       */
    z-index: 9;
    border-radius: 3px 0 0 3px;
    bottom: 50px !important;
    left: 20%;
    background-color: #f2f2f2;
}

#dispKeyBrdPnl select {
    box-shadow: 2px 2px 2px 2px;
    left: 43%;
    top: 36px;
    width: 85px;
}

#panelForJsp{
    height: 100%;
    width: 80%;
}
#captchaPnl{
   /* width:205px;      */
    height: 90px;
    margin-bottom: 20px;
  /*  background-color: gray; */
   /* top:45px;   */

}
#CaptchaImg{
    width: 200px;
    height: 100%;
    display: inline-block;
}
#captchaTxtField{
    width: 150px;
    height: 25px;
    display: inline-block;
    top:10px;
}

#captchaImgDiv{
    width: 200px;
    height: 50px;
    display: inline-block;
    top:5px;
    margin-bottom: 10px;
}

#CaptchaImg1{
    display: none;
}

#refreshPnl{
    width: 30px;
    height: 30px;
    top:10px;
    background-image: url("../images/refresh.png");
    border-radius: 2px;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.7);
}
.ConfirmUName{
    display: none !important;
}

.maskDiv {
    z-index: 40!important;
}

#confirmRedirectDiv {
    background: none repeat scroll 0 0 black;
    bottom: 0;
    display: inline-block;
    height: 250px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 350px;
    border: 3px solid #028187;
    box-shadow: 3px 3px 30px 6px #000B3A;
}

.lblConfirm {
    color: white;
    font-size: 18px;
    padding: 44px;
}

.confirmButton {
    background: none repeat scroll 0 0 #028187 !important;
    border: 0 none !important;
    cursor: pointer;
    font-family: verdana,sans-serif;
    font-size: 16px !important;
    height: 30px;
    margin: 10px;
    text-align: center;
    width: 100px;
}

.confirmButton:hover {
    color: whitesmoke!important;
}

#txtGender{
    float: left;
    height:40px;
    width: 240px !important;
    margin-bottom: 10px;
}

#payFine{
    margin-right: 45px;
}

#divForMsg{
    margin: 35px 10%;
}

.msgLbl{
    color: white;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}

#btnPanel{
    position: absolute;
    width: 100%
}

#panel11{
    top:70px !important;
}

#resetCapthcFlds{
background-color: #65c778 !important;
}

#TextField76{
    height: 40px !important;
}


/* Reset Password CSS starts here */

.resetFormOuterPnl {
    float: none;
}
#resetPwdSubmit{
    background:  #d24d33 ;
    color: #ffffff;
}

#errorMsgLbl{
    color: red;
    font-weight: bolder;
    width: 450px;
    margin-left: -80px;
}



/* Reset Password CSS ends here */

#idVal{
    font-size:16px;
}

/*Changes for linear view*/
.recordObjectDivForLinear{
    min-height: 20px;
    height: auto !important;
    margin-top: 1px;
}

.recordObjectDivForLinear .resultImgDiv{
    display: none !important;
}

.recordObjectDivForLinear >p{
    min-width: 10%;
    margin-right: 10px;
}

.resultPnlForLinear{
    width: 90% !important;
}

.mandatoryMask{
    color: rgb(208,0,14) !important;
}

.typePnl{
    float: left;
    height: auto;
    left: 60%;
    overflow: visible;
    position: relative;
    top: 10px;
    width: auto
}

#typeLbl{
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.tempMsgLbl.hideLabel {
    height: 0!important;
    display: none;
}

#pnlSort{
    background-color: black;
    border: 1px solid #c4c4c4;
    border-radius: 10px;
    float: left;
    height: 170px;
    top: 20px;
    width: 230px;
}

#comboSortBy{
    margin:5px;
    width: 50px;
}

.sortByLbl{
    line-height: 40px;
    font-family: verdana, sans-serif;
    font-size: 12px;
    text-align: left;
    color: white;
    margin-right: 10px;
}

#txtRSPublisher{
    border: none;
}

#Panel13{
    margin-bottom: 0px !important;
}

.cartPnlForLinear{
    display: none !important;
}

.resultPnlForLinear >li{
    margin-bottom: 5px;
}

.resultPnlForLinear .resultsItr li{
    margin-bottom: 5px;
}

#labelDiv{
    display: none;
    background-color: #72bf7b;
    height: 25px;
    width: 85%;
    /*margin-left: 15px !important;*/
    border-radius: 5px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}

#labelItr{
    height: 100%;
    margin: 0 !important;
    padding: 0;
}

#labelItr>li{
    width: 100%;
}

.lblForBrowse,.lblForSearch {
    float: left;
    color: white;
    font-family: verdana,sans-serif;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

#lbl1{
    width: 45%;
    margin-left: 10px;
}

#lbl2{
    width: 25%;
    text-align: left;
}

#lbl3{
    width: 15%;
    text-align: left;
}

.labelDivForSubj{
    /*width: 76% !important;
    float: left;
    left: 18%;*/
    float: left;
}

.width54{
    width: 54% !important;
}

.width20{
    width: 20% !important;
}

.width12{
    width: 12% !important;
}

.width10{
    width: 10% !important;
}

.width30{
    width: 30% !important;
}

.recordObjectDivForLinearTitle #resultMainLbl{
     width: 54% !important;
 }

.recordObjectDivForLinearTitle #resultSubLbl1{
    width: 20% !important;
}

.recordObjectDivForLinearTitle #resultSubLbl2{
    width: 12% !important;
}

.recordObjectDivForLinearTitle #accNoLbl{
    width: 10% !important;
    float: none;
}

.recordObjectDivForLinearAuthor #resultMainLbl{
    width: 20% !important;
}

.recordObjectDivForLinearAuthor #resultSubLbl1{
    width: 54% !important;
}

.recordObjectDivForLinearAuthor #resultSubLbl2{
    width: 12% !important;
}

.recordObjectDivForLinearAuthor #accNoLbl{
    width: 10% !important;
    float: none;
}

.recordObjectDivForLinearClassified #resultMainLbl{
    width: 12% !important;
}

.recordObjectDivForLinearClassified #resultSubLbl1{
    width: 20% !important;
}

.recordObjectDivForLinearClassified #resultSubLbl2{
    width: 54% !important;
}

.recordObjectDivForLinearClassified #accNoLbl{
    width: 10% !important;
    float: none;
}

/***************For Linear Subject,Place and Publisher*************************/

.recordObjectDivForLinearSubj #resultMainLbl{
    width: 54% !important;
}

.recordObjectDivForLinearSubj #resultSubLbl1{
    width: 20% !important;
}

.recordObjectDivForLinearSubj #resultSubLbl2{
    width: 12% !important;
}

.recordObjectDivForLinearSubj #resultSubLbl5{
    width: 10% !important;
    float: none;
}

.recordObjectDivForLinearSubj #accNoLbl{
    width: 10% !important;
    float: none;
}


/**************For journals linear view***************************/

.recordObjectDivForLinearJournals{
    min-height: 20px !important;
    max-height: 40px!important;
}

.recordObjectDivForLinearJournals .resultsMainLbl{
    width: 54% !important;
}

.recordObjectDivForLinearJournals .resultsSubLbl{
    width: 30% !important;
}

.recordObjectDivForLinearJournals .resultsThirdLbl{
    width: 12% !important;
}

.recordObjectDivForLinearJournals .resultsSubLbl2{
    width: 10% !important;
}

.recordObjectDivForLinearJournals .resultsSubLbl5{
    width: 10% !important;
}
/*******************************/
.newAdditionLabels{
    width: 100%!important;
}

.recordObjectDivForLinearNewAdd{
    padding: 0px !important;
    padding-left: 10px !important;
}

/***************Linear Cart css**********/

.pnlCartLinear{
    background-image: url("../images/webOpacSprite3.png");
    background-position: -576px -143px;
    background-repeat: no-repeat;
    position: absolute;
    right: 35px;
    float: none;
    height: 20px;
    width: 20px;
    z-index: 9999;
    cursor: pointer;
}

#agreementPnl{
    width:100%;
    margin-bottom: 10px;
    height: auto;
}

#agreementLbl {
    font-size: 13px;
    font-family: verdana, sans-serif;
    width: 90%;
    height: 100%;
    float: left;
}

.titleName{
    margin: 5px 5px 10px;
    width: 100%;
}

.linkName{
    color: black;
    font-family: verdana,sans-serif;
    font-size: 14px;
    font-weight: bold;
}

#backToRss{
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 32px;
    top: 20px;
    width: 120px;
    z-index: 10;
    font-size: 13px;
    font-weight: bold;
    color:black;
}

#titlePnl{
    background-color: white;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px black;
    position: absolute !important;
    right: 237px !important;
    top: 43px !important;
    z-index: 1001 !important;
    width: 310px !important;
    height: 130px !important;
    left: auto !important;
}

#namePnl{
    float: none;
    padding: 10px;
}

.advanceTitlePnl{
    right: 2px !important;
}

.additionalRssBtn{
    top: 20px
}

.additionalTitlePnl{
    right: 2px !important;
    top: 80px !important;
}

#saveRSSStrategy{
    font-size: 14px !important;
    background-color: #d24d33;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    padding: 5px 20px;
    position: absolute;
    right: 318px;
    top: 5px;
    width: 102px;
}

.disableSearchFeature{
    pointer-events: none;
    background-color: gray !important;
}

#pnlSubLocAdvance{
    margin-left: 0px;
}

.issuesDataItr .col443{
    width: 23% !important;
}

.subjectItr > li{
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    display: block;
    top: 0;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    float: left;
    padding: 7px;
}

.subjectsDiv{
    background-color: white;
    border: 1px solid black;
    display: block;
    margin-top: -1px !important;
    overflow-x: hidden;
    overflow-y: scroll;
}

.chkBoxFrSDISubs, .chkBoxFrSubs{
    width:10%;
    float:left;
}

.subjName{
    text-align: left;
    float: left;
}

#panelMySubject{
    left: 5%;
    margin-top: 50px;
    width: 40%;
}

#pnlSDISubj{
    display: inline-block;
    margin-top: 50px;
    width: 40%;
}

.btnSubj{
    margin-top: 20px;
}

.subjectItr{
    padding: 0;
    margin-top: 5px;
}

.pnlDetailsInclude ul{
    padding: 0;
    margin-bottom: 0 ;
}

#issueDataItr{
    margin-top: 0;
}

#agreementPnl p{
    float: left;
    font-family: verdana,sans-serif;
    font-size: 14px;
    width: 90%;
    text-align: left;
}

#declarationDiv{
    background-color: white;
    border: 1px solid;
    clear: both;
    padding: 20px;
    text-align: left;
    font-size: 14px;
    font-family: verdana, sans-serif;
}

.captchaForgetPwd{
    height: 40px !important;
    width: 250px !important;
    left: 10px;
}

#rssCategoryId{
    cursor: pointer;
    color: black;
    font-weight: bold;
}

.marginCls{
    background-color: lightsalmon;
    color: black !important;
    margin-top: 2px;
}

.font12{
    font-size: 12px !important;
}

.lblPrice{
    width: 12% !important;
}

.summaryItr >li{
    width: 275px !important;
    min-width:200px !important;
    height: 60px !important;
}

.recordSumDiv{
    height: 55px !important;
    min-height: 50px !important;
    margin-top: 5px;
    border-bottom: 0px none;
}

.recordSumDiv > p{
    max-width: 100% !important;
}

#catalogueLbl{
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
    font-weight: bold;
}

.hitsLbl{
    color: black;
    float: left;
    font-family: verdana,sans-serif;
    font-size: 14px;
    margin-right: 20px;
    text-align: right;
    width: 110px;
}

.hitsVal{
    color: black;
    float: left;
    font-family: verdana,sans-serif;
    font-size: 11pt;
    text-align: left;
    width: 110px;
}

.catalogueSelected{
    background-color:#65c778 !important;
    border: 1px solid black !important;
}

#Panel2{
    width: calc(100% - 30px)!important;
}

.chkBoxFrRnw{
    margin-top: 15px;
}

#errTag{
    color: white;
    font-size: 20pt;
    font-weight: bold;
    width: 100%;
}

.pnlDetailSmall{
    min-height: 80px !important;
}

#statusPnl{
    width: 82%;
    overflow: auto;
}

#statusItr > li {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e1e1e1;
    min-height: 30px;
    max-height: 90px;
    display: table;
}

.accNoLblForRenewal{
    float: left;
    width: 8%;
}

.titleLblForRenewal{
    float: left;
    color: black;
    font-weight: bold;
    opacity: 0.6;
    width: 40%;
}

.statusLblForRenewal{
    float: left;
    width: 35%;
}

.fineLblForRenewal{
    width: 5%;
    float: left;
}

.headerClass{
    font-weight: bold;
    font-size: 14px;
    opacity: 1 !important;
    line-height: 2;
}

.renewlbl{
    top: 6px;
    color: #202020;
    font-family: verdana,sans-serif !important;
    font-size: 13px;
    display: table-cell;
    /*text-align: left;*/
}

#renewAll{
    font-size: 14px;
}

.selectUnselectLbl{
    font-size: 14px;
    width: 70px;
    right: 380px;
    font-family: verdana, sans-serif;
}

#deselectAll{
    right: 250px;
    width: 80px;
}

#Panel383{
    margin-bottom: 52px;
}

#statusLbl{
    width: 87%;
    text-align: left;
    margin-left: 10px;
}

#statusImg{
    width: 8%;
}

#itemLbl1{
    color: #d24d33;
    font-size: 15px;
    font-weight: bold;
    left: 38%;
    top: 8px;
    width: 210px
}

.daysLblForRenewal{
    width :10%;
}

.recordObjectDiv_ILL p{
    cursor: pointer;
}

.externalLinksImgClass{
    max-width: 80px !important;
    max-height: 45px !important;
}

.opacLogoVersion10{   
    background-image: url("../images/libsys10opac.png") !important;    
}

.opacLogoVersionLSEASE{
    background-image: url("../images/LSEASE-opac.png") !important;
}
.opacBrandLogo{
	 background-image: url("/images/brandLogo.png") !important;
	 margin-top:1px;
	 
}
.noOfReserveLabel {
     color: red;
     font-size: 11px;
     padding-left: 8px;
     padding-top: 2px;
    padding-right: 10px;
 }

.reserveLbl{
    padding-right: 0 !important;
    width: 50px;
}

#noOfReserveLabel{
    padding-right: 0px;
}

#noOfReserveCount{
    padding-left: 3px;
}

.reserveDiv{
    right:35%;
    width: 100px;
    top: 0px;
    display: none;
    height: 15px;
    position: absolute;
}

.loginHistoryPnl{
    width: 70% !important;
    left:15%;
    margin-top:20px;
    background-color: #ffffff;
    border-radius: 10px;
    /*box-shadow: 0 2px 3px 1px hsla(0, 0%, 0%, 0.7);*/
    /*position: absolute;*/
}

.lblForLoginHistory{
    display: inline;
    width: 21%;
    box-shadow: none !important;
}

.loginHistoryItr > li{
    border-radius: 10px;
   display: inline-flex !important;
    border-bottom: 1px solid black !important;
    background-color: white;
}

.loginCountValClass{
    width: 5%;
}

.Unsuccessful{
    color: red;
}

.lastLoginDiV{
    margin-left: 30px;
    top: 85px!important;
    width: 300px !important;
    left: 300px !important;
    position: absolute !important;
}

.lastLoginLbl {
    color: green;
    font-size:13px;
    font-family: verdana, sans-serif;
    float: left;
}

.chgPwdHistoryPnl{
    width:35% !important;
    overflow: hidden !important;
}

.chgPwdHistoryItr>li{
    display: block !important;
}

.lblForChngPwdHistory{
    width: 33%;
    float: left;
    box-shadow: none !important;
}

#changePwdHistoryLnk{
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    right: 80px;
    top: 15%;
}

.countDiv{
    /*left: 35%;*/
    margin-bottom: 20px !important;
    padding: 12px;
}

.logoutDiv{
    background-color: white;
    left: 8%;
    padding-bottom: 30px;
    padding-top: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px;
}

#timeVal{
    /*color:slateblue;*/
    display: inline;
    background-color: #e9e9e9;
    padding: 5px 8px 5px 5px;
}

.countPnl{
    border: 1px solid;
    left: 35%;
    width: 20% !important;
}

.errClassForHistory{
    padding-bottom: 30px;
    padding-top: 60px;
}


.resultsItrLinear .resultImgDiv,.resultsItrLinear .cartPanel,.resultsItrLinear .multiSiteAvailablePanel{
    display: none !important;
}

.recordObjectLinear > p{
    min-width: 15%;
    /*margin-right: 20px;*/
}
/**/
.recordObjectLinear{
    min-height: 20px !important;
    max-height: 40px !important;
    height: auto !important;
    margin-top: 8px;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
}

.resultsItrLinear>li{
    margin-bottom: 5px !important;
}

#summaryItr>li div{
    max-height: 72px !important;
    border-bottom: 0px none;
}

.notePnl{
    color: black;
    font-weight: bold;
    font-family: verdana, sans-serif;
    font-size: 14px;
    margin-top: 10px;
}

.borderForSelected{
    border: 1px solid red !important;
}

.pnlEntryDetails{
    float: right;
    height: 42px;
    width: 54px;
    cursor: pointer;
    color: white;
}

.naAnalResultsItr .recordObjectDiv p{
    max-width: 98% !important;
}

#deptCombo{
    width: 240px;
}

#courseCombo{
    width: 240px;
}

#memLocCombo{
	width: 240px;
}

#desgnationPopUp {
    border: 1px solid #FFFFFF;
    height: auto;
    left: 25%;
    position: absolute;
    top: 35%;
    width: 40%;
    z-index: 99999;
    /*background-color: white;*/
    box-shadow: 0 0 10px rgba(0,0,0,0.27);
    background: #f7f7f7 none repeat scroll 0 0 !important;
    height: 350px;
}

.dataDiv p{
    display: inline-block;
    text-align: left;
    text-shadow: 1px 1px 0 #ddf;
    border-bottom: 2px white;
    padding: 2px 2px 2px 8px;
    font-family: "arial verdana","Times New Roman ",sans-serif !important;
    font-size: 14px;
    cursor: pointer;
    color: black;
}

.nameLbl{
    width: 70%;
    float: left;
}

.codeLbl{
   width: 25%;
}

.dataUl{
    list-style: none;
    margin:0;
    padding: 0;
}

.dataDiv{
    border-bottom : 1px solid
}

.lblDiv p{
    font-weight: bold ;
    /*background: #cdd3e3 none repeat scroll 0 0;*/
    font-family: "Shruti",Segoe UI,Verdana,Helvetica,Trebuchet MS,Arial,sans-serif !important;
    font-size: 15px !important;
    padding: 8px 0 8px 17px;
    color:#4b4a4a;
    /*cursor: none !important;*/
}

.lblDiv{
    background: #cdd3e3 none repeat scroll 0 0;
    border: 2px solid white;
}

#txtSPass, #txtSCPass, #DateField297, #DateField298{
	height: 30px !important;	
}

#desgnListBtn{
    background-image: url("../images/list.png");
    float: left;
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    margin-left: 5px;
}

#closeBtnForPopUp{
    right: 5px;
    top:10px;
}

#fetchMoreBtn {
    background-color: #65c778;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    height: 40px;
    position: absolute;
    right: 150px;
    width: 150px;
}

.noAvailableClass{
    text-align: center !important;
}

.locationMainDiv{
    max-width: 98% !important;
    max-height: 98%!important;
    overflow: auto;
    width: auto;
    height: 600px;
}

.closeMap{
    background-color: red !important;
    background-image: url("../images/cross.png") !important;
    background-repeat: no-repeat;
    border-radius: 15px !important;
    cursor: pointer;
    height: 50px;
    width: 50px;
}

#memberImg, #signImg{
	width: 120px;
	height: 100px;
	left: 15px;

}
/*
#imgUploader{
	top: 187px;
	left: -130px;
}

#signimgUploader{
	top: 65px;
	left: 830px;
}

{
	width: 110px;
	height: 100px;
	top: -80px;
	left: 830px;
} */

#SNameDiv{
	min-width: 545px;
	display: flex;
}

#memImgDiv{
	display: flex !important;
	 flex-direction: column;
}

#pnlSName{
	display: flex !important;
	height: 235px !important;
}

#memImgDiv > input {
    margin-left: 13px !important;
	margin-top: 5px !important; 
}

#signImgDiv > input {
    margin-left: 13px !important;
    top: 5px !important;
} 

.txtImgUploader, .signImgUploader {
	width: 200px;
}

.recordObjectDiv.recordObjLinear {
	height: 19px !important;
    min-height: 0px !important;
}

.resultsSubLbl.linearView {
    left: 700px !important;
    top: -19px !important;
}

.headerLabelDiv {
  	/* background-color: #1e90ff !important; */
  	background-color: #c94c4c !important;
    height: 20px;
    width: 77%;
    display: block;
    margin-left: 220px;
}

#mainlbl1{
	width: 55%;
}

#mainlbl2{
	width: 25%;
}

#mainlbl3{
	width: 20%;
}
 /*.recordObjectDiv.recordObjLinear *:nth-child(3n){
	left: 700px !important;
    top: -19px !important;	
} 

.recordObjectDiv.recordObjLinear *:nth-child(7n){
	left: 1200px !important;
	top: -37px !important;
} */

 /* .recordObjectDiv.recordObjLinear *:nth-child(5n){
	left: 1170px !important;
	top: -19px !important;
}  */

// for linear view

.recordObjectDiv.recordObjLinear.recordObjAuthor *:nth-child(5n){
	left: 540px !important;
	top: -46px !important;
}

.recordObjectDiv.recordObjLinear.recordObjAuthor *:nth-child(3n){
	left: 15px !important;
	top: 0 !important;
}

.recordObjectDiv.recordObjLinear.recordObjAuthor *:nth-child(5n){
	left: 60px !important;
	top: -28px !important;
}

.recordObjectDiv.recordObjLinear.recordObjTitle :nth-child(3n){
	left: 18px !important;
	top: 0px !important;
	height: 14px !important;
}

.recordObjectDiv.recordObjLinear.recordObjTitle :nth-child(4n){
	left: 45px !important;
}

.recordObjectDiv.recordObjLinear.recordObjTitle :nth-child(5n){
	left: 65px !important;
	top: 1px !important;
}

.recordObjectDiv.recordObjLinear.recordObjClassified :nth-child(3n){
	left: 10px !important;
	top: 0px !important;
	height: 20px !important;
}

.recordObjectDiv.recordObjLinear.recordObjClassified :nth-child(5n){
	left: 46px !important;
	top: 0px !important;
}


.recordObjectDiv.recordObjLinear.recordObjCategory :nth-child(3n){
	left: 110px !important;
	top: 0px !important;
	height: 14px !important;
}

.recordObjectDiv.recordObjLinear.recordObjCategory :nth-child(4n){
	left: 130px !important;
	top: 0px !important;
}

.recordObjectDiv.recordObjLinear.recordObjCategory :nth-child(5n){
left: 120px !important;
	top: 0px !important;
} 

.recordObjectDiv_NewAdd.recordObjectDiv.recordObjLinear *:nth-child(3n){
	left: 60px !important;
	
}

.recordObjectDiv_NewAdd.recordObjectDiv.recordObjLinear :nth-child(4n){
	left: 1210px !important;
	top: -18px !important;
}

.recordObjectDiv.recordObjLinear.recordObjShowCart *:nth-child(3n){
	left: 25px !important;
	top: 0px;
	height: 14px;
}

.recordObjectDiv.recordObjLinear.recordObjShowCart *:nth-child(4n){
	height: 14px;
	
}

.recordObjectDiv.recordObjLinear.recordObjJournal *:nth-child(3n){
	height: 14px;
	
}
.recordObjectDiv.recordObjLinear.recordObjJournal *:nth-child(4n){
	left: 985px !important;
	top: -19px !important;
	
}

.recordObjectDiv.recordObjLinear.recordObjPublisher *:nth-child(5n){
	left: 540px !important;
	top: -46px !important;
}

.recordObjectDiv.recordObjLinear.recordObjPublisher *:nth-child(3n){
	left: 15px !important;
	top: 0 !important;
}

.recordObjectDiv.recordObjLinear.recordObjPublisher *:nth-child(5n){
	left: 60px !important;
	top: 0 !important;
}


.resultsSubLbl.accnLblLView {
	left: 1200px !important;
	top: -37px !important;
}

.parentPnlCopyDetail {
	background-color: #222222;
	float: left;
	width: 1000px !important;
	height: 389px;
	right: 265%;
	bottom: 52%;
}

.issueCardCloseBtn {
	width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    z-index: 112;
    right: 0px;
    display: block;
}

.floatedLeft.resultsItrLiActive.bgColorDispH, .resultsItrLiActive.bgColorDispH {
	background-color: #b0c4de !important;
}

.issueCardCloseBtn :hover {
	transform : scale(1.5);
}

#lnkCopyDetails {
	top: 30px;
}

.reserveRemove {
	display : none !important;
}

.printRecommendation{
    background-image: url("../images/Print.png");
    background-color: white;
    height: 16px;
    
}

#contactImgCls{
	background-image: url("../images/feedback.jpg");
    height: 214px;
    width: 233px;
    color:white;
}

.contactUsTextField1 {
    display: inline-block;
    height: 196px;
    padding: 10px;
    resize: none;
    width: 485px;
    border-radius: 23px;
    border: 2px solid black;
    color: #202020;
    font-size: 13px;
    background-color: buttonface;
}

.contactUsContainerPanel {
    background-color: #d24d33;
    box-shadow: 18px 3px 139px 9px black;
    opacity: 1;
    width: 102%;
    display: inline-block;
}

.contactUsButton {
    border-radius: 46px !important;
    color: white;
    float: right;
    font-size: 15px !important;
    height: 90%;
    margin-right: 10px;
    width: 31%;
}

.contactLinkClass, .contactLinkClassModified{
    /*     -webkit-transition:all .3s ease-in-out 0s; */
    /*     -o-transition:all .3s ease-in-out 0s; */
    /*     -moz-transition:all .3s ease-in-out 0s; */
    /*     transition:all .3s ease-in-out 0s; */
    /*background-color: #D24D33;*/
   
 
    color: white;
    /* cursor: pointer; */
    opacity: 0.98;
    font-size: 12px;
    /*line-height: 30px;*/
     /* height: 20px;*/
    overflow: hidden;
    /*  width: 20px;*/
    position: fixed !important;
    /*top: 232px;*/
    right: 0px;
    z-index: 9999;
    min-width: 120px;
    padding: 5px;
    display: table;
   
}

.ext1LinkClass, .ext1LinkClassModified{
    /*     -webkit-transition:all .3s ease-in-out 0s; */
    /*     -o-transition:all .3s ease-in-out 0s; */
    /*     -moz-transition:all .3s ease-in-out 0s; */
    /*     transition:all .3s ease-in-out 0s; */
    /*background-color: #D24D33;*/
   
 
    color: white;
    /* cursor: pointer; */
    opacity: 0.98;
    font-size: 12px;
    /*line-height: 30px;*/
     /* height: 20px;*/
    overflow: hidden;
    /*  width: 20px;*/
    position: fixed !important;
    /*top: 232px;*/
    right: 0px;
    z-index: 9999;
    min-width: 120px;
    padding: 5px;
    display: table;
   
}

.holdingCls{
	background-image:url('../images/holdings1.png');
}
#lblShelfVal {
    width: 7%;
}
#lblItmDtlVal {
    width: 13%;
}
#lblReckVal {
    width: 7%;
}
#lblFlrVal {
    width: 7%;
}

#salCombo{
	width: 86% !important;
    height: 40px;
    border: 1px solid lightgrey;
    color: #716b6b;
	
}
#nameFieldsDiv {
	padding: 18px;
}
#salutationDiv {
	margin-bottom: 15px;
	width: 50%;
	margin-left: -3px;
}
.multilocationForMozilla{
	left: -50%;
}

.carouselMode {
	 /* margin: 40px 0 ;
    width: 365px;
    height: 200px; */
    position: relative;
    height: 440px;
    margin: 40px 80px;
    /* perspective: 5600px;
    border: 1px solid #ccc;
    margin: 150px auto; */
}

.carouselMode #resultsItr{
	    width: 100%; 
        height: 100%;
        /* position: absolute !important;
        transform-style: preserve-3d;
        transition: transform 1s;
        transform: translateZ(-288px); */
        min-width: unset;
        overflow: hidden;
        max-width: calc(275px * 4);
        margin: 0 auto !important;
}

.carouselMode #resultsItr  .floatedLeft{
            /* 
            border: 1px solid #333;
            left: 10px;
            top: 5px;
            background-color: rgba(255, 255, 255, 0.85);
            transition: transform 1s, opacity 1s; */
            position: absolute;
            margin: 0;
            font-weight: bold;
            height: 100%;
            box-shadow: none;
            background: transparent;
            border: unset;
            display: flex;
            align-items: center;
            transition: transform 1s, opacity 1s, left 1s;
            padding-bottom: 10px;
}


.carouselMode #resultsItr  .floatedLeft div#Panel77 {
    width: 100%;
    height: 100%;
}

.carouselMode  div#resultImgDiv {
    width: 100%;
    margin: 0;
    padding: 0;
    height: calc(100% - 4.5rem - 10%);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.8);
    background: #ffffff;
    border-radius: 3px;
    margin-bottom: 11%;
}

.carouselMode  div#resultImgDiv .JournaltitleLabel[Journal="true"]  {
    position: absolute;
    width: calc(100% - 30px);
    z-index: 10001;
    max-height: unset;
    padding: 15px;
}
.JournaltitleLabel[Journal="true"] p, .carouselMode #Panel77 .JournaltitleLabel[Journal="true"] .resultsMainLbl{
    max-height: unset;
}

p#Label80[Journal="true"] {
    max-width: unset;
    padding: 0 !important;
}
.carouselMode img#Image180  {
    /* width: unset;
    height: unset; */
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    max-width: 100%;
    max-height: 100%;
}
.carouselMode img#Image180[Journal="true"]{
    filter: blur(5px) opacity(0);
}
.carouselMode #Panel77 .resultsMainLbl{
    text-align: center;
    padding: 10px;
    overflow: hidden;
    max-height: 4.5rem;
    font-size: 16px;
}
.carouselMode #Panel77.recordObjectDiv_NewAdd p{
    text-align: center;
    padding: 10px;
    overflow: hidden;
    max-height: 4.5rem;
    font-size: 16px;
    max-width: unset;
}

/* .carouselMode #resultsItr  .floatedLeft .resultImgDiv, .resultsImg{
        margin-left: 0;
}
.carouselMode #resultsItr  .floatedLeft  .recordObjectDiv > p{
    max-width: calc(72% - 10px);
    min-width: calc( 60% - 10px);
} */


.carouselMode #resultsItr  .floatedLeft.currentNode{
    /* background-color: rgba(255, 255, 255, 0.95); */
}

 .carouselMode  .resultsItrH > li, .carouselMode  .resultsItrRecommH >li{
 	width: 345px;
    min-width: inherit;
    max-width: inherit;
 }

#nextCarouselBtn,#prevCarouselBtn  {
    position: absolute;
    top: calc(50% - 12px);
    z-index: 1000;
    font-size: 15px;
    color: #fff;
    z-index: 11111;
    cursor: pointer;
    background-color: #990000;
    display: flex;
    align-items: center;
    place-content: center;
    height: 25px;
    width: 25px;
    border-radius: 2px;
   
}

#prevCarouselBtn {
  
    left: -25px;
}
#nextCarouselBtn{
    right: -25px;
}