select.translator{
    font-size: 16px;
    padding: 6px;
    width: 240px;
    margin-bottom: 12px;

}

.popup-with-outclcik-to-close .content, .popup-with-outclcik-to-close input[type="checkbox"]{
    display: none;
}

.popup-with-outclcik-to-close  input[type="checkbox"]:checked ~ .content{
    display: block;

    width: 800px;

    position: fixed;
    right: 50%;
    top: 100px;
    margin-right: -400px;

    padding: 24px;
    background-color: white;

     z-index: 9;
}

.popup-with-outclcik-to-close input[type="checkbox"]:checked ~ .outclick{
    display: block;
}

.outclick{
    display: none;

    position: fixed;
    top: 0px;
    left: 0px;

    width: 100%;
    height: 100%;

    background-color: rgba(111,111,111, .8);

    z-index: 9;
}




#list-people span:hover{
    cursor: pointer;
}

#list-people .columns{
    padding: 6px 0px;
}


.tab-switcher .tab-switcher-content, .tab-switcher > input[type="radio"]{
    display: none;
}

.tab-switcher > input[type="radio"]:checked + .tab-switcher-content{
    display: block;
}


#bonus-tabs .tab-switcher-content{
    margin-top: 12px;
    word-wrap: break-word;
}

#bonus-tabs label{
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid grey;
}

.center-text{
    text-align: center;
}

h2:not(.open)

.tab-switcher > input[type="radio"]:checked ~ label{
    background-color: red;
}

.div-table .row{
    border-bottom: 1px solid grey;
    padding: 6px 0px;
    margin: 6px 0px;
}

.pagination .row:nth-child(n+6) {
    color: green;
}




::-webkit-input-placeholder {
   color: #888;
}

:-moz-placeholder { /* Firefox 18- */
    color: #888;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #888;
}

:-ms-input-placeholder {
  color: #888;
}

.1get-quote .row{
    background-color: white;
    box-shadow: 0 1px 10px rgba(211,211,211, 1);
    border-radius: 5px;
}


.square-list{
     margin: 32px;
     list-style-type: square;
}

.textfield-and-button{
}
.textfield-and-button input[type="email"],
.textfield-and-button button,
.textfield-and-button .button,
.textfield-and-button input[type="submit"]{
    display: inline-block;
    border-radius: 0px;
    margin: 0px;
}
.textfield-and-button input[type="text"],
.textfield-and-button input[type="email"]{
    width: 200px;
}
 .textfield-and-button button,
 .textfield-and-button .button,
 .textfield-and-button input[type="submit"]{
    width: 150px;
    height: 54px;
}



a.button{
    color: white;
}

a.nav-tab, a.nav-tab-primary{
    display: block;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 12px;
    border-radius: 3px;
    color: white;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-weight: 800;
}
a.nav-tab-primary{
    background-color: #3cf;
}

a.nav-tab{
    background-color: #555;
}
a.nav-tab-primary:hover{
    background-color: #2EB8E6;
}
a.nav-tab:hover{
    background-color: #444;
}

div.d{
    background-color: #fff;
    border: 1px solid #FF9999;
}

.highlights form{
    background-color: #fff;
}

span.page-header,
p.page-header{
    display: block;
    line-height: 110%;
    margin-bottom: 12px;
    font-size: 28px;
    color: #555;
}

.attention{
    background-color: #FFF8DC;
}

.mainWrap{
    min-height: 93vh;
}

.horizontalNav{
    text-align: right;
}

.horizontalNav a.linkTab{
    text-align: center;
    display: inline-block;
    min-width: 66px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    color: #222;
    text-decoration: none;

    font: bold 12px/18px sans-serif;
    display: inline-block;
    margin-right: -4px;
    position: relative;
    padding: 13px 20px;
    background: #fff;
    cursor: pointer;


    }
.horizontalNav a.selected{
    background-color: #555;
    color: white;
}
/* Forms
================================================== */
.forms{
    margin: 16px 0px;
    background-color: white;
}

/* Text area
================================================== */
.txt-field{
    height: 40px;
    border: solid;
    border-color: #ddd;
    border-width: 1px;
    font-size: 16px;
    text-indent: 16px;
}

