.ub-list {
     font-size:.85rem;
     overflow:auto;
     width:100%;
}
.inactiveReport .imageColumn {
    max-height:110px;
}

.topBlock {
    padding: 10px 0;
}
.itemBodyBlock {
    padding: 10px 5px;
}

.topBlock .leftColumn {
    width: 30%;
}

.topBlock .sub-headerLeft, .topBlock .sub-headerLeft0 {
    padding-left: 25px;
    position: relative;
    cursor: pointer;
}

#activeReport .topBlock .sub-headerLeft:before {
    content: '»';
    width: 20px;
    height: auto;
    text-align: center;
    margin-left: 4px;
    font-weight: bold;
    font-size: 1.5rem;
    transform: rotate(90deg);
    position: absolute;
    left: 0;
    color: black;
}

.topBlock .sub-headerCenter {
    display:none;
}
.topBlock .sub-headerRight {
    width: 65%;
    /*text-align: right;
    padding-left: 5px;*/
    margin-left: 2%;
}
    .topBlock .sub-headerRight .details {
        color: black;
        cursor: default;
    }

    .topBlock .sub-headerRight .inv-display {
        padding:0 10px;
    }

.categorized-srv {
    margin-bottom: 30px;
    height: 45px;
    overflow: hidden;
}
    .categorized-srv .sub-content{
        max-height:500px;
        overflow:auto;
    }

    .categorized-srv.open {
        height: auto;
    }

    .bulk-block .imageColumn {
        /*width: 15%;
    padding-left: 0;*/
    }
.bulk-description {
    overflow: hidden;
    width: 100%;
    text-align: left;
    padding: 10px 0px 0px 10px;
    margin-top: 10px;
    border-top: 1px solid silver;
    display: inline-block;
}
.productBlock .sub-delete {
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;overflow: hidden;
}
.productBlock .sub-delete {
    width:35px;
    cursor: pointer;
}
.productBlock .sub-name {
    /*right: 40px;*/
    color:black;
    display:block;
}

.productBlock .prod-list {
    /*text-decoration: underline;*/
    color: blue;
    position: absolute;
    bottom: 0;
    width: 50%;
    right:40px;
    text-align:right;overflow: hidden;
    line-height:15px;
}
    .productBlock .prod-list:hover {
        cursor:pointer;
    }

.pt-arrow:after {
    content: '\00BB';
    width: 20px;
    text-align: center;
    display: inline-block;
}
.plan-detail {
    width: 68%;
    margin-top: inherit;
    float: right;
}

    .plan-detail .productdesc {
        text-align: left;        
        line-height: 18px;
    }

    .plan-detail .sub-detail {
        margin-top: 10px;
    }

        .plan-detail .sub-detail .details {
            color: black;
            cursor: default;
        }

    .plan-detail .sub-detail, .plan-detail .sub-buymore {
        line-height: 35px;
    }
   

.no-Sub .productdesc {
        line-height: 20px;
    margin-top: 30px;
}

.in-plan-detail {
    width: 50%;
}
.actionColumn .productinfo {
    margin-bottom: 25px;
}
.productinfo .sw-primtxt {
    font-weight:bold;
}
.current-plan, .plan-used {
    font-size: .85rem;
}
.plan-used {
    padding-left: 25px;
    font-size: .75rem;
}
.inventory-cnt {
    font-weight:bold;
}

.inventory-fact {
    padding:10px 0;
}

.sub-img {
    max-width:100px;
}

.upgradenow {
    max-width: 150px;
    float: right;
    padding: 10px 5px;
    font-size: 1rem;
}

.change-plan, .card-selector {
    color: blue;
    /*text-decoration:underline;*/
    cursor: pointer;
    font-size: .85rem;
}

.change-plan-cont {
    margin-bottom: 10px;
}
input.inp-threshold {
    border-radius: 0;
    border: 1px solid silver;
	width: 85px;
}
.recur-pay-req {
    min-height:375px;
}

