
html {
font-size:15px;
}

body {
    background-color: #F3F3F4 !important;
}

.roundbox {
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0px 2px 1px 1px #DDDD;
    padding-top:1px;
}

.roundbox .rbcontent {
    margin: 30px 30px 0 30px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
background-color: #f5f5f5;
}

table.ozet > tbody > tr > td:first-child {
    color:#666;
    padding-left:0;
    white-space: nowrap;
}

table.ozet > tbody > tr > td:nth-child(2) {
    font-weight: bold;
    width:1px;
}

.col-limit {
max-width:600px;
}

.form-group label {
color:#666;
}

.modal {
    background-color: rgba(0, 0, 0, 0.5);
}
.vue-tags-input {
    width:100% !important;
    max-width:100% !important;;
}

.vue-tags-input .ti-input {
    border-radius: .25rem;
}

td.remove {
    color:red;
    width:32px;
    background-image: url('data:image/svg+xml,<svg class="bi bi-x-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path fill-rule="evenodd" d="M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"/><path fill-rule="evenodd" d="M4.146 4.146a.5.5 0 0 0 0 .708l7 7a.5.5 0 0 0 .708-.708l-7-7a.5.5 0 0 0-.708 0z"/></svg>');
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    content: "";
    background-position: center center;
    cursor: pointer;
}

td.remove:hover {
background-image: url('data:image/svg+xml,<svg class="bi bi-x-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">   <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-4.146-3.146a.5.5 0 0 0-.708-.708L8 7.293 4.854 4.146a.5.5 0 1 0-.708.708L7.293 8l-3.147 3.146a.5.5 0 0 0 .708.708L8 8.707l3.146 3.147a.5.5 0 0 0 .708-.708L8.707 8l3.147-3.146z"/> </svg>');
}

.hiddenCanvasElement{
    display: none;
}