/* Ecomm Shopping Styles */

.EcommProductBox_Normal {

    padding-top: 10px;

    padding-bottom: 10px;

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    height: 240px !important;

}

 .EcommProductBox_Normal:hover {

background-color: #EEEEEE;

}

/* Expand width of boxes on plan selection screen so that all plan names are displayed */

div[id^="dnn_ctr"][id$="_Edit_PlanSelection_UP"] > .row-plan > .item {

  max-width: min-content;

}

/* Fix the "View Details" modal on the plan selection screen */

div[id^="dnn_ctr"][id$="_Edit_PlanSelection_UpdatePanel1"] {

  position: unset !important;

}

/* Correct the coverage check tool's position */

div[id^="dnn_ctr"][id$="_View_ServiceSelection_pnlMessage"] {

  position: relative !important;

  margin: 0 auto;

}

.cartProductBox{

height: 150px !important;

}

.cart-username{

font-weight: 700;

}

.cart-price {

font-size: 85%;

}

.btn-product {

position: absolute;

top: 0px;

left: 0px;

height: 240px;

width: 100%;

opacity: 0 !important;

}

.product-image {

min-width: 50px;

border: none !important;

background-color: transparent !important;

}

.display-name {

font-weight: bold;

font-size: 20px;

}

.vendor-message {

font-size: 85%;

}

.vendor-message > img {

min-width:50px;

max-width: 100px;

border: none !important;

background-color: transparent !important;

}

/*  Used to give Bootstrap Tabs some spacing and borders */

.bordered-tab-contents > .nav-tabs {

    padding-left: 15px;

    margin-bottom: 0;

    border: none;

}

.bordered-tab-contents > .tab-content {

    border: 1px solid #ddd;

    border-radius: 4px;

    padding: 15px;

}

.dnnPanelLoading {

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -ms-opacity: 0.7;

    opacity: 0.7;

}

 

.dnnLoading {

    background: #fff url(../../../../../images/loading.gif) no-repeat center center;

    position: absolute;

    z-index: 9999;

}

/* Plan and Feature selection radio buttons */

input[type=radio] + label, input[type=checkbox] + label {

  width: 100%;

  margin: 2px;

  text-align: left;

  color: #333;

  background-color: #fff;

  border-color: #ccc !important;

  display: inline-block;

  padding: 6px 12px;

  margin-bottom: 0;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.42857143;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

}

input[type=radio] + label:hover, input[type=checkbox] + label:hover {

  background-color: #e6e6e6 !important;

  border-color: #adadad !important;

}

.plan-cost {

  font-weight: bold;

  font-size: 18px;

  background-color: lightgray;

  padding: 7px;

  margin-left: -12px;

  border-top-left-radius: 4px;

  border-bottom-left-radius: 4px;

}

.plan-name {

  padding-left: 10px;

}

/* Hide Persona Bar */

/* Commenting this initially helps with setup of new sites. 

 * Be sure to uncomment when deploying to customer

 */

.personabar-placeholder {

 /* display:none; */

}

    div[id^="dnn_ctr"][id$="_View_ServiceSelection_pnlMessage"] {
      opacity: 0;
    }

    div[id^="dnn_ctr"][id$="_View_ServiceSelection_pnlViewService"] {
	  opacity: 0;
	  margin-top: -150px;
	}

    div[id^="dnn_ctr"][id$="_Edit_Checkout_AccountInfo_pnlBillCycle"] {
      opacity: 0;
    }
 
    .modalBackground {
      opacity: 0;
    }

    div.order-tracker > input[value="Plans"] {
        display: none;
    }

    span[id^="dnn_ctr"][id$="_Edit_ViewPhoneDetails_listContract"] {
        color: black !important;
        border-color: white !important;
        font-size: 18px;
    }

    .btn-link[disabled] {
		background-color: gray !important;
	}

    #loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 1;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

#loading-image {
    top: 132px;
    z-index: 100;
    margin-left: auto;
    margin-right: auto;
}

#dnn_ctr13234_Edit_ViewPhoneDetails_UP > div:nth-child(5) > div.col-md-4.col-sm-6.col-xs-12 > div:nth-child(2){
        display: none;
}

#dnn_ctr13234_Edit_ShoppingCartView_UP > div.panel.panel-default{        display: none;
}