﻿/* Header:racForms.css 04-12-2016  Nandini Mohan */

/* RAQ Forms css Starts*/
.raqClear {
    clear: both;
}

.raqformHide {
    display: none;
}

.raqErrHide {
    display: none !important;
}

.raqErrShow {
    display: block !important;
}

.raqlbloptional {
    /*font-family: "legal";*/
    font-family: "Frutiger LT W01_45 Ligh1475730";
    color: #666;
    font-size: 0.8em;
    margin-left: 0.3em;
    display: inline-block;
    font-weight:200;
}

#divsubheader3, #divsubheader1 {
    color: #333;
}

#divsubheader2 {
    color: #FF0000;
}

#divsubheader1, #divsubheader2 {
    font-family: "Frutiger LT W01_45 Ligh1475730";
    font-size: 0.875em;
}

#divsubheader3 {
    font-family: "Frutiger LT W01_45 Ligh1475730";
    color: #666;
    font-size: 0.775em;
}

.subheading {
    margin-bottom: 0px;
    text-align: center;
    margin-bottom: 2.000em;
}

.phone {
    padding-right: 1.438em;
}

.ext {
    padding-left: 0.563em;
}

.btncancel {
    padding-right: 1.063em;   
}

.raqdesktpbutton > .row {
    margin-top: 1.375em;
}

#heading {
    margin-top: 2.000em;
}

img#clearFederalButton {
    position: absolute;
    top: 0.500em;
    right: 1.000em;
    z-index: 15;
}

#divheader {
   text-align: center;
    margin-bottom: 0.500em;
    font-size: 2em;
}
#h1header {
   text-align: center;
    margin-bottom: 0.500em;
    font-size: 2em;
}

#raqdesktop fieldset > label {
    margin-bottom: 0.5em;
    /*font-family: "body";*/
    font-family: Frutiger LT W01_45 Ligh1475730;
    color: #333;
    font-weight: 700;
    font-size:1em;
}

.row fieldset {
    margin-bottom: 1.000em;
}





.raqmodal {
    width: 85%;
    background-color: #f9f9f9;
    border-radius: 0px;
}

.raqBody {
    padding: 0;
}

.raqMoreFullWidth {
    padding: 0px;
    width: 100%;
}

.raqFullWidth {
    max-width: 1366px;
    margin: auto;
    width: 100%;
}

.raqWrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f9f9f9;
}

.raqContentWrap {
    height: auto;
    width: 100%;
    padding: 20px;
}

    .raqContentWrap h2 {
        font-family: "Frutiger LT W01_65 Bold1475746";
        font-size: 1.500em;
        margin-top: 5px;
    }

    .raqContentWrap p {
        font-family: "Frutiger LT W01_45 Ligh1475730";
        font-size: 1em;
    }

.raqFormGroup {
    margin-bottom: 10px;
}

.topModal {
    z-index: 99999;
}

.clearButton {
    width: 20px;
    height: 20px;
    float: right;
    /*updated desktop*/
    margin: 8px 0px 0px 0px !important;
    cursor: pointer;
}


.raqLastNameWrap {
    margin-left: 42px;
}

.raqFormWrap p {
    font-size: 1em;
    color: #333;
    font-family: "Frutiger LT W01_45 Ligh1475730";
    font-weight: 200;
    display: inline;
    padding-left: 12px;
}

.twoColumnDropDownCtaWrap {
    float: right;
}

.formsPhoneBorder {
    border: 1px solid #dedede;
}

.formsInputStyles {
    border-radius: 3px;
    box-shadow: none;
    height: 3.000em;
}

.raqFormWrap {
    padding-right: 0;
}

.raqExtnMobileWrap {
    padding-right: 0;
}

.ragPadding {
    padding: 0;
}

/*button css starts*/

