.mc-form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
}
.mc-form .mc-field-wrap {
    padding: 10px;
}
.mc-form.striped .mc-field-wrap:nth-child(odd) {
    background-color: #ebebeb;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
.mc-form .control-label > span:nth-child(2), .required-field-marker {
    display: inline-block;
    color: #00a999;
}
.mc-form input[type="submit"], .mc-form input[type="reset"] {
    margin-top: 20px;
}
.mc-form .mc-form-value {
    font-weight: normal;
    /*font-size: .8em;*/
    font-size: 1em;
}
.mc-form .mc-count-text {
    float: right;
    font-size: 14px;
    margin: 5px auto;
}
/*.mc-form .field-error-msg {
    position: absolute;
}*/
.mc-form .mc-form-footer {
    margin-top: 20px;
    /*font-size: .7em;*/
    font-size: 16px;
}
.mc-form h3.popover-title {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
}
.mc-form .popover-content {
    font-size: 14px;
}

.mc-loading {
  width: 100%;
  height: 100%;
  display: table;
  text-align: center; 
}
.mc-loading i {
    color: #EEF3F5;
    font-size: 4em;
    display: table-cell;
    vertical-align: middle; 
}
.mc-form .mc-rating-option:first-child, .mc-form .mc-yes-no-option:first-child {
    margin-left: 5px;
}
.mc-form .mc-rating-option, .mc-form .mc-yes-no-option {
    padding: 0 10px;
}

/* Custom Forms */
.mc-request-consultation-form {
    /*min-height: 700px;*/
    background-color: #EFF4F6;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 0 30px 10px;
}
.mc-request-consultation-form .mc-radio-options div.col-sm-3 {
    display: block;
    width: 100%;
}
.mc-business-email-form, .mc-new-build-form, .mc-new-build-form-submitted {
    background-color: #EFF4F6;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 0 30px 10px;
}
.mc-new-build-form, .mc-new-build-form-submitted {
    /*min-height: 730px;*/
    padding-top: 20px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.mc-new-build-form p {
    margin: 0;
    padding: 0;
}
.mc-new-build-form .field-error-msg {
    display: none;
}
.mc-new-build-form .mc-form-details h2 {
    font-family: 'Verb W01 Lt';
    text-align: center;
    font-size: 24px;
}
.mc-new-build-form .mc-checkbox-options > div {
    width: 100%;
    
}
.mc-new-build-form hr {
    margin: 0;
}
.mc-new-build-form input[type=submit].btn.btn-primary {
    width: 100%;
    background: #0069a4;
    border-color: #0069a4;
    color: #d9e0e4;
}
.mc-new-build-form .mc-field-wrap {
    padding: 0 10px;
}
input[type=file] {
    font-size: 18px;
}
.fa.fa-info-circle {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABMElEQVQ4T42T3VGEUAyFv6DvWoJW4FqBawdaAUsF4qwF6LMwAxUwVKBWoHSAFWgJ+r5ynVwuy9/CwFM4uTlJThJh+IXZGcdyB6xA1rXbfAAlO5OSBN/dEOnFb/MEQYM16BekdLaSnTg7IdrcN3EtwTYvES46hAWRX1fwkGsFV63PlESbS/2vCXqZ989mCLRAUmI/FGzP3tdIiyXArjqXiexPUGnZrm1Ptem253BSGfenvuqaKGgJRhq0bSqBOVDtI1K98RzUU5gmYIpAw+ZFdFknWrDeJQTFlIjLCIyKeGiMprolDl77W5rdIN5LD7NjPLhIgylYIbM1eO/taJtFapDeKhtV/2cwnVOQlcUMn8S+tWeOaWIV3Qo33j6BoqrJkRcies77AyowlPxVyfCc/wHBrn6Jt1kpWwAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    cursor: pointer;
    /* is not appearing in cms */
}
.row .mc-field-wrap div .mc-form-field-info {
    font-size: 18pt;
}
.row .mc-field-wrap div .mc-form-field-info a {
    font-size: 16px;
}

.formMessage {
    margin-bottom: 100px;
}

/* CSC Form */
.cscSurvey > div > .row .mc-field-wrap > .ng-isolate-scope > .form-group .ng-scope > .mc-radio-options .col-sm-3 {
    display: inline;
    width: 33%;
}
.mc-radio-options .col-sm-3 label::before {
    display: inline;
    width: 33%;
}

/* CSO Form */
.csoSurvey > div > .row .mc-field-wrap > .ng-isolate-scope > .form-group .ng-scope > .mc-radio-options .col-sm-3 {
    display: inline;
    width: 33%;
}
.mc-radio-options .col-sm-3 label::before {
    display: inline;
    width: 33%;
}

/* Customer Satisfaction Survey */
.customerSatisfactionSurvey > div > .row .mc-field-wrap > .ng-isolate-scope > .form-group .ng-scope > .mc-radio-options .col-sm-3 {
    display: inline;
    width: 33%;
}
.mc-radio-options .col-sm-3 label::before {
    display: inline;
    width: 33%;
}

/* PSA Form */
.publicServiceAnnouncement > div > .row .mc-field-wrap > .ng-isolate-scope > .form-group .ng-scope > .mc-checkbox-options .col-sm-12 {
    display: inline;
    width: 25%;
}
.mc-checkbox-options > .row > .col-sm-12 label::before {
    display: inline;
    width: 25%;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }


/*ActivateSelfInstallEquipmentBlock*/
#frm-activateSelfInstall {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-serialNum-error {
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    line-height: inherit;
    color: inherit;
}

/*MEDIA QUERIES*/
/*media queries for activate image*/
/*@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    .activation-steps .div-input-serialNum {
        width: 617px;
        height: 138px;
        background-color: white;
        background-image: url("../../Content/images/activateEquipment/ActivateSerial_617x138.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: top;
        background-origin: border-box;
        border: none;
    }
}*/
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .activation-steps .div-input-serialNum {
        width: 617px;
        height: 138px;
        background-color: white;
        background-image: url("../../Content/images/activateEquipment/ActivateSerial_617x138.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: top;
        background-origin: border-box;
        border: none;
    }
}*/
@media only screen and (max-width : 319px) and (max-height : 479px) {
    .activation-steps .div-input-serialNum {
        /*width: 216px;
        height: 48px;*/
        width: 100%;
        height: auto;
        background-color: white;
        border: none;
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
 .activation-steps .div-input-serialNum {
    width: 289px;
    height: 64px;
    background-color: white;
    border: none;
 }   
}

/* This only appears on small screen when the picture specified below is not used */
@media only screen and (max-width : 767px) {
	.activation-steps .div-input-serialNum::before {
		content: "Serial Number or SN:";
		margin: 0;
		padding: 0;
		line-height: 1rem;
		font-weight: 900;
	}
}

@media only screen and (min-width : 768px) {
    .activation-steps .div-input-serialNum {
        width: 617px;
        height: 100px;
        background-color: white;
        background-image: url("../../Content/images/activateEquipment/ActivateSerial_617x138.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: top;
        background-origin: border-box;
        border: none;
    }
}

/*media-queries for text box*/
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .activation-steps .div-input-serialNum .div-txtBox-serialNum #txtSerialNumberId {
        width: 380px;
        height: 30px;
        border: none;
        position: relative;
        top: 56px;
        left: 200px;
        font-size: 18px;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .activation-steps .div-input-serialNum .div-txtBox-serialNum #txtSerialNumberId {
        width: 380px;
        height: 30px;
        border: none;
        position: relative;
        top: 56px;
        left: 200px;
        font-size: 18px;
    }
}*/
@media only screen and (max-width : 319px) and (max-height : 479px) {
    .activation-steps .div-input-serialNum .div-txtBox-serialNum #txtSerialNumberId {
        /*width: 133px;
        height: 12px;*/
        /*width: 380px;
        height: 30px;*/
        width: 90%;
        height: 30px;
        position: relative;
        top: 0;
        left: 0;
        font-size: 14px;
        line-height: 1.42857;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
    .activation-steps .div-input-serialNum .div-txtBox-serialNum #txtSerialNumberId {
        /*width: 178px;
        height: 16px;*/
        /*width: 380px;
        height: 30px;*/
        width: 90%;
        height: 30px;
        position: relative;
        top: 0;
        left: 0;
        font-size: 14px;
        line-height: 1.42857;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .activation-steps .div-input-serialNum .div-txtBox-serialNum #txtSerialNumberId {
        width: 380px;
        height: 30px;
        border: none;
        position: relative;
        top: 56px;
        left: 200px;
        font-size: 18px;
    }
}
/* this query did have min-height of 769px */
@media only screen and (min-width : 1025px) {
    .activation-steps .div-input-serialNum .div-txtBox-serialNum #txtSerialNumberId {
        width: 380px;
        height: 30px;
        border: none;
        position: relative;
        top: 56px;
        left: 200px;
        font-size: 18px;
    }
}

