div#box_sites {
    margin-top: 0;
}

div#box_sites div.ajaxtable table {
    width: 100%;
}

h2.notopspace {
    margin-top: 0;
}

div#box_line {
    position: relative;
}

div#box_sites_loc_header,
div#box_sites_new,
div#box_plus {
    overflow: hidden;
    vertical-align: middle;
    border-radius: 1px;
    margin-right: 0%;
    margin-bottom: 15px;
    padding: 0 1% 10px 1%;
    position: relative;
    border: 1px solid #f4f4f4;
}

div#box_sites_loc_header {
    border: none;
    padding: 0;
    margin-bottom: 0;
    overflow: visible;
}

div#box_sites_loc_header.frame {
    padding: 10px 10px 5px 10px;
    margin-bottom: 0;
    background-color: #f0f0f0;
}

h2.site_title,
div#box_lorentz_pmm h2.site_title {
    margin: 8px;
}

div#box_sites_loc_header h2 {
    font-size: 1.5em;
    clear: none;
    margin-bottom: 12px;
}

div#box_sites_loc_header h2 a:link,
div#box_sites_loc_header h2 a:visited {
    text-decoration: none;
}

div#box_sites_loc_header h2 a:hover {
    text-decoration: underline;
}

div#box_sites_loc_header h2 span {
    font-weight: normal;
    font-size: 0.8em;
    position: relative;
    top: -5px;
    margin-left: 5px;
}

div#box_sites_loc_header h2 a:hover span {
    text-decoration: none;
}

div#box_sites_loc_header h2 a i {
    display: none;
}

div#box_sites_loc_header h2 b {
    color: white;
    background-color: var(--lor-color);
    padding: 2px 4px;
    display: block;
    float: left;
    border-radius: 1px;
    margin-right: 6px;
    position: relative;
    top: -3px;
}

div#box_sites_new {
    float: right;
    padding: 6px 6px 0 6px;
    text-align: center;
    font-size: 1em;
    overflow: hidden;
    height: 22px;
    font-weight: bold;
}

div#box_sites_new a:link,
div#box_sites_new a:visited {
    text-decoration: none;
    color: var(--lor-color);
}

div#box_sites_new a:link i,
div#box_sites_new a:visited i {
    color: rgb(255, 213, 3);
}

div#box_sites_new a:hover i {
    color: rgb(255, 177, 35);
}

div#box_sites_new:hover {
    background-image: -moz-linear-gradient(top, #e6e6e6, #fff);
    background-image: -webkit-linear-gradient(top, #e6e6e6, #fff);
    background-image: -o-linear-gradient(top, #e6e6e6, #fff);
    background-image: linear-gradient(to bottom, #e6e6e6, #fff);
    background-repeat: repeat-x;

}

div#box_sites_new span img {
    display: none;
}

div#box_sites_menu {
    white-space: nowrap;
    font-size: 0.95em;
    width: auto;
    position: relative;
    top: -5px;
}

div#box_sites_loc_header div#box_sites_menu {
    font-weight: bold;
    margin-top: 3px;
}

div#box_sites_loc_header div#box_sites_menu ul {
    margin: 0;
}

div#box_sites_loc_header div#box_sites_menu ul li {
    float: right;
    display: block;
    padding: 0;
    margin: 5px 0 0 4px;
    height: 33px;
}

div#box_sites_loc_header div#box_sites_menu ul li.left {
    float: left;
    margin-left: 0;
}

div#box_sites_loc_header div#box_sites_menu ul li a:link,
div#box_sites_loc_header div#box_sites_menu ul li a:visited {
    text-decoration: none;
    border: 1px solid #ccc;
    white-space: nowrap;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    background-position: top;

    overflow: hidden;
    border-radius: 1px;
    position: relative;
    font-size: 1em;
    padding: 4px 5px;
}

div#box_sites_loc_header div#box_sites_menu ul li a:hover {
    text-decoration: none;
    color: white;
    background-color: var(--lor-color);
    background-image: none;
    border: 1px solid var(--lor-color);
}

div#box_sites_loc_header div#box_sites_menu ul li span {
    display: none;
}

div#box_sites_frame {
    border-radius: 1px;
    background-color: white;
    padding: 10px;
    position: relative;
}

div#box_sites_frame+div#box_sites_frame {
    margin-top: 10px;
}

