body {
}
#tbQuoteItems #litItemNumberSubscriptions {
    display: none;
}
#paymentMessage #litItemNumberSubscriptions {
    display: none;
}
.dvsearch {
    display: inline-block;
    margin-right: 10px;
    height: 31px;
}
#dvPortals{
    min-height:50px;

}
#litItemNumberSubscriptions {
    float: left;
    margin-left: 10px;
}
.cart-container #dvsubtotalvat {
}
.cart-container #dvsubtotalvat .cart-item-price {
    float:right;
}
.cart-container #dvsubtotalvat .cart-item-name {
    width: 130px;
}
.cart-container #divTotal .cart-item-price {
    float: right;
}

.cart-container #divTotal .cart-item-name {
    width: 130px;
}
#btnLoadMore {
    width: 100%;
    text-align: center;
    background-color: #F7F5F5 !important;
    height: 30px;
    color: #898989;
    line-height: 30px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid lightgray;
    border-radius: 3px;
}
#eftLink{
    cursor:pointer;
}
.dvsearch input[name="tbSearch"] {
    float: left;
    height: 15px;
    outline: 0;
    padding: 5px 0px 5px 10px;
    width: 175px;
    border: 1px solid 
    lightgray;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
#dvFilterCont{
    margin-bottom:15px;
}
.dvsearch #btnSubmitSearch {
    background-color: 
#f1f1f1;
cursor: pointer;
float: left;
height: 25px;
text-align: center;
width: 40px;
border-top: 1px solid
lightgray;
border-right: 1px solid
lightgray;
border-bottom: 1px solid
    lightgray;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
#dvSubjectdd {
    display: inline-block;
}
#dvStore #dvSubjectdd .form-select-text{
    width:225px !important;
}
.dvsearch #btnSubmitSearch .fa-search {
    background-image: url(../Images/formelements/search.png);
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    display: inline-block;
    background-size: cover;
    margin: 4px;
    width: 20px;
}
#pnlPortal .dvremaining {
    float: left;
    margin-left: 78px;
}
#lblRemainingPurchases {
    line-height: 36px;
}
#dvKeywordsFilter label {
    display: inline-block;
}
#dvsubjectkeywords, #dvkeywordsubkeyword {
    display: inline;
}
.purchasesummaryportallink{
        border: 2px solid #1b1464;
    padding: 20px;
    text-align: center;
    width: 50%;
    margin: auto;
    font-size: 18px;
    margin-top: 10px;
}
#dvSubjectKeywords .skeyword, #dvKeywordsFilter .skeyword, #keywordcontainer .skeyword {
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid 
    lightgray;
    padding: 5px 10px;
    border-radius: 15px;
    margin: 5px;
    min-width: 50px;
    text-align: center;
}
#dvSubjectKeywords .skeyword:hover, #dvKeywordsFilter .skeyword:hover, #keywordcontainer .skeyword:hover {
    opacity: 0.95;
}
#dvSubjectKeywords .skeyword.selected, #dvKeywordsFilter .skeyword.selected, #keywordcontainer .skeyword.selected {
    color: 
    white;
    border: none !important;
}
#dvSubjectSubKeywords .ssubkeyword, #dvkeywordsubkeyword .ssubkeyword, #dvSubKeywords .ssubkeyword {
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid 
    lightgray;
    padding: 5px 10px;
    border-radius: 15px;
    margin: 5px;
    min-width: 50px;
    text-align: center;
}
#dvSubjectSubKeywords .ssubkeyword.selected, #dvkeywordsubkeyword .ssubkeyword.selected, #dvSubKeywords .ssubkeyword.selected {
    color: 
    white;
    border: none !important;
}
.directportallink{
    margin-bottom:10px;margin-top:5px;
}
#mobile-element {
display:block;
}
.invoicedesc
{
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    line-height: 25px;
    vertical-align: top;
    margin-bottom: 5px;
}
.InvTable .dvTotal {
        display: inline-block;
        width: 75px;
        margin-right: 16px;
    }
.dvHrLine {
        border-top: 1px solid #eeeeee;
}

