/* Estilos personalizados */


@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

:root {
    /* Tema claro (por defecto) */
    --background-color: #333;
    --text-color: #111;
    --editor-background: #f9f9f9;
    --editor-text: #333333;
    --button-background: #FAFAFA;
    --button-text: #333;
	--border-text-color: #efefef;
	
	--link-color: #0000EE;
    --visited-color: #551A8B;
    --hover-color: #0000EE;
    --active-color: #FF0000;
    --focus-color: #0000EE;
}

.dark {
    --background-color: #333;
    --text-color: #e8e6e3;
    --editor-background: #181a1b !important; /*#222526;*/
    --editor-text: #e8e6e3;/*#cdc8c2;*/
    --button-background: #2a2e2f;
    --button-text: #3391ff; /*#e0e0e0;*/
	--border-text-color: black;/*#303436;*/ /*#35393b*/ /*#efefef*/
	
	--link-color: #3391ff;
    --visited-color: #800080;
    --hover-color: #3391ff;
    --active-color: #ff0000;
    --focus-color: #3391ff;
}

body {
    background-color: var(--background-color);
    color: var(--text-color);
    transition: background-color 0.3s, color 0.3s;
}

#last_modified {
    color: var(--text-color);
    transition: color 1s ease;
}

#last_modified.fade {
    animation: fadeAnimation 2s ease-in-out;
}

@keyframes fadeAnimation {
    0% {
        color: var(--text-color);
    }
    50% {
        color: #6464c8;
    }
    100% {
        color: var(--text-color);
    }
}

.aboutInfoClass {
	background-color: var(--button-background) !important;
	color: var(--text-color) !important;
}

.richText-toolbar {
    background-color: var(--button-background) !important;
    color: var(--button-text) !important;
	border: 1px solid var(--border-text-color) !important;
    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
}

#save_button,
.richText-redo,
.richText-undo,
.richText-btn {

    border-right: 1px solid var(--border-text-color) !important;
    background-color: var(--button-background) !important;
    /* color: var(--button-text); */
    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
}

.richText-editor {
    background-color: var(--editor-background) !important;
    color: var(--editor-text) !important;
    border: 1px solid var(--border-text-color) !important;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
	min-height: 300px;
}

.richText-editor a:link { color: var(--link-color);}
.richText-editor a:visited { color: var(--visited-color);}
.richText-editor a:hover { color: var(--hover-color);}
.richText-editor a:active { color: var(--active-color);}
.richText-editor a:focus { color: var(--focus-color);}

/* RICHTEXT CUSTOM CSS */

/* page */
.page-wrapper {
    margin: 0 auto;
    /*width: 960px;*/
    max-width: 100%;
}

/* box */
.box-content {
    /*padding:20px;*/
    padding-left:20px;
    padding-right:20px;
    /*background-color: #EFEFEF;*/
}


textarea {
    background-color:var(--editor-background) !important;
    border:#EFEFEF solid 1px;
    color:var(--editor-text) !important;
    height:150px;
    width:100%;
}


/* richtext custom style */
.richText {
    margin-top: 30px;
    -webkit-box-shadow: 0 0 10px 5px #000;
    -moz-box-shadow: 0 0 10px 5px #000;
    box-shadow: 0 0 10px 5px #000;
	border: solid 1px var(--border-text-color) !important;
}