/* TANGORA CSS */
.ts-panel { display:flex; }
.ts-panel > * { flex:var(--ts-panelbox-flex, 1 1 auto); margin:var(--ts-panelbox-margin, 0px); padding:var(--ts-panelbox-padding, 0px); border-top:var(--ts-panelbox-bordertop, none); border-right:var(--ts-panelbox-borderright, none); border-bottom:var(--ts-panelbox-borderbottom, none); border-left:var(--ts-panelbox-borderleft, none) }
/* RESOURCE #65 BEGIN */
/* Detailview layout */
.overview {
    padding: 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
}

.detailview {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 25px
}

.section-block {
    padding: 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
}

.counter-text {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ededee;
    z-index: 1;
    padding: 10px 10px 10px 95px;
}

.overblik-section {
    padding: 20px;
    background: #fff;
}

/* Detailview tabs */
.tab-links a.actionlink,
.tab-links span.actionlink {
    margin-right: 35px;
    padding: 0 0 15px 0;
    text-transform: uppercase;
    border-bottom: 4px solid transparent;
    font-family: 'OpenSans Semibold',Helvetica,Arial,Sans-serif;
    font-size: 1.1em;
    color: initial;
    text-decoration: none;
    display: block;
}

.tab-links span.actionlink {
    color: #00A8B8;
    border-bottom: 4px solid rgb(0,168,184);
    display: block;
}

.tab-links a.actionlink:hover {
    color: #00A8B8;
}

/* .tab-links .actionlink::after {
    content: " ("attr(items)")";
}
*/
/* Blocklist tables */

.table {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    margin-top: 10px;
}

.table:only-child {
    margin-top: 0px;
}

.table-header {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    font-family: 'OpenSans Semibold',Helvetica,Arial,Sans-serif;
    word-break: keep-all;
}

.table-header a {
    display: block;
    color: initial;
}

.table-header .vdcontent {
    position: relative;
    width: 100%;
}

.table-row {
    align-content: stretch;
}

.table-row > * {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.table div[id*="blocklistlayout"]:first-child > div:nth-child(odd) > div,
.table .odd div[id*="blocklistlayout"]:first-child>div:nth-child(even)>div {
    background: #f9f9f9;
}

.table .odd div[id*="blocklistlayout"]:first-child>div:nth-child(odd)>div {
    background: #fff;
}

.table div[id*="blocklistlayout"]:first-child > div {
    transition: all 500ms ease 0ms;
}

.table div[id*="blocklistlayout"]:first-child > div > div:first-child:hover,
.table div[id*="blocklistlayout"]:first-child div.child-group > div:hover {
    background: rgba(1,212,230,0.1) 
}

.table .cell div[id*="blocklistlayout"]:first-child > div:nth-child(odd) > div,
.table .cell div[id*="blocklistlayout"]:first-child > div > div:first-child:hover {
    background: transparent;
}

a.db-item {
    color: initial;
    text-decoration: none;
}

.child-group {
    transition: height 300ms;
}

.parent-item {
    cursor: pointer;
}

.parent-item.expanded .parent {
    background: rgba(1,212,230,0.3) !important;
}

.parent-item.expanded .child-group {
    background: rgba(1,212,230,0.1) !important;
}

/*.parent-item .parent > div:first-child::after {
    content: "\f107";
    font-size: 16px;
    line-height: 0;
    font-family: 'Icon font solid';
    margin-left: 5px;
    color: #00A8B8;
}

.parent-item.expanded .parent > div:first-child::after {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}*/

/*Sorting headers in blocklist tables*/
.sortcontrol-undefined,
.sortcontrol-desc,
.sortcontrol-asc {
    /* font-family: 'Roboto Bold',Helvetica,Arial,Sans-serif;
    font-weight: normal;
    color: inherit; */
    margin-right: 10px;
}

.sortcontrol-undefined:hover,
.sortcontrol-desc:hover,
.sortcontrol-asc:hover {
    text-decoration: none;
}

.sortcontrol-undefined::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 7px;
    height: 0.7em;
    margin-top: 6px;
    margin-left: 3px;
    background-image: url('/media/sort-arrow.png');
    background-size: 7px 6px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.1;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.sortcontrol-desc::after,
.sortcontrol-asc::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 7px;
    height: 0.7em;
    margin-top: 6px;
    margin-left: 3px;
    background-image: url('/media/sort-arrow.png');
    background-size: 7px 6px;
    background-repeat: no-repeat;
    background-position: center center;
}