#paymentMessage {
    font-weight: bold;
    display: block;
    padding: 20px 0px 20px 0px;
}
.InvTable
{
    margin: 5px 0px 20px 0px;
    font-size: 12px;
}
.InvColumnQuanitity_
{
   font-weight:bold;
   font-size:12px;
   display: inline-block;
   width:15%;
   line-height:20px;
}
.InvColumnDesc_
{
     display: inline-block;
    font-size:12px;    text-indent: 5px;
    width:75%;
    line-height:20px;
}
.InvColumnAmount_
{
    display: inline-block;
    width:10%;
    font-size:12px;
    line-height:20px;text-align:right;
}
.singleInvCont
{
        padding: 30px 30px 5px 30px;
}

/*
.InvColumnDesc
{
        display: inline-block;
    font-weight:bold;
    font-size:12px;    text-indent: 5px;
    line-height: 25px;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    width:75%;
}
    */
.InvColumnAmount
{
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    font-weight:bold;
    display: inline-block;
    width:10%;
    font-size:12px;
     line-height: 25px;
     text-align:right;
}
.InvColumnTotal
{
    border-top: 1px solid #666666;
    /*border-bottom: 1px solid #666666;*/
    font-weight:bold;
    display: inline-block;
    width:100%;text-align:right;
    
    font-size:12px;
     line-height: 25px;

}
.InvRowHeader .InvColumn
{
    display: inline-block;
    width:12%;
    font-weight:bold;
    font-size:12px;
    line-height: 25px;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
}
.InvRowHeader .InvColumnDesc
{
    display: inline-block;
    width:52%;
    font-weight:bold;
    font-size:12px;    text-indent: 5px;

    line-height: 25px;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
}
.InvRow .InvColumnDesc
{
    display: inline-block;
        line-height: 25px;
    width:52%;    

}
.InvRow .InvColumn
{
    display: inline-block;
    width:12%;
        line-height: 25px;
}

.ritealign
{
    text-align:right;
        line-height: 25px;
}
.link_mobile
    {
         display:none;text-indent: 5px;
    }

.msgWarning
{
    font-weight:bold;
    font-size:12px;
}

.subCode
{
    font-size:13px;
    font-weight:bold;    letter-spacing: 1px;
    color:white;    background-color: Grey;padding: 0px 5px 0px 5px;
}
.dashboard-container {
    width:100%;
    /*min-height:50px;*/    
}
#divQuote {
    padding: 10px 10px 15px 10px !important;
}
.portals-container {
    float:left;
    margin-left:20px;
    margin-top:50px;
    width:540px;
}

.portalitemcontainer {
    display: inline-block;
    margin-left: 20px;
    width: 80%;
}
.portalitemcontainer .portalTitleLink{
    display:inline-block;
}
.portalitemcontainer #lblRemaining{
    float:right;
}
.portaldescriprion{
    margin-bottom:5px;
}
.noportals-container {
    /*margin-left:50px;
    margin-top:50px;*/    
    font-weight:bold;
    font-size:larger;
    width:500px;    
    padding:0px 0px 50px 50px;
    margin-left:-50px;
    margin-top:-30px;
}

.portaldescriprion {
    width:460px;
}

.buttonaddcart {
    float:right;
    /*margin-top:10px;*/
}

.buttonaddpagecart {
    float:right;
    margin-top:-20px;
}

.cart-container {
    float:left;
    width:250px;
    min-height:150px;
    margin-top:50px;
    margin-left:40px;    
    background-color:#666666;
}

.shopping-cart-title {
    color:white;
    font-weight:bold;
    font-size:initial;
    margin-top:15px;
    margin-left:15px;
    margin-bottom:30px;
}
.cart-item-container {
margin-bottom:5px;
}
.cart-item-name {
   /* float:left;*/
   display:inline-block;
    color:white;
    width:165px;   
    margin-left:10px;

    /*margin-bottom:5px;*/
}
.cart-item-name.seperator{
    border-bottom:1px solid white;
    margin:10px 10px 10px 10px;
}