.genericPrimaryButton {
    background: transparent none repeat scroll 0 0;
    color: #fff;
    border-radius: 3px;
    font-size: 1.125em;
    text-align: center;
    padding: 9px 6px 0px 11px;
    height: 48px;
    border: 1px solid #cf142b;
    display: inline-block;
    font-family: "Frutiger LT W01_55 Roma1475738";
    float: right;
    margin-top: 0px;
    margin-bottom: 32px;
    background-color: #cf142b;
    color: #fff;
    transition-duration: 0.2s;
}

    .genericPrimaryButton a {
        text-decoration: none;
        color: #fff;
    }

    .genericPrimaryButton:hover {
        cursor: pointer;
        color: #cf142b;
        border: 1px solid #cf142b;
        background: transparent none repeat scroll 0 0;
    }

        .genericPrimaryButton:hover a {
            color: #cf142b;
            cursor: pointer;
        }


.raqCancelBtn {
    color: #333333;
    border: 1px solid #333333;
    background: transparent none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 1.125em;
    text-align: center;
    padding: 9px 24px 0px 24px;
    height: 48px;
    display: inline-block;
    font-family: "Frutiger LT W01_55 Roma1475738";
    transition-duration: 0.2s;   
}

    .raqCancelBtn a {
        color: #333333;
        text-decoration: none;
    }

    .raqCancelBtn:hover {
        cursor: pointer;
        color: #fff;
        border: 1px solid #333;
        background-color: #333333;
    }

        .raqCancelBtn:hover a {
            color: #fff;
            cursor: pointer;
        }

.phonePadTop {
    padding-top: 8px;
}

.phoneSpace {
    margin-right: 5%;
}

@media screen and (max-width:767px) {
    .raqWrapper {
        width: 100%;
        margin: auto;
        float: none;
    }

    .raqContentWrap {
        padding-left: 5px;
        padding-right: 5px;
    }

        .raqContentWrap h2 {
            padding-left: 10%;
            padding-right: 10%;
            margin-bottom: 16px;
            font-size: 1.125em;
        }

        .raqContentWrap p {
            margin-left: 0px;
            margin-right: 0px;
            padding-left: 0;
            padding-right: 0;
            text-align: center;
            font-size: .750em;
        }



    .genericPrimaryButton {
        background: transparent none repeat scroll 0 0;
        color: #fff;
        border-radius: 3px;
        font-size: 1.125em;
        text-align: center;
        padding: 9px 24px 0px 24px;
        height: 48px;
        border: 1px solid #cf142b;
        display: inline-block;
        font-family: "Frutiger LT W01_55 Roma1475738";
        float: right;
        margin-top: 0px;
        margin-bottom: 24px;
        background-color: #cf142b;
        color: #fff;
    }

        .genericPrimaryButton a {
            text-decoration: none;
            color: #fff;
        }

        .genericPrimaryButton:hover {
            cursor: pointer;
            color: #fff;
            border: 1px solid #cf142b;
            background-color: #cf142b;
        }

            .genericPrimaryButton:hover a {
                color: #fff;
                cursor: pointer;
            }


    .raqCancelBtn {
        margin-right: 25px;
        color: #fff;
        border: 1px solid #333;
        background-color: #333;
    }

        .raqCancelBtn a {
            color: #fff;
            text-decoration: none;
            font-size: .750em;
        }

        .raqCancelBtn:hover {
            cursor: pointer;
            color: #fff;
            border: 1px solid #333;
            background-color: #333;
        }

            .raqCancelBtn:hover a {
                color: #fff;
                cursor: pointer;
            }

    .raqLastNameWrap {
        margin-left: 0;
    }

    .raqWrapperForm {
        padding: 0;
    }

    .raqExtnMobileWrap {
        padding-right: 0;
    }

    .raqPhoneMobileWrap {
        padding-right: 0px;
    }

    .raqFormContentWrap {
        padding-right: 0;
    }

    .raqFirstNameWrap {
        padding-right: 0;
    }

    .raqLastNameWrap {
        padding-left: 0px;
    }

    .raqFormWrap {
        padding-right: 0px;
    }

    .raqmodal {
        width: 100%;
    }

    .raqContentWrap h2 {
        font-size: 1.125em;
    }

    .raqContentWrap p, .raqFormWrap p, .raqFormGroup label {
        font-size: .750em;
    }

    .genericPrimaryButton a {
        font-size: .750em;
    }
}

@media screen and (max-width:360px) {
    .raqCancelBtn {
    }
}
/* RAQ Forms css Ends*/