.sortcontrol-asc::after,
.sortcontrol-asc:focus::after,
.sortcontrol-asc:active::after {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.table-header .vdcontent {
    position: relative;
}

/* Typographies */
.bold,
b,
span.vdlabel {
    font-family: 'OpenSans Semibold',Helvetica,Arial,Sans-serif;
}

/* AS [15.10.2019] */
h1.topheadertitel span.bold
{
    font-family: DiavloBold;
}

/* Forms */
.form input[type="text"],
.form input[type="search"],
.form input[type="password"],
.form input[name="username"],
.form input[name*="filter"],
.form textarea,
.form select,
.form .uploadControl {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: .375rem .75rem;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form input,
.form select:not([multiple]) {
    max-height: 35px;
}

.form select:not([multiple]) {
    height: calc(2.25rem + 2px);
    background-image: url(/media/sort-arrow.png);
    background-size: 7px 6px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center; 
}

.form input[type="text"]:focus, 
.form input[type="search"]:focus,
.form input[type="password"]:focus,
.form input[name="username"]:focus,
.form input[name*="filter"]:focus,
.form textarea:focus, 
.form select:focus {
    color: #495057;
    background-color: #fff;
    border-color: #00a8b8;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,168,184,.25);
}

.form input[name*="filterfrom"],
.form input[name*="filterto"] {
    width: auto;
    max-width: 100px;
    display: inline-block;
}



.form .vdcontent 
{
    position: relative;
}

div.form div.quicksearchselectorbox+span 
{
    display: block;
}

div.form div.quicksearchselectorbox+span input 
{
    padding-right: 33px;
}

div.form div.quicksearchselectorbox+span::after 
{
    content: "\f002";
    line-height: 0;
    font-family: 'Icon font solid';
    position: absolute;
    top: 18px;
    right: 13px;
    color: #bbbbbb;
}

div.form div.quicksearchselectorbox 
{
    width: 100%;
    left: 0 !important;
    top: 100% !important;
    z-index: 1;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;

    background: #ffffff;
    border: 1px solid #ced4da;
    margin-top: -1px;
    box-sizing: border-box;
}

div.form div.quicksearchselectorbox ul 
{
    margin: 0px;
    list-style-item: none;
    padding: 0px
}

div.form div.quicksearchselectorbox ul li 
{
    clear: both;
    width: 100%;
    display: block;
    border-bottom: 1px solid #ced4da;
}

div.form div.quicksearchselectorbox ul li:last-child 
{
    border-bottom: none
}

div.form div.quicksearchselectorbox ul li a 
{
    display: block;
    text-decoration: none;
    margin: 0;
    color: #7f7f7f;
    padding: .375rem .75rem;
    transition: background-color .15s ease-in-out, color .15s ease-in-out;
}

div.form div.quicksearchselectorbox ul li:hover a 
{
    color: #fff;
    background-color: #00a8b8;
}

/*.form input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 0 !important;
    padding-right: 5px !important;
}*/

/*form validation and mandatory fields*/
.form input[type="text"].formreq,
.form input[type="search"].formreq,
.form input[type="password"].formreq,
.form input[name="username"].formreq,
.form input[name*="filter"].formreq,
.form textarea.formreq,
.form select.formreq,
.form .uploadControl.formreq,

.form .formreq input[type="text"],
.form .formreq input[type="search"],
.form .formreq input[type="password"],
.form .formreq input[name="username"],
.form .formreq input[name*="filter"],
.form .formreq textarea,
.form .formreq select,
.form .formreq  input.dateTimePickerInputSkin,
.form .formreq .uploadControl,

.form input[type="text"].required,
.form input[type="search"].required,
.form input[type="password"].required,
.form input[name="username"].required,
.form input[name*="filter"].required,
.form textarea.required,
.form select.required,
.form input.dateTimePickerInputSkin.required,
.form .uploadControl.required,

.form .required input[type="text"],
.form .required input[type="search"],
.form .required input[type="password"],
.form .required input[name="username"],
.form .required input[name*="filter"],
.form .required textarea,
.form .required select,
.form .required input.dateTimePickerInputSkin,
.form .required .uploadControl,

.form input[type="text"][required],
.form input[type="search"][required],
.form input[type="password"][required],
.form input[name="username"][required],
.form input[name*="filter"][required],
.form textarea[required],
.form select[required],
.form input.dateTimePickerInputSkin[required]
{
    border-color: #dc3545;
}

.form span.formreq {
    display:none;
}

/* Filtering on overviews */
.filtering .vdlabel {
    display: block;
    margin-bottom: 5px;
}

.filtering .vdcontent {
    margin-bottom: 10px;
}

.filtering > div {
    width: 100%;
    margin: 0 5px;
}

.filtering {
    display: flex;
    justify-content: space-between;
}

/* Mini calendar fixes */
div[id*="SingleCalendar"] {
    border: 1px solid rgb(226,226,226) !important;
    border-radius: 5px !important;
    box-shadow: rgba(0,0,0,0.35) 0 6px 30px 3px !important;
    padding: 10px /*!important*/;
    width: 260px;
}

div[id*="SingleCalendar"] .calendarWrapper {
    padding: 0;
}

div[id*="SingleCalendar"] .calendarWrapper table {
    width: 260px;
}

div[id*="SingleCalendar"] .CalendarText {
    padding: 3px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-align: center !important;
}

div[id*="SingleCalendar"] .todayCell {
    padding: 3px;
    border-radius: 3px;
    border: 2px solid transparent;
    background: #bec6c7;
    border: 0;
    min-width: 30px;
}

div[id*="SingleCalendar"] .selectedCell,
div[id*="SingleCalendar"] .todayCell.selectedCell {
    padding: 3px;
    border-radius: 3px;
    border: 0;
    background-color: #005382;
    color: #fff;
    min-width: 30px;
}

div[id*="SingleCalendar"] .CalendarTextInactive {
    color: #999
}

.calendarWrapper table:nth-child(2) tr:first-child > td {
    font-weight: bold;
}

.dateTimeBlock .calBtn {
    background-size: contain !important;
    cursor: pointer;
    margin-right: -36px;
    background: none;
}

.dateTimeBlock .calBtn::after {
    content: "\f073";
    font-size: 18px;
    line-height: 0;
    font-family: 'Icon font regular';
    position: absolute;
    top: 7px;
    margin-left: 3px;
}

.dateTimeBlock .calBtn.active::after,
.dateTimeBlock .calBtn:hover::after {
    color: #00A8B8;
    transition: color 500ms ease 0ms;
}

.dateTimeBlockWrapper::after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    right: 39px;
    border-left: 1px solid #ced4da;
}

.dateTimePicker .dateTimeBlockWrapper {
    width: 165px;
}

.dateTimePicker .dateTimeBlockWrapper .dateTimeBlock {
    left: 8px;
    width: 111px;
}

.ifirs_2 .dateTimePicker .dateTimeBlockWrapper {
    width: 173px;
}

.ifirs_2 .dateTimePicker .dateTimeBlockWrapper .dateTimeBlock {
    width: 119px;
}

.dateTimePicker[data-datetimepickertype="datetime"] .dateTimeBlockWrapper .dateTimeBlock {
    width: 153px;
}
.dateTimePicker[data-datetimepickertype="datetime"] .dateTimeBlockWrapper {
    width: 206px;
}

.ifirs_2 .dateTimePicker[data-datetimepickertype="datetime"] .dateTimeBlockWrapper .dateTimeBlock {
    width: 161px;
}
.ifirs_2 .dateTimePicker[data-datetimepickertype="datetime"] .dateTimeBlockWrapper {
    width: 214px;
}

.dateTimePicker .dateTimeBlockWrapper .dateTimeBlock img {
    opacity: 0.7;
}

.vdcontent>table tr td:nth-child(2) {
    min-width: 14px;
    padding-top: 10px;
    text-align: center;
}

/* Buttons */
.btn a,
.btn input[type="button"],
.btn input[type="submit"] {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    /*font-size: 1rem;*/
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    cursor: pointer;
}

.btn-primary a,
.btn-primary input[type="button"],
.btn-primary input[type="submit"] {
    color: #fff;
    background-color: #019aa8;
    border-color: #019aa8;
    font-family: 'OpenSans Semibold',Helvetica,Arial,Sans-serif;
    font-weight: normal;
    text-decoration: none;
}

.btn-primary a:hover,
.btn-primary input[type="button"]:hover,
.btn-primary input[type="submit"]:hover {
    color: #fff;
    background-color: #00abba;
    border-color: #00abba;
}

.btn-primary a:focus,
.btn-primary input[type="button"]:focus,
.btn-primary input[type="submit"]:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,168,184,.25);
    outline: 0;
}