/* Dots
================================================== */
.dots{
        letter-spacing: 1px;
        font-weight: 800;
    }

/* Payment Selection
================================================== */

.paymentForm{
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
}

.paymentForm td, .paymentForm p{
    vertical-align: bottom;
    padding: 12px 12px 0px 12px;
}
 form.checkout{
    padding: 12px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-weight: 400;
}
.creditcards{
    padding: 8px 30px 0px;
}
.atm{
    padding-left: 32px;
}

.allpay-logo{
    width:  120px;
    text-align: right;
}
.allpay-logo img{
    margin-top: 20px;
    width: 70px;

}
.checkout a{
    text-decoration: none;
}
.paymentForm input[type="radio"]{
    vertical-align: text-bottom;
    display: inline;
    margin-right: 16px;
    font-weight: 800;
}
.paymentForm label div{ display: inline-block;}


#qualification-table{
  width: @table_width;
  table-layout: fixed;
  border-collapse: collapse;

  th { text-decoration: underline; }
  th, td {
    padding: 5px;
    text-align: left;
  }

}


/* Virtual acct info box
================================================== */


table.virtual-acct-wrap {
    width: 300px;
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: white;
    border: 1px solid #ccc;

    }
.virtual-acct-wrap td{
    font-size: 16px;
    padding: 3px 12px;
}

/* facebook box
================================================== */

.facebook-login {
    display: inline-block;
    border-radius: 3px;
    background: #3C589C url('/images/fb_invert.png') no-repeat 1px 4%;
    background-size: 30px 30px;
    background-position: 8px 8px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 800;
    color: white;
    vertical-align: middle;
    padding: 12px 0px;
}
/* promo field
================================================== */

.promo-field{
    width: 400px;
    background-color: white;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 8px 0px;
}

.promo-field input{
    height: 30px;
    width: 200px;
    text-indent: 20px;
    font-size: 14px;
    color: #CCC4C4;
    background-color: #FFF5F5;

}

.promo-field h5{
    display: inline-block;
    margin: 12px 12px 12px 40px;
}

.promo-field div{
}
.disclaimer{
    color: #777;
}

/* alert box
================================================== */

.alert-box {
    color:#555;
    border-radius:3px;
    padding: 11px 36px;
    margin-top: 2px;
    font-size: 14px;
    box-shadow: 0 1px 10px rgba(211,211,211, 1);
}
.title{
    text-transform: uppercase;
}
.error {
    background:#ffecec url('/images/alert_images/error.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
    background-position:10px 14px;
    color: #333;

}
.success {
    background:#e9ffd9 url('/images/alert_images/success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
    background-position:10px 14px;
    color: #007A29;
}
.warning {
    background:#fff8c4 url('/images/alert_images/warning.png') no-repeat 10px 50%;
    background-position:10px 14px;
    border:1px solid #f2c779;
    color: #E65C00;
}
.notice {
    background:#e3f7fc url('/images/alert_images/notice.png') no-repeat 10px 50%;
    border:1px solid #8ed9f6;
    background-position:10px 14px;
    color: #297ACC;
}
.neutral{
    background:#fff url('/images/Message-icon-grey.png') no-repeat 10px 10px;
    border:1px solid #ccc;
     background-size: 22px 22px;
    background-position:10px 14px;
    color: #333;
}

.alert-box{
}

.alert-box .close-message{
    color: red;
    position: absolute;
    top: 10px;
    right: 10px;
}
/* discount
================================================== */
    li.discount{
        width: 100%;
        background-color: #e9ffd9;
        height: 50px;
        display: block;
        text-align: center;
        vertical-align: middle;

    }
    li.discount span{
        color: green;

    }


/* All Pay
================================================== */

    .allpay{
        vertical-align: middle;
        height: 48px;
        margin-right: 22px;
        margin-bottom: 12px;
        padding: 0px;
    }

/* Fixed tablez
================================================== */
    table.fixed-full{
        table-layout: fixed;
        width: 100%;
    }
    @media
    only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px)  {
        table.fixed-full {
            width: 600px;
        }
    }
