@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
}

body {
    background-color: white;
    color: black;
    font: 13px/21px Verdana, sans-serif;
}

::selection {
    background: #557eae;
    color: #fff;
}

::-moz-selection {
    background: #557eae;
    color: #fff;
}

a {
    color: #a00;
    text-decoration: none;
}

a:active, a:focus {
    outline: 0 none;
}

h1, h2, h3, h4, h5, h6 {
    color: #a00;
}

h1 {
    font-size: 16px;
}

h2 {
    font-size: 13px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    text-align: left;
    vertical-align: top;
}

fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}

label {
    color: #a00;
    font-weight: bold;
    line-height: 23px;
}

label[for] {
    cursor: pointer;
}

button, select, textarea,
input[type=text], input[type=password],
input[type=button], input[type=submit] {
    background-color: White;
    border: 1px solid #a00;
    color: Black;
    font-family: Verdana, sans-serif;
    font-size: 13px;
}

input[type=text], input[type=password] {
    height: 23px;
    line-height: 23px;
    padding: 0 2px;
    border-color: #b2b2b2;
    box-sizing: border-box;
}

input[type=text]:focus, input[type=password]:focus {
    border-color: #a00;
}

input[disabled][type=button],
input[disabled][type=text],
input[disabled][type=password],
input[readonly][type=text],
input[readonly][type=password] {
    background-color: #DDDDDD !important;
    border-color: #b2b2b2 !important;
    color: #666666 !important;
    cursor: default !important;
}

input[type=button],
input[type=submit],
.button {
    color: #a00;
    cursor: pointer;
    height: 25px;
    line-height: 23px;
    padding: 0 8px;
    width: auto;
}

input[type=button]:hover,
input[type=submit]:hover,
.button:hover {
    background-color: #a00;
    color: White;
}

input[type=button].filled,
input[type=submit].filled,
.button.filled {
    background-color: #a00;
    color: White;
}

input[type=submit].filled.forth,
.button.filled.forth {
    background: #a00 url("../Images/ButtonForthMask.png") 100% 50% no-repeat;
    border: 0 none;
    padding-right: 14px;
}

input[type=submit].filled.back,
.button.filled.back {
    background: #a00 url("../Images/ButtonBackMask.png") 0 50% no-repeat;
    border: 0 none;
    padding-left: 14px;
}

:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0 none;
}

input:-webkit-autofill {
    background-color: rgb(255, 255, 255) !important;
}

header {
    background-color: #a00;
}

#header-inner {
    height: 94px;
    margin: 0 auto;
    width: 960px;
}

#customer-name {
    color: white;
    font-size: 17px;
    line-height: 63px;
}

#logo {
    border: 1px solid white;
    color: white;
    float: right;
    font-size: 13px;
    height: 21px;
    line-height: 21px;
    margin-top: 20px;
    padding-left: 7px;
    width: 151px;
}

#user-info {
    height: 31px;
    line-height: 31px;
    margin: -31px auto 0 auto;
    width: 960px;
}

#user-info ul {
    float: right;
    list-style: none;
}

#user-info li {
    float: left;
    font-size: 11px;
}

#user-info a {
    background-color: #B2B2B2;
    color: #a00;
    display: block;
    font-size: 13px;
    padding: 0 14px;
    height: 27px;
    line-height: 27px;
    margin-top: 3px;
}

        #user-info a:hover {
    background-color: #F2F2F2;
}

#user-info li:first-child {
    color: white;
    font-size: 11px;
    padding: 0 14px;
}

#user-info li:first-child span + span {
    color: #B2B2B2;
}
/* #region Top Navigation */
#top-navigation {
    margin: -31px auto 0 auto;
    width: 960px;
}

#top-navigation ul {
    font-size: 13px;
    height: 31px;
}

#top-navigation li {
    float: left;
    margin-right: 4px;
}

#top-navigation a {
    color: #a00;
    display: block;
    padding: 3px 0 1px 0;
}