div#box_sites_frame.white {
    padding: 0;
    background-color: transparent;
}

div#box_sites_frame.white div#box_buttons_menu {
    right: 0;
}

div#box_sites_frame.no_topspace {
    margin-top: 0;
    top: 0;
    padding-top: 2px;
}

div#box_sites_frame.e {
    margin-bottom: 1.5%;
}

div#box_sites_frame.bottomspace {
    margin-bottom: 20px;
}

div#box_sites_frame.bottomspace.inner {
    clear: both;
    white-space: nowrap;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #eee;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 1px;
}

div#box_sites_frame h2,
div#box_sites_frame h3 {
    clear: both;
    width: auto;
    margin: 0 0 10px 0;
}

div#box_sites_frame.menu_follows h2 {
    margin: 0px 0 8px 0;
}

div#box_sites_frame.menu_follows h3 {
    margin: 7px 0 8px 0;
    font-size: 1.1em;
}

div#box_sites_frame.no_menu h2,
div#box_sites_frame.no_menu h3 {
    position: relative;
    top: -6px;
}

div#box_sites_menu.moved {
    position: relative;
    top: -6px;
}

div.form_line.sim_iccid,
div.form_line.sim_msnisdn {
    display: none;
}

div.sites_or {
    font-weight: bold;
    clear: both;
    margin: 8px 0 1.5% 0;
    font-size: 1.1em;
}

div#box_systemdata table td.col_2 {
    text-align: right;
}

div#box_sites_support {
    width: 100%;
    margin-top: 10px;
}

input.devicename {
    background-color: transparent;
    border: 1px dotted #ccc;
    color: #666;
}

div.devicearticleno,
div.deviceserial,
div.devicesize,
div.devicesystem,
div.devicecategory,
div.devicename,
div.devicearticleno_controller,
div.deviceserial_controller,
div.devicesize_controller,
div.devicesystem_controller,
div.devicecategory_controller,
div.devicename_controller,
div.devicearticleno_pumpend,
div.deviceserial_pumpend,
div.devicesize_pumpend,
div.devicesystem_pumpend,
div.devicecategory_pumpend,
div.devicename_pumpend,
div.devicearticleno_motor,
div.deviceserial_motor,
div.devicesize_motor,
div.devicesystem_motor,
div.devicecategory_motor,
div.devicename_motor,
div.devicearticleno_communicator,
div.deviceserial_communicator,
div.devicesize_communicator,
div.devicesystem_communicator,
div.devicecategory_communicator,
div.devicename_communicator,
div.devicearticleno_datamodule,
div.deviceserial_datamodule,
div.devicesize_datamodule,
div.devicesystem_datamodule,
div.devicecategory_datamodule,
div.devicename_datamodule,
div.suc-head_quick,
div.pres-head_quick,
div.tdh_quick {
    display: none;
}

form#form_1 h2.l3_quick,
form#form_1 h2.l4_quick {
    display: none;
}

div#sites_available_credits {
    position: absolute;
    padding: 5px 8px;
    background-color: var(--lor-color);
    border: 1px solid var(--lor-color);
    border-radius: 1px;
    right: 1%;
    top: 17px;
    font-size: 0.95em;
    color: white;
    cursor: pointer;
}

div#sites_available_credits:hover {
    background-color: white;
    color: var(--lor-color);
    border: 1px solid var(--lor-color);
}

div#sites_available_credits i {
    margin-right: 8px;
}

table.sites_system_data_table td {
    font-size: 0.95em;
}

div#box_systemdata h3 {
    font-size: 1.1em;
    margin-top: 0;
}

div#devices_choice {
    clear: both;
    border: 8px solid #f0f0f0;
    padding: 0 10px 10px 10px;
    display: none;
    margin-bottom: 10px;
}

div#devices_choice div#box_sites_frame.menu_follows h3:first-of-type {
    clear: both;
    margin-top: 55px;
}

h1.sites_h1 {
    float: left;
    width: 50%;
}

div#box_buttons_menu.sites_credit_button {
    float: right;
    width: 40%;
    position: absolute;
    top: 12px;
    right: 0;
}

div#box_status_report_table i.red {
    color: red;
}

div#box_status_report_table i.green {
    color: green;
}

div#box_status_report_table tr td:nth-child(4) {
    text-align: center;
}

div#box_status_report_table table {
    margin-bottom: 16px;
}