/* Standard table
================================================== */
    .st-table{
        text-align: center;
        border: 1px solid #ccc;
        background-color: white;
    }
    .st-table th{
        height: 60px;
        vertical-align: middle;
        background-color: white;
        border-bottom: 1px solid #ccc;
        overflow: hidden;
        font-size: 16px;
        font-weight: 800;
        color: #555;
    }
    .st-table th:hover{
        background-color: #eee;
        cursor: pointer;
    }

    .st-table tr:nth-child(even){
        background-color: #fdfdfd;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;

    }
    .st-table td{
        vertical-align: middle;
        height: 50px;
        padding: 6px;
        color: #555;
    }
    .st-table a{
        font-size: 16px;
        color: #3572B0;
        text-decoration: none;
    }

    .back-link{
        background-color: #999;
        color: white;
        padding: 2px 12px;
        border-radius: 3px;
        font-weight: 800;
    }

/* Document Table
================================================== */
    table.doc{
        margin-top: -8px;
        table-layout: fixed;
        width: 100%;
        border-spacing: 0px 8px;
        border-collapse: separate;
        font-weight: 400;
    }
    table.doc th{
        padding: 16px;
        background-color: inherit;
        color: #3572B0;
        border-top: 1px solid #3572B0;
    }
    table.doc td{
        height: 40px;
        background-color: #E7EBEC;
        background-color: white;
        vertical-align: middle;
        text-align: center;
        border-bottom:  solid 1px #ddd;
        border-top:  solid 0px #ddd;
        color: #333;
    }
    table.doc td{
        border-radius: 0px;
    }

    table.doc td:first-child{
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-left:  solid 0px #ddd;
    }
    table.doc td:last-child {
        border-right:  solid 0px #ddd;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    table.doc td.file-type-icon{
        width: 10%;
        text-align: center;

    }
    table.doc img{
        height: 40px;
        padding: 5px;
        vertical-align: middle;
    }
    table.doc .fileName{
        text-align: left;
        padding-left: 12px;
        width: 70%;
    }
    table.doc .loading, table.doc .wordCount{
        width: 10%;
        text-align: left;
    }
    table.doc .remove{
        width: 10%;
        text-align: center;
        font-weight: 400;
        color: #555;
    }
    table.doc .download{
        width: 10%;
        font-weight: 400;
        text-align: center;
    }
    table.doc .remove span:hover{
        cursor: pointer;
        color: red;
    }
    table.doc a{
        color: #3572B0;
        text-decoration: none;
    }
    table.doc a:hover{
        color: #3572B0;
        text-decoration: underline;
    }

    tr.doc-error td{
        background-color: #fff;
    }

    .error-message{
        display: none;
    }


    .doc-error-message{
        background: transparent url('/images/alert_images/warning.png') no-repeat 1px 70%;
        padding: 0px 12px 0px 28px;
        margin: 0px 0px 12px;
        color: grey;
        font-size: 14px;
    }


/* Blue Text   Move to Theme later
================================================== */
    .blue-text{
        color: rgb(63, 169, 245);
    }
/* Summary Table
================================================== */

    table.summary{
        width: 100%;
        border-spacing: 0px 8px;
        font-weight: 400;
        border-collapse: collapse;
        border-radius: 3px;
        border: 0px solid #ddd;
    }

    table.summary td{
        height: 30px;
        padding: 6px 12px;
        vertical-align: middle;
        border: 0px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: transparent;
        font-weight: 400;
        color: rgb(63, 169, 245);
        color: #333;
    }

    table.summary td:nth-child(1){
        text-align: center;
        width: 5%;
    }
    table.summary td:nth-child(2){
        text-align: left;
        width: 55%;
    }
    table.summary  td:nth-child(3){
        text-align: right;
        width: 35%;
    }
    table.summary  td:nth-child(4){
        text-align: center;
        width: 5%;
    }
    table.summary span.word-count-value{
        text-decoration: none;
    }
    table.summary tr.discount td{
        font-weight: 800;
        background-color: #FFF5F5;
        border-top: 2px solid #FFCCCC;
        border-bottom: 2px solid #FFCCCC;
    }
    table.summary tr.final-price td{
        font-weight: 800;
        border-top: none;
    }



/* Round tag
================================================== */
    .round-tag{
        display: inline-block;
        height: 16px;
        min-width: 16px;
        padding: 3px;
        text-align: center;
        line-height: 100%;
        border-radius: 99px;
    }
