*{
  box-sizing: border-box;
}

.dialog-container{
  text-align: left;
  min-width: 600px;
  display: inline-block;
  margin: auto;
  padding: 1em;
  background-color: #f9ece2;
  border: 1px solid #efefef;
}

.dialog-container label,
.dialog-container span{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.dialog-container textarea,
.dialog-container input{
  box-sizing: border-box;
}

.dialog-container textarea{
  resize: none;
}

.dialog-container .rf-logo{
  margin: 1em .5em 1em 0;
  min-width: 200px;
  overflow: hidden;
}

.dialog-container .rf-logo div{
  background-color: white;
  padding: .5em;
  height: 280px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.dialog-container .rf-caption{
  display: block;
  text-align: center;
  background-color: #efefef;
}

.dialog-container .rf-title{
  font-size: 1.3em;
}

.dialog-container .rf-row{
  margin: 1em 0;
}

.dialog-container .rf-right input,
.dialog-container .rf-right textarea{
  vertical-align: middle;
  min-width: 250px;
}

.dialog-container .rf-right label{
  margin-right: .5em;
}

.dialog-container .rf-head .rf-right label{
  min-width: 250px;
}

.dialog-container .flexrow > *{
  overflow: hidden;
}

.dialog-container .rf-line{
  margin: .5em 0;
}

.dialog-container .rf-separator{
  margin-top: .5em;
}


/* RF-RIGHT */
.dialog-container .rf-right{
  text-align: right;
}

.dialog-container .rf-right input{
  margin-right: 0;
  margin-left: .5em;
}


/* RF-GRID */
.dialog-container .rf-grid .separator{
  margin-right: 1em;
}

.dialog-container .rf-gridx>div{
  padding: .5em;
}

.dialog-container .rf-grid span,
.dialog-container .rf-grid input{
  display: block;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}


/* CUSTOM RADIOBUTTON/CHECKBOX */
.dialog-container input[type='radio'],
.dialog-container input[type='checkbox'] {
  display: none;
}

.dialog-container label.radiolabel,
.dialog-container label.checklabel{
  display: block;
  cursor: pointer;
  margin: 1px 0;
  
}

.dialog-container label.radiolabel,
.dialog-container label.checklabel{
  display: block;
  margin: 1px 0;
  cursor: pointer;
}

.dialog-container label.radiolabel > span:first-of-type,
.dialog-container label.checklabel > span:first-of-type {
  position: relative;
  line-height: 24px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dialog-container label.radiolabel > span:first-of-type:before,
.dialog-container label.checklabel > span:first-of-type:before,
.dialog-container label.radiolabel > span:first-of-type:after,
.dialog-container label.checklabel > span:first-of-type:after {
  content: '';
}

.dialog-container label.radiolabel > span:first-of-type:before,
.dialog-container label.checklabel > span:first-of-type:before {
  background: white;
  border: 1px solid #222021;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
}

.dialog-container label.radiolabel > span:first-of-type:after,
.dialog-container label.checklabel > span:first-of-type:after {
  background: #222021;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 4px;
  left: 4px;
  transition: 300ms;
  opacity: 0;
}

.dialog-container label.radiolabel input:checked+span:first-of-type:after,
.dialog-container label.checklabel input:checked+span:first-of-type:after {
  opacity: 1;
}

.dialog-container label.radiolabel input:disabled+span:first-of-type:before,
.dialog-container label.checklabel input:disabled+span:first-of-type:before {
  opacity: 0.7;
  border-color: rgba(118, 118, 118, 0.3);
}


/* CUSTOM RADIOBUTTON/CHECKBOX [LITTLE VERSION]*/
.dialog-container label.radiolabel > span:first-of-type.little,
.dialog-container label.checklabel > span:first-of-type.little {
  line-height: 22px !important;
}

.dialog-container label.radiolabel > span:first-of-type.little:before,
.dialog-container label.checklabel > span:first-of-type.little:before {
  width: 18px !important;
  height: 18px !important;
  margin-right: 0 !important;
}

.dialog-container label.radiolabel > span:first-of-type.little:after,
.dialog-container label.checklabel > span:first-of-type.little:after {
  width: 12px !important;
  height: 12px !important;
  top: 4px !important;
  left: 4px !important;
}

/* DROPZONE */
.reportdz .dropzone-area-parent {
  box-sizing: border-box;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
  min-height: 250px;
}

.reportdz .dropzone-area-parent.h-200 {
  height: 200px;
}

.reportdz .vertical-separator{
  margin-top: 1em;
}

.reportdz .title{
  text-align: left;
  background-color: #f0f0f0;
  padding: .3em;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  border-top: 1px solid #cacaca;
}



.crf-container{
  font-size: 1em;
  text-align: center;
  display: inline-block;
  margin: auto;
  padding: 1em;
  background-color: #deebf7;
  border: 1px solid #efefef;
}