.openImg {
    background-color: white;
    width: 38px;
    margin-top: 14px;
    margin-left: 10px;
    margin-bottom: 13px;
    padding: 6px;
}

.sideBarWrapper .submitButton {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
	padding: 2%;
}

@media screen and (min-width:769px) {
    .feature-icon {
        background-position: 0px -567px !important;
    }
    .more-cspire-icon {
        background-position: 7px 3px !important;
    }
    .account-icon {
        background-position: 1px -573px !important;
    }
    .search {
        padding-bottom: 0% !important;
        padding-top: 0% !important;
    }
    .welcometext {
        margin-top: 0% !important;
    }
    .header-outer {
        font-family:'Barlow Semi Condensed', Arial, sans-serif;
    }

    #content_holder .sidebar-teal {
        min-height: 630px;
    }
}

.menu-options a {
    color: #FFFFFF !important;
    font-size: 16px;
    font-family:'Barlow Semi Condensed', Arial, sans-serif;
    font-weight: 400;
}

.menu {
    /* float:left; */
    /* width:18%; */
    height: 100%
}

.padding {
    padding: 5% 10% 10% 1%;
}

.sidebar-spacing {
    padding: 0.8rem 0rem;
}

.wireless {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 2.3rem 0;
    /* padding-top: 19px;
    padding-bottom: 16px; */
    margin: 2.5rem 0rem;
}

.dashboard {
    width: 100%;
    border-bottom: 1px solid gray;
    margin-bottom: 2.9rem;
    padding: 1.8rem 0rem;
}

.icon {
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 25px;
    margin-left: 10px;
    margin-right: 16px;
}

.dashboard-icon {
    background-image: url(/resources/images/mma/mma-2021/dashboard.svg);
    background-position: 9px 3px;
}

.billing-icon {
    background-image: url(/resources/images/mma/mma-2021/billing.svg);
    background-position: 2px 40%;
}


.data-usage-icon {
    background-image: url(/resources/images/mma/mma-2021/usage.svg);
    background-position: 2px 40%;
}

.upgrade-line-icon {
    background-image: url(/resources/images/mma/mma-2021/manage-services.svg);
    background-position: 2px 40%;
}

.internet-eqp-icon {
    background-image: url(/resources/images/mma/mma-2021/internet-equipment.svg);
    background-position: 2px 40%;
}

.plans-icon {
     background-image: url(/resources/images/mma/mma-2021/plans-features.svg);
     background-position: 2px 40%;
}

.warranty-icon {
    background-image: url(/resources/images/mma/mma-2021/warranty-insurance.svg);
    background-position: 2px 40%;
}
@media(max-width:768px){
    .warranty-icon {
        background-position: -2px -312px;
    }
}

.shop-icon {
	background-image: url(/resources/images/mma/mma-2021/shop-wireless.svg);
    background-position: 2px 40%;
}

.international-icon {
	background-image: url(/resources/images/mma/mma-2021/devices.svg);
    background-position: 9px 3px; 
}

.devices-icon {
	background-image: url(/resources/images/mma/mma-2021/tv-options.svg);
    background-position: 2px 40%;
}

.ticket-icon {
	background-image: url(/resources/images/mma/mma-2021/support-tickets.svg);
    background-position: 2px 40%;
}

.home-service {
	background-image: url(/resources/images/mma/mma-2021/home-services.svg);
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    background-position: 9px 3px;
}

.order-equipment-icon {
	background-image: url(/resources/images/mma/mma-2021/tv-channels.svg);
    background-position: 2px 40%;
}

.feature-icon {
    background-position: 0px -705px !important;
}

.home-service-icon {
	background-image: url(/resources/images/mma/mma-2021/more-cspire.svg);
    background-position: 1px 40%;
}

.more-cspire-icon {
	background-image: url(/resources/images/mma/mma-2021/account-settings.svg);
    background-position: 1px 40%;
}

.account-icon {
    background-position: 1px -597px !important;
}

.flex {
    display: flex;
    /* height:65px; */
}