/* Name Cards
================================================== */

    .awaiting-quote{
        padding: 16px;
        background-color: white;
        border: 0px solid rgba(222, 222, 222, 0);
        border-radius: 3px;
        box-shadow: 0 1px 10px rgba(222,222,222, 1);
    }

    .namecard{
        width: 220px;
        text-align: center;
        box-shadow: 0 1px 10px rgba(222,222,222, 2);
        margin-bottom: 16px;
        border: 0px solid rgba(222, 222, 222, 0);
        border-radius: 3px;
        background-color: white;
    }
    .inline{
        display: inline-block;
    }
    .namecard .photo img{
        width: 130px;
        margin: 16px 0px;
        border-radius: 99px;
    }
    .namecard .photo{


    }

    .contact .info{
        padding: 14px 14px;
    }
    img.line{
        width: 40px;
        border-radius: 6px;
        cursor: pointer;
    }
    .namecard .contact{
        width: 100%;
        background-color: white;

        text-align: left;
        font-size: 14px;

    }

/* Double Line
================================================== */
    .doubleLine {
    margin: 3px 0 3px;
    border: none;
    border-top: medium double #ccc;
    color: #333;
    text-align: center;
    }

/* lang select
================================================== */

    .language-selection{
        display: inline-block;
        width: 272px;
        height: 40px;
        font-size: 16px;
        font-weight: 400;
        background-color: #fff;
        border: 1px solid #ddd;
        color: #777;
    }

/* Order summary
================================================== */
    .summery-wrap{
        padding: 0px 22px;
    }

    .order-summary{
        height: 100%;
        padding: 0px 0px;
        border: 0px solid #ddd;
        background-color: inherit;
        border-radius: 3px;
        margin-bottom: none;

    }
    .order-summary  li{
        padding: 0px;
        margin-bottom: 8px;
        color: #555;
    }
    .order-summary > ul > li > .values{
        float: right;
    }

    .order-summary .summery-title{
        padding-top: 16px;
        text-align: center;
        text-transform: uppercase;
    }
    .order-summary .price{
        font-weight: 800;
        color: rgb(15, 33, 5);
    }
    .order-summary hr{
        border: solid #ddd;
        border-width: 1px 0 0;
        clear: both;
        margin: 13px 0 13px;
    }

    #order-summary:after{
        padding: 0px;
        color: #888;
    }

    #order-summary table{
        width: 100%;
    }

    #order-summary table .value{
        width: 60%;
        text-align: right;
    }
    #order-summary table .name{
        width: 40%;
        text-align: left;
    }
/* Nav with drop down
================================================== */

    .white-wrapper{
        margin-bottom: 16px;
        border: 1px solid #ddd;
        border-radius: 3px;
        box-shadow: 0 1px 10px rgba(222,222,222, 1);
        background-color: white;
    }

    .xyz{
        padding: 12px 12px 12px;
        margin-bottom: 16px;
        border: 1px solid #ddd;
        border-radius: 3px;
        box-shadow: 0 1px 10px rgba(222,222,222, 1);
        background-color: white;

    }
    .full-div{
        width: 100%;
    }
    #final-confirm{
        text-align: left;
    }

    #date-picker, #final-confirm{
        width: 540px;
        margin: 0 auto;
    }
    .center-content{
        margin: 0 auto;
        width: 500px;
    }

    .xyz .text-right{
        display: inline-block;
        width: 30%;

    }

    .xyz .text-left{
        display: inline-block;
        width: 66%;
    }

    .text-right{
        text-align: right;
    }

    .text-left{
        text-align: left;
    }
/* Nav with drop down
================================================== */
    .login-link strong{
        color: #3cf;
        font-weight: 800;
        border-bottom: 2px solid #3cf;
    }

    #bclient-registration input{
        height: 50px;
        padding: 0px;
        border-radius: 0px;
    }

    #bclient-registration input.txt-field{
        width: 300px;
        height: 48px;
        background-color: #f8f8f8;

    }
/* Nav with drop down
================================================== */

