/*! CSS compiled by Switch - DO NOT EDIT THIS FILE ANY CHANGES WILL BE LOST */
/*! variables */
/*! mixins */
.sitecore-form .row:after{
    display:table;
    clear:both;
    content:""
}
.sitecore-form label{
    display:block
}
.sitecore-form label:hover{
    cursor:pointer
}
.sitecore-form label:focus{
    outline:0
}
.form .form-control,
.sitecore-form .form-control{
    width:100%
}
.form .form-control:focus,.form .form-control:invalid,
.sitecore-form .form-control:focus,.sitecore-form .form-control:invalid{
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.sitecore-form select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.sitecore-form select::-ms-expand{
    display:none
}
.sitecore-form select option{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.sitecore-form textarea{
    min-height:108px;
    font-family:frutiger,"frutiger linotype",univers,calibri,"gill sans","gill sans mt","myriad pro",myriad,"dejavu sans condensed","liberation sans","nimbus sans l",tahoma,geneva,"helvetica neue",helvetica,arial,sans-serif;
    resize:vertical
}
.sitecore-form .required-field .control-label:after{
    color:#717171;
    font-weight:400;
    content:"*";
    opacity:.85
}
.sitecore-form .required-field .form-control:-moz-ui-invalid:not(output){
    box-shadow:none
}

.form--default .required-field .form-control.validate:valid{
    border-bottom:1px solid #529e00
}
.form--default .form-group,.form--default .form-submit-border,
.sitecore-form .form-group,.sitecore-form .form-submit-border{
    position:relative;
    margin:0 12px 24px;
    clear:both
}
.form .required-field .form-control.validate:invalid:not(:focus),
.form--default .required-field .form-control .validate:invalid:not(:focus),
.form--default .required-field .form-control.input-validation-error,
.form--default .required-field .form-control .validate.input-validation-error{
    border-bottom:1px solid #cf142b !important
}
.form--default .help-block,
.required-field .field-validation-error{
    position:absolute;
    top:100%;
    right:0;
    left:0;
    height:0;
    color:#cf142b;
    font-size:12px;
    line-height:12px;
    opacity:0;
    -webkit-transition:opacity .2s ease-in-out;
    transition:opacity .2s ease-in-out
}
.form--default .help-block,
.validation-field .field-validation-error{
    color:#cf142b;
    font-size:12px;
    line-height:12px;    
}
.form--default .control-label,
.sitecore-form .control-label{
    margin-bottom:6px;
    color:#333;
    font-size:16px;
    font-weight:700;
    line-height:1.2
}
.form--default .selectric-wrapper,
.sitecore-form .selectric-wrapper{
    padding-bottom:1px
}
.form--default .form-control,.form--default .selectric,
.sitecore-form .form-control,.sitecore-form .selectric{
    /* height:36px; */
    margin-bottom:6px;
    border-top:none;
    border-right:none;
    border-bottom:1px solid #e8e8e8;
    border-left:none;
    background-color:#fff;
    color:#717171;
    font-size:16px;
    line-height:36px;
    -webkit-transition:border-color .2s ease-in-out;
    transition:border-color .2s ease-in-out
}
.form--default .form-control::-webkit-input-placeholder,.form--default .selectric::-webkit-input-placeholder,
.sitecore-form .form-control::-webkit-input-placeholder,.sitecore-form .selectric::-webkit-input-placeholder{
    color:#c9c9c9;
    font-weight:400;
    opacity:.85
}
.form--default .form-control::-moz-placeholder,.form--default .selectric::-moz-placeholder,
.sitecore-form .form-control::-moz-placeholder,.sitecore-form .selectric::-moz-placeholder{
    color:#c9c9c9;
    font-weight:400;
    opacity:.85
}
.form--default .form-control:-ms-input-placeholder,.form--default .selectric:-ms-input-placeholder,
.sitecore-form .form-control:-ms-input-placeholder,.sitecore-form .selectric:-ms-input-placeholder{
    color:#c9c9c9;
    font-weight:400;
    opacity:.85
}
.form--default .form-control:active,.form--default .form-control:focus,.form--default .selectric:active,.form--default .selectric:focus{
    border-color:#b2b2b2
}
.form--default .form-control:active:valid,.form--default .form-control:focus:valid,.form--default .selectric:active:valid,.form--default .selectric:focus:valid{
    border-color:#529e00
}
.form--default .form-control.input-validation-error{
    border-color:#cf142b
}
.form--default .has-error .form-control:focus,.form--default .has-feedback .form-control:focus,.form--default .has-success .form-control:focus{
    border-color:#b2b2b2
}
.form--default .form-control[disabled],.form--default .selectric[disabled]{
    padding-left:12px;
    border:1px solid #f3f3f3;
    background-color:#f3f3f3
}
.form--default .form-control[disabled]:hover,.form--default .selectric[disabled]:hover{
    cursor:not-allowed
}
.form--default .form-select{
    background:url(/-/media/Project/Ricoh/Knowledge/RicohTheme/images/form/arrow-down.svg);
    background-position:100% 50%;
    background-repeat:no-repeat;
    background-size:18px auto
}
.form--default .form-select:active,.form--default .form-select:focus{
    background-image:url(/-/media/Project/Ricoh/Knowledge/RicohTheme/images/form/arrow-up.svg)
}
.form--default .form-select:invalid{
    color:#717171
}
.form--default .form-textarea{
    min-height:108px;
    line-height:1.3
}
.form--default .checkbox label,.form--default .form-group-check label,.form--default .radio label {
    display:inline-block;
    position:relative;
    margin:0;
    padding-top:6px;
    color:#666;
    cursor:pointer;
    -webkit-transition:color .2s ease-in-out;
    transition:color .2s ease-in-out
}
.form--default .checkbox label:focus,.form--default .form-group-check label:focus,.form--default .radio label:focus{
    color:#000
}
.form--default .checkbox.form-group>label,.form--default .form-group-check.form-group>label,.form--default .radio.form-group>label{
    font-weight:700
}
.form--default .checkbox table,.form--default .checkbox td,.form--default .checkbox tr,.form--default .form-group-check table,.form--default .form-group-check td,.form--default .form-group-check tr,.form--default .radio table,.form--default .radio td,.form--default .radio tr{
    display:block
}
.form--default .checkbox td,.form--default .form-group-check td,.form--default .radio td{
    padding:0 0 6px
}
.form--default .checkbox td:hover label,.form--default .form-group-check td:hover label,.form--default .radio td:hover label{
    color:#333
}
.form--default label input[type=checkbox],.form--default label input[type=radio],.form--default .form-group-check input[type=checkbox],.form--default .form-group-check input[type=radio],.form--default .radio input[type=checkbox],.form--default .radio input[type=radio]{
    display:inline-block;
    margin:0 3px 0 0
}
.form--default .checkbox td label,.form--default .form-group-check td label,.form--default .radio td label {
    font-weight:400
}
.form--default .checkbox ul,.form--default .form-group-check ul,.form--default .radio ul{
    margin:0;
    list-style:none
}
.form--default .checkbox ul input,.form--default .form-group-check ul input,.form--default .radio ul input{
    position:absolute;
    top:6px;
    left:2px;
    clip:rect(0 0 0 0)
}
.form--default .checkbox ul input:focus~.check,.form--default .form-group-check ul input:focus~.check,.form--default .radio ul input:focus~.check{
    border-color:#333
}
.form--default .checkbox ul input:checked~.check,.form--default .form-group-check ul input:checked~.check,.form--default .radio ul input:checked~.check{
    border-color:#cf142b
}
.form--default .checkbox ul input:checked:focus~.check,.form--default .form-group-check ul input:checked:focus~.check,.form--default .radio ul input:checked:focus~.check{
    border-color:#333
}
.form--default .checkbox ul label,.form--default .form-group-check ul label,.form--default .radio ul label{
    padding-left:36px;
    font-weight:400
}
.form--default .checkbox li,.form--default .form-group-check li,.form--default .radio li{
    position:relative;
    margin:0;
    padding:0 0 6px
}
.form--default .checkbox li:hover label,.form--default .form-group-check li:hover label,.form--default .radio li:hover label{
    color:#333
}
.form--default .checkbox li:last-of-type,.form--default .form-group-check li:last-of-type,.form--default .radio li:last-of-type{
    padding-bottom:0
}
.form--default .checkbox .check,.form--default .form-group-check .check,.form--default .radio .check{
    display:block;
    position:absolute;
    top:3px;
    left:0;
    width:24px;
    height:24px;
    border:1px solid #e8e8e8;
    background-color:#fff;
    font-size:1.25rem;
    -webkit-transition:border .2s ease-in-out;
    transition:border .2s ease-in-out
}
.form--default .checkbox .check:before,.form--default .form-group-check .check:before,.form--default .radio .check:before{
    display:block;
    position:absolute;
    top:5px;
    left:5px;
    width:12px;
    height:12px;
    border-radius:100%;
    content:"";
    -webkit-transition:background-color .2s ease-in-out;
    transition:background-color .2s ease-in-out
}
.form--default .radio>label{
    font-weight:400
}
.form--default .radio input[type=radio]:checked~.check:before{
    border-color:#c9c9c9!important;
    background-color:#cf142b
}
.form--default .radio input[type=radio]:checked:focus~.check:before{
    background-color:#333
}
.form--default .radio .check{
    border-radius:100%
}
.form--default .checkbox>label{
    font-weight:400
}
.form--default .checkbox input[type=checkbox]:checked~.check:before{
    font-family:ricons!important;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    line-height:1;
    text-transform:none;
    speak:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#cf142b;
    content:""
}
.form--default .checkbox input[type=checkbox]:checked:focus~.check:before{
    color:#333
}
.form--default .checkbox .check{
    border:1px solid #c9c9c9;
    border-color:#c9c9c9
}
.form--default .checkbox .check:before{
    top:1px;
    left:2px;
    width:17px;
    height:22px
}
.form--default .btn{
    margin:12px 0 0
}
.form--default .btn-login{
    margin:12px 0 0
}
.form--default.banner-search__dropdown,.form--default.sort-by{
    margin:0
}
.form--default.banner-search__dropdown .form-group,.form--default.sort-by .form-group{
    margin-right:0;
    margin-bottom:0;
    margin-left:0
}
.tingle-modal-box .form--default{
    margin:0
}
.tingle-modal-box .form--default .form-group{
    margin-right:0;
    margin-left:0
}
.tingle-modal-box .form--default .form-submit-border{
    margin:0
}
.form--default.sort-by .selectric{
    margin:0;
    border-bottom:1px solid #b2b2b2;
    background:0 0
}
.product-quote .form--default{
    margin:0
}
.product-quote .form--default .form-group{
    margin:0
}
.product-quote .form--default .form-control{
    margin:0
}
.form--marketo{
    margin:0;
    background:url(/-/media/Project/Ricoh/Knowledge/RicohTheme/images/fallbacks/spinner.svg?v=4517) no-repeat 50% 50%;
    background-size:15% 15%
}
.form--marketo:after{
    display:table;
    clear:both;
    content:""
}
.form--marketo form{
    width:100%!important;
    margin:24px 0;
    opacity:0
}
.form--marketo form [style]{
    width:100%!important
}
.form--marketo .mktoButtonRow{
    margin:0 12px;
    clear:both
}
.form--marketo .mktoError{
    color:#cf142b;
    font-size:12px;
    line-height:12px
}
.form--marketo.visible{
    background:0 0
}
.form--marketo.visible form{
    opacity:1
}
.form--marketo .form-control.mktoInvalid,.form--marketo .form-control.mktoRequired.mktoInvalid{
    border-color:#cf142b
}
.form--marketo .form-control.mktoRequired.mktoValid{
    border-color:#529e00
}
.form--marketo .form-control.mktoRequired.mktoInvalid:focus:valid,.form--marketo .form-control.mktoRequired:focus:valid,.form--marketo .form-control:focus:valid{
    border-color:#b2b2b2
}
@media screen and (min-width:768px){
    .form--default .row{
        margin:0 -12px
    }
    .form--default .halfAvailableWidth {
        width:calc(50% - 24px);
        float:left;
        clear:none
    }
    .form--default .halfAvailableWidth:nth-child(2n+1){ 
        clear:left 
    } 
    /* .form--default .thirdAvailableWidth{ */
        /* width:calc(33.333% - 24px); */
        /* float:left; */
        /* clear:none */
    /* } */
    .form--default .input-group{
        width:auto!important;
        min-width:calc(33.333% - 24px);
        margin:0 12px;
        float:left
    }
}
.sitecore-form .validation-summary-errors{
    display:none
}
.sitecore-form .has-error .form-control{
    -webkit-box-shadow:none;
    box-shadow:none
}
.form .has-error .help-block,
.required-field .field-validation-error{
    height:auto;
    opacity:1
}
.halfAvailableWidth .halfAvailableWidth{
    width:100%
}
.form .textarea-wrap{
    overflow: hidden;
	overflow-wrap: break-word;
	resize: none;
	height: 108px;
}
.denotes {
	color: #c9c9c9
}
.titleLegend{
	font-size: 25px;
	margin: 0px 20px 0px 12px;
	color: #ccc
}
.radio{
	font-weight:400
    display:inline-block;
    position:relative;
    margin:0;
    padding-top:7px;
    color:#666;
    cursor:pointer;
    -webkit-transition:color .2s ease-in-out;
    transition:color .2s ease-in-out
}
.checkboxList label{
	margin-bottom:6px
}
.field-validation-error{
    color:#cf142b;
    font-size:12px;
    line-height:12px;    
}
.form--default .whitetext,
.sitecore-form .whitetext{
	margin-bottom:6px;
    color: #ffffff;
    font-size:16px;
    font-weight:700;
    line-height:1.2
	
}
.sitecore-form .required-field .whitetext:after{
    color:#717171;
    font-weight:400;
    content:"*";
    opacity:.85
}
.required-field .control-label:after{
    color:#717171;
    font-weight:400;
    content:"*";
    opacity:.85
}
}
legend {
    color: #000;
	margin: 0px 20px 0px 12px;
}