.dvMobileCart{
    display:none;
}
.btOpenCartDialog {
    background-image: url("../Images/formelements/normalcart.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin-right: 5px;
    height: 28px;
    width: 28px;
    background-size: cover;
    position: fixed;
    top: 70px;
    right: 5px;
    background-color: #ffffff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 90%), 0 0 40px rgb(0 0 0 / 10%) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.9), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgb(0 0 0 / 90%), 0 0 40px rgb(0 0 0 / 10%) inset;
    border: 1px solid #b5acac;
    cursor: pointer;
    padding: 5px;
}
.btOpenCartDialog.hasitems{
    background-image: url("../Images/formelements/pluscart.png");
}


.icnRemoveCartItem{
background-image: url("../Images/icon-remove.png");
background-repeat: no-repeat;
cursor: pointer;float: right;margin-right: 5px;
height: 20px;width: 20px;background-size: cover;
}
.cart-item-price {
    display: block;
    vertical-align: top;
    color: white;
    text-align: right;
    padding-right: 20px;
}

.subscribe {
    float:right;
    margin-top:30px;   
    margin-right:20px;
}
#btnActivateNow
{
    height: 20px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}

.activeLbl
{
    
}

#btnRefresh
{
    height: 22px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;margin-bottom:10px;
}
  .tdOnlinePayment  .mheader
    {
        display: none;

    }

.portalTitleLink
{
    display:block;
}
.portalTitleLink_mobile
{
    display:none;
}
.InvRowTotal {
border-bottom: 1px solid #666666;    
}

#dlgCartItems{

}
#dlgCartItems .modalContent{
    color:#666666;
}
#dlgCartItems .shopping-cart-title{
        color:#666666 !important;
}
    #dlgCartItems .cart-item-price {
        color: #666666 !important;
        height: auto;
        vertical-align: bottom;text-align:right;
        width: 100%;
    }
#dlgCartItems .cart-item-name{
            color:#666666 !important;
}
.btOpenCartDialog{
    display:none;
}
@media only screen and (min-width: 120px) and (max-width: 736px)
{

        #dlgCartItems .cart-item-name.seperator{
    border-bottom:1px solid lightgray;    width: 100% !important;
    margin:10px 10px 10px 0px;
}

    .btOpenCartDialog{
    display:initial;
}

    #btnDialogSubscribe{
        float:right;
        margin-top:5px;
        margin-bottom:5px;
    }
    #divStoreContainer{
        display:none;
    }
   #dlgCartItems #divCartItems{
       margin-top: 5px;
    }
    .subscribe{
        display:none;
    }
   #dlgCartItems{

}
#dlgCartItems .modalContent{
    color:#666666;
}
#dlgCartItems .shopping-cart-title{
        color:#666666 !important;display:none;
}

#dlgCartItems .cart-item-price{
            color:#666666 !important;
}
#dlgCartItems .cart-item-name{
            color:#666666 !important;
            margin-left:0px;width: 100%;
}
.dvMobileCart{
    display:initial;
}
    .InvRowTotal {
border-bottom: 1px solid lightgray;    
}
        .InvRowTotal .link {
            color: #666666 !important;float:left;
        }
    .portalTitleLink
{
    display:none;
}
.InvColumnTotal {
    border:none;
}
        .InvColumnTotal.btop{
    border-top: 1px solid lightgray !important;
}
.portalTitleLink_mobile
{
    display:block;
}
    .singleInvCont {
        border: none;
        box-shadow: none;
        padding: 5px 10px 0px 10px;
    }
    .invoicedesc
    {
        display:inline;
        line-height:20px;
    }
    .invoicedesc {
        line-height: 20px;
    }
    #divPageTitle
    {
        font-size:13px;
        font-weight: 600;
    }
.InvRowHeader
{
    display:none;
}
    .InvRow .InvColumnTotal
    {
        margin-top: 5px;
        line-height: 20px;
        text-align:initial;
    }

.InvRowHeader .InvColumnDesc
{
    display: block;
    font-weight:bold;
    font-size:11px;    text-indent: 0px;
     width:initial;
    line-height: 15px;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
}
.InvRow .InvColumnDesc
{
    display:block;
        line-height: 20px;
 width:initial;

}

.InvRow .InvColumn {
    display: block;
    width: initial;
    line-height: 15px;
}

.InvRow .InvColumn.numusers
{
    display:none;
}
    .InvRow .InvColumn.numused {
        display: none;
    }

    .InvRow .InvColumn.numremain {
        display: none;
    }
    .InvRow .InvColumn.ritealign {
        text-align:right;
    }