.dropdown-info{
    z-index: 99;
}
.dropdown-info ul{
    margin: 0px;
    padding: 0px;
    line-height : normal;
    list-style: none;
    position: relative;
    display: inline-table;

}
.dropdown-info li{
    margin: 0px;

    line-height : normal;
}

.dropdown-info ul ul {
    display: none;
}

.dropdown-info ul li:hover > ul {
    display: block;
}

.dropdown-info ul li {
    float: left;
    padding: 10px;
}

.dropdown-info ul li:hover > ul:before{
        content: "";
        position: absolute;
        border-bottom: 21px solid #8CB2BF;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
        top: -21px;
        left: 88px;

}

.dropdown-info ul ul {
    z-index: 99;
    background-color: rgb(241, 245, 246);
    background-color:  rgba(140, 178, 191, 1);;
    width: 320px;
    border-radius: 5px;
    position: absolute;
    top: 100%;
    left: -30px;
    padding: 16px;
    font-size: 16px;
    color: #fff;
    line-height: 150%;
    font-weight: 800;
    box-shadow: 0 1px 10px rgba(140, 178, 191, .8);
}


.dropdown{
    z-index: 99;
}
.dropdown ul{
     margin: 0px;
     padding: 0px;
     line-height : normal;
}
.dropdown  li{
     margin: 0px;
     padding: 0px;
     line-height : normal;
}
.dropdown a{
     margin: 0px;
     padding: 0px;
     line-height : normal;
}
.dropdown  ul ul {
    display: none;
}

    .dropdown  ul li:hover > ul {
        display: block;
    }
.dropdown ul {
    background: #efefef;
    background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0 20px;
    border-radius: 10px;
    list-style: none;
    position: relative;
    display: inline-table;
}
.dropdown ul li {
    float: left;
}
    .dropdown ul li:hover {
        background: #4b545f;
        background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
        background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
        background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
    }
        .dropdown ul li:hover a {
            color: #fff;
        }

    .dropdown ul li a {
        display: block; padding: 25px 40px;
        color: #757575; text-decoration: none;
    }
    .dropdown ul ul {
    background: #5f6975; border-radius: 0px; padding: 0;
    position: absolute; top: 100%;
}
    .dropdown ul ul li {
        float: none;
        border-top: 1px solid #6b727c;
        border-bottom: 1px solid #575f6a;
        position: relative;
    }
        .dropdown ul ul li a {
            padding: 15px 40px;
            color: #fff;
        }
            .dropdown ul ul li a:hover {
                background: #4b545f;
            }
.dropdown ul ul ul {
    position: absolute; left: 100%; top:0;
}
.dropdown .edge ul {
    right:0;
}

                            #primary_nav_wrap ul
                            {
                                list-style:none;
                                position:relative;
                                margin:0;
                                padding:0;
                            }

                            #primary_nav_wrap ul a
                            {
                                display:block;
                                color: #333;
                                text-decoration:none;
                                font-weight: 400;
                                font-size: 18px;
                                line-height:32px;
                                padding:0 16px;
                            }

                            #primary_nav_wrap ul li
                            {
                                z-index: 99;
                                position: relative;
                                float:left;
                                margin:0;
                                padding:0;
                                min-width: 80px;
                                text-align: center;

                            }

                            #primary_nav_wrap ul li.current-menu-item
                            {
                                background:#f8f8f8;
                            }

                            #primary_nav_wrap ul li:hover
                            {
                                background:#ddd;
                                color: red;
                                cursor: pointer;
                            }
                            #primary_nav_wrap ul ul
                            {
                                display:none;
                                position:absolute;
                                top:100%;
                                left:0;
                                background:#fff;
                                padding:0;
                            }

                            #primary_nav_wrap ul ul li
                            {
                                float:none;
                                width:200px;
                                text-align: left;
                            }

                            #primary_nav_wrap ul ul a
                            {
                                line-height:120%;
                                padding:10px 15px;
                            }

                            #primary_nav_wrap ul ul ul
                            {
                                top:0;
                                left:100%;
                                text-align: left;
                            }

                            #primary_nav_wrap ul li:hover > ul
                            {
                                display:block;
                                background-color: #f8f8f8;
                            }
