.orderForm hr{
    border: 0;
    border-top: 1px solid #e6e6e6;
    margin: 0;
}

#orderForm .plugin-hidden-optional-element {
    display: initial!important;
    color: #d3107c;
}

.orderForm #orderFormSidebar h4{
    padding: 10px;
}
#content #orderForm #orderFormSidebar.col-xs-12 .col-xs-12.text-center{
    width: 100%;
    font-size: 14px;
    color: #666;
}

#btnVerifZip, .btn {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: none;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0.85em 1em;
    margin: 0 20px 20px 0;
    font-size: 0.9rem;
    background: #ef7c21;
    color: #fff;
}

.modal-dialog button.btn{
    margin: 0;
}

.btn-default{
    color: #666;
    background: #e6e6e6;
}

.btn-default:hover,
.btn-default:focus {
    background: #666;
    color: #fff;
}

.display-quick-icon-sidebar {
    display: block;
    height: 50px;
    width: 100%;
    clear: both;
    background-position: center;
}

#content #orderForm > div.container > div:nth-child(2) > div.col-xs-12.col-md-2.pull-right > div > div.col-xs-12.text-center {
    font-size: 14px!important;
}

.quickdelivery {
    color: #e7266e !important;
    font-weight: 700;
}

#btnVerifZip, .btn-default{
    margin: 0 0 20px;
}

#btnBackward{
    margin: 20px 0 0;
    padding: .85em 1em !important;
    font-size: 1.25rem!important;
}

#btnForward{
    margin: 20px 0 0 20px;
    padding: .85em 1em !important;
    font-size: 1.25rem!important;
}

#btnVerifZip:hover, #btnVerifZip:focus, #btnForward:hover, #btnForward:focus, #btnBackward:hover, #btnBackward:focus, #content #orderForm .col-xs-12 .col-xs-12.text-right .btn:hover, #content #orderForm .col-xs-12 .col-xs-12.text-right .btn:focus {
    background: #d86810;
    color: #fff;
}

.fa-spinner:before {
    content: "\e80a";
}

.fa-arrow-left:before {
    content: "\f137";
}

.fa-arrow-right:before {
    content: "\f138";
}

.fa-plus-circle:before {
    content: "\E800";
}

.orderForm p.title, .option-name {
    font-size: 14px;
    color: #666;
    margin: 0 0 10px;
}

#formStep > div.row > div.col-xs-12 > div > div:nth-child(2) > div:nth-child(5) > div > div:nth-child(1) > div > div.col-xs-12 > span {
    font-size: 14px;
    color: #666;
    margin: 0 0 10px;
}

.orderForm p.title, .option-name{
    font-weight: 700 !important;
}

.orderForm p.title{
    padding: 0 !important;
}

.orderForm ol, .orderForm ul {
    margin: 0 0 10px 20px;
}

.orderForm ol {
    list-style-type: decimal;
}

#highlight-block #astel-promo {
    background: transparent;
    border: 1px solid #fff;
    margin: 0;
    font-size: 14px;
    padding: 12px 20px;
    color: #fff;
}

.orderForm table.table {
    margin: 0;
}

.orderForm table.table th:first-child, .orderForm table.table td:first-child {
    text-align: left;
    padding: .5rem 0 .625rem;
}

.orderForm table.table th:last-child, .orderForm table.table td:last-child {
    text-align: right;
    padding: .5rem 0 .625rem;
}

.orderForm table.table td:first-child, .orderForm table.table td:last-child {
    font-size: 14px;
}

.orderForm h3,  .orderForm h5, #main-content #orderForm.orderForm.container h4 {
    font-size: 16px;
    font-weight: 700;
    color: #2b4588 !important;
    margin: 0 0 10px;
}

.orderForm h4{
    font-size: 14px;
    color: #666;
    margin: 0 0 10px;
}

.orderForm .panel-default, #main-content #orderForm.orderForm.container {
    border: 1px solid #e6e6e6;
    margin: 0 0 20px;
}

#main-content #orderForm.orderForm.container p, #main-content #orderForm.orderForm.container h2, #main-content #orderForm.orderForm.container .row.orderSummary{
    padding-left: 1.250rem;
    padding-right: 1.250rem;
}

#main-content #orderForm.orderForm.container hr{
    margin: 20px 1.250rem 20px;
}

#main-content #orderForm.orderForm.container br{
    display: none;
}

#main-content #orderForm.orderForm.container .row.orderSummary{
    border: 1px solid #e6e6e6;
    margin: 0 1.25rem;
    padding-top: 1.250rem;
}

#main-content #orderForm.orderForm.container .row.orderSummary dt{
    font-size: 14px;
    color: #666;
    font-weight: 400;
}

#main-content #orderForm.orderForm.container .row.orderSummary dd{
    font-size: 14px;
    color: #666;
    font-weight: 700;
    margin: 0 0 20px;
}

