/* Variables to be used across web apps go here. Make sure to avoid naming conflicts with variables they might have. */
:root {
    --primary-color: #F6851F;
    --primary-color-rgb: 246, 133, 31;
    --primary-gradient-background: transparent linear-gradient(180deg, #F68523 0%, #FF710B 100%) 0% 0% no-repeat padding-box;
    --primary-dark-color: #333333;
    --primary-light-color: #F6F7F8;
    --accent-primary-color: #4A979D;
    --accent-primary-color-rgb: 74, 151, 157;
    --accent-secondary-color: #376992;
    --accent-secondary-color-rgb: 55, 105, 146;
    --semantic-blue-color: #11B9E1;
    --semantic-blue-color-rgb: 17, 185, 225;
    --semantic-green-color: #46B617; /* old: #60B617 */
    --semantic-green-color-rgb: 70, 182, 23; /* old: #60B617 */
    --semantic-yellow-color: #FEAF12;
    --semantic-yellow-color-rgb: 254, 175, 18;
    --semantic-red-color: #EC323B; /* old: #F63131 */
    --semantic-red-color-rgb: 236, 50, 59; /* old: #F63131 */
    /* todo: neutral colors not finalized */
    --neutral-01-color: #222222;
    --neutral-02-color: #2D2C2C;
    --neutral-03-color: #333333;
    --neutral-04-color: #383838;
    --neutral-05-color: #3D3D3D;
    --neutral-06-color: #444444;
    --neutral-07-color: #505050;
    --neutral-08-color: #5B5B5B;
    --neutral-09-color: #707070;
    --neutral-10-color: #767676;
    --neutral-11-color: #808080;
    --neutral-12-color: #989898;
    --neutral-13-color: #9C9C9C;
    --neutral-14-color: #AAAAAA;
    --neutral-15-color: #BCBCBC;
    --neutral-16-color: #D5D5D5;
    --neutral-17-color: #E1E1E1;
    --neutral-18-color: #F6F7F8;

    --backdrop-color: rgba(0, 0, 0, 0.15);

    --default-text-color: var(--neutral-16-color);

    --disabled-opacity: 0.45;

    --top-bar-height: 56px;
    --side-bar-width: 256px;

    --default-input-height: 45px;

    --total-top-bar-height: var(--top-bar-height); /* to be updated if additional banners are displayed */
    --displayed-side-bar-width: var(--side-bar-width); /* to be updated if the side bar is not shown */

    /* standardized spacing */
    --general-spacing: 24px;
    --general-spacing-half: calc(var(--general-spacing) / 2);
    --general-spacing-quarter: calc(var(--general-spacing) / 4);
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Regular.ttf');
}

html, body {
    height: 100%;
}

body {
    background-color: var(--primary-dark-color);
    cursor: default;
    color: var(--default-text-color);
    font-family: 'Poppins', sans-serif;
}

/* <editor-fold desc="Basic Helper Classes for Global Variables" defaultstate="collapsed"> */

.primary-color {
    color: var(--primary-color);
}
.primary-bg {
    background-color: var(--primary-color) !important;
}

.accent-primary-color {
    color: var(--accent-primary-color);
}
.accent-primary-bg {
    background-color: var(--accent-primary-color) !important;
}

.accent-secondary-color {
    color: var(--accent-secondary-color);
}
.accent-secondary-bg {
    background-color: var(--accent-secondary-color) !important;
}

.semantic-blue-color {
    color: var(--semantic-blue-color);
}
.semantic-blue-bg {
    background-color: var(--semantic-blue-color) !important;
}

.semantic-green-color {
    color: var(--semantic-green-color);
}
.semantic-green-bg {
    background-color: var(--semantic-green-color) !important;
}

.semantic-yellow-color {
    color: var(--semantic-yellow-color);
}
.semantic-yellow-bg {
    background-color: var(--semantic-yellow-color) !important;
}

.semantic-red-color {
    color: var(--semantic-red-color);
}
.semantic-red-bg {
    background-color: var(--semantic-red-color) !important;
}

/* </editor-fold> */

/* <editor-fold desc="Buttons" defaultstate="collapsed"> */

.btn {
    font-size: 14px;
    white-space: nowrap;
    border: none;
}

.primary-button, .primary-button[disabled]:hover, .primary-button[disabled]:focus {
    color: var(--neutral-18-color) !important;
    background-color: var(--primary-color) !important;
}

.accent-primary-button, .accent-primary-button[disabled]:hover, .accent-primary-button[disabled]:focus {
    color: var(--neutral-18-color) !important;
    background-color: var(--accent-primary-color) !important;
}

.accent-secondary-button, .accent-secondary-button[disabled]:hover, .accent-secondary-button[disabled]:focus {
    color: var(--neutral-18-color) !important;
    background-color: var(--accent-secondary-color) !important;
}

.semantic-red-button, .semantic-red-button[disabled]:hover, .semantic-red-button[disabled]:focus {
    color: var(--neutral-18-color) !important;
    background-color: var(--semantic-red-color) !important;
}

.neutral-button {
    color: var(--neutral-18-color) !important;
    background-color: var(--neutral-08-color) !important; /* previously was #424242 for the EMS */
}

.transparent-button {
    color: var(--neutral-18-color) !important;
    background-color: rgba(255,255,255,0.05) !important;
    border: 1px solid var(--neutral-09-color) !important;
}

.icon-button {
    color: var(--neutral-17-color);
    background-color: transparent !important;
    border: none;
    padding: 0;
}

.primary-button:not([disabled]):hover, .accent-primary-button:not([disabled]):hover, .accent-secondary-button:not([disabled]):hover, .semantic-red-button:not([disabled]):hover, .neutral-button:not([disabled]):hover, .transparent-button:not([disabled]):hover {
    filter: brightness(115%);
}

.icon-button:not([disabled]):hover {
    filter: brightness(150%);
    color: inherit;
}

.primary-button:focus, .accent-primary-button:focus, .accent-secondary-button:focus, .semantic-red-button:focus, .neutral-button:focus, .transparent-button:focus, .icon-button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.hover-lighter:hover {
    filter: brightness(115%);
}

.hover-darker:hover {
    filter: brightness(90%);
}

/* </editor-fold> */

/* <editor-fold desc="Scrollbar" defaultstate="collapsed"> */

::-webkit-scrollbar-corner {
    background: #414141;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #414141;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #6D6D6D;
    border: 1px solid #414141;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* </editor-fold> */

/* <editor-fold desc="Form Control" defaultstate="collapsed"> */

.form-check-input {
    background-color: var(--neutral-02-color);
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.form-control {
    --form-control-height: var(--default-input-height);

    background-color: var(--neutral-02-color);
    border-color: var(--neutral-09-color);
    padding: 0 12px;
    color: inherit;
    border-radius: 3px;
    height: var(--form-control-height);
    font-size: 16px;
}

.form-control:not(textarea) {
    line-height: var(--form-control-height);
}

.form-control:focus {
    color: inherit;
    background-color: var(--neutral-02-color);
}

.form-control:not([readOnly]):focus, .form-check-input:not([readOnly]):focus {
    border-color: var(--primary-color);
    outline: 0;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(246 133 31 / 60%);
}

.modal-content .form-control {
    background-color: var(--neutral-01-color);
}

.form-control[disabled] {
    background-color: inherit;
    opacity: 0.8;
}

.form-control[readOnly] {
    background-color: var(--neutral-02-color);
}

.form-control[readOnly]:focus, .form-check-input[readOnly]:focus {
    border-color: var(--neutral-09-color);
    box-shadow: none;
}

textarea.form-control {
    --padding-top: 3px;
    --padding-bottom: 1px;

    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom);
    min-height: calc(var(--form-control-height) + var(--padding-top) + var(--padding-bottom) + 3px); /* the 3 accounts for the top and bottom border of 1px and some necessary rounding wiggle room */
}

input.form-control[step] {
    padding-right: 0;
}

select.form-control {
    appearance: auto;
    padding: 2px 4px 0 8px;
}

select.form-control:not(.disabled):not([disabled]) {
    cursor: pointer;
}

.input-group-addon {
    border-radius: 3px;
    color: inherit;
    background-color: var(--neutral-05-color);
    border: 1px solid var(--neutral-09-color);
    padding: 0 12px;
    display: flex;
    align-items: center;
    line-height: initial;
}

.input-group-addon>div.checkbox-large {
    margin: auto;
    cursor: pointer;
}

.input-group-addon>button {
    line-height: 1;
}

/* </editor-fold> */

/* <editor-fold desc="Modals" defaultstate="collapsed"> */

.modal {
    padding-top: var(--total-top-bar-height);
    background-color: var(--backdrop-color);
}

.modal-content {
    background-color: var(--neutral-02-color);
    height: 100%;
}

.modal-header {
    border-bottom: 1px solid var(--neutral-06-color);
}

.modal-body {
    height: 100%;
    overflow: auto;
}

.modal-footer {
    border-top: 1px solid var(--neutral-06-color);
    flex-wrap: nowrap;
}

.modal-footer-message {
    display: none;
    flex-grow: 1;
    line-height: 34px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: var(--general-spacing-quarter);
}

/* </editor-fold> */

/* <editor-fold desc="Alerts" defaultstate="collapsed"> */

.alert {
    border-radius: 3px;
    margin-bottom: var(--general-spacing);
}

.alert-danger {
    color: var(--default-text-color);
    background-color: #682626;
    border-color: #500000;
}

.alert-warning {
    color: var(--default-text-color);
    background-color: var(--neutral-08-color);
    border-color: var(--semantic-yellow-color);
}

.alert-success {
    color: var(--default-text-color);
    background-color: #41653d;
    border-color: #1a4601;
}

/* </editor-fold> */

/* <editor-fold desc="Miscellaneous Overrides and Utilities" defaultstate="collapsed"> */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.disabled:not(.checkbox-small, .checkbox-large), .grid-table>tbody>tr.disabled>td, .btn:disabled {
    opacity: var(--disabled-opacity);
    pointer-events: none;
    cursor: not-allowed !important;
}

.checkbox-small.disabled, .checkbox-large.disabled {
    opacity: var(--disabled-opacity);
    cursor: not-allowed !important;
}

.text-ellipsis, .concat-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* prevent the ability to select text */
.no-text-select {
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.no-outline {
    border: 0 none transparent;
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.pointer {
    cursor: pointer;
}

.middle-aligned {
    display: inline-block;
    vertical-align: middle;
}

.icon-text-button {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 100%;
}
.icon-text-button.btn-lg {
    padding: 0 24px;
}

.input-error {
    border-color: var(--semantic-red-color) !important;
}

/* </editor-fold> */

/* <editor-fold desc="Top/Side Bar + Content Container" defaultstate="collapsed"> */

/* For the logo on the left of the top bar */
.menu-top-bar-logo-container {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 16px;
}
.menu-top-bar-logo-container>img, .menu-top-bar-logo-container>a>img {
    height: calc(var(--top-bar-height) - 12px);
}

.fixed-top-banner {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.menu-top-bar {
    height: var(--top-bar-height);
    background-color: var(--neutral-01-color);
    display: flex;
    justify-content: space-between;
}

.menu-top-bar-dropdowns {
    height: 100%;
    display: flex;
    align-items: center;
    padding-right: 40px;
    font-size: 18px;
}

.menu-top-bar-dropdowns>*>[data-bs-toggle='dropdown']:hover {
    filter: brightness(115%);
}

.menu-side-bar {
    position: fixed;
    top: var(--total-top-bar-height);
    width: 100%;
    height: 100%;
    list-style: none;
    background-color: var(--neutral-04-color);
    font-size: 16px;
    padding: 0 0 calc(var(--total-top-bar-height) + 32px) 0;
    z-index: 1000;
    overflow: auto;
}

@media(min-width:768px) {
    .menu-side-bar {
        width: var(--side-bar-width);
    }
}

#content-wrapper {
    height: 100%;
    padding-top: var(--total-top-bar-height, --top-bar-height);
}

#content-wrapper>div {
    height: 100%;
    overflow: auto;
}

#content-wrapper>div>div {
    padding: var(--general-spacing-half);
}

@media(min-width:768px) {
    #content-wrapper {
        padding-left: var(--displayed-side-bar-width, --side-bar-width);
    }

    #content-wrapper>div>div {
        padding: var(--general-spacing);
    }
}