/* Nav List
================================================== */


    ul.nav-list a{
        padding: 0px;
        min-width: 100%;

        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        text-decoration: none;
        color: #333;
    }
    ul.nav-list li{
        margin: 0px 16px;
        display: inline-block;
    }
    ul.nav-list a:hover{
        color: #3cf;
        background-color: inherit;
    }
    /* All Mobile Sizes (devices and browser) */
    @media only screen and (min-width: 768px) {
        .nav-list > li {
        display: inline;
        padding-right: 0px;
        padding-bottom: 0px;
        text-decoration: none;
        }

    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
        .nav-list {display: block; padding-left: 0px; float: inherit; text-align: center; color: white;}

    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .nav-list {display: block; padding-left: 0px; float: inherit;text-align: center;color: white;}

        }

    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {
        .nav-list {display: block; padding-left: 0px; float: inherit;text-align: center;color: white;}

        }

    }

/* Login text field
================================================== */


/* Team tile
================================================== */
    .team-title{
        text-align: center;
    }

/* Team Bio
================================================== */

    h5.team-bios{
        font-size: 16px;
        line-height: 150%;
        text-align: center;
        color: #111;
        margin-bottom: 15px;
    }

/* Transparent Black Overlay
================================================== */
    .tbo-no-outside-click{
        position: fixed;
        z-index: 999;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        padding-top: 24px;
        background-color: rgba(111,111,111,0.8);
    }


    .tbo{
        display: none;
        position: fixed;
        overflow:auto;
        z-index: 999;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        padding-top: 10px;
        background-color: rgba(111,111,111,0.8);
    }
    .tbo::before{
        display: block;
        width: 1050px;
        height: 10px;
        margin: 0 auto;
        z-index: 999px;
        content: "✕";
        font-size: 16px;
        font-weight: 800;
        color: white;
        text-align: right;
    }
    .tbo .wrapper, .tbo-no-outside-click .wrapper{
        width: 980px;
        min-height: 40%;
        margin: 0 auto;
        padding: 20px;
        background-color: white;
        overflow:scroll;
        border-radius: 0px;
    }
    .wrapper textarea{
        height: 95%;
        width: 95%;
        font-size: 16px;
        padding: 16px;
    }

/* Float right
================================================== */
    .floatRight{
        float: right;
    }

/* pm-table
================================================== */
    table.pm-table{
        width: 100%;
    }
    table.pm-table td{
        text-align: center;
        padding: 3px;
        vertical-align: middle;
        word-wrap: break-word
    }
    table.pm-table input[type="text"]{
        width: 100px;
        border: none;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    table.pm-table a{font-family: Courier; color: blue;}

/* Centering Divs
================================================== */

    .block {
      text-align: center;
    }

    /* The ghost, nudged to maintain perfect centering */
    .block:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-right: -0.25em; /* Adjusts for spacing */
    }

    /* The element to be centered, can
       also be of any width and height */
    .centered {
      display: inline-block;
      vertical-align: middle;
      width: 100px;
    }
/* Price Option
================================================== */

    .quote-wrap > .quote{
        height: 200px;
        width: 100%;
        display: inline-block;
        background-color: white;
        border-radius: 3px;
        text-align: center;
    }

    .quote-wrap.active:hover > div.quote:not(.is-selected){
        border: 2px solid #ccc;
        cursor: pointer;
    }
    .quote-wrap.active > div.quote:not(.is-selected){
        border: 2px solid #ddd;
    }

    .quote-wrap.active .is-selected{
        border: 2px solid rgb(57, 139, 206);
    }
    .quote-wrap.active .is-selected .date{
        background-color: rgb(57, 139, 206);
        border-bottom: 1px solid rgb(57, 139, 206);
    }
    .quote-wrap.active .is-selected .date strong{
        color: white;
    }

    .quote-wrap .rate, .quote-wrap strong{
        color: #aaa;
    }
    .quote-wrap.active .rate, .quote-wrap.active  strong{
        color: #777;
    }

    .quote-wrap .rate{
        padding: 36px 0px;
        border-bottom: 0px solid #ddd;

    }

    .quote-wrap .date{
        padding: 24px;
        border-bottom: 1px solid #ddd;
    }

    div.reject-quote, div.price-option{
        display: inline-block;
        width: 160px;
    }
    div.reject-quote{

    }
    div.reject-quote strong{
        color: #FF6666;
    }
    div.reject-quote input{
        height: 204px;
        width: 100%;
        border: none;
        padding: none;
        background-color: #FFEDED;
        border: 2px solid rgba(255, 166, 166, 1);
        border-radius: 3px;
        color: red;
    }
    div.reject-quote input[type="submit"]:hover{
        border: 2px solid rgba(255, 149, 149, 1);
    }
    div.reject-quote input[type="submit"][disabled]:hover{
        border: 2px solid rgba(255, 166, 166, 0);

    }