.orderForm .panel-default{
    padding-left: 1.250rem;
    padding-right: 1.250rem;
}

#orderForm table.table input[type="radio"], #orderForm table.table input[type="checkbox"]{
    margin: 0 5px;
}

#main-content .block.gutter-block {
    padding: 20px 20px 0;
}

#main-content .block.gutter-block p span {
    font-weight: 700;
    font-style: italic;
    color: #2b4588;
}



/* Small only */

@media screen and (max-width: 39.9375em) {
    
    #orderFormSidebar{
        display: none;
    }
    
    #content #orderForm .col-xs-12.pull-right{
        position: relative !important;
        right: inherit !important;
        border: 0 !important;
        padding: inherit !important;
        top: inherit !important;
        float: none !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
        width: inherit!important;
    }
    
    #content #orderForm .col-xs-12.pull-right dl {
    width: 50%;
    display: block;
    float: left;
    text-align: left;
}
    
    .row .call-center-sidebar {
        margin: 0 !important;
        padding: 0 0 10px !important;
        border: 0 !important;
        text-align: left !important;
        display: none;
    }

    #btnForward, #btnBackward{
        font-size: 0.9rem !important;
        margin: 20px 0 20px 0 !important;
    }
    
    #btnForward{
        margin: 20px 0 20px 20px !important;
    }
    
    #btnForward .fa, #btnBackward .fa{
        display: none;
    }
    
    #content #orderForm .col-xs-12 .col-xs-12.text-center a{
        font-size: 0.9rem !important;
    }

    a.astel img{
        height: 20px !important;
    }
    
    #content #orderForm h1:before {
        background-image: none !important;
        padding: 10px 20px !important;
        display: block !important;
        margin: 0 0 10px !important;
    }
    
    .orderForm table.table {
        margin: 0;
    }
    
    .orderForm h4 {
        font-size: 14px;
    }
    
    #content .middle-box {
        padding: 0 0.625rem 0 0;
    }
    
}

/* Medium only */

@media screen and (min-width: 40em) and (max-width: 75.875em) {
    
    #content #orderForm .col-xs-12.pull-right{
        position: relative !important;
        right: inherit !important;
        border: 0 !important;
        padding: inherit !important;
        top: inherit !important;
        float: none !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
        width: inherit!important;
    }
    
    #content #orderForm .col-xs-12.pull-right dl{
        width: 50%;
    display: block;
    float: left;
    text-align: left;
    }
    
    .row .call-center-sidebar {
        margin: 0 !important;
        padding: 0 0 10px !important;
        border: 0 !important;
        text-align: left !important;
        display: none;
    }

    #btnForward, #btnBackward{
        font-size: 0.9rem !important;
        margin: 20px 0 20px 0;
    }
    
    #btnForward{
        margin: 20px 0 20px 20px;
    }
    
    #content #orderForm .col-xs-12 .col-xs-12.text-center a{
        font-size: 0.9rem !important;
    }
    
    #highlight-block.astel-block {
        padding: 20px 0;
    }
    
    #highlight-block.astel-block .medium-centered {
        margin-top: inherit;
    }
    
    .orderForm table.table {
        margin: 0;
    }
    .orderForm table.table td:first-child,
    .orderForm table.table td:last-child{
        font-size: 12px;
    }
    #content .middle-box {
        padding: 0 0.625rem 0 0;
    }
    
}

#orderForm{
    position: relative;
}

#orderForm #formStep ul li font{
    color: #EC6E68 !important;
}

#orderForm table.table{
    width: 100%;
}

#orderForm input[type="radio"], #orderForm input[type="checkbox"]{
    margin: 0 5px 5px 5px;
}

#orderForm .input-group{
    margin-left: inherit !important;
}

#orderForm dl{
    margin: 0;
}

#orderForm.row .row{
    margin-right: inherit;
    margin-left: inherit;
    max-width: inherit;
}

#content #orderForm h1{
    color: #666 !important;
}

.text-danger {
    color: #EC6E68;
    text-align: center;
}

.orderForm form div.required .control-label:after, p.required:after, h3.required:after, h4.required:after, .orderForm form div.required .checkbox label:after, .orderForm span.required:after, .orderForm h3.required:after{
    content: " *";
    color: #EC6E68;
}

.orderForm .row label{
    font-size: 14px;
    color: #666;
    font-weight: 700;
}

.form-control {
    display: block;
    width: 100%;
    padding: .85em 1em;
    margin: 0 0 20px;
    font-size: 14px;
    color: #666;
    vertical-align: middle;
    background-color: #e6e6e6;
    border: 1px solid #666;
}

.form-control.selectable2, .form-control.selectpicker{
    height: 42.78px;
}

