.doka--root textarea {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: textfield;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195));
    border-image: initial;
}

/*******************************/
/** Doka fixes and hide stuff **/
/*******************************/

.doka--root .doka--image-markup textarea[hidden]{
    display: none;
}

.doka--root .doka--markup-utils.doka--markup-utils textarea{
    display: none;
}

.doka--root .doka--image-markup textarea {
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1!important;
    text-align: left!important;
    text-indent: 0!important;
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    box-shadow: none!important;
    white-space: break-spaces !important;
    pointer-events: none;
    outline: none;
    color: #fff;
    z-index: 1;
}

.doka--root .doka--image-markup textarea:focus {
    pointer-events: all;
}

.doka--root button, .doka--root fieldset, .doka--root textarea, .doka--root label, .doka--root legend {
    all: initial;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
}

.doka--image-markup-clip textarea{
    overflow-y:hidden !important;
}

#textcard, .form-item{
    width: 100%; !important
}

.doka--button-destroy-shape{
    color: white !important;
    background-color: black !important;
}

.doka-front .doka-container-front,
.doka-back .doka-container-back{
    position: absolute;
    height: calc(100% - 40px);
    max-height: calc(100% - 40px);
    background-color: #FFFFFF;
}

.doka--button-action-cancel,
.doka--button-action-reset{
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

.doka--button{
    text-align: center !important;
}

.doka--markup-utils li:nth-child(3),
.doka--markup-utils li:nth-child(5),
.doka--markup-utils li:nth-child(6){
    display: none !important;
}

.doka--button-app {
    color: black !important;
    background-color: white !important;
}

.doka--button-app:focus,
.doka--button-app:hover {
    background-color: silver !important;
}

/* The cancel menu button */
.doka--button-action-cancel,
.doka--root .doka--button-app{
    color: white !important;
    background-color: black !important;
    border-radius: 0 !important;
}

.doka--button-action-cancel:focus,
.doka--button-action-cancel:hover {
    background-color: black !important;
    color: white !important;
}

/*******************************/
/** Override styling          **/
/*******************************/

/* Style the toolbar buttons */
.doka--button-tool,
.doka--root .doka--button-tab:focus, .doka--root .doka--button-tab:hover, .doka--root .doka--button-tab[data-active="true"],
.doka--root .doka--button-tab{
    color: black !important;
    background-color: transparent !important;
}

/** Canvas **/
.doka--root .doka--image-gl canvas{
    background-color: #FFFFFF !important;
}

.doka--root .doka--color .doka--range-input{
    color: #000000 !important;
}

.doka--root .doka--range-input-inner::after,
.doka--root .doka--range-input button::after{
    background-color: rgba(0,0,0, 0.2) !important;
}

.doka--root[data-style-crop-corner="circle"] .doka--crop-rect-corner{
    background: #000000 !important;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
    background: #000000 !important;
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
    background: #000000 !important;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
    background: #000000 !important;
}

button.doka--button.doka--button-app.doka--button-action-reset.doka--button-icon-only {
    display: none;
}

.doka--root .doka--filter-tile.doka--filter-tile label{
    color: black;
}

.doka--root .doka--crop-rotator-line{
    color: black;
}

.doka--button:hover, .doka--markup-color ul li:hover, .doka--range-input-inner:hover{
    cursor: pointer;
}

.doka-popup.doka-deluxe-card .doka--button-action-cancel{
    display: none !important;
}

.doka--root .doka--dropdown-list{
    background-color: #FFFFFF !important;
}

.doka--root[data-style-viewport*=x-cramped][data-style-viewport*=multi-util] .doka--button-action-confirm.doka--button-icon-fallback svg{
    display: none;
}

.doka--root[data-style-viewport*=x-cramped][data-style-viewport*=multi-util] .doka--button-action-confirm.doka--button-icon-fallback::before{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'fleurop' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e90d";
    color: #fff;
    padding: 0 8px;
}

.doka--image-markup-clip text:hover{
    cursor: move;
}

.doka--root .doka--image-gl canvas {
    color: #000000 !important;
}