.ml {
    margin-left: -6px;
}

.noPadding-right {
    margin-top: 0px;
    padding: 1px;
    padding-right: 0px !important;
    padding-left: 0px !important; 
    /* height: 814px; */
}
.bb-sidebar-padding {
    padding-left: 26px !important;
}

.fiber-inner-content {
    background-color: #e9ecef;
    padding-top: 30px;
    min-height: 598px;
}

.animate {
    -webkit-transition: all 1s cubic-bezier(.25,.46,.45,.94);
    -moz-transition: all cubic-bezier(.25,.46,.45,.94) 1s;
    -o-transition: all cubic-bezier(.25,.46,.45,.94) 1s;
    transition: all 1s cubic-bezier(.25,.46,.45,.94);
    width:80% !important;
  }

   .sidebar-menu-options {
      /*position: absolute;*/
      left: -100%;
      opacity: 0;
      overflow-y: scroll;
    }
.sidebar-menu-options.show-animation {
     left: 0;
     opacity: 1;
     height: calc(100vh - 130px);
}

 .scroll-locked {
      overflow:hidden;
      -webkit-overflow-scrolling: touch;
  }

 .sidebar-toggler {
     width: 40px;
     height: 30px;
     position: relative;
     margin: 8px auto;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
}
.sidebar-toggler span {
      display: block;
      position: absolute;
      height: 4px;
      width: 100%;
      background: #00C0F3;
      border-radius: 9px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .35s ease-in-out;
      -moz-transition: .35s ease-in-out;
      -o-transition: .35s ease-in-out;
      transition: .35s ease-in-out;
}

.sidebar-toggler span:nth-child(1) {
    top: 0px;
}

.sidebar-toggler span:nth-child(2) {
    top: 12px;
}

.sidebar-toggler span:nth-child(3) {
    top: 24px;
}

.sidebar-toggler.true span:nth-child(1) {
      top: 12px;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
}

.sidebar-toggler.true span:nth-child(2) {
      opacity: 0;
      left: -60px;
}

.sidebar-toggler.true span:nth-child(3) {
      top: 12px;
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      transform: rotate(-135deg);
}

@media(max-width:768px) {
	#select-installation-prefrence .top-section {
		display: flex;
	}
	
	#select-installation-prefrence #enter-new-address .second-row input.zip {
		width: 113px;
	}
}

.shipping-popup .top-heading {
	font-size: 18px;
}

.shipping-popup .x-icon {
	font-size: 21px;
	cursor: pointer;
	float: right;
	color: #28cefe;
	
}

.shipping-popup .setup-prefrence {
	padding: 10px 0;
}

.shipping-popup .form-input-radio {
	padding: 5px 0 15px;
}

.shipping-popup .form-input-radio label {
	padding-left: 10px;
}

.shipping-popup .form-input-radio .onetime-fee {
	padding: 0 0 0 25px;
}

.shipping-popup .form-input-radio .fiber-address {
	padding: 25px 0 0 25px;
	line-height: 10px;
}

.shipping-popup .form-input-radio .onetime-fee .edit-image {
	width: 5%;
    margin-left: 30px;
    cursor: pointer;
}

.shipping-popup .next-button {
	margin: 0 auto;
	width: 50%;
	text-align: center;
	padding-top: 10px;
}

.shipping-popup .next-button button {
	width: 100%;
	border: 1px solid #28c2fe;
	background-color: #28cefe;
	color: #fff;
	padding: 8px;
	font-size: 17px;
}

.shipping-popup .next-button button.disabel-next-btn {
	border: 1px solid lightgray;
    background-color: lightgray;
    pointer-events: none;
}

.downgrade-dropdown {
    border-radius: 4px;
    border: 1px solid #e9ecef;
    width: 100%;
    -webkit-appearance: none;
    background-image: url('/resources/images/mma/arrow-down.png');
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-size: 13px 11px;
    max-height: 30px !important;
}

.submit-button {
    width: 150px;
    background-color: #28c2fe;
    color: #fff;
    font-size: 16px !important;
}

