.ms-ChoiceField{
    margin-right: 5px
    ;float: left;
}
.checkboxStyles {
    margin-top: 30px
}

.modalFooter{
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 8px;
}
.buttonArea {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    
  }

  .callout {
      max-width: 300px;
    
  }
  .calloutHeader {
      padding: 18px 24px 12px
  }
 
  .calloutContent{
      padding: 0px 24px 18px
  }

  .ms-Panel-closeButton,.ms-Panel-closeButton:hover {
      color: white;
  }

.form-field-view{
    /* border: 1px solid rgb(194, 194, 194); */
    /* box-shadow: inset 0 0 9px rgba(0,0, 0, .15); */
    background-color: rgb(244, 244, 244);
    padding: 5px 12px;
    margin-top: 2px;
    margin-bottom: 10px;
}

.multiple-documents-readonly .react-fine-uploader-file-input-container{
    display: none !important;
}


.multiple-documents-readonly .react-fine-uploader-gallery-cancel-button i:first-child{
    display: none;
}

.multiple-documents-readonly .react-fine-uploader-gallery-cancel-button i:nth-child(2){
    border-radius: 50%;
    top: 0px !important;
}

.multiple-documents-readonly .react-fine-uploader-gallery-cancel-button i:nth-child(3){
    border-radius: 50%;
    top: 28px !important;
}

.multiple-documents-readonly .react-fine-uploader-gallery-file{
    background-color: rgba(228, 226, 226, 0.2);
}
.react-fine-uploader-gallery-nodrop-container, .react-fine-uploader-gallery-dropzone{
    min-height: 200px
}
.viewRecordButton{
float: left;
}

.row-c{
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0;
    min-height: 120px;
}
/* .row-c:before{
    content: "";
    clear: both;
    
} */

.col-c-lg-6{
    width: 50%;
    padding: 0 8px;
}

.barcode-container {
    margin-top: 24px;
}

.fix-clear:after{
    display: block;
    content: "";
    clear: both;
}

@media screen and(max-width: 768px){
    .col-c-lg-6{
        width: 100%;
    }
    .row-c{
        flex-wrap: wrap;
    }
    
}