/*RAQ Sucess css starts*/

.raqSucessMoreFullWidth {
    padding: 0px;
    width: 100%;
}

.raqSucessFullWidth {
    max-width: 1366px;
    margin: auto;
    width: 100%;
}

.raqSucessWrapper {
    max-width: 500px;
    width: 100%;
    padding: 0px;
}

.raqSucessWrap {
    margin-top: 5%;
}

    .raqSucessWrap p {
        font-family: "Frutiger LT W01_45 Ligh1475730";
        font-size: 1em;
    }

.raqSucessParaOne, .raqSucessParaTwo {
    color: #000;
}


.raqSucessParaFour, .raqSucessParaThree {
    color: #0000cc;
}

.raqOkBtn {
    color: #fff;
    border-radius: 3px;
    font-size: 1.125em;
    text-align: center;
    padding: 12px 24px 0px 24px;
    height: 48px;
    border: 1px solid #cf142b;
    display: inline-block;
    font-family: "Frutiger LT W01_55 Roma1475738";
    float: center;
    margin-top: 0px;
    margin-bottom: 24px;
    background-color: #cf142b;
    color: #fff;
    margin-left: 42%;
}

a .raqOkBtn {
    text-decoration: none !important;
    color: #fff !important;
}


.raqOkBtn:hover {
    cursor: pointer;
    color: #fff;
    border: 1px solid #cf142b;
    background-color: #cf142b;
    text-decoration: none !important;
}

a .raqOkBtn:hover {
    color: #fff !important;
    cursor: pointer;
    text-decoration: none !important;
}


@media screen and (max-width:767px) {

    .raqSucessWrapper {
        width: 100%;
        max-width: 340px;
        margin: auto;
        float: none;
    }

    .raqOkBtn {
        background: transparent none repeat scroll 0 0;
        color: #fff;
        border-radius: 3px;
        font-size: 1.125em;
        text-align: center;
        padding: 12px 24px 0px 24px;
        height: 48px;
        border: 1px solid #cf142b;
        display: inline-block;
        font-family: "Frutiger LT W01_55 Roma1475738";
        float: center;
        margin-top: 0px;
        margin-bottom: 24px;
        background-color: #cf142b;
        color: #fff;
        margin-left: 35%;
    }

        .raqOkBtn a {
            text-decoration: none;
            color: #fff;
        }

        .raqOkBtn:hover {
            cursor: pointer;
            color: #fff;
            border: 1px solid #cf142b;
            background-color: #cf142b;
        }

            .raqOkBtn:hover a {
                color: #fff;
                cursor: pointer;
            }

    .raqContentWrap h2 {
        font-size: 1.125em;
    }

    .raqContentWrap p {
        font-size: 0.750em;
    }
}

/*RAQ Sucess css ends*/

