.ngparaeditablepictures-bar { display: flex; justify-content: flex-end; margin: 24px 0; gap: 12px; flex-wrap: wrap; } .ngparaeditablepictures form { display: block; margin: 24px 0; width: 100%; box-sizing: border-box; } .ngparaeditablepictures button, .ngparaeditablepictures input[type=submit] { border-color: #3c4a6e; border-width: 0px; border-style: solid; padding: 15px 25px 15px 25px; background: #e30613; font: bold 14px Tahoma,Verdana,Segoe,sans-serif; color: #f7f8fa; letter-spacing: 1.9px; text-transform: uppercase; border-radius: 3px; cursor: pointer; } .ngparaeditablepictures button:focus-visible, .ngparaeditablepictures input[type=submit]:focus-visible { border-color: #3c4a6e; background: #99040c; font-weight: bold; font-style: normal; text-transform: uppercase; color: #f7f8fa; outline: none; } .ngparaeditablepictures button:hover:enabled, .ngparaeditablepictures input[type=submit]:hover:enabled, .ngparaeditablepictures input[type=file]:enabled::file-selector-button:hover { border-color: #292a2e; background: #99040c; font-weight: bold; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngparaeditablepictures label { font: 16px Tahoma,Verdana,Segoe,sans-serif; color: #5a5a5a; letter-spacing: 0px; display: block; margin: 0 0 6px 0; box-sizing: border-box; } .ngparaeditablepictures input { -webkit-appearance: none; } .ngparaeditablepictures input[type=text], .ngparaeditablepictures input[type=file] { border-color: #d8dae0; border-width: 1px; border-style: solid; padding: 12px 20px 12px 20px; background: #ffffff; font: 16px Tahoma,Verdana,Segoe,sans-serif; color: #8796b6; letter-spacing: 0px; border-radius: 0px; display: block; width: 100%; margin: 0 0 12px 0; box-sizing: border-box; } .ngparaeditablepictures input[type=file] { padding: 12px; } .ngparaeditablepictures input[type=text]:focus-visible { border-color: #121314; background: #ffffff; } .ngparaeditablepictures input[type=file]::file-selector-button { border-color: #3c4a6e; border-width: 0px; border-style: solid; padding: 15px 25px 15px 25px; background: #e30613; font: bold 14px Tahoma,Verdana,Segoe,sans-serif; color: #f7f8fa; letter-spacing: 1.9px; text-transform: uppercase; border-radius: 3px; cursor: pointer; margin: 0 12px 0 0; } .ngparaeditablepictures input[type=file]:focus-visible::file-selector-button { border-color: #3c4a6e; background: #99040c; font-weight: bold; font-style: normal; text-transform: uppercase; color: #f7f8fa; outline: none; } .ngparaeditablepictures button:disabled, .ngparaeditablepictures input[type=submit]:disabled, .ngparaeditablepictures input[type=file]:disabled::file-selector-button { opacity: 0.8; cursor: wait; } .ngparaeditablepictures .ngparaeditablepictures-content { display: block; margin: 0; padding: 0; list-style: none; } .ngparaeditablepictures .ngparaeditablepictures-content li { display: block; margin: 0; padding: 0; } .ngparaeditablepictures-item { border-radius: var(--ngparaeditpictures-borderradius, 0); box-shadow: var(--ngparaeditpictures-shadow,none); } .ngparaeditablepictures-item figure { display: block; margin: 0 0 20px 0; border-radius: var(--ngparaeditpictures-borderradius, 0); overflow: hidden; } .ngparaeditablepictures-item figure img { display: block; width: 100%; height: auto; } .ngparaeditablepictures-item figure figcaption { display: block; width: 100%; padding: var(--ngparaeditpictures-padding, 15px); background-color: var(--ngparaeditpictures-background, #444444); color: var(--ngparaeditpictures-color, #ffffff); box-sizing: border-box; } .ngparaeditablepictures button.ngparaeditablepictures-move { display: flex; justify-content: center; align-items: center; }