div#box_sites_frame h2.form_subtitle {
    margin: 10px 0;
    font-size: 1.1em;
}

div#box_sites_error_messages ul li {
    background-color: #f4f4f4;
    margin: 0;
    padding: 10px 15px;
    list-style: none;
    background-image: none;
    padding-left: 45px;
    position: relative;
    margin-bottom: 5px;
}

div#box_sites_error_messages ul li:before {
    content: "\f071";
    position: absolute;
    left: 12px;
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 1.5em;
    color: red;
}

img.reference_pic_preview {
    display: block;
    margin: 0;
}

div.reference_pics.active img.reference_pic_preview {
    position: relative;
}

div.reference_pics.stock img.reference_pic_preview {
    position: relative;
    transition: box-shadow 1s ease;
    box-shadow: none;
}

div.reference_pics img.reference_pic_preview:hover {
    cursor: move;
}

div.reference_pics div.picture_series {
    margin: 0 !important;
}

div.reference_pics li {
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 1;
}

div.reference_pics li::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

div.reference_pics li:hover {
    transform: scale(1.15, 1.15);
    z-index: 3;
    cursor: move;
}

div.reference_pics li:hover::after {
    opacity: 1;
}

div.reference_pics.active li {
    height: 200px !important;
}

div.reference_pics.stock li {
    height: 100px !important;
}

div.reference_pics.active li img {
    border: 3px solid #ccc;
}

div.reference_pics.active li:first-child img {
    border: 3px solid var(--lor-color);
}

div.reference_pics li div.picture_handling {
    display: none;
}

div.reference_pics li:hover div.picture_handling {
    display: block;
}

div.reference_pics li div.picture_handling {
    text-align: center;
    line-height: 1.5em;
    font-size: 1.5em;
    cursor: pointer;
    position: absolute;
    right: 8px;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 135, 206, .7);
    color: white;
    z-index: 4;
}

div.reference_pics li div.picture_handling:hover {
    background-color: var(--lor-color-dark);
}

div.reference_pics li div.picture_handling.delete_picture {
    bottom: 3px;
    background-color: rgba(255, 0, 0, .7);
    line-height: 1.4em;
}

div.reference_pics li div.picture_handling.rotate_picture_left {
    left: 8px;
    top: 8px;
}

div.reference_pics li div.picture_handling.rotate_picture_right {
    left: 8px;
    top: 43px;
}

div.reference_pics li div.picture_handling.delete_picture:hover {
    background-color: darkred;
}

div.reference_pics {
    position: relative;
    box-sizing: border-box;
    padding: 0 15px;
    border: 1px solid #eee;
    margin: 0 0 10px 0;
    min-height: 100px;
}

div.reference_pics ul {
    list-style: none;
    min-height: 100px;
    width: 100%;
    margin: 0 !important;
}

div.reference_pics ul li {
    list-style: none;
    background-image: none !important;
    float: left;
    margin: 0 10px 16px 0 !important;
    padding: 0 !important;
    border: none !important;
}

div.reference_pics ul li.reference-sort-placeholder {
    background-color: #f4f4f4;
    margin-right: 10px !important;
    border: none !important;
}

div.reference_pics.active ul li.reference-sort-placeholder {
    height: 200px !important;
    width: 200px;
    border: 1px solid #eee !important;
}

div.reference_pics.stock ul li.reference-sort-placeholder {
    height: 100px !important;
    width: 100px;
    border: 1px solid #eee !important;
}

div.reference_pics:after {
    clear: both;
    content: "";
    display: table;
}

.reference_add_pictures {
    height: 200px;
    width: 200px;
    float: left;
    background-color: #eee;
    color: #aaa;
    text-align: center;
    overflow: hidden;
}

.reference_add_pictures a {
    padding: inherit;
    font-size: 7.65em;
    line-height: 1.85em;
    cursor: pointer;
}

.reference_add_pictures:hover {
    background-color: var(--lor-color) !important;
}

.reference_add_pictures:hover a {
    color: white !important;
}

table.standard_table.ref_status tr td {
    width: 99%;
}

table.standard_table.ref_status tr td:first-child {
    width: 120px !important;
}

table.standard_table.ref_status tr td:last-child {
    width: 120px !important;
}

div.ref_status,
div.ref_data {
    color: white;
    background-color: var(--lor-color);
    padding: 5px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
    width: 110px;
    overflow: visible;
    display: block;
}

