.image-tool,
.image-tool--withBackground {
  --bg-color: #111 !important;
  
}

@media (width > 650px) {
  .image-tool__image-picture {
    max-width: 60% !important;
    margin: auto; 
  }
}

@media (width < 650px) {
  .image-tool__image-picture {
    max-width: 95% !important;
    margin: 0 auto;
  }
}

/*   color shema sub menujev */
.ce-inline-toolbar,
.codex-editor--narrow .ce-toolbox,
.ce-conversion-toolbar,
.ce-settings,
.ce-settings__button,
.ce-toolbar__settings-btn,
.cdx-button,
.ce-popover,
.ce-toolbar__plus:hover {
  background: #664FA1;
  color: inherit;
}

.ce-block--selected .ce-block__content {
  background: #343636;
}

.ce-conversion-tool__icon, 
.ce-conversion-tool {
  color: black;
}

.ce-inline-tool,
.ce-conversion-toolbar__label,
.ce-toolbox__button,
.cdx-settings-button {
  color: inherit;
}

.ce-paragraph {
  padding: 1em;
}

::selection {
  /* background: #343636; */
  background-color: blue !important;
}

/* hoveranje */
.cdx-settings-button:hover,
.ce-settings__button:hover,
.ce-toolbox__button--active,
.ce-toolbox__button:hover,
.cdx-button:hover,
.ce-inline-toolbar__dropdown:hover,
.ce-inline-tool:hover,
.ce-popover__item:hover,
.ce-toolbar__settings-btn:hover {
  background-color: #B59DF7;
  color: inherit;
}

.cdx-notify--error {
  background: #fb5d5d !important;
}

.cdx-notify__cross::after,
.cdx-notify__cross::before {
  background: white;
}


/* STYLING DOKUMENTA */
.ce-block__content,
.ce-toolbar__content {
    max-width: inherit;
}

.ce-toolbar__plus {
  background-color: #FFFC;
}

.cdx-input {
  padding: 0px 12px;
}

#saveBtn {
    height: 40px; 
    padding: 10px 20px 10px 20px; 
    border-radius: 15px; 
    background: #343636; 
    border: none; 
    color: #E3E3E3;
}

#saveBtn:hover {
    cursor: pointer;
}

a{color:lightblue;} 

img {
    vertical-align: text-top; 
    padding: 2px; 
    border-radius: 40px;
} 

h2 {
    text-align: center;
}

footer {
    text-align: center;
    padding-bottom: 300px;
}

/* @media(650px < width < 1024px) {
  .ce-toolbar__actions {
    position: absolute !important;
  }
} */

@media (max-width: 1000px) {
  .ce-toolbar__actions {
    right: auto;
  }
}