#welcome-message { margin-bottom: 30px; } .message-welcome { color: #161628; font-size: 32px; line-height: 38px; text-align: left; font-weight: 700; } .subtitle-welcome-message { color: #8a96a6; font-size: 15px; line-height: 20px; text-align: left; margin-left: 5px; } .row { display: flex; width: 100%; } .col-6 { width: 49%; display: flex; flex-wrap: wrap; flex-direction: column; } .col-7 { width: 58%; } .col-5 { width: 41%; } .container { background-color: white; border: 1px solid #e5e9ed; border-radius: 10px; margin: 5px; max-width: 100%; } .br-l { border-left: 1px solid #e5e9ed; } .br-t { border-top: 1px solid #e5e9ed; } .br-r { border-right: 1px solid #e5e9ed; } .br-b { border-bottom: 1px solid #e5e9ed; } .title { font-size: 18px !important; color: #161628; text-align: center !important; font-weight: bold !important; padding: 15px 0px !important; } .subtitle { font-size: 13px; color: #161628; padding-bottom: 10px; } .subtitle.link { display: flex; flex-direction: row; justify-content: space-between; } .subtitle.link a { color: #14524f; font-size: 13px; font-weight: 800; } .absolute-link::after { content: "→"; } .status-text { color: #6e7079; font-size: 13px; margin-left: 6px; } .text-xl { font-size: 40px; color: #6c7587; font-weight: bold; padding-left: 8px; margin-bottom: 8px; line-height: initial; } .text-l { font-size: 27px; color: #6c7587; font-weight: bold; margin-bottom: 8px; line-height: initial; } #news-board { min-width: 530px; width: 100%; max-height: 805px; overflow-y: auto; } #database .subtitle, #logStorage .subtitle, #SNMPTraps .subtitle { padding: 10px 10px 5px 10px; } .indicative-text { color: #6e7079; font-size: 12px; line-height: 13px; text-align: left; padding: 0px 10px 10px 10px; }