/*RAQ error popup css starts*/
.firstNameErrorPopup {
    position: relative;
    background: #FFF;
    border: 1px solid #FF0000;
    color: #FF0000;
    font-weight: normal;
    width: 200px;
    left: 0px;
    margin-top: 12px;
    padding: 8px 18px;
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
}

    .firstNameErrorPopup:before {
        border-color: rgba(255, 0, 0, 0);
        border-bottom-color: #FF0000 !important;
        border-width: 14px !important;
        margin-left: 1px;
    }


    .firstNameErrorPopup:after, .firstNameErrorPopup:before {
        bottom: 100%;
        left: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .firstNameErrorPopup:after {
        border-color: rgba(255, 255, 204, 0);
        border-bottom-color: #FFF;
        border-width: 13px;
        margin-left: 2px;
    }

.lastNameErrorPopup {
    position: relative;
    background: #FFF;
    border: 1px solid #FF0000;
    color: #FF0000;
    font-weight: normal;
    width: 198px;
    left: 0px;
    margin-top: 12px;
    padding: 8px 18px;
    font-size: 1em;
}

    .lastNameErrorPopup:before {
        border-color: rgba(255, 0, 0, 0);
        border-bottom-color: #FF0000 !important;
        border-width: 14px !important;
        margin-left: -9px;
    }

    .lastNameErrorPopup:after, .lastNameErrorPopup:before {
        bottom: 100%;
        left: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .lastNameErrorPopup:after {
        border-color: rgba(255, 255, 204, 0);
        border-bottom-color: #FFF;
        border-width: 13px;
        margin-left: -8px;
    }



.companyNameErrorPopup {
    position: relative;
    background: #FFF;
    border: 1px solid #FF0000;
    color: #FF0000;
    font-weight: normal;
    width: 195px;
    left: 0px;
    margin-top: 12px;
    padding: 8px 18px;
    font-size: 1em;
}

    .companyNameErrorPopup:before {
        border-color: rgba(255, 0, 0, 0);
        border-bottom-color: #FF0000 !important;
        border-width: 14px !important;
        margin-left: -9px;
    }

    .companyNameErrorPopup:after, .companyNameErrorPopup:before {
        bottom: 100%;
        left: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .companyNameErrorPopup:after {
        border-color: rgba(255, 255, 204, 0);
        border-bottom-color: #FFF;
        border-width: 13px;
        margin-left: -8px;
    }

    .PhoneExtensionErrorPopup {
    position: relative;
    background: #FFF;
    border: 1px solid #FF0000;
    color: #FF0000;
    font-weight: normal;
    width: 125px;
    left: 0px;
    margin-top: 12px;
    padding: 8px 18px;
    font-size: 1em;
}

    .PhoneExtensionErrorPopup:before {
        border-color: rgba(255, 0, 0, 0);
        border-bottom-color: #FF0000 !important;
        border-width: 14px !important;
        margin-left: -9px;
    }

    .PhoneExtensionErrorPopup:after, .PhoneExtensionErrorPopup:before {
        bottom: 100%;
        left: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .PhoneExtensionErrorPopup:after {
        border-color: rgba(255, 255, 204, 0);
        border-bottom-color: #FFF;
        border-width: 13px;
        margin-left: -8px;
    }





.emailErrorPopup {
    position: relative;
    background: #FFF;
    border: 1px solid #FF0000;
    color: #FF0000;
    font-weight: normal;
    width: 170px;
    left: 0px;
    margin-top: 12px;
    padding: 8px 18px;
    font-size: 1em;
}

    .emailErrorPopup:before {
        border-color: rgba(255, 0, 0, 0);
        border-bottom-color: #FF0000 !important;
        border-width: 14px !important;
        margin-left: -9px;
    }

    .emailErrorPopup:after, .emailErrorPopup:before {
        bottom: 100%;
        left: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .emailErrorPopup:after {
        border-color: rgba(255, 255, 204, 0);
        border-bottom-color: #FFF;
        border-width: 13px;
        margin-left: -8px;
    }
/* to change the position of popup*/
#InfoRibbonDualThreeModal {
    top: -20px;
}

/*RAQ error popup css ends*/





@media screen and (max-width: 991px) {
    .formsInputStyles {
        border-radius: 0.188em;
        box-shadow: none;
        height: 1.875em;
    }

    .raqFormGroup {
        margin-bottom: 0.000em;
    }

    .heading-level2 {
        margin-top: 0.000em;
    }

        .heading-level2 > label {
            font-size: 1.250em !important;
        }
}

@media screen and (max-width: 370px) {
}

div#raqbuttons {
    margin-top: 0.875em;
}


.raqContentWrap h2 {
    font-size: 1em;
}

/*specs css*/

@media screen and (max-width: 991px) {
    #InputFirstName, #InputLastName, #InputYourCompany, #InputEmail1, #InputPhoneNumber, #InputExtenstion {
        height: 3em;
        margin-top: 0.5em;
    }

    .raqWrapperForm {
        margin-top: 1.375em;
    }

    .raqContentWrap h1 {
        margin-bottom: 0.5em;
        margin-top: 0px;
    }

    .raqContentWrap {
        margin-bottom: 0.250em;
        padding-top: 0.000em;
        padding-bottom: 0.000em;
    }

    #raqmobilebuttons {
        margin-top: 0.500em;
        margin-bottom: 0.500em;
    }

    #h1header{
         color: #333;
        font-size: 1.375em;
        text-align: center;
    }
    #divheader {
       color: #333;
        font-size: 1.375em;
        text-align: center;
    }

    .genericPrimaryButton {
        width: 98%;
    }

    #InputPhoneNumber {
    }

    .raqlbloptional {
        /*font-family: "body";*/
        color: #666;
        font-size: 1em;
        margin-left: 0.250em;
        display: inline-block;
        font-weight: 200;
    }

    .opt-ext {
        padding-left: 0.563em;
    }

    .raqWrapperForm > row {
        margin-left: 1.5em;
        margin-right: 1.5em;
    }


    .raq-group {
        width: 100%;
    }

    .formlabels {
        font-family: "Frutiger LT W01_45 Ligh1475730";
        font-size: 1em;
        margin-bottom: 0.000em;
        color: #333;
        font-weight:700;
    }

    .raqphonepadding {
        padding-right: 0.750em;
    }

    .raqextnpadding {
        padding-left: 0em;
    }

    .raqFormGroup h2 {
        margin-top: 1.000em;
        margin-bottom: 0.500em;
        font-weight: bold;
    }

    .raqFullWidth {
        padding-right: 0.563em;
        padding-left: 0.563em;
    }

    .raqFullWidth {
        background-color: #eee;
    }

    .raqContentWrap p {
        font-size: 0.9em;
    }

    #divsubheader3, #divsubheader1 {
        /*font-family: "body";*/
        color: #666;
        font-size: 0.8em;
        margin-bottom: 0.000em;
    }
}