#top-navigation a.selected {
    padding: 0;
}

#top-navigation a.selected span {
    background-color: #f2f2f2;
    height: 31px;
    line-height: 31px;
}

#top-navigation a:hover span {
    background-color: #f2f2f2;
}

#top-navigation a span {
    background-color: #b0b0b0;
    display: block;
    height: 27px;
    line-height: 27px;
    padding: 0 14px;
}
/* #endregion */
/* #region Main Navigation */
#main-navigation {
    background-color: #f2f2f2;
    border-bottom: 2px solid #d0d0d0;
    clear: both;
    height: 37px;
}

#main-navigation div {
    float: none !important;
    width: 960px;
    margin: 0 auto;
}

#main-navigation ul {
    height: 37px;
    margin: 0 auto;
    width: 960px;
}
/* Da die Men�items seitens .net innerhalb eines leeren Hauptmen�punktes als Container liegen,
   und daraus ein normales li generiert wird mit class=level1 bzw. level2 muss dieses leere
   erste Element ausgeblendet werden. */
#main-navigation ul > li:first-child {
    display: none;
}

        #main-navigation ul li {
    float: left;
    margin-right: 20px;
    position: relative;
}

#main-navigation ul a,
#main-navigation ul span {
    color: #666;
    display: block;
    font-size: 11px;
    height: 37px;
    line-height: 37px;
}

#main-navigation ul a:hover,
#main-navigation ul a.selected {
    color: black;
}

#main-navigation ul li.has-popup a {
    background-image: url("../Images/MainNaviDropdown.png");
    background-position: 100% 0%;
    background-repeat: no-repeat;
    padding-right: 9px !important;
    cursor: pointer;
}

#main-navigation ul li.has-popup a:hover {
    background-position: 100% -37px;
}

#main-navigation .has-popup ul {
    background-color: #f2f2f2;
    border: 2px solid #d0d0d0;
    display: none;
    font-size: 11px;
    left: 0;
    line-height: 23px;
    position: absolute;
    top: 37px;
}

#main-navigation ul li:hover ul {
    display: block;
}

#main-navigation .has-popup ul a {
    color: #666;
    display: block;
    padding: 0 9px;
    white-space: nowrap;
}

#main-navigation .has-popup li:first-child {
    border-top: 2px solid #e2e2e2;
}

#main-navigation .has-popup ul a:hover {
    color: black;
}
/* #endregion */
/* #region Inhalt */
#main-content {
    margin: 0 auto;
    width: 960px;
}

.no-js #main-content {
    display: none;
}

#main-heading {
    border-bottom: 2px solid #d1d1d1;
    padding: 20px 0 10px;
    min-height: 25px;
}

#main-heading h1 {
    float: left;
    line-height: 23px;
    margin: 0 0 10px;
    padding: 1px 0;
}

#main-heading .action-bar,
#main-heading .search {
    margin-bottom: 10px;
}
/* #enregion */
/* #region Diverse */
.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