.btn-primary-outline a,
.btn-primary-outline input[type="button"],
.btn-primary-outline input[type="submit"] {
    color: #019aa8;
    background-color: transparent;
    border: 1px solid #019aa8;
    font-family: 'OpenSans Semibold',Helvetica,Arial,Sans-serif;
    font-weight: normal;
    text-decoration: none;
}

.btn-primary-outline a:hover,
.btn-primary-outline input[type="button"]:hover,
.btn-primary-outline input[type="submit"]:hover {
    color: #fff;
    background-color: #019aa8;
    border: 1px solid #019aa8;
    font-family: 'OpenSans Semibold',Helvetica,Arial,Sans-serif;
    font-weight: normal;
    text-decoration: none;
}

.btn-outline-white a {
    background-color: #ffffff;
}

.btn-outline-green a {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
}

.btn-outline-green a:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-green a.focus {
    box-shadow: 0 0 0 0.2rem rgba(40,167,69,.5);
}

.btn-outline-red a {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
}

.btn-outline-red a:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-red a.focus {
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.5);
}

.btn-group > div:not(:first-child):not(:last-child) a,
.btn-group > div:not(:first-child):not(:last-child) input[type="button"] {
    border-radius: 0;
    border-left: 0;
}

.btn-group > div:first-child a,
.btn-group > div:first-child input[type="button"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > div:last-child a,
.btn-group > div:last-child input[type="button"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

/* Lightbox editing */
.lbOverlay {
    display: none;
}

.lbOuterWrapper {
    width: calc(100vw - 70px) !important;
    right: 0;
    left: unset !important;
/*ss: fix issue with miscalculating top position after fast scroll during lightbox opening:*/
    position: fixed !important;
    top: 0 !important;    
}

.lbOuterWrapper .lbInnerWrapper {
    display: flex;
    justify-content: flex-end;
    padding: 0;
}

.lbOuterWrapper .lbInnerWrapper .lbAnimationWrapper {
    width: calc(100vw - 70px);
    height: 100vh;
}

.lbOuterWrapper .lbInnerWrapper .lbAnimationWrapper .lbContentsWrapper {
    height: 100vh !important;
    max-height: 100vh !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}

    /* close button */
.lbAnimationWrapper > div:first-child {
    top: 20px;
    right: 25px;
}

.lbAnimationWrapper .lbCloseButtonWrapper::after {
    content: "\f00d";
    font-size: 24px;
    line-height: 0;
    font-family: 'Icon font solid';
    position: absolute;
    right: 0;
    top: 15px;
    cursor: pointer;
}

.lbAnimationWrapper .lbCloseButtonWrapper > div {
    top: 0;
    right: 0;
    background-image: none;
}

/* Safari autofill bug on product count input */
input:not([name="username"])::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/* Internet Explorer fixes */
select::-ms-expand {
    display: none;
}

/* Layout fixes */
/* focus outline problem with overflow:hidden parents */
.form[data-ts-transitiontype] {
    padding: 5px;
    margin: 0 -5px;
}

/* Info icon */
a.icon
{
    font-size: 16px;
    font-family: 'Icon font regular';
    position: relative;
    top: 2px;
    display: inline-block;
}

a.icon:before
{
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 10px 0 5px;
    content: "\f059";
    color: #00A8B8;
}

a.icon:HOVER
{
    text-decoration: none;
    border: 0;
    cursor: pointer;
}

a.icon span
{
    position: absolute;
    visibility: hidden;
    display: block;
    font-size: 12px;
    font-weight: 300;
    font-family: MuseoSans300;
    padding: 2px 5px;
    background: #fafafa;
    box-shadow: 0 2px 5px #cccccc;
    border-radius: 2px;
    margin: -18px 0 0 25px;
    z-index: 2001;
    width: 250px;
    color: #333333;
}

a.icon:focus
{
    outline: none;
}

a.icon:focus span
{
    visibility: visible;
}
/* RESOURCE #65 END */
/* RESOURCE #76 BEGIN */
#layoutbox6:not([data-user-id="30"]) div#blocklistlayout_2_-18610 .module2_-18610_layoutbox11,
#layoutbox6:not([data-user-id="30"]) #module2_1_layoutbox16,
#layoutbox6:not([data-user-id="30"]) #layout2sub1mergefield_3009312,
#layoutbox6:not([data-user-id="30"]) #layout2sub1mergefield_3009313 {
    display: none;
}
/* RESOURCE #76 END */