/* CSS */

.imgBoxCard { background: #ffffff url('/quotes/noImagePH.png') repeat scroll;}

.imgBox { position: relative; max-width: 100%; max-height: 800px; overflow: auto;}
.imgBox img { background-color: #888888; object-fit: cover; object-position: top;}

.imgBox .inText { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.imgBox .inText > span { display: inline-block; position: absolute; width: 100%; padding: 20px;}

.imgBox .inText > span.textPos1 { top: 0; left: 0; text-align: left;}
.imgBox .inText > span.textPos2 { top: 0; left: 0; text-align: center;}
.imgBox .inText > span.textPos3 { top: 0; left: 0; text-align: right;}
.imgBox .inText > span.textPos4 { top: 50%; left: 0; text-align: left;}
.imgBox .inText > span.textPos5 { top: 50%; left: 0; text-align: center;}
.imgBox .inText > span.textPos6 { top: 50%; left: 0; text-align: right;}
.imgBox .inText > span.textPos7 { bottom: 0; left: 0; text-align: left;}
.imgBox .inText > span.textPos8 { bottom: 0; left: 0; text-align: center;}
.imgBox .inText > span.textPos9 { bottom: 0; left: 0; text-align: right;}

.imgBox .inWatermark { width: 60px; height: 60px; position: absolute; top: 20px; left: 20px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #ffffff50; border: 1px solid #00000011; padding: 15px; font-size: 30px; color: #ffffffcc;}
.imgBox .inWatermark span { position: absolute; top: 10px; font-size: 24px; color: #00000055;}

.form-group label.txtLabel { font-size: 12px; color: #888888;}

.genFilesBox a img { width: 80px; height: 80px; object-fit: contain; object-position: center;}
.genFilesTextBox li { height: 80px; overflow: hidden;}