.hidden {
    display: none;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
/* #endregion */
/* #region Icons */
.icon {
    background: #939393 url("../Images/Icons.gif") 0 0 no-repeat;
    display: inline-block;
    height: 16px;
    -webkit-transition: background 150ms ease-in-out;
    -moz-transition: background 150ms ease-in-out;
    -o-transition: background 150ms ease-in-out;
    -ms-transition: background 150ms ease-in-out;
    transition: background 150ms ease-in-out;
    width: 16px;
}

.icon:hover {
    background-color: #a00;
}

.icon.statistics {
    background-position: -16px 0;
}

.icon.dispatch {
    background-position: -80px 0;
}

.icon.remove {
    background-position: -48px 0;
}

.icon.down {
    background-position: -160px 0;
}

.icon.up {
    background-position: -144px 0;
}

.icon.copy {
    background-position: -64px 0;
}

.icon.preview {
    background-position: -32px 0;
}

.icon.release {
    background-position: -96px 0;
}

.icon.take-offline, .icon.deactivate {
    background-position: -176px 0;
}

.icon.activate {
    background-position: -192px 0;
}

.icon.download {
    background-position: -160px 0;
}

.icon.import {
    background-position: -224px 0;
}

.icon.export {
    background-position: -208px 0;
}

.icon.versioning {
    background-position: -378px 0;
}
/* #endregion */
/* #region Tabellen */
.default-table {
    border-collapse: separate !important;
    width: 100%;
}

.default-table tr {
    background-color: #f3f3f3;
}

.default-table tr:nth-child(odd) {
    background-color: #d9d9d9;
}

.default-table tr:nth-child(odd) td {
    border-color: #d9d9d9;
}

.default-table tr:first-child {
    background-color: transparent;
}

.default-table td,
.default-table th {
    border: 1px solid #f3f3f3;
    border-bottom-color: #d1d1d1;
    border-left-style: none;
    border-right-style: none;
    padding: 12px;
    vertical-align: middle;
}

.default-table td:first-child {
    border-left-style: solid;
}

.default-table td:last-child {
    border-right-style: solid;
}

.default-table tr:hover td {
    /*ackground-color: White;*/
    border-color: #a00;
}

.default-table tr.table-pager td {
    border-style: solid none;
    border-width: 0px;
    line-height: 25px;
}

.default-table tr.table-pager:hover td {
    border-style: solid none;
    border-width: 0px;
}

.default-table tr.table-pager .diaform-select {
    width: 60px;
    margin-left: 6px;
}

.default-table tr.empty td {
    border: 0 none;
}

.default-table th {
    color: #a00;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
}

.default-table th a {
    color: #a00;
}

.default-table .functions-col {
    line-height: 16px;
    text-align: right;
    white-space: nowrap;
}
.functions-col-header {
    width: 120px !important;
}
.default-table .functions-col .icon {
    visibility: hidden;
    vertical-align: bottom;
}

.default-table tr:hover .functions-col .icon {
    visibility: visible;
}

.tablecell-sorted-asc {
    background-image: url("../Images/SortingUp.png");
    background-position: 3px 0;
    background-repeat: no-repeat;
}

.tablecell-sorted-desc {
    background-image: url("../Images/SortingDown.png");
    background-position: 3px 0;
    background-repeat: no-repeat;
}

.table-pager > td {
    padding: 0px;
}

.table-pager a {
    color: #a00;
}

.table-pager td table td {
    border-bottom: 0;

}
/* #endregion */
/* #region Actionbar */
.action-bar {
    float: right;
    line-height: 25px;
}

.action-bar input[type="button"],
.action-bar .link-button,
.action-bar .dropdown-button {
    margin-left: 6px;
}

.action-bar label {
    color: #a00;
    margin-right: 6px;
}

.action-bar input[type=checkbox] {
    margin: 0px;
}

.action-bar input[type="submit"] {
    margin-left: 6px;
    padding-top: 0px;
}

.action-bar .link-button,
.action-bar .dropdown-button {
    vertical-align: bottom;
}

.action-bar .diaform-checkbox,
.action-bar .diaform-radio {
    bottom: 1px;
    position: relative;
}

.search {
    border: 1px solid #a00;
    float: right;
    height: 23px;
    overflow: hidden;
    margin-left: 10px;
}

.search input {
    border: 0 none;
    outline: 0 none;
}

.search input[type=text] {
    background-color: white;
    padding: 0 4px;
    vertical-align: top;
    width: 210px;
}

.search input[type=submit] {
    background-color: #a00;
    color: white;
    height: 23px;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: bottom;
}

.search input[type=submit]:hover {
    background-color: #a00;
    color: white;
}
/* #endregion */
/* #region Buttons */
.link-button,
.dropdown-button {
    background-color: white;
    border: 1px solid #a00;
    color: #a00;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    padding: 0 8px;
}

.dropdown-button {
    cursor: default;
    padding: 0;
    position: relative;
}

.link-button:hover {
    background-color: #a00;
    color: white;
}

.dropdown-button .text {
    background: white url("../Images/LinkButtonDropdown.png") 100% 1px no-repeat;
    display: block;
    padding: 0 28px 0 8px;
}

.dropdown-button .options {
    background-color: white;
    border: 1px solid #a00;
    display: none;
    left: -1px;
    line-height: 23px;
    list-style: none;
    min-width: 100%;
    position: absolute;
    top: 23px;
    z-index: 666;
}

.dropdown-button.opened .options {
    display: block;
    max-height: 400px;
    overflow-y: scroll;
}

.dropdown-button a {
    color: #a00;
    display: block;
    padding: 0 8px;
    white-space: nowrap;
}

.dropdown-button .text:hover,
.dropdown-button a:hover {
    background-color: #a00;
    color: white;
}

.dropdown-button .text:hover {
    background-position: 100% -21px;
}

.textbox-value-changer {
    display: inline-block;
}

.textbox-value-changer input {
    padding-right: 15px;
}

.textbox-buttons {
    display: inline-block;
    height: 23px;
    margin-left: -15px;
    width: 14px;
}

.textbox-button {
    background: url(../Images/TextBoxButtonUpDown.png);
    cursor: pointer;
    width: 14px;
    height: 11px;
    display: block;
    margin-top: 1px;
}

    .textbox-button.button-up {
    background-position: 0 0;
}

    .textbox-button.button-down {
    background-position: 0 -11px;
}
/* #endregion */
/* #region Error-Styles*/
.error {
    color: #a00;
    display: block;
    margin-bottom: 10px;
}
.errors,
.errors ul {
    list-style-type: none;
    color: #a00;
}

.error-message {
    color: #a00;
    margin-top: 90px;
    text-align: center;
    width: 100%;
}
/* #endregion*/
/* #region Modalfenster */
.page-overlay {
    background-color: white;
    height: 100%;
    left: 0px;
    opacity: 0.5;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 599;
}

.modal-window {
    background-color: white;
    border: 1px solid #AA0000;
    left: 50%;
    margin: 188px 0 0 -220px;
    padding: 20px;
    position: absolute;
    top: 0;
    z-index: 600;
    width: 400px;
}

.modal-window h1 {
    margin-bottom: 20px;
    color: #000000;
}

.modal-window h2 {
    margin-bottom: 15px;
}

.modal-window .close {
    background: url("../Images/Close.png") center center no-repeat;
    border: 0 none;
    color: White;
    height: 20px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 7px;
    text-indent: 100px;
    top: 7px;
    width: 20px;
}
.modal-window .close:hover
{
    /* TODO: Hovereffekt bei Close-Button hinzufügen? @Gerrit Grafik? */
    background: url("../Images/Close.png") center center no-repeat;
}

.modal-window .field {
    margin-top: 15px;
}

.modal-window .field label {
    line-height: 25px;
    width: 128px;
}

.modal-window .field label:first-child {
    float: left;
}

.modal-window .field input[type=text],
.modal-window .field input[type=password] {
    border-color: #B2B2B2;
    width: 264px;
}

.modal-window .field input[type=text]:focus,
.modal-window .field input[type=password]:focus {
    border-color: #AA0000;
}

.modal-window .field input[disabled][type=text]:focus,
.modal-window .field input[disabled][type=password]:focus,
.modal-window .field input[readonly][type=text]:focus,
.modal-window .field input[readonly][type=password]:focus {
    border-color: #b2b2b2;
}

.modal-window .field select {
    width: 270px;
}

.modal-window .field.buttons {
    text-align: right;
}
/* #endregion*/
/* #region Ajax */
.update-progress .page-overlay {
    z-index: 601;
}

.ajax-loader {
    background: transparent url("../Images/AjaxLoader.gif") center center no-repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 602;
}

.databind-progress .ajax-loader {
    height: 100px;
    position: static;
}
/* #endregion */
/* #region Tab Control */
.tab-control .ajax__tab_header {
    background-color: #D0D0D0;
    height: 35px;
    margin: -20px -20px 0;
}

.tab-control span .ajax__tab_outer {
    display: block;
}

.tab-control .ajax__tab_outer .ajax__tab_inner {
    display: block;
}

.tab-control .ajax__tab_header > span {
    float: left;
}

.tab-control .ajax__tab_header a {
    color: white;
    display: block;
    height: 30px;
    line-height: 25px;
    padding: 5px 14px 0 14px;
    text-decoration: none;
}

.tab-control .ajax__tab_active a {
    background-color: white;
    color: #a00;
}

.tab-control .ajax__tab_body {
    clear: both;
    margin-top: 15px;
}

.tab-control .ajax__scroll_none {
    overflow: visible;
}
/*Tab-Control Bugfixes 2020*/
.ajax__tab_body {
    border: none !important;
    padding: 0 !important;
}
.ajax__tab_tab {
    background-image: none !important;
}
.ajax__tab_inner {
    background-image: none !important;
    padding: 0 !important;
}
.ajax__tab_outer {
    background-image: none !important;
}
/* #endregion */
/* #region jQuery Uniform */
div.selector {
    background: transparent url("../Images/LinkButtonDropdown.png") 100% 0 no-repeat;
    border: 1px solid #a00;
    display: inline-block;
    height: 2px;
    line-height: 2px;
    overflow: hidden;
    position: relative;
    vertical-align: bottom;
    width: 240px;
}

div.selector span {
    color: Black;
    cursor: pointer;
    display: block;
    height: 23px;
    overflow: hidden;
    padding: 0 2px 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.selector select {
    border: 0 none;
    height: 23px;
    left: 0;
    min-width: 240px;
    opacity: 0;
    position: absolute;
    top: 0;
}
/* #endregion */
/* #region Tooltipps */
#diatip-tooltip {
    background-color: #333;
    color: white;
    display: none;
    font-size: 11px;
    line-height: 20px;
    padding: 0 8px 1px;
    position: absolute;
    white-space: nowrap;
    z-index: 700;
}

#diatip-content {
    display: block;
}