.ritealign
{
    text-align:initial;
     line-height: 20px;
     text-align:left;
     width:initial;
}

    .link
    {
       text-indent: 0px;
    }
.link_mobile
    {
         display:none;text-indent: 0px;
    }
    .lblTitle {
    display:none;
    }
.InvTable
{
    margin: 0px 0px 20px 0px;
    font-size: 12px;
}

    .InvTable .InvRow{
        margin-bottom: 5px;
    border-top: 1px solid lightgray;
    padding-top: 5px;
    }
    .InvTable .dvTotal {
            display: inline-block;
    text-align: right;
    width: 75px;
    margin-right: 5px;
    }
    
    .cart-container
    {
        float: left;
    }

    .portals-container
    {
        float: left;
        margin-left: 0px;
        margin-top: 0px;
        width: auto;
    }
    
    #dvStore
    {
        width: 90%;
        margin: auto;
        background-color: #FFFFFF;
        border-radius: 3px;
    }

    .dashboard-container
    {
    }

    .portaldescriprion
    {
        width: auto;
    }

    .divportalpages
    {
        width: auto !important;
    }

    .portalitemcontainer {
        margin-top: -5px;
        display: inline-block;
        margin-left: 10px;
        width: 70%;
    }

        .portalitemcontainer .title
        {
            font-size: 12px;
            margin-top: 5px !important;
        }

        .portalitemcontainer .portaldescriprion
        {
            font-size: 12px;
        }

    .btnPB4
    {
    }

    .storeportalrep
    {
   padding: 10px 0px;
    }

    .singlepage
    {
        background-color: #f0f0f0;
        width: 100% !important;
    }

        .singlepage .checkbox
        {
            width: 98% !important;
            font-size: 12px;
            font-weight: bold;
            padding: 0px 2px;
        }

        .singlepage .title
        {
            font-size: 12px;
            float: left;
            margin-top: 0px !important;
            padding: 0px 2px;
        }

    .buttonaddpagecart
    {
        float: right;
        font-size: 12px;
        margin-right: 2px;
        margin-top: 0px;
    }

    .buttonaddcart {
        /* float: none; */
        margin-top: 10px;
    }

    #btnAddPortalToCart
    {
        cursor: pointer;
        width: 100px;
        height: 25px;
        font-size: 11px;
        line-height: 25px;
        border-radius: 3px;
        margin-left: 15px;
    }

    #btnRemovePortalFromCart {
        cursor: pointer;
        width: 125px;
        height: 25px;
        font-size: 11px;
        line-height: 25px;
        border-radius: 3px;
        margin-left: 65px;
        margin-top: 5px;
    }

    .ProgInfoSelect
    {
    }

        .ProgInfoSelect .lblProgNum
        {
            font-size: 16px;
        }

        .ProgInfoSelect .lblProgText
        {
            font-size: 10px;
            min-height: 30px;
        }

    .ProgInfo
    {
        vertical-align: top;
    }

        .ProgInfo .lblProgNum
        {
            font-size: 16px;
        }

        .ProgInfo .lblProgText
        {
            font-size: 10px;
            min-height: 30px;
        }

    .ProgArrowImgSelect
    {
        width: 3%;
    }

    .ProgArrowImg
    {
        width: 3%;
    }

    .ProgArrowImgSelect Img
    {
        width: 12px;
        height: 12px;
        margin-bottom: 30px;
    }

    .ProgArrowImg Img
    {
        width: 12px;
        height: 12px;
        margin-bottom: 30px;
    }

    #divQuote
    {
        padding: 0px 15px !important;
    }

    .quotehelptext
    {
        padding-top: 0px !important;
        font-size: 12px !important;
    }

    #divQuote .divTbl
    {
        margin-top: 10px;
    }

        #divQuote .divTbl .divR
        {
            display: inline-block;
            width: 100%;
            margin: 5px 0px;
        }

            #divQuote .divTbl .divR .divC
            {
                display: block;
                height: auto;
                line-height: 20px;
                width: 100%;
            }

                #divQuote .divTbl .divR .divC b
                {
                    width: auto;
                }

                #divQuote .divTbl .divR .divC .form-textbox
                {
                    width: auto !important;
                }

                #divQuote .divTbl .divR .divC label
                {
                    margin-left: 0px;
                    font-size: 11px;
                    display: block;
                }

    .lblSkipstep
    {
        float: right;
        margin-bottom: 10px;
        font-size: 14px !important;
    }

    .printinvoice
    {
        display: none;
    }

    .printquote
    {
        display: none;
    }

    .fright
    {
        float: none !important;
        font-size: 14px !important;
        margin-top: 0px !important;
        margin-right: 0px !important;
        display: block !important;
    }

    .acceptquote
    {
    }

    .rejectquote
    {
    }

    #divInvoice
    {
    }

    #divInvoice
    {
    }

    #divInvoice
    {
    }

    .tblInviceHeader
    {
    }

        .tblInviceHeader th
        {
            width: 30% !important;
        }

    .tblInviceRow
    {
    }

        .tblInviceRow td
        {
            width: 30% !important;
        }

    .tblInviceTotal
    {
    }

        .tblInviceTotal .textRight
        {
            width: 60% !important;
        }

    .tickInfoTable
    {
        display:inline-table;
    }
    #tdOnlinePayment
    {
        width: 100%;
    padding: 5px 0px;
        display: block;
    }
    #tdEftDetails
    {
        padding:5px 0px;
        display: block;
    }

    .tickInfoTable .rowHead
    {
        display: none;
    }

    .mheader
    {
        display: none !important;
    padding-bottom: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    }

    .rowHead
    {
        display: none;
    }

    #dlg1
    {
      /*  width: 320px !important;
        top: 53px !important;
    left: 0px !important;
        left:0px !important;*/
    }
    #RegisterOpenContainer .label
    {
        line-height:20px !important;
        text-align: left;
    }
    #RegisterOpenContainer #divCreateAccountText
    {
        height: 50px !important;
    }
    #dlgConfirmation
    {
            top: 150px !important;
    }
}
.dvClearFilter {
    display: inline-block;
    line-height: 30px;
    vertical-align: top;
    cursor: pointer;
    margin-left: 10px;
}
.dvClearFilter div {
    display: inline-block;
    font-size: 12px;
    text-decoration: underline;
}
.dvNumberSubs{
    padding-top:5px;

}
    .dvNumberSubs .title {
        display: inline-block;
        margin-left: 0px;
        margin-right: 15px;
        font-weight: bold;
    }
    .dvNumberSubs #tbNumberOfSubs {
        width: 60px;
    }