div.ref_status.published {
    background-color: green;
}

div.ref_status.not_published,
div.ref_data.mandatory {
    background-color: red;
}

div.ref_status.preview_button {
    width: 100px;
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

div.ref_status.preview_button:hover {
    background-color: var(--lor-color-dark);
}

table.standard_table.ref_status td,
table.standard_table.ref_data td {
    white-space: normal;
}

table.standard_table.ref_data tr td {
    width: 99%;
}

table.standard_table.ref_data tr td:first-child {
    width: 120px !important;
}

table.standard_table.ref_data tr td:last-child {
    width: 60px !important;
}

table.standard_table.ref_data tr td:nth-last-child(2) {
    width: 30px !important;
}

table.standard_table.ref_data td:nth-child(2) {
    font-weight: bold;
}

table.standard_table.ref_data td:nth-child(5) svg.svg-inline--fa {
    font-size: 1.5em;
    top: 0;
}

table.standard_table.ref_data i.red {
    color: red;
}

table.standard_table.ref_data i.grey {
    color: #aaa;
}

table.standard_table.ref_data i.green {
    color: green;
}

table.standard_table.ref_status tr:first-child td,
table.standard_table.ref_data tr:first-child td {
    border-top: 1px solid #eee !important;
}

table.standard_table.ref_status tr:last-child td,
table.standard_table.ref_data tr:last-child td {
    border-bottom: 1px solid #eee !important;
}

div.ref_submit {
    float: right;
    padding: 30px 30px 30px 80px;
    background-color: var(--lor-color);
    color: white;
    cursor: pointer;
    font-weight: bold;
    white-space: nowrap;
    margin: 15px 0 15px 0;
}

div.ref_submit:hover {
    background-color: var(--lor-color-dark);
}

div.ref_app.level_2 {
    margin-left: 15px;
}

div.ref_app.level_3 {
    margin-left: 30px;
}

div.ref_app.level_2:before,
div.ref_app.level_3:before {
    font-family: FontAwesome;
    content: "\f105";
    margin-right: 6px;
}

img.ref_pic_preview {
    float: left;
    margin: 3px 5px 3px 0;
}

div.reference_preview_container {
    background-color: white;
    width: 100%;
    max-width: 1000px;
    padding: 10px;
    margin-right: 15px;
    overflow: auto;
    margin: 0 auto;
    box-sizing: border-box;
}

div.reference_preview_container table {
    width: 100%;
}

div.reference_preview_container table.three_columns td:first-child {
    width: 50%;
}

div.reference_preview_container table.three_columns td {
    width: 30%;
}

div.reference_preview_container table.three_columns td:last-child {
    width: 20%;
}

div.reference_preview_container table.four_columns td:first-child {
    width: 35%;
}

div.reference_preview_container table.four_columns td {
    width: 22.5%;
}

div.reference_preview_container table.four_columns td:last-child {
    width: 20%;
}

div.reference_preview_container h1 {
    font-size: 24px !important;
    color: white !important;
    background-color: var(--lor-color) !important;
    padding: 20px 15px;
    font-weight: bold !important;
}

div.reference_preview_container h2 {
    font-size: 29px !important;
    background-color: transparent !important;
    color: #666 !important;
    font-weight: bold !important;
    white-space: normal !important;
}

div.reference_preview_container h3 {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #666 !important;
}

div.reference_preview_container div.reference_preview_pictures {
    width: 100%;
    margin-bottom: 10px;
}

div.reference_preview_container div.reference_preview_pictures:after {
    content: " ";
    clear: both;
    display: block;
}

div.reference_preview_container div.reference_preview_pictures div.picture_series.crop {
    float: left;
    width: 100%;
}

div.reference_preview_container div.reference_preview_pictures.more_than_one_img div.picture_series.crop {
    width: 15.666666666%;
    margin-right: 0;
    height: 14px;
}

div.reference_preview_container div.reference_preview_pictures.more_than_one_img div.picture_series.crop:nth-child(1) {
    width: 83.33333333333%;
    margin-right: 1%;
    height: 450px;
}

div.reference_preview_container div.reference_preview_pictures.more_than_four_imgs div.picture_series.crop {
    width: 15.666666666%;
    margin-right: 1%;
    height: 14px;
}

div.reference_preview_container div.reference_preview_pictures.more_than_four_imgs div.picture_series.crop:nth-child(2n+1) {
    margin-right: 0%;
}

div.reference_preview_container div.reference_preview_pictures.more_than_four_imgs div.picture_series.crop:nth-child(1) {
    width: 66.6666666%;
    margin-right: 1%;
    height: 450px;
}

div.reference_preview_container div.reference_preview_pictures.more_than_seven_imgs div.picture_series.crop {
    width: 15.666666666%;
    margin-right: 1%;
    height: 14px;
}

div.reference_preview_container div.reference_preview_pictures.more_than_seven_imgs div.picture_series.crop:nth-child(3n+1) {
    margin-right: 0%;
}

div.reference_preview_container div.reference_preview_pictures.more_than_seven_imgs div.picture_series.crop:nth-child(1) {
    width: 50%;
    margin-right: 1%;
    height: 450px;
}

div.reference_preview_separator {
    clear: both;
    width: 98%;
    height: 10px;
    border-bottom: 1px solid rgb(224, 224, 224);
    margin: 10px 1% 30px 1%;
}

div.reference_preview_separator div {
    display: block;
    margin: 0 auto;
    color: rgb(224, 224, 224);
    width: 50px;
    background-color: white;
    text-align: center;
}

div.popup_submenu.ref_edit_ref_history table.ajaxtable td.ajaxtable_link.lk_1,
div.popup_submenu.ref_edit_ref_history table.ajaxtable td.ajaxtable_link.lk_2,
div.popup_submenu.ref_edit_ref_history table.ajaxtable td.ajaxtable_link.lk_3 {
    min-width: 70px !important;
}

div.popup_submenu.ref_edit_ref_history table.ajaxtable td.ajaxtable_link.lk_3 svg.svg-inline--fa {
    color: red !important;
}

div.sites_ref_preview.google_map {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 450px;
    background-color: #f4f4f4;
}

div.reference_preview_container span.missing {
    display: inline-block;
    background-color: red;
    color: white;
    padding: 2px;
}

div.systemContainer {
    box-sizing: border-box;
    clear: both;

    margin-bottom: 10px;
    border: 1px solid #ddd;
}

div.systemContainer div.systemBox {
    padding: 12px 12px 10px 12px;
    margin: 0 10px 10px 10px;
    border: 1px solid #ddd;
}

div.systemContainer div.systemBox:last-child {
    margin-bottom: 0 !important;
}

div.systemContainer div.systemBox.systemHeader {
    background-color: var(--lor-color);
    color: white;
    font-weight: bold;
    border: 1px solid var(--lor-color);
    margin: 0 0 10px 0 !important;
    position: relative;
}

div.systemContainer div.systemBox.systemHeader div.systemTitle i {
    margin-right: 8px;
}

div.systemContainer div.systemEdit {
    float: right;
    padding: 6px 8px;
    color: var(--lor-color) !important;
    background-color: white !important;
    position: absolute;
    top: 5px;
    right: 12px;
}

div.systemContainer div.systemEdit:hover {
    background-color: var(--lor-color-dark) !important;
    color: white !important;
    cursor: pointer;
}

div.systemContainer div.systemBox.systemData {
    margin-bottom: 0 !important;
}

div.systemContainer div.systemBox.systemComponents {
    padding: 0 !important;
    border: none;
    margin-bottom: 0 !important;
}

div.systemContainer div.table.systemComponents {
    display: inline-table;
    width: 100%;
}

div.systemContainer div.table.systemComponents div.tr {
    display: table-row;
    width: 100%;
}

div.systemContainer div.table.systemComponents div.tr div.td {
    display: table-cell;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

div.systemContainer div.table.systemComponents div.tr div.td.deviceCategory {
    font-weight: bold;
    color: var(--lor-color);
}

div.systemContainer div.table.systemComponents div.tr:last-child div.td {
    border-bottom: none;
}

i.ref_admin_edit_data {
    font-size: 2em;
    color: #ddd !important;
    position: relative;
    top: 2px;
}

table.standard_table tr:hover td i.ref_admin_edit_data {
    color: var(--lor-color) !important;
}

table.standard_table tr:hover td i.ref_admin_edit_data:hover {
    color: var(--lor-color-dark) !important;
    cursor: pointer;
}

i.sites_icon {
    position: relative;
    top: 1px;
    display: inline-block;
}

i.sites_icon.edit {
    color: #ddd !important;
    cursor: pointer;
}

td.sites_device_sim_iccid_ext i.sites_icon,
span.deviceDescription:not(.empty)+i.sites_icon {
    margin-left: 8px;
}

tr:hover i.sites_icon.edit {
    color: var(--lor-color) !important;
}

i.sites_icon.edit:hover {
    color: rgb(0, 80, 135) !important;
}

div.sites_container {
    background-color: white;
    padding: 10px 10px 5px 10px;
    margin-bottom: 5px;
}

div.sites_container.systemDataContainer {
    margin-bottom: 0;
}

div.sites_container h2 {
    display: inline-block;
    font-size: 1.5em !important;
    letter-spacing: -1px;
}

div.sites_container div.icon,
div.sites_container div.number,
div.sites_container div.label,
div.sites_container div.open {
    display: inline-block;
    background-color: var(--lor-color);
    min-width: 60px;
    height: 60px;
    color: white;
    margin-right: 10px;
    text-align: center;
    font-size: 2em;
    line-height: 2.1em;
    box-sizing: border-box;
}

div.sites_container div.label,
div.sites_container div.number {
    background-color: #eee;
    color: var(--lor-color);
    float: right;
    margin: 0 0 0 10px;
}

div.sites_container div.label {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.4em;
    line-height: 3em;
    background-color: #f6f6f6;
    text-align: right;
}


div.sites_container div.tableContainer[data-count="0"] {
    display: none;
}

div.sites_container a.sitesContainerButton {
    float: right !important;
    padding: 13px 10px;
    background-color: var(--lor-color);
    color: white;
    margin-left: 4px;
}

div.sites_container a.sitesContainerButton:hover {
    background-color: var(--lor-color-dark);
}

div.sites_container a.sitesContainerButton svg {
    margin-right: 5px;
}

div#box_systemdata {
    margin-top: 15px;
}

div#sites_add_devices {
    float: right;
    display: inline-block;
    margin-top: 10px;
}