/* </editor-fold> */

/* <editor-fold desc="Dropdown Menus" defaultstate="collapsed"> */

.dropdown-menu {
    background-color: var(--neutral-06-color);
    color: var(--default-text-color);
    border-radius: 3px;
    border: none;
    padding: 0;
    font-size: 14px;
    line-height: 28px;
}
.dropdown-menu>li {
    position: relative;
}
.dropdown-menu>li:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.dropdown-menu>li:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.dropdown-menu>li:not(:last-of-type)::after {
    content: "";
    background-color: var(--neutral-07-color);
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    height: 1px;
}
/* bootstrap-select override */
.dropdown-menu>li.no-results, .dropdown-menu>li.no-results:hover {
    background-color: inherit;
    color: inherit;
    cursor: inherit;
}
.dropdown-menu>li>a, .dropdown-menu>li>button {
    background-color: inherit;
    color: inherit;
    border-radius: inherit;
    line-height: inherit;
}
/* bootstrap-select override for .active */
.dropdown-menu>li:focus, .dropdown-menu>li:hover, .dropdown-menu>li.active {
    background-color: var(--neutral-07-color);
    color: white;
    cursor: pointer;
}
/* bootstrap-select override for .dropdown-item */
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>button:focus, .dropdown-menu>li>button:hover, .dropdown-menu>li>a.dropdown-item {
    background-color: inherit;
    color: inherit;
    cursor: inherit;
    text-decoration: inherit;
}
/* bootstrap-select override */
.dropdown-menu>li.selected>a {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}
/* bootstrap-select override */
.dropdown-menu>li.selected>a>span {
    display: inherit !important;
    position: inherit !important;
    margin: 0 !important;
}

