/* Updates from NICE forms CSS  nice-forms.css Niels Voogt */
.dfinput_names .name_last, .dfinput_names .name_first {width:40%;}

.dform_container input.text {
    -webkit-font-smoothing: antialiased;
    box-sizing: inherit;
    background: #f9fafb;
    font-size: calc(1rem*0.875);
    box-shadow: none;
    border-radius: 0.25rem;
    border: 1px solid #c0c4c9;
    border-bottom: 2px solid #c0c4c9;
    color: #20242f;
    width: 90%;
    padding: calc(1rem*0.75) !important;
    height: calc(1rem*2.75);
    line-height: normal;
    appearance: none;
    transition: all 0.15s ease-out;
    --icon-padding: calc(1rem*2.25);
    --icon-background-offset: calc(1rem*0.75);
    }
 
.dform_container input.text {outline-style:revert !important}
 
.dform_container input[type=text].text:focus,.dform_container  input[type=email]:focus,.dform_container  input[type=tel]:focus,.dform_container textarea:focus, .dform_container select:focus {
	outline: none !important;
	border-color: #146663 !important;
}

.dform_container textarea {
-webkit-font-smoothing: antialiased;

    box-sizing: inherit;
    background: #f9fafb;
    font-size: calc(1rem*0.875);
    box-shadow: none;
    border-radius: 0.25rem;
    border: 1px solid #c0c4c9;
    border-bottom: 2px solid #c0c4c9;
    color: #20242f;
    width: 70%;
    padding: calc(1rem*0.75);
    line-height: normal;
    appearance: none;
    transition: all 0.15s ease-out;
    --icon-padding: calc(1rem*2.25);
    --icon-background-offset: calc(1rem*0.75);
    height: auto;

}

.dform_container select {
     -webkit-font-smoothing: antialiased;
    box-sizing: inherit;
    background: #f9fafb;
    font-size: calc(1rem*0.875);
    box-shadow: none;
    border-radius: 0.25rem;
    border: 1px solid #c0c4c9;
    border-bottom: 2px solid #c0c4c9;
    color: #20242f;
    width: 50%;
    padding: calc(1rem*0.75);
    height: calc(1rem*2.75);
    line-height: normal;
    appearance: none;
    transition: all 0.15s ease-out;
    --icon-padding: calc(1rem*2.25);
    --icon-background-offset: calc(1rem*0.75);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-position: right calc(1rem*0.75) bottom 50%;
    background-repeat: no-repeat;
    background-size: 1rem;
    }
    
    
 .dform_container input[type=radio] {
    width: 1rem;
    height: 1rem;
    padding: inherit;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    border-radius: calc(0.25rem / 2);
    border-width: 1px;
    cursor: pointer;
    background-position: 50%;
}
   
  .dform_container   input[type=email]  {width:60% !important}
  .dform_container  input[type=radio] + label {
  --nf-input-size: 1rem;
    display: inline-block;
    margin-bottom: 0;
    padding-left: calc(1rem / 2.5);
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    max-width: calc(100% - 1rem* 2);
    line-height: normal;
    border-radius:100%;
}
  .dform_container input[type=radio]:checked {
    border-width:1px !important;
    border-radius:100% !important;
    border-right-style:solid !important;
    border-left-style:solid !important;
    background-color: #146663;
    border-color: #146663 !important;
    box-shadow: inset 0 0 0 3px #fff;
}

  .dform_container input[type=radio]:focus:not(:checked) {
	border: 1px solid #146663;
	outline: none
}
.dform_container .cart_qty_small {width:40px !important;}

.dform_container input[type=checkbox], .dform_container > input[type=radio] {
    width: 1rem;
    height: 1rem;
    padding: inherit;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    border-radius: calc(0.25rem / 2);
    border-width: 1px;
    cursor: pointer;
    background-position: 50%;
}

.dform_container .cc_cardinfo .exp_year {width:45% !important;}

.cc_cardinfo .cc_ccv input {
    width: 55px !important;
}

.dform_container li.single_product {padding:1rem 0}

span.req {
    color: #652F13;
}
span.req:after {
    content: ' (required field)';
    font-size: 15px;
    color: #652F13;
    font-weight:500;
}

@media only screen and (max-width : 796px) {

.dform_container input.text {width:90%}
.dfinput_names .name_first, .dfinput_names .name_last {width:90%}
.dform_container textarea {width:90% !important}
.dform_container .dfinput_left {float:none;}

}