a.sites_siteHeader {
    box-sizing: border-box;
    display: inline-block;
    background-color: #f8f8f8;
    color: var(--lor-color);
    padding: 0 15px 0 0;
    margin-bottom: 10px;
    font-size: 1.45em;
    font-weight: bold;
    letter-spacing: -.5px;
}

a.sites_siteHeader.system {
    background-color: white;
}

a.sites_siteHeader:hover {
    background-color: var(--lor-color);
    color: white;
}

a.sites_siteHeader {
    font-size: 1.25em;

}

a.sites_siteHeader span {
    margin-right: 15px;
    display: inline-block;
    padding: 12px;
    min-width: 25px;
    font-size: 23px;
    background-color: var(--lor-color);
    color: white;
    border-right: 7px solid white;
    text-align: center;
    vertical-align: middle;
}

a.sites_siteHeader.system span {
    border-right: 7px solid #f0f0f0;
}

a.sites_siteHeader:hover span {
    background-color: var(--lor-color-dark);
}

div.siteDataMarker {
    display: inline-block;
    background-color: var(--lor-color);
    font-size: 12px;
    padding: 3px 6px;
    margin: 0 0 3px 3px;
    color: white;
    vertical-align: top;
}


@media(max-width:800px) {}


div.slideDownContainer {
    width: 100%;
    box-sizing: border-box;
}

div.slideDownContainer.expanded {
    width: 100%;
}

div.slideDownSegment:hover {
    cursor: pointer;
    background-color: #fcfcfc;
}

div.slideDownSegment div.icon {
    display: inline-block;
}

div.slideDownSegment div.icon.unfold {
    background-color: #f0f0f0;
    color: var(--lor-color);
    margin-right: 10px;
}

div.slideDownSegment:hover div.icon.unfold {
    background-color: var(--lor-color);
    color: white;
}

div.slideDownSegment div.icon.unfold svg {
    transform: rotate(0deg);
    transition: transform 1s;
}

div.slideDownSegment div.icon.unfold.rotated svg {
    transform: rotate(180deg);
    transition: transform .5s;
}

div.hiddenSegment {
    display: none;
}

div.slideDownContainer.expanded div.hiddenSegment {
    display: block;
}

div.systemData {
    display: none;
    float: right;
}

div.sites_container div.systemData div.subLabel {
    display: inline-block;
}