.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;
}