.repeatableBlock {
    margin-bottom: 20px;
}

.repeatableBlock {
    border-bottom: 1px solid #AAAAAA;
}

.repeatableBlock:last-child {
    border-bottom: none;
}

.repeatableBlock > .blockHeader {
    font-family: 'Lato-Regular', sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
}

.repeatableBlock .blockHeaderTable {
    width: 100%;
}

.repeatableBlock .blockHeaderTableDelete {
    width: 30px;
}

.repeatableBlock .blockHeaderTableDelete .delete {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(../icons-yellow/trash.svg) no-repeat center;
}

.not-touch .repeatableBlock .blockHeaderTableDelete .delete:hover,
.not-touch .repeatableBlock .blockHeaderTableDelete .delete:focus {
    background: url(../icons-yellow/trash-hover.svg) no-repeat center;
}

.repeatableBlock .blockHeaderTable .blockHeaderTableEdit {
    width: 0;
}

.repeatableBlock .blockHeaderTable.openable .blockHeaderTableEdit,
.repeatableBlock .blockHeaderTable.closeable .blockHeaderTableEdit {
    width: 30px;
}

.repeatableBlock .blockHeaderTable.openable .blockHeaderTableEdit .detail,
.repeatableBlock .blockHeaderTable.closeable .blockHeaderTableEdit .detail,
.repeatableBlock .blockHeaderTable.openable .blockHeaderTableEdit .edit,
.repeatableBlock .blockHeaderTable.closeable .blockHeaderTableEdit .edit {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.repeatableBlock .blockHeaderTable.openable .blockHeaderTableEdit .detail {
    background: url(../icons-yellow/search.svg) no-repeat center;
}

.not-touch .repeatableBlock .blockHeaderTable.openable .blockHeaderTableEdit .detail:hover,
.not-touch .repeatableBlock .blockHeaderTable.openable .blockHeaderTableEdit .detail:focus {
    background: url(../icons-yellow/search-hover.svg) no-repeat center;
}

.repeatableBlock .blockHeaderTable.closeable .blockHeaderTableEdit .detail {
    background: url(../icons-yellow/x.svg) no-repeat center;
}

.not-touch .repeatableBlock .blockHeaderTable.closeable .blockHeaderTableEdit .detail:hover,
.not-touch .repeatableBlock .blockHeaderTable.closeable .blockHeaderTableEdit .detail:focus {
    background: url(../icons-yellow/x-hover.svg) no-repeat center;
}

.repeatableBlock .blockHeaderTable.openable .blockHeaderTableEdit .edit {
    background: url(../icons-yellow/edit.svg) no-repeat center;
}

.not-touch .repeatableBlock .blockHeaderTable.openable .blockHeaderTableEdit .edit:hover,
.not-touch .repeatableBlock .blockHeaderTable.openable .blockHeaderTableEdit .edit:focus {
    background: url(../icons-yellow/edit-hover.svg) no-repeat center;
}

.repeatableBlock .blockHeaderTable.closeable .blockHeaderTableEdit .edit {
    background: url(../icons-yellow/x.svg) no-repeat center;
}

.not-touch .repeatableBlock .blockHeaderTable.closeable .blockHeaderTableEdit .edit:hover,
.not-touch .repeatableBlock .blockHeaderTable.closeable .blockHeaderTableEdit .edit:focus {
    background: url(../icons-yellow/x-hover.svg) no-repeat center;
}

.fullWidthButtonRow {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.fullWidthButtonRow .fullWidthButton {
    display: inline-block;
    min-height: 32px;
    min-width: 40px;
    line-height: 34px;
    cursor: pointer;
    border-radius: 5px;

    color: white;
    text-shadow: 0 0 white;
    border: none;
    padding: 1px 21px 1px 45px;

    background: url(../icons-yellow/add-white.svg) no-repeat 18px center, linear-gradient(to bottom, #09d3ff 0%, #00bbe3 100%);
}

.not-touch .fullWidthButtonRow .fullWidthButton:hover,
.not-touch .fullWidthButtonRow .fullWidthButton:focus {
    background: url(../icons-yellow/add-white.svg) no-repeat 18px center, linear-gradient(to bottom, #fdf22d 0%, #fe9a12 100%);
}

.composite-tab .repeatableBlock {
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;
}

/* list-layout-collapsed */

.list-layout-collapsed .repeatableBlock > .blockHeader {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
    clip-path: inset(-10px -10px 0 -10px);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #F5F5F5;
    margin-bottom: 0;
    padding: 5px 25px 5px 25px;
    font-weight: bold;
    border-bottom: 1px solid lightgrey;
}

.list-layout-collapsed .repeatableBlock > .blockBody .viewBlock {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    clip-path: inset(0px -10px -10px -10px);
}

.small-content .list-layout-collapsed .repeatableBlock > .blockHeader {
    padding: 5px 10px 5px 10px;
}

.list-layout-collapsed .repeatableBlock .blockHeaderContainer .blockHeader > div:first-child {
    border-top-left-radius: 0;
}

.list-layout-collapsed .repeatableBlock .blockHeaderContainer .blockHeader > div:last-child {
    border-top-right-radius: 0;
}