div.dtsr-confirmation, div.dtsr-creation { position: fixed; top: 20%; left: 50%; width: 500px; background-color: white; margin-left: -250px; border-radius: 6px; box-shadow: 0 0 5px #555; border: 2px solid #444; z-index: 2003; box-sizing: border-box; padding: 1em; div.dtsr-confirmation-title-row { text-align: left; h2 { border-bottom: 0px; margin-top: 0px; padding-top: 0px; } } div.dtsr-confirmation-text { text-align: center; } div.dtsr-confirmation-buttons { text-align: right; margin-top: 1em; button.dtsr-confirmation-button { margin: 0px; } } div.dtsr-creation-text { text-align: left; padding: 0px; border: none; span { font-size: 20px; } } div.dtsr-creation-form { div.dtsr-left, div.dtsr-right { display: inline-block; width: 50%; } div.dtsr-left { text-align: right; } div.dtsr-right, div.dtsr-name-row { text-align: left; } div.dtsr-form-row { label.dtsr-name-label { width: 33.3%; display: inline-block; text-align: right; padding-right: 15px; padding-left: 15px; } input.dtsr-name-input { width: 66.6%; display: inline-block; } input.dtsr-check-box { margin-left: 33.3%; margin-right: 14px; display: inline-block; } label.dtsr-toggle-title { margin-right: -33.3%; } } } div.dtsr-confirmation-text { text-align: left; label.dtsr-name-label { width: auto; display: inline-block; text-align: right; padding-right: 15px; } input.dtsr-name-input { width: 66.6%; display: inline-block; } input.dtsr-check-box { margin-left: 33.3%; margin-right: 14px; display: inline-block; } } div.dtsr-modal-foot { text-align: right; padding-top: 10px; } span.dtsr-modal-error { color: red; font-size: 0.9em; } } div.dtsr-creation { top: 10%; } div.dtsr-form-row { // text-align: center; padding: 10px; } div.dtsr-check-row { padding-top: 0px; } div.dtsr-creation-text { padding: 10px; } div.dtsr-background { z-index: 2002; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); } div.dt-button-collection { h3 { text-align: center; margin-top: 4px; margin-bottom: 8px; font-size: 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } span.dtsr-emptyStates { border-radius: 5px; display: inline-block; line-height: 1.6em; white-space: nowrap; text-align: center; vertical-align: middle; width:100%; padding-bottom: 7px; padding-top: 3px; } }