.menu-nav {
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.menu-nav > li > a {
    padding: 10px 20px;
}

.dropdown-toggle::after {
    vertical-align: inherit;
}

/* </editor-fold> */

/* <editor-fold desc="Grid Tables" defaultstate="collapsed"> */

/* Base Grid Table Classes */

.grid-table {
    --grid-table-line-height: 38px; /* total is 40px with transparent top + bottom border */
    --grid-table-selected-row-border-radius: 3px;

    display: grid;
    border-collapse: collapse;
    min-width: 100%;
    font-size: 14px;
    line-height: var(--grid-table-line-height);
}
.grid-table>thead, .grid-table>tbody, .grid-table>thead>tr, .grid-table>tbody>tr {
    display: contents;
}
.grid-table>thead>tr>.nothing-found, .grid-table>tbody>tr>.nothing-found {
    grid-column: 1 / -1;
    justify-content: center;
    cursor: default;
}
.grid-table>thead>tr>th, .grid-table>tbody>tr>td {
    display: flex;
    align-items: center;
    gap: 4px;

    padding: 0 var(--general-spacing-half);

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.grid-table>tbody>tr>td {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.grid-table>tbody>tr>td:first-child {
    border-left: 1px solid transparent;
}
.grid-table>tbody>tr>td:last-child {
    border-right: 1px solid transparent;
}
.grid-table>thead>tr>th {
    line-height: 60px;
    background-color: var(--neutral-05-color);
}
.grid-table>tbody>tr>td>*:not(.btn-group) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.grid-table>thead>tr>th>.checkbox-large, .grid-table>tbody>tr>td>.checkbox-large, .grid-table>thead>tr>th>.checkbox-small, .grid-table>tbody>tr>td>.checkbox-small {
    margin: 0;
}
.grid-table>tbody>tr.selected>td {
    background-color: var(--neutral-08-color) !important;
    border-color: var(--primary-color);
}
.grid-table>tbody>tr.selected>td:first-child {
    border-top-left-radius: var(--grid-table-selected-row-border-radius);
    border-bottom-left-radius: var(--grid-table-selected-row-border-radius);
}
.grid-table>tbody>tr.selected>td:last-child {
    border-top-right-radius: var(--grid-table-selected-row-border-radius);
    border-bottom-right-radius: var(--grid-table-selected-row-border-radius);
}

.grid-table>tbody>tr>td>.text-wrapped-cell {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.5;
    padding: 8px 0;
}
.grid-table:not(.table-stripes-inverted, .table-transparent)>tbody>tr:nth-child(odd)>td {
    background-color: var(--neutral-07-color);
}
.grid-table:not(.table-stripes-inverted, .table-transparent)>tbody>tr:nth-child(even)>td {
    background-color: var(--neutral-06-color);
}
.grid-table:not(.table-transparent).table-stripes-inverted>tbody>tr:nth-child(odd)>td {
    background-color: var(--neutral-06-color);
}
.grid-table:not(.table-transparent).table-stripes-inverted>tbody>tr:nth-child(even)>td {
    background-color: var(--neutral-07-color);
}
.grid-table.table-transparent>tbody>tr>td {
    background-color: transparent;
}
.grid-table.table-transparent:not(.row-border-bottom, .no-row-border)>tbody>tr>td {
    border-top: 1px solid var(--neutral-09-color);
}
.grid-table.table-transparent.row-border-bottom>tbody>tr>td {
    border-bottom: 1px solid var(--neutral-09-color);
}

/* Additional Utility Classes */

.short-table-rows>tbody>tr>td {
    line-height: calc(var(--grid-table-line-height) - 8px);
}

.tall-table-rows>tbody>tr>td {
    --grid-table-tall-line-height: calc(var(--grid-table-line-height) + 8px);
    line-height: var(--grid-table-tall-line-height);
}
.tall-table-rows>tbody>tr>td>input, .tall-table-rows>tbody>tr>td>select, .tall-table-rows>tbody>tr>td>div.input-group>input, .tall-table-rows>tbody>tr>td>div.input-group>div.input-group-addon {
    height: calc(var(--grid-table-tall-line-height) - 12px);
    margin: 6px 0;
    font-size: 14px;
}
.tall-table-rows>tbody>tr>td>div.input-group {
    margin-bottom: 0;
}

.table-hover>tbody>tr:hover>td:not(.nothing-found) {
    background-color: var(--neutral-08-color) !important;
    cursor: pointer;
}

.table-transparent {
    background-color: transparent;
}

.table-round {
    --table-border-radius: 5px;
    border-radius: var(--table-border-radius);
}
.table-round>thead>tr>th:first-of-type {
    border-top-left-radius: var(--table-border-radius);
}
.table-round>thead>tr>th:last-of-type {
    border-top-right-radius: var(--table-border-radius);
}
.table-round.no-table-header>tbody>tr:first-of-type>td:first-of-type {
    border-top-left-radius: var(--table-border-radius);
}
.table-round.no-table-header>tbody>tr:first-of-type>td:last-of-type {
    border-top-right-radius: var(--table-border-radius);
}
.table-round>tbody>tr:last-of-type>td:first-of-type {
    border-bottom-left-radius: var(--table-border-radius);
}
.table-round>tbody>tr:last-of-type>td:last-of-type {
    border-bottom-right-radius: var(--table-border-radius);
}

.sticky-headers {
    overflow: visible;
}
.sticky-headers>thead>tr>th {
    position: sticky;
    top: 0;
}

/* </editor-fold> */

/* <editor-fold desc="Tempus Dominus" defaultstate="collapsed"> */
.tempus-dominus-widget {
    background-color: var(--neutral-02-color) !important;
}
.tempus-dominus-widget .dow {
    color: var(--neutral-14-color) !important;
}
.tempus-dominus-widget .old, .tempus-dominus-widget .new {
    color: var(--neutral-09-color) !important;
}
.tempus-dominus-widget .toggleMeridiem {
    width: 41px;
}
.tempus-dominus-widget .active, .tempus-dominus-widget .toggleMeridiem {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.tempus-dominus-widget .today:not(.active)::before {
    border-bottom-color: var(--primary-color) !important;
}
.tempus-dominus-widget .time-container {
    display: flex;
    align-items: center;
}
.tempus-dominus-widget .time-container>* {
    width: 100%;
}
.tempus-dominus-widget div[data-action*="select"]:not(.active):hover {
    color: var(--primary-dark-color) !important;
    background-color: var(--neutral-12-color) !important;
}
.tempus-dominus-widget .time-container-clock div[title]:hover, .tempus-dominus-widget .toolbar div:hover {
    background-color: var(--neutral-09-color) !important;
}
/* </editor-fold> */

/* <editor-fold desc="jQuery UI (Sliders)" defaultstate="collapsed"> */
.jquery-ui-slider {
    --slider-bar-size: 16px; /* should always be an even number */

    background-color: var(--neutral-02-color) !important;
    border: 1px solid var(--neutral-09-color) !important;
    border-radius: 5px !important;
    position: relative !important;
    text-align: left !important;
}
.jquery-ui-slider>span {
    --slider-size: calc(var(--slider-bar-size) * 1.5);

    cursor: pointer !important;

    background-image: none !important;
    background-color: var(--neutral-09-color) !important;

    border: none !important;
    border-radius: 4px !important;

    height: var(--slider-size) !important;
    width: var(--slider-size) !important;
    position: absolute !important;
    margin-top: -5px !important;
    margin-left: calc((var(--slider-size) / 2) * -1) !important;
}
.jquery-ui-slider>span:hover {
    filter: brightness(120%);
}
.jquery-ui-slider>span:active {
    filter: brightness(90%);
}
.ui-slider-horizontal {
    height: var(--slider-bar-size) !important;
}
.ui-slider-vertical {
    width: var(--slider-bar-size) !important;
}
/* only temporarily kept for anything using jquery-ui sliders without the new class */
.ui-widget.ui-widget-content {
    background-color: var(--neutral-02-color) !important;
    border-color: var(--neutral-09-color) !important;
}
/* </editor-fold> */

/* <editor-fold desc="Refresh Icon Animation" defaultstate="collapsed"> */
.animated-refresh-icon {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}
/* </editor-fold> */