/* ========================================================================== Icon Library Mixin ========================================================================== */
/* ========================================================================== Shadows ========================================================================== */
/* ========================================================================== IRR Icons ========================================================================== */
.dm-IRR-icon { text-align: center; padding: 12px; }

.dm-IRR-icon .fa { font-size: 28px; display: block; }

.dm-IRR-iconLabel { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.is-open { color: #ff2d55; }

.is-holding { color: #ffcc00; }

.is-pending { color: #ff9500; }

.is-closed { color: #4cd964; }

.dm-Migration-region { max-width: 80%; /* margin: 0 auto;*/ }

.dm-Migration-region > h1 { margin-top: 16vh; }

.dm-Migration-region > h2 { margin-top: 8vh; }

.dm-Migration-region > h3 { margin-top: 4vh; font-size: 2.0rem; }

.dm-Migration-region ul { margin: 0; padding: 0; list-style-type: decimal; }

.dm-Migration-region li { margin-left: 24px; margin-bottom: 4vh; }

/* ========================================================================== Color Palette Boxes ========================================================================== */
code.event-name { background: rgba(147, 180, 197, 0.25); padding: 6px 8px; border-radius: 3px; text-shadow: 1px 1px #fff; }

code.event-name:hover { color: #000; background: #eee; }

.color-blocks { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 24px; }

.color-blocks--large .color-block { width: 33.33%; }

.color-block { text-align: center; height: 64px; display: flex; align-items: center; width: 20%; justify-content: center; flex: auto; border: 4px solid transparent; background-clip: padding-box; }

.color-cell-block { display: block; padding: 8px; text-align: center; border-radius: 2px; }

.color-border { border-width: 1px; border-style: solid; padding: 7px; }

.colors-table .t-Report-report { table-layout: fixed; }

.t-Region-body > h2 { font-size: 16px; font-weight: bold; }