.btn-activate-equipment, .btn-default[disabled]:hover {
    color: #0074A1;
}

@media only screen and (max-width : 319px) and (max-height : 479px) {
    .span-activate-error {
        position: relative;
        top: 15px;
        left: 0px;
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
    .span-activate-error {
        position: relative;
        top: 15px;
        left: 0px;
    }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .span-activate-error {
        position: relative;
        top: 30px;
        left: 127px;
    }
}
@media only screen and (min-width : 1025px) {
    .span-activate-error {
        position: relative;
        top: 30px;
        left: 127px;
    }
}

/* activate more equipment image*/
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .activation-steps .activate-finish-container {
        width: 617px;
        height: 138px;
        background-color: white;
        background-image: url("../../Content/images/activateEquipment/ActivationSuccessful_617x138.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center;
        background-origin: border-box;
        background-size: contain;
        border: none;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .activation-steps .activate-finish-container {
        width: 617px;
        height: 138px;
        background-color: white;
        background-image: url("../../Content/images/activateEquipment/ActivationSuccessful_617x138.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center;
        background-origin: border-box;
        background-size: contain;
        border: none;
    }
}*/
@media only screen and (max-width : 319px) and (max-height : 479px) {
    .activation-steps .activate-finish-container {
        width: 216px;
        height: 48px;
        background-color: white;
        background-image: url("../../Content/images/activateEquipment/ActivationSuccessful_617x138.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center;
        background-origin: border-box;
        background-size: contain;
        border: none;
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
    .activation-steps .activate-finish-container {
        /*width: 617px;
        height: 138px;*/
        width: 289px;
        height: 64px;
        background-color: white;
        background-image: url("../../Content/images/activateEquipment/ActivationSuccessful_617x138.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center;
        background-origin: border-box;
        background-size: contain;
        border: none;
    }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .activation-steps .activate-finish-container {
        width: 617px;
        height: 138px;
        background-color: white;
        background-image: url("../../Content/images/activateEquipment/ActivationSuccessful_617x138.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center;
        background-origin: border-box;
        border: none;
    }
}
@media only screen and (min-width : 1025px) {
    .activation-steps .activate-finish-container {
        width: 617px;
        height: 138px;
        background-color: white;
        background-image: url("../../Content/images/activateEquipment/ActivationSuccessful_617x138.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center;
        background-origin: border-box;
        border: none;
    }
}

/* div containing table with buttons */
.activation-steps .activate-finish-container .div-activate-more-equipment-btn {
    background-color: transparent;
}
/* media-queries for table containing buttons*/
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .activation-steps .activate-finish-container .div-activate-more-equipment-btn .table-activate-more-equipment-btn {
        margin: 0;
        padding: 0;
        background-color: transparent;
        position: relative;
        top: 90px;
        left: 122px;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .activation-steps .activate-finish-container .div-activate-more-equipment-btn .table-activate-more-equipment-btn {
        margin: 0;
        padding: 0;
        background-color: transparent;
        position: relative;
        top: 90px;
        left: 122px;
    }
}*/
@media only screen and (min-width : 319px) and (max-width : 479px) {
    .activation-steps .activate-finish-container .div-activate-more-equipment-btn .table-activate-more-equipment-btn {
        margin: 0;
        padding: 0;
        background-color: transparent;
        position: relative;
        top: 45px;
        left: 0;
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
    .activation-steps .activate-finish-container .div-activate-more-equipment-btn .table-activate-more-equipment-btn {
        margin: 0;
        padding: 0;
        background-color: transparent;
        position: relative;
        top: 45px;
        left: 0;
    }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .activation-steps .activate-finish-container .div-activate-more-equipment-btn .table-activate-more-equipment-btn {
        margin: 0;
        padding: 0;
        background-color: transparent;
        position: relative;
        top: 90px;
        left: 122px;
    }
}
@media only screen and (min-width : 1025px) {
    .activation-steps .activate-finish-container .div-activate-more-equipment-btn .table-activate-more-equipment-btn {
        margin: 0;
        padding: 0;
        background-color: transparent;
        position: relative;
        top: 90px;
        left: 122px;
    }
}

.activation-steps .activate-finish-container .div-activate-more-equipment-btn .table-activate-more-equipment-btn div.row div.col-xs-12 {
    margin: 2px;
    padding: 0 7px 0 7px;
    height: 25px;
}
.activation-steps .div-activate-more-equipment-btn .btn-activate-more {
    width: 185px;
    height: 24px;
    padding: 0;
    margin: 2px 0 2px 0;
    background-color: white;
    background-image: url("../images/activateEquipment/BTN_ActivateMore.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    background-origin: border-box;
    /*border: 3px solid #F5F5F5;*/
    border: none;
}
.activation-steps .div-activate-more-equipment-btn .btn-step-seven {
    width: 185px;
    height: 24px;
    padding: 0;
    margin: 2px 0 2px 0;
    position: relative;
    top: -3px;
    background-color: white;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    background-origin: border-box;
    border: none;
}
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .activation-steps .div-invalid-activation-container {
        width: 618px;
        height: 136px;
        background-image: url("../../Content/images/activateEquipment/ActivationInvalid.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: top;
        background-origin: border-box;
        background-size: contain;
        border: none;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .activation-steps .div-invalid-activation-container {
        width: 618px;
        height: 136px;
        background-image: url("../../Content/images/activateEquipment/ActivationInvalid.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: top;
        background-origin: border-box;
        background-size: contain;
        border: none;
    }
}*/
@media only screen and (max-width : 319px) and (max-height : 479px) {
    .activation-steps .div-invalid-activation-container {
        width: 259px;
        height: 57px;
        background-image: url("../../Content/images/activateEquipment/ActivationInvalid.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: top;
        background-origin: border-box;
        background-size: contain;
        border: none;
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
    .activation-steps .div-invalid-activation-container {
        /*width: 618px;
        height: 136px;*/
        width: 274px;
        height: 60px;
        background-image: url("../../Content/images/activateEquipment/ActivationInvalid.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: top;
        background-origin: border-box;
        background-size: contain;
        border: none;
    }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .activation-steps .div-invalid-activation-container {
        width: 618px;
        height: 136px;
        background-image: url("../../Content/images/activateEquipment/ActivationInvalid.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: top;
        background-origin: border-box;
        background-size: contain;
        border: none;
    }
}
@media only screen and (min-width : 1025px) {
    .activation-steps .div-invalid-activation-container {
        width: 618px;
        height: 136px;
        background-image: url("../../Content/images/activateEquipment/ActivationInvalid.jpg");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: top;
        background-origin: border-box;
        background-size: contain;
        border: none;
    }
}
.activation-steps .div-invalid-activation-btn {
    padding: 0;
    margin: 20px 0 20px 0;
    border: none;
}
/* END ACTIVATE EQUIPMENT MEDIA QUERIES */

.form-landing h4 {
    text-align: center;
    font-size: 1.5em;
    margin: 0;
    padding: 0;
}
.form-landing hr {
    display: none;
}
.form-landing .mc-checkbox-options .col-sm-3, .form-landing .mc-radio-options .col-sm-3 {
    display: block;
    width: 100%;
}

/*add style for calendar glyphicon*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url("/Content/fonts/glyphicons-halflings-regular.eot");
    src: url("/Content/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/Content/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("/Content/fonts/glyphicons-halflings-regular.svg") format("svg"), url("/Content/fonts/glyphicons-halflings-regular.ttf") format("truetype");
}
.glyphicon-chevron-left {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-check:before {
  content: "\e067"; }

.email-contact-form .email-contact-form-header {
    margin: 20px 0;
}
.email-contact-form .email-contact-form-footer {
    margin: 20px 0;
}

table {
    border-collapse: collapse;
    width: 100%;
}

td, th {
	/* 
		This line is unneeded and causes visual errors
	*/
    /* border: 1px solid #dddddd; */
    text-align: left;
    padding: 8px;
}
td{
    font-weight:normal;
}

tr:nth-child(even) {
    background-color: #dddddd;
}

.show-password-group {
    padding: 4px;
    background: #cdecff;
    width: 300px;
}