@font-face {
  font-family: 'default';
  src: url('../fonts/default300.woff') format('woff');
  src: url('../fonts/default300.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'default';
  src: url('../fonts/default400.woff') format('woff');
  src: url('../fonts/default400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'default';
  src: url('../fonts/default500.woff') format('woff');
  src: url('../fonts/default500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'default';
  src: url('../fonts/default700.woff') format('woff');
  src: url('../fonts/default700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

body {
	font-family:'default';
	font-size:16px;
}

h1, h2, h3, h4, h5, h6 {
text-transform:none;
}

strong {
	font-weight:700;
}

.navbar-nav .nav-item {
min-width:0;
}

.text-normal {
	font-weight:400;
}

.text-medium {
	font-weight:500;
}

.text-bold {
	font-weight:700
}

.text-blue {
	color:#02039D;
}

.text-blue2 {
	color:#1B1DE2
}

.text-softblue {
	color:#D9F0FC;
}

.section-title {
 text-transform:none;
 text-align:left;
 color:#02039D;
}

/* NAVBAR */
.navbar-light .navbar-nav .nav-link {
	color:#02039D;
	font-weight:500;
}

.logo-connectme {
	margin-bottom:10px;
}

.logo-connectme-white {
	margin-bottom:19px;
}

.btn {
	border-radius:8px;
	text-transform:none;
	padding:0.675rem 1.5em;
	font-weight:500;
}

.btn-pink {
	background:#FF0388;
}

.btn-blue {
	background:#02039D;
}

.btn-white {
	background:#ffffff;
color:#47485D!important;
border:1px solid rgba(213,213,225,0.5);
}

.navbar-nav .nav-item.no-dec>button {
	text-transform:none;
}

.icon.icon-logout {
    content: url(../img/v2/icon-logout.svg);
}

.navbar-nav .nav-item.no-dec>button .icon {
    margin-right:0;
    margin-left: 0.5em;
}

.navbar-nav .nav-item.no-dec>button .icon-home {
    margin-right:0.5em;
}

body {
	background-image:url(../img/v2/bg-body.jpg);
	background-color:#dfecf4;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top center;
}

#newsfeed {
	background:transparent;
}

/* LOGIN/SIGN UP */
#home.formtainer {
min-height:400px;
}

#login-form input {

}

#login-form .form-control, #signup-form .form-control {
	border-radius: 8px!important;
border: 1px solid rgba(213, 213, 225, 0.50)!important;
background: rgba(255, 255, 255, 0.80)!important;
padding:0.675rem 1.5em!important;
height:auto!important;
}

.btn-sign-up {
    background-color: #ff0287 !important;
    border-radius: 8px !important;
		padding:0.675rem 1.5em!important;
}

#sign-up #signup-form .section-title {
    margin-bottom: 1em!important;
}

#sign-up .agreement-check {
    background-color: #f1f1f1;
    padding: 1em 1em 1em 2.25em;
    border: 1px solid #d0d0d0;
}

/* DASHBOARD */
.progress .progress-bar {
	background-color:#FF0388;
}

.account-dropdown {
    margin-bottom: 0;
}

.row.custom-gutters-gx3 {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.row.custom-gutters-gx3 > [class*="col-"] {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.info-wrapper h6 {
	font-size:15px;
	font-weight:500;
}

.data-usage-desc {
	font-size:18px;
	font-weight:500;
}

.data-usage span {
	background:#F0F0F0;
	display:inline-block;
	text-transform:uppercase;
	font-size:11px;
	padding:5px 12px;
	border-radius:5px;
}

.progress {
	height:1.75rem;
	border-radius:8px;
  border: 2px solid #cdd1d0;
}

#newsfeed .container>div .work-order-status .content {
	background:#fff;
}

.btn-orange {
    font-weight: 500;
    background-color: #FBA95B99;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FAB890;
    border-radius: 8px 8px 8px 8px;
}

#newsfeed .container>div .sub-title {
	text-transform:none;
}

/* PROFILE */
#profile .info-wrapper>div {
background:none;
}

#profile .info-wrapper .personal-details {
background:white;
border-radius:8px;
}

#profile .info-wrapper .security {
background:white;
border-radius:8px;
}

#profile .info-wrapper>div {
border-radius:0;
}

.info-wrapper label {
	color:#3853BB;
}

.info-wrapper input, .info-wrapper textarea {
	font-weight:500;
}

#profile .edit {
    background: url(../img/v2/icon-edit.svg) center no-repeat;
    display: inline-block;
    position: absolute;

}

#profile .info-wrapper>div form .edit {
			background-size:100%;
		width:22px;
		height:22px;
}

/* ORDER HISTORY */
#order-history .table-responsive {
	border-radius:8px;
}


/* PLANS */

.plan .description {
	min-height:0;
	border:0;
	background:transparent;
}



.plan .topcontainer {
background: linear-gradient(180deg, #FFF 0%, #D2F0FF 100%);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding: 0px 20px 20px;
}

.plan .topcontainer .name {
    background: #6DCFF6;
    display: inline-block;
    /* margin: auto; */
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 4px 11px;
    font-size: 14px;
    font-weight: 500;
}

.plan .topcontainer .data-info .data h5 {
		color:#02039D;
    display: inline-block;
    font-size:32px;
		font-weight:700;
}

.plan .topcontainer .data-info .price h5 {
color:#FF0388;
font-size:43px;
font-weight:700;
}

.plan .topcontainer .data-info .price h5 span {
	font-size:16px;
	font-weight:500;
	color:#2B2C2F
}

.plan .details {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.plan .details h6 {
color:#02039D;
font-weight:700;
}

.plan .cta {
background:#02039D;
display:block;
}

@media (min-width: 1200px) {
    .c1240 {
        max-width: 1240px;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
		
		.navbar-nav .nav-item.no-dec {
        margin-left: 16px;
    }
}

@media (max-width:767.98px) {
	.data-card {
        margin: 0 0;
   }
}