@media only screen and (min-width: 120px) and (max-width: 736px) {

    .cartportal{

    }
        .cartportal .mediumimage {
        }

    .InvTable .dvTotal {
        margin-right: 0px;
    }

    #dvStore #dvSubjectdd .form-select-text{
        width:initial !important;
    }
    .InvTable .InvRow {
        border-top: none;
    }
    #tbQuoteItems #litItemNumberSubscriptions {
        display: inline-block;
        float: left;
        margin-left: 0px;
    }
    #litItemNumberSubscriptions {
        display: inline-block;
        float: left;
        margin-left:0px;
    }

    /*
     {
        display: inline-block;
        width: auto;
    }
     {
        float: right;
        width: auto;
    }*/
#divTotal .cart-item-name, #dvvattotal .cart-item-name, #dvsubtotal .cart-item-name {
    display: inline-block;
    width: auto;
}

#divTotal .cart-item-price, #dvvattotal .cart-item-price, #dvsubtotal .cart-item-price {
    float: right;
    width: auto;padding-right:0px;
}
    .portalitemcontainer #lblRemaining {
        display: block;
        float: none;
        margin-top: 5px;

    }

    #mobile-element {
display:none;
}
    .cart-container{

        margin-left:7%;
    }
    .modalDialog {

    }
    .modalDialog .modalContent {
   /* max-height: 320px;
    overflow-y: scroll;*/
}

    .purchasesummaryportallink{
    width: 60%;
}
    #dvSubjectdd{
        display: block;
margin: 5px 0px 0px 0px;
    }
}

@media only screen and (min-width: 120px) and (max-width: 280px) {


    .cart-container{

        margin-left:1%;width:235px;
    }
}