#content #orderForm h1:before{
    content: "Formulier";
    background: #2b4588 url(/images/theme/title-corner-white@2x.png) no-repeat top right;
    color: #fff;
    padding: 10px 20px 10px 20px;
    display: inline-block;
    position: relative;
    margin: 0 10px 0 0;
}

#content #orderForm .col-xs-12{
    width: 100%;
    padding-left: 1.250rem;
    padding-right: 1.250rem;
}


#content #orderForm #orderFormSidebar {
    position: absolute;
    right: -401px;
    border: 1px solid #e6e6e6;
    padding: 20px;
    top: -1px;
    width: 380px;
}


#content #orderForm .col-xs-12.pull-right hr{
    display: none;
}

.call-center-sidebar{
    margin: 20px 0 0;
    padding: 10px 20px !important;
    border: 1px solid #e6e6e6;
    text-align: center;
    display: none;
}

#content #orderForm .col-xs-12 dl {
    margin: 0 0 10px;
}

.quickdelivery, #orderForm > div.container > div:nth-child(2) > div.col-xs-12.col-md-2.pull-right > div > div.col-xs-12.text-center, #content #orderForm .col-xs-12 dt, #content #orderForm .col-xs-12 dd{
    font-size: 14px;
    color: #666;
}

#content #orderForm .col-xs-12 dd span, #orderForm .price, #orderForm .discount{
    color: #e7266e;
}

#orderForm .price, #orderForm .discount{
    font-size: 14px;
    font-weight: 700;
}

#content #orderForm .col-xs-12 .col-xs-12{
    width: inherit;
    padding-left: inherit;
    padding-right: inherit;
}

#content #orderForm .col-xs-12 .col-xs-12.text-center{
    padding: 0 !important;
    font-size: inherit !important;
    margin: 0;
}

#content #orderForm .col-xs-12 .col-xs-12.text-right .btn{
    margin: 0 0 20px;
}

#content #orderForm .col-xs-12.text-right .btn-default{
    margin: 20px 0 !important;
}

#content #orderForm .col-xs-12 .col-xs-12.text-center a{
    
    font-size: 1.25rem;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: none;
    vertical-align: middle;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    margin: 0 0 20px;
    background: none;
    color: #666;
}

#content #orderForm .col-xs-12 .col-xs-12.text-center a:hover, #content #orderForm .col-xs-12 .col-xs-12.text-center a:focus{
    border-bottom: 1px solid #e6e6e6;
    background: none;
    color: #666 !important;
}

.orderForm .mobiles .mobile, .orderForm .options .option, .orderForm .options .option.inline, .orderForm .options .question{
    border: 1px solid #e6e6e6;
    padding: 20px 20px 0;
    margin: 0 0 20px;
}

.orderForm .options .option.importantPortage{
    border: 1px solid #2b4588;
    padding: 20px 20px 15px;
} 

.orderForm .options .option, .orderForm .options .option.inline, .orderForm .options .question{
    border: 1px solid #666;
}

.orderForm .optionContentDescription{
    margin: 0 0 20px;
}

.orderForm .sim-card-type{
    margin: 0 20px 20px 0;
    display: inline-table;
}

a.astel {
    border: 0;
}

a.astel img{
    height: 25px;
    margin: 0;
}

#highlight-block #astel-promo p{
    text-align: center;
}

#highlight-block #astel-promo p strong{
    color: #e7266e;
    background: #fff;
    padding: 3px 5px 5px;
}

.astel-list p{
    color: #fff;
    font-size: 13px;
    margin: 0 0 20px;
}

.astel-list p strong{
    display: block;
}

.astel-list h2{
    text-align: center;
    color: #fff;
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 18px;
}

footer #astel-footer {
    background: url(/images/theme/footer-bg.png) repeat 0 0;
    padding: 20px 0 0;
}

footer #astel-footer img{
    margin: 0 10px 0 0;
    height: 40px;
}

.modal-open{overflow:hidden}body.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom{margin-right:15px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:auto;overflow-y:scroll; background:rgba(0,0,0,.5);}
/*.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}*/
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{z-index:1050;width:auto;padding:10px;margin-right:auto;margin-left:auto}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{min-height:16.428571429px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media screen and (min-width:768px){.modal-dialog{right:auto;left:50%;width:600px;padding-top:30px;padding-bottom:30px}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}}

.orderFormModal.invisible {
    display: none !important;
}

.orderFormModal.visible {
    display: block !important;
}

.orderFormModal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: auto;
    background: rgb(238, 238, 238);
    background: rgba(0, 0, 0, 0.5);
}

.modal-header .close{
    display: none;
}

.modal-body{
    padding: 20px;
}

.modal-body p{
    margin: 0 0 20px;
}

@media screen and (min-width: 768px) {
    .orderFormModal .modal-dialog {
        padding-top: 150px;
    }
}

.order-progress-box .order-progress-inner:not(:first-child)::before{
    top: 47px !important;
}

#astel-form .text-center {
    text-align: inherit;
}