.downgrade-close-button {
    color: #28c2fe;
    cursor: pointer;
    text-decoration: underline;
}

.downgrade-modal-body {
    font-size: 16px;
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 200;
}

.downgrade-header {
    font-weight: 300 !important;
    font-size: 22px !important;
    margin-top: -20px;
    font-style: normal;
}

.crossText {
    margin-right: -20px;
    font-size: 20px;
    margin-top: -20px;
    color: #28c2fe;
}

#colorbox.colorbox-installation-smart-wifi {
	border: none;
	border-radius: 5px;
}

#cboxClose.cross-icon {
	display: none
}

#cboxLoadedContent.colorbox-content {
	margin-top:	0;
}

#colorbox.address-form-height {
	height: 550px !important;
}

#colorbox.self-Installation-feature {
    height: 460px !important;
}

#colorbox.hide-address-height {
	height: 370px !important;
}

.hide-address-form {
	display: none;
}

.show-address-form {
	display: block !important;
}

#enter-new-address .input-label{
	font-size: 15px;
}

#enter-new-address input {
	height: 40px;
	border: 2px solid lightgray;
}

#enter-new-address .input-row {
	margin: 0 0 10px;
}

#enter-new-address .second-row {
	width: 32%;
	display: inline-block;
}

#enter-new-address .state-list {
    width: 96%;
    height: 40px;
    border: 2px solid lightgray;
}

#enter-new-address .second-row input {
	width: 97%;
}
#enter-new-address .second-row input.zip {
	width: 154px;
}

#enter-new-address .street-address-input {
	width: 100%;
}

.save-address-link {
	color: #28c2fe;
	text-decoration: underline;
	cursor: pointer;
	text-align: center;
	padding: 10px 0;
}

.error-msg {
	margin-bottom: 5px;
	color: red;
}

#edit-shipping-address .top-heading {
	font-size: 18px;
}

#edit-shipping-address .x-icon {
	font-size: 21px;
	cursor: pointer;
	float: right;
	color: #28cefe;
}

#edit-shipping-address #enter-new-address {
	padding-top: 10px;
}

#professional-installation .top-section {
	padding-bottom: 20px;
}

/* HSBI-195: Create MMA pop up warning user regarding DVR storage */
.dvr-warning-modal, .internet-upgrade-modal {
    border: 0 !important;
}

.dvr-warning-modal .next-button, .internet-upgrade-modal .next-button {
	margin: 0 auto;
	width: 50%;
	text-align: center;
	padding-top: 10px;
}

.dvr-warning-modal .next-button button, .internet-upgrade-modal .next-button button {
    margin-top: 1rem;
    width: 100%;
	border: 1px solid #28c2fe;
	background-color: #28cefe;
	color: #fff;
	padding: 8px;
	font-size: 17px;
}

.dvr-warning-modal .top-section, .internet-upgrade-modal .top-section {
    margin-bottom: 2rem;
}

.dvr-warning-modal .top-heading, .internet-upgrade-modal.top-heading {
    font-size: 18px;
}

#colorbox.dvr-warning-modal, #colorbox.internet-upgrade-modal {
	border: none;
	border-radius: 5px;
}

.shipping-popup .form-input-radio .feature {
	display : none;
}

@media only screen and (min-width: 768px) {
    #colorbox.address-form-height {
		height: 630px !important;
	}

	#colorbox.hide-address-height {
		height: 350px !important;
	}

    #colorbox.self-Installation-feature {
        height: 380px !important;
    }
	
	#featureMsg {
		margin-bottom: 5px !important;
		line-height: 15px !important;
	}
	
	.shipping-popup .form-input-radio .fiber-address {
    	padding: 10px 0 0 25px;
    	line-height: 10px;
	}
	
	.shipping-popup .next-button {
		padding-top: 5px;
	}
}

.global-top-section {
	padding-bottom: 20px;
}

.global-top-heading {
	font-size: 18px;
	font-weight: bold;
	color: #28cefe;
}