﻿body {
   max-width: 1060px;
   min-height: 112px;
   margin-bottom:0px;
}

.iframe-ikea-texbox{
    border-radius: 0px;
    height: 36px;
    padding: 10px 20px;
    font-size: 11px;
    border: 1px solid #c1c1c1;
    color: #333;
}
.iframe-ikea-texbox:focus{
    border: 1px solid #c1c1c1;
    box-shadow:none;
}

.iframeContainer{
    background-color: #f9cd16;
    text-align: left;
    color: #ffffff;
    font-size: 13px;
    font-family: Verdana;
    padding: 10px 42px;
    min-height: 112px;
}

.iFrameHeader{
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
}

.btConfirm{
    width:100%;
    height: 36px;
    color: #333;
    padding: 10px 20px;
    border-radius: 0px;
    background-color: #f1f1f1;
    font-size: 11px;
    border: 1px solid #c1c1c1;
}
.btConfirm:hover{
    background: #e1e1e1;
}

.consentLabel{
    padding-left: 5px;
    font-weight: normal;
}

.iframeIKEAvalidation{
    color: #980000;
    font-size: 10px;
}

.checkbox > [type="checkbox"],
.checkbox > label {
  margin-bottom: 0px !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 23px; 
  padding-top: 5px;

}

.checkbox > [type="checkbox"]:not(:checked),
.checkbox > [type="checkbox"]:checked {
  position: absolute;
  left: -9999px; }

.checkbox > [type="checkbox"]:not(:checked) + input + label,
.checkbox > [type="checkbox"]:checked + label,
.checkbox > [type="checkbox"]:not(:checked) + input + label,
.checkbox > [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 23px;
  cursor: pointer; }

.checkbox > [type="checkbox"]:not(:checked) + label:before,
.checkbox > [type="checkbox"]:checked + label:before,
.checkbox > [type="checkbox"]:not(:checked) + label:before,
.checkbox > [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 1px;
  top: 3px;
  width: 17px;
  height: 17px;
  border: 1px solid #ccc;
  background: #ffffff;
  border-radius: 0px; }

.checkbox > [type="checkbox"]:not(:checked) + label:after,
.checkbox > [type="checkbox"]:checked + label:after,
.checkbox > [type="checkbox"]:not(:checked) + label:after,
.checkbox > [type="checkbox"]:checked + label:after {
  font: normal normal normal 12px/1 'Glyphicons Halflings';
  content: '\e013';
  position: absolute;
  top: 3px;
  left: 1px;
  color: #333333;
  xtransition: all .2s;
  padding: .21em;
  border-radius: 0px; }

.checkbox > [type="checkbox"]:not(:checked) + label:after,
.checkbox > [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0); }

.checkbox > [type="checkbox"]:checked + label:after,
.checkbox > [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1); }

.checkbox > [type="checkbox"][data-indeterminate] + label:after,
.checkbox > [type="checkbox"][data-indeterminate] + label:after,
.checkbox > [type="checkbox"][data-indeterminate] + label:after,
.checkbox > [type="checkbox"][data-indeterminate] + label:after {
  content: '\2212';
  left: 2px;
  opacity: 1;
  transform: scale(1); }

.checkbox > [type="checkbox"]:disabled:not(:checked) + label:before,
.checkbox > [type="checkbox"]:disabled:checked + label:before,
.checkbox > [type="checkbox"]:disabled:not(:checked) + label:before,
.checkbox > [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
  color: #dadada; }

.checkbox > [type="checkbox"]:disabled:checked + label:after,
.checkbox > [type="checkbox"]:disabled:checked + label:after {
  color: #dadada;
  cursor: not-allowed; }

.checkbox > [type="checkbox"]:disabled + label,
.checkbox > [type="checkbox"]:disabled + label {
  color: #aaa;
  cursor: not-allowed; }

.checkbox > [type="checkbox"]:checked:focus + label:before,
.checkbox > [type="checkbox"]:not(:checked):focus + label:before,
.checkbox > [type="checkbox"]:checked:focus + label:before,
.checkbox > [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.checkbox > label:hover:before {
  border: 1px solid #ccc !important; }

.checkbox > [type="checkbox"]:disabled:not(:checked) + label:hover:before,
.checkbox > [type="checkbox"]:disabled:checked + label:hover:before,
.checkbox > [type="checkbox"]:disabled:not(:checked) + label:hover:before,
.checkbox > [type="checkbox"]:disabled:checked + label:hover:before {
  border: 1px solid #ccc !important; }