.orderitemBlock:not(:last-child) {
    margin-bottom:0
}
/*modal starts */
/*#modal article.planSelector {
        max-width: 450px;
    max-height: 235px;
}*/

/*article.io-planSelector h3 {
    color: black;
    border-bottom: 1px solid silver;
    background-color: #bfbfbf33;
        padding: 10px;
}*/
.waiting-inv {
    overflow-x: hidden;
    overflow-y: scroll;
    /*height: 80px;*/
}
.waiting-inv div {
    width: 90%;
    margin: auto;
    line-height: 22px;
}
.restock-sch {
    font-size:.75rem;
}

.currentSelected {
    background-color: #ffff003b;
}

.tab ul li {
    width: 40%;
}

article.io-planSelector select{    
    background-color: white;
    color: black;
    font-size: 1.2rem;
    border: 1px solid silver;
    margin: auto;
}


article.io-planSelector .ub-plans-choices {
    overflow: hidden;
    margin-top: 50px;
}


    article.io-planSelector .ub-plans-choices div {
       line-height: 45px;
        color: black;
    }

article.io-planSelector .ub-plans-save {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: auto;
    left: 0;
    border: 2px solid white;
}

article.io-planSelector .buymore-trigger {
    text-decoration: underline;
    color: blue !important;
    cursor: pointer;
}
article.io-planSelector .threshold-violation {
    font-size: .8rem;
    padding: 25px 0px;
    line-height: 0px !important;
}

article.io-planSelector .threshold-violation-currentInv {
    font-weight: bold;
}
article.io-planSelector .sub-saveddesigns {
   padding:15px;overflow: auto;
    max-height: 530px;

}
article.io-planSelector .sub-product {
    width: 100px;
    float: left;
    min-height: 200px;
    max-height: 200px;
    overflow: hidden;
    margin: 15px;
}
article.io-planSelector .sub-product label {
    font-size: .75rem;
}
    article.io-planSelector .sub-product:hover {
        box-shadow: 0px 0px 5px 1px silver;
        cursor: pointer;
    }

.apq-hosted-pf {
        height: 99%;    margin: auto;
    background-color: white;
}
    .apq-hosted-pf .xclose {
        position:initial !important;
    }

/*.apliiq-vip{margin-bottom:15px;}*/

@media screen and (min-width:768px) {
    .plan-detail {
        width: 75%;
        margin-left: 0%;
    }
    #modal article.io-planSelector {
        max-width: 600px;
        max-height: 575px;
    }
	.leftColumn {
        width:25%;
    }
    .in-plan-detail {
        width: 28%;
        float: right;
    }

    .topBlock .sub-headerLeft, .topBlock .sub-headerLeft0 {
        width: 24%;
    }

    .topBlock .sub-headerRight {
            width: 73%;
            padding-right:5px;    margin-left: 0;
    }
    .floatleftwidth40p {
        float:left;
        width: 50% !important;
    }
    .imageColumn {
        width: 22%;
    }
    .plan-detail .productdesc {
            margin-top: 7%;text-align: left;
    }
    
}
@media screen and (min-width:1024px) {
    .leftColumn {
        width: 15%;
    }
    
    .in-plan-detail {
        width: 19%;
    }

    .floatleftwidth40p {
        width: 40% !important;
        max-width: 200px;
    }
    .categorized-srv.annual-sb .plan-detail .productdesc {
        margin-top: 8px;
        float: left;
        width: 35%;
    }
    .actionColumn div.switchBoxSel {
        border: 1px solid silver;
        padding-left: 5px;
    }
    .actionColumn div.switchBoxSel, .actionColumn div.productinfo{
        width:60%;
        float:right;
    }
}
@media screen and (min-width:1025px) {
    .plan-detail {
        width: 78%;
        margin-left: 0%;
    }
        .plan-detail .productdesc {
            margin-top: 5%;
        }
    /*.topBlock .sub-headerLeft, .topBlock .sub-headerCenter, .topBlock .sub-headerRight {
        width:32%;
    }*/
}