@media screen and (max-width: 320px) {
    #InputExtenstion {
        /*width: 84%;*/
    }
}

@media screen and (min-width: 992px) and (max-width:1192px) {
    .raqform {
        width: 100%;
        height: 100%;
    }

    #heading {
        padding: 2.000em 0.000em 2.000em 0.000em;
    }

    img#clearFederalButton {
        position: absolute;
        top: 0.125em;
        right: 0.125em;
        margin-top: -3.125em;
    }

    #divheader {
        margin-top: 0em;
        color: #333;
    }
    #h1header{
        margin-top: 0em;
        color: #333;
    }

    #divsubheader1 {
        margin-bottom: 2em;
        font-family: "body";
        color: #333;
    }

    #divsubheader2 {
        margin-bottom: 2em;
        font-family: "body";
        color: #FF0000;
    }

    #divsubheader3 {
        font-family: "legal";
        color: #666;
        font-size: 0.813em;
    }

    #InputFirstName, #InputLastName, #InputYourCompany, #InputEmail1, #InputPhoneNumber, #InputExtenstion {
        height: 3em;
        border-radius: 0.188em;
    }



    .raqfeild {
        margin-bottom: 1em;
    }

    .clearButton {
        margin: 1em 1em 0em 0em !important;
    }

    .raqFormGroup {
        width: 100%;
        margin-bottom: 1.000em;
    }

    .form-title, .subheading {
        text-align: center;
        color: #333;
        margin-bottom: 0.500em;
    }

    .subheading {
        margin-bottom: 0px;
        text-align: center;
        margin-bottom: 2.000em;
    }

    fieldset label {
        color: #333;
        font-size: 0.875em;
        font-family: "Body";
    }

    .formsInputStyles {
        border-radius: 0.188em;
        height: 3.000em;
    }

    .first-name, .last-name {
        width: 100%;
    }

    .first-name {
        float: left;
        margin-right: 1.125em;
    }

    .lblphone {
        float: left;
    }

    .raqdesktpbutton {
        margin-top: 1.000em;
    }

    label.lblphone {
        padding-right: 0.375em;
    }

    .phone {
        padding-right: 1.438em;
    }

    .ext {
        padding-left: 0.563em;
    }
}

/*for RequestAQuote and Cancel button styling*/
button#btncanceltxt {
    background-color: transparent;
    border: none;
     outline: none;
}
button#raqGetQuoteButtontxt {
    background-color: transparent;
    border: none;
   outline:none;
}
/*button#raqGetQuoteButtontxt:focus {
  border-color:#66afe9;
}*/
@media screen and (max-width:325px) {
    .genericPrimaryButton {
    width: 92%;
}
    .raqCancelBtn{
            padding: 9px 20px 0px 20px;
    }
}