/*BEGIN from oe.css - .rMenuAffix -> .rMenuAffixWide*/
@media(min-width:768px) {
    .rMenuAffixWide {
        padding: 0px 10px 0px 10px;
    }

    #rMenu p.bg-info {
        padding: 15px;
    }
}

@media(max-width:768px) {
    .col-md-12 h2 {
        margin-top: 0;
        font-size: 24px;
    }

    .rMenuAffixWide {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px;
    }

    #rMenu p.bg-info {
        padding: 5px;
    }

    .affix {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        padding-top: 10px;
    }

    .dropdown-content-mods {
        width: 340px;
    }

    .select-mobile .checkbox {
        display: inline-block;
        padding-left: 20px;
    }

    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .input-entry-name {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }

    .navbar-form-filterbox {
        margin-right: 0;
        margin-left: 0;
    }

        .navbar-form-filterbox .form-control-feedback {
            top: 0;
        }

    .form-inline .form-control.input-select-service {
        width: 140px;
        display: block;
        margin-top: 10px;
    }
}

@media(max-width:575px) {
    .form-control.input-entry-name {
        width: 160px;
    }

    .btn-delete-oligo-item {
        padding: 5px 0;
    }

    .col-corner-icon-control {
        padding-left: 0;
        padding-right: 0;
    }

    .has-btn-group-mods-right {
        padding-right: 0;
    }

    .has-btn-group-mods-left {
        padding-left: 0;
    }

        .has-btn-group-mods-left .btn, .has-btn-group-mods-right .btn {
            font-size: 90%;
        }
}

.helptip .glyphicon {
    color: #555;
    padding-top: 0;
    padding-bottom: 0;
}

    .helptip .glyphicon:hover {
        color: #111;
    }

.popover {
    max-width: 340px;
    font-size: 85%;
}

.rMenuAffixWide .panel-group .panel, .rMenuAffixWide .panel-heading {
    border-radius: 0;
    background-image: none;
    background-repeat: no-repeat;
}

.rMenuAffixWide .panel-title {
    font-size: 1em;
}

    .rMenuAffixWide .panel-title a {
        display: block;
    }

@media(min-width:992px) {
    #ServicesContainer1 {
        margin-bottom: 0;
    }

    .btn-link.helptip {
        padding: 0 5px;
    }

    .affix {
    }

    .dropdown-content-mods {
        width: 500px;
    }

    .form-control.input-entry-name {
        width: 180px;
    }
}

.rMenuAffixWide {
    background: #fff;
    z-index: 3;
}


@media(min-width:768px) {
    .rMenuAffixWide {
        padding: 0px 10px 0px 10px;
    }

    #rMenu p.bg-info {
        padding: 15px;
    }
}

@media(max-width:768px) {
    #CheckoutSelect {
        position: relative;
        margin-left: 0px;
    }

    .col-md-12 h2 {
        margin-top: 0;
        font-size: 24px;
    }

    .rMenuAffixWide {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px;
    }

    #rMenu p.bg-info {
        padding: 5px;
    }

    .affix {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        padding-top: 10px;
    }

    .dropdown-content-mods {
        width: 340px;
    }

    .select-mobile .checkbox {
        display: inline-block;
        padding-left: 20px;
    }

    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .input-entry-name {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }

    .navbar-form-filterbox {
        margin-right: 0;
        margin-left: 0;
    }

        .navbar-form-filterbox .form-control-feedback {
            top: 0;
        }

    .form-inline .form-control.input-select-service {
        width: 140px;
        display: block;
        margin-top: 10px;
    }
}

.rMenuAffixWide .panel-group .panel, .rMenuAffixWide .panel-heading {
    border-radius: 0;
    background-image: none;
    background-repeat: no-repeat;
}

.rMenuAffixWide .panel-title {
    font-size: 1em;
}

    .rMenuAffixWide .panel-title a {
        display: block;
    }

@media(min-width:1200px) {
    .rMenuAffixWide {
        padding: 0px 10px 40px 10px;
    }

    .affix {
        width: 350px;
        top: 20px;
    }

    .col-lg-3 > .affix {
        width: 260px;
        top: 20px;
    }
}

.rMenuAffixWide {
    background: #fff;
    z-index: 3;
}
/*END form oe.css*/
/*fix saveforlater top too low*/
.rMenuAffixWide.affix {
    top: 20px !important;
}

/*fix saveforlater floating menu not wide enough*/
@media(min-width:1200px) {
    .col-lg-3 > .affix {
        width: 350px;
    }
}

/*widescreen modal width switches*/
/*@media(min-width:1400px) {
    .modal-content {
        max-width: 1150px;
    }
}
@media(max-width:1401px) {
    .modal-content {
        max-width: 1150px;
    }
}*/
@media(min-width:1201px) {
    .modal-dialog {
        max-width: 1150px;
    }
}
@media(max-width:1200px) {
    .modal-content {
        max-width: 985px;
    }
}

@media(max-width:992px) {
    .modal-content {
        max-width: 760px;
        margin-left:50px;
    }
}

@media(max-width:768px) {
    .modal-content {
        max-width: 555px;
        margin-left: 10px;
    }
    .hideSM {
        display: none;
    }
}

@media(max-width:575px) {
    .modal-content {
        max-width: 390px;
        margin-left: 0px;
    }
    .hideSM {
        display: none;
    }
    .hideXS {
        display: none;
    }
}

@media(max-width:390px) {
    .modal-content {
        max-width: 300px;
        margin-left: 0px;
    }
    .hideSM {
        display: none;
    }
    .hideXS {
        display: none;
    }
}