/* React Animation Group
================================================== */
    .reactFading-enter {
        opacity: 0.00;
        transition: opacity .5s ease-in;
    }
    .reactFading-enter.reactFading-enter-active {
        opacity: 1;
    }
    .reactFading-leave {
      opacity: 1;
      transition: opacity .5s ease-in;
    }

    .reactFading-leave.reactFading-leave-active {
      opacity: 0.00;
    }

/* Sortable Table Header
================================================== */

     .headerSortDown::after {
        content: "▼";
    }
     .headerSortUp::after {
        content: "▲";
    }

/*
 * Navigataur: A pure CSS responsive navigation menu
 * Author: Mike King (@micjamking)
 */

/*
    Notes:

    - Media queries should be edited in both style sections if you require
      a different breakpoint for your navigation.

    - Toggle class & menu anchor tags in list items have box-sizing: border-box
      style property to allow padding inside the container without conflicting with layout.
*/
/*--------------------------------
 Functional Styles (Required)
---------------------------------*/

.header { position: relative; }
#toggle, .toggle { display: none; }
.menu > li { list-style: none; float:left;  }

/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

@media only screen and (max-width: 768px){
    .menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
    .menu > li { display: block; width: 100%; margin: 0; }
    .menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
    #toggle:checked + div .menu { display: block; opacity: 1;}
}


/*--------------------------------
 Presentation Styles (Editable)
---------------------------------*/
.header{
    min-height: 100px;
    height: 100%;
    padding: 0 0px;
    background: #FFFFFF;
}

.header > h1 {
    float: left;
    padding: 30px 0 0;
    font-style: italic;
    font-family: Georgia;
    font-size: 28px;
    color: #DFDFDF;
}

.nav{
    display: block;
    float: right;
}

.nav, .menu, .menu > li{
    height: 100%;
   margin: 0px;
}

.menu{margin: 14px 0px;
    float: right;
}

.menu > li > a{
    margin: 0px 6px;
    min-width: 120px;
    text-align: center;
    color: #333;
    display: block;
    padding: 14px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    border-bottom: 2px solid rgba(120, 120, 120, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.menu > li > a:hover, .menu > li > a:focus, a.current-location{
    border-bottom: 2px solid #444 !important;
}

.business > .menu > li > a{
    color: white;
}

.business > .menu > li > a:hover, .business > .menu > li > a:focus, .business > a.current-location{
    border-bottom: 2px solid white !important;
}

.toggle{
    z-index: 2;
}

@media only screen and (max-width: 768px){
    .menu{
        margin: 0px;
        background: #FFFFFF;
        border-top: 1px solid #51C1F1;
    }

    .menu, .menu > li, .menu > li > a{
        height: auto;
        text-align: left;
    }

    .menu > li > a{
        padding: 15px 15px;
    }

    .menu > li > a:hover, .menu > li > a:focus{
        background: #F2F2F2;
        box-shadow: inset 5px 0px #51C1F1;
        padding: 15px 15px 15px 25px;
    }

    .toggle:after {
        content: attr(data-open);
        display: block;
        width: 200px;
        margin: 33px 0;
        padding: 10px 50px;
        background: #51C1F1;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        text-align: center;
        font-size: 12px;
        color: #FFFFFF;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .toggle:hover:after{
        background: #45ABD6;
    }

    #toggle:checked + div .toggle:after{
        content: attr(data-close);
    }
}

@media only screen and (max-width: 479px){
    .header > h1 {
        text-align: center;
    }
    .header > h1, .nav, .toggle:after{
        float: none;
    }
    .toggle:after {
        text-align: center; width: 100%;
    }
}