#diatip-tail {
    height: 0;
    position: absolute;
    width: 0;
}

#diatip-tooltip.bottom #diatip-tail {
    border-right: 10px solid transparent;
    border-bottom: 10px solid #333;
    border-left: 10px solid transparent;
    left: 50%;
    margin-left: -10px;
    top: -10px;
}

#diatip-tooltip.top #diatip-tail {
    border-top: 10px solid #333;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    left: 50%;
    margin-left: -10px;
    bottom: -10px;
}

#diatip-tooltip.left #diatip-tail {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #333;
    margin-top: -10px;
    right: -10px;
    top: 50%;
}

#diatip-tooltip.right #diatip-tail {
    border-top: 10px solid transparent;
    border-right: 10px solid #333;
    border-bottom: 10px solid transparent;
    margin-top: -10px;
    left: -10px;
    top: 50%;
}
/* #endregion */
/* #region Formularelemente */
.numericInput {
    min-width: 3em;
}

.diaform-mod {
    position: absolute;
    visibility: hidden;
}

.diaform-select {
    background-color: white;
    border: 1px solid #a00;
    color: #a00;
    display: inline-block;
    line-height: 23px;
    position: relative;
    vertical-align: bottom;
    white-space: nowrap;
    width: 200px;
    z-index: 1;
    min-height: 23px;
}

.diaform-current-option {
    background: transparent url("../Images/LinkButtonDropdown.png") 100% 0 no-repeat;
    display: block;
}

.diaform-current-option-label {
    cursor: default;
    display: block;
    margin: 0 20px 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.diaform-options {
    background-color: white;
    border: 1px solid #a00;
    display: none;
    left: 0;
    list-style: none;
    margin: 0 0 0 -1px;
    max-height: 210px;
    min-width: 100%;
    overflow: auto;
    -ms-overflow-x: hidden;
    overflow-x: hidden;
    -ms-overflow-y: auto;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 100%;
}

.upwards .diaform-options {
    bottom: 100%;
    top: auto;
}

.diaform-option {
    cursor: default;
    margin: 0;
    padding: 0 8px;
    white-space: nowrap;
}

.diaform-current-option:hover,
.diaform-option:hover {
    background-color: #a00;
    color: white;
}

.diaform-select.disabled {
    border-color: #B2B2B2;
}

.diaform-select.disabled:hover {
    border-color: #B2B2B2;
}

.diaform-select.disabled .diaform-current-option {
    background-color: #ddd;
    background-position: 100% -44px;
    color: #666;
}

.diaform-select.disabled .diaform-current-option:hover {
    color: #666;
    background-position: 100% -44px;
}

.diaform-current-option:hover {
    background-position: 100% -22px;
}

.diaform-select.opened {
    z-index: 2;
}

.diaform-select.opened .diaform-options {
    display: block;
}

.diaform-checkbox,
.diaform-radio {
    background: url("../Images/diaformButtons.png") no-repeat;
    display: inline-block;
    height: 13px;
    vertical-align: middle;
    width: 13px;
}

.diaform-checkbox:hover {
    background-position: 0 -13px;
}

.diaform-checkbox.checked {
    background-position: 0 -26px;
}

.diaform-checkbox.checked:hover {
    background-position: 0 -39px;
}

.diaform-checkbox.checked.disabled,
.diaform-checkbox.checked.disabled:hover {
    background-position: 0 -52px;
}

.diaform-checkbox.disabled,
.diaform-checkbox.disabled:hover {
    background-position: 0 0;
}

.diaform-radio {
    background-position: -13px 0;
}

.diaform-radio:hover {
    background-position: -13px -13px;
}

.diaform-radio.checked {
    background-position: -13px -26px;
}

.diaform-radio.checked:hover {
    background-position: -13px -39px;
}

.diaform-radio.checked.disabled,
.diaform-radio.checked.disabled:hover {
    background-position: -13px -52px;
}

.diaform-radio.disabled,
.diaform-radio.disabled:hover {
    background-position: -13px 0;
}

.diaform-upload-wrapper {
    display: block;
    position: relative;
    width: 300px;
}

.diaform-upload-wrapper input {
    cursor: pointer;
    height: 25px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    visibility: visible;
    /* Width darf nicht angegeben werden oder MUSS gr��er als 400px sein, sonst bricht FF. */
    z-index: 2;
}

.diaform-upload {
    display: block;
    height: 25px;
}

.diaform-upload-file {
    border: 1px solid #a00;
    float: left;
    height: 23px;
    line-height: 23px;
    overflow: hidden;
    padding: 0 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 190px;
}

.diaform-upload-button {
    background-color: #a00;
    color: #fff;
    float: right;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 2px;
    text-align: center;
    width: 100px;
}
/* #endregion */
/* #region Nachrichtenboxen */
.message {
    background: #557eae url("../Images/MessageIcons.gif") 0 0 no-repeat;
    color: White;
    display: block;
    font-weight: bold;
    line-height: 28px;
    margin-top: 10px;
    min-height: 28px;
    padding-left: 28px;
    position: relative;
    white-space: nowrap;
}

.message-inner {
    border-left: 1px solid #7798be;
    display: block;
    padding: 0 10px;
}

.message-tail {
    content: "";
    border-bottom: 10px solid #557eae;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: -10px;
    width: 0;
}
/* #endregion */
/* #region Float-Clearing */
.modal-window .field:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
/* #endregion */
/* #region jQuery Popup (jquery.alerts) */
#popup_container {
    background-color: #fff;
    border: 1px solid #a00;
}

#popup_panel {
    margin-top: 10px;
    text-align: right;
}

#popup_title, #popup_content {
    margin: 10px;
}

#popup_title {
    font-size: 14px;
}
/* #endregion */