@font-face {
    font-family: 'socialicoregular';
    src: url('../fonts/socialico-webfont.eot');
    src: url('../fonts/socialico-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/socialico-webfont.woff') format('woff'), url('../fonts/socialico-webfont.ttf') format('truetype'), url('../fonts/socialico-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Droid Sans';
    src: url('./fonts/DroidSans/DroidSans.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Handlee';
    src: url('./fonts/Handlee/Handlee-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Architects Daughter';
    src: url('./fonts/Architects_Daughter/ArchitectsDaughter-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quando';
    src: url('./fonts/Quando/Quando-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Indie Flower';
    src: url('./fonts/Indie_Flower/IndieFlower.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quattrocento Sans';
    src: url('./fonts/Quattrocento_Sans/QuattrocentoSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat/Montserrat-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto/Roboto-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla';
    src: url('./fonts/Karla/Karla-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/iconfont/MaterialIcons-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Balsamiq';
    src: url('./fonts/Balsamiq_Sans/BalsamiqSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

body {
    /* Disables pull-to-refresh but allows overscroll glow effects. */
    overscroll-behavior-y: contain;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

body {
    /* font-family: 'Quattrocento Sans', sans-serif; */
    background: #F4F4F4;
    margin: 0px;
    padding: 0;
    color: #000;
    /*	width: 800px;*/
    overflow: auto;
    -webkit-print-color-adjust: exact;
}

@media print {
    .non-printable {
        display: none;
    }

    #Postits {
        display: block;
    }
}

.postitNB ul:not(.browser-default) > li {
    list-style-type: inherit;
}

.postitNB ul:not(.browser-default) {
    padding-left: 40px;
    list-style-type: inherit;
}

.tablonPostits {
    /*width: 2500px;*/
    min-width: 100vw;
    min-height: 100vh;
    width: 100%;
    height: 2000px;
    position: relative;
    border-right: 2px solid rgb(27, 26, 24);
    border-bottom: 2px solid rgb(27, 26, 24);
    transition: filter .3s ease-in;
}

#Postits {
    touch-action: manipulation !important;
}

.Postits,
.postits-temp {
    /* background: #ececec url("appimg/patterns/noise.webp"); */
    height: 2000px;
    min-height: 100vh;
    position: relative;
    float: left;
}

.big-text {
    font-size: 30px;
}

#anuncios {
    /*	width: 120px;
      height: 600px;*/
    position: fixed;
    right: 10px;
    z-index: 1000000;
    bottom: 130px;
    background: white;
}

#cansadoAnun {
    width: 160px;
    height: 35px;
    position: fixed;
    right: 10px;
    z-index: 100000000;
    bottom: 90px;
    background: rgb(212, 212, 212);
    padding: 6px;
    text-align: center;
    border: 1px solid #333;
}

#cansadoAnun:hover {
    cursor: pointer;
    background: rgb(236, 236, 236);
}


.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
      supported by Chrome and Opera */
}

.blur-effect {
    filter: blur(2px);
}

.tablon-kanban {
    overflow-y: hidden;
}

.columna-wrapper {
    float: left;
    border-right: 1px solid black;
    min-width: 400px;
    height: 100%;
    /* padding-top: 100px; */
}

.columna {
    overflow: auto;
}

.titulo-kanban {
    font-size: 20px;
    /* top: 100px; */
    color: white;
    display: block;
    width: auto;
    padding: 8px 22px;
    border: 3px solid #a4dda4;
    border-radius: 2px;
    z-index: 100000 !important;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 20px;
    text-align: center;
}

.contenedor-contador-kanban {
    font-size: 18px;
}

.add-kanba-note {
    zoom: 0.85;
}

.add-kanba-note:hover {
    opacity: 0.8;
    cursor: pointer;
}

.botones ul,
.botones menu {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.top-bar-icons li img {
    width: 22px;
}

#cambF img {
    width: 25px;
}

#cambFondo img {
    width: 28px;
}

#cambFondo div {
    padding-top: 7px;
}

#panelBotDiv img {
    width: 24px;
}

#compBot img {
    width: 27px;
}

#searchBot img {
    width: 25px;
}

#publicBot img {
    width: 29px;
}

#publicBot div {
    padding-top: 7px;
}

#ordenaBot img {
    width: 22px;
}

#botonPost img {
    width: 26px;
}

#botonFoto img {
    width: 28px;
}

#botonPaint img {
    width: 26px;
}

#botonAnexa img {
    width: 35px;
    position: relative;
    top: 5px;
}

#botonAnexa div {
    padding: 0
}

#friendsBot img {
    width: 26px;
}

#cambZoom {
    font-size: 11px;
}

/*#sincro:hover,#loginBot:hover{
    background-color: rgba(255, 255, 255, 0.2);
}*/

.logo-login {
    background-color: #333;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.logo-login img {
    width: 100%;
}

#loginBot {
    font-size: 12px;
    color: white;
}

#loginBot.no-logged {
    max-width: 55px;
    min-width: 50px;
}

#loginBot img {
    width: 26px;
}

#loginBot div {
    padding: 5px;
}

#optionsBot img {
    opacity: 0.95
}

#kanbanBot div {
    padding: 6px 0 1px 0;
    opacity: 0.95;
}

#kanbanBot i {
    font-size: 32px;
}

.top-bar-icons li.selected {
    box-shadow: 0 0 50px #818181 inset;
    background-color: initial;
}

#nombreTablon {
    font-size: 16px;
    color: #e0e0e0;
    position: absolute;
    left: 45%;
    top: 12px;
}

#subirF img,
#bajarF img {
    width: 9px;
}

.top-bar-icons > li {
    list-style: none;
    float: left;
    height: 40px;
    min-width: 50px;

    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.17);
    border-left: 1px solid rgba(0, 0, 0, 0.21);
}

.top-bar-icons li span {
    display: block;
}

.top-bar-icons li div {
    color: rgb(255, 255, 255);
}

.top-bar-icons li:hover {
    cursor: pointer;
}

.top-bar-icons li > div {
    display: block;
    text-decoration: none;
    /*    padding: 8px 0 8px 0;*/
    padding: 10px 0 3px 0;
    text-shadow: 0 2px 0 rgb(71, 31, 0);
}

.top-bar-icons li div:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.top-bar-icons-wrapper {
    background-image: url(appimg/top-background.jpg);
    width: 100%;
    display: inline-block;
    box-shadow: 0 3px 18px 1px;
    height: auto;
    border-top: 1px solid #afafaf;
}


#papelera {
    /*	height: 50px;*/
    height: 32px;
}

#papelera div {
    padding-top: 5px;
}

#papelera img {
    /*	width: 35px;*/
    width: 31px;
}

#botonVaciarPapelera {
    display: none;
    position: fixed;
    left: 10px;
    top: 110px;
    padding: 15px;
    height: 60px;
    font-size: 25px;
    font-family: 'Quattrocento Sans', sans-serif;
    border: 1px solid #ccb591;
    background: #5c4030;
    font-weight: normal;
    z-index: 100000;
}

#botonVaciarPapelera:hover {
    background-color: #ccb591;
    color: black;
    cursor: pointer;
}

.right {
    float: right;
}

.left {
    float: left;
}

.zoomin,
.zoomout {
    text-align: left;
}

.zoomin {
    border-bottom: 1px solid rgba(0, 0, 0, 0.21);
}

.zoomout {
    border-top: 1px solid rgba(255, 255, 255, 0.17);
}

.btn-crea-nota {
    border: 1px solid #bfaeae;
}

.fontsIcon {
    border-right: 0px solid !important;
    /* padding-left: 10px; */
    min-width: 50px !important;
}

.fontsZoom {
    border-left: 0 !important;
    min-width: 32px !important;
}

.top-bar-icons li div:active {
    box-shadow: 0 0 50px black inset;
    background-color: initial;
}

.zoomin div {
    padding: 10px 9px 0 9px
}

.zoomout div {
    padding: 0 9px;
}

.profilePicture img {
    border: 2px solid #a1a1a1;
    box-shadow: 0px 0px 7px 2px #000000;
    padding: inherit;
    border-radius: 50px;
}

.profileInfo {
    text-align: left;
    padding: 7px 0px 0px 2px;
    font-size: 12px;
    color: bisque;
    min-width: 65px;
    max-width: 80px;
    min-height: 30px;
}

.profilePicture {
    margin-top: 7px;
    margin-right: 4px;
    padding: 0 !important;
}

.profileInfo div {
    text-decoration: none;
}

.profileInfo div:hover {
    background-color: initial !important;
    color: rgb(255, 247, 221);
}

.profileInfo div:active {
    box-shadow: none !important;
}

.profileInfo span {
    font-size: 10px !important;
    color: #E4E4E4;
    margin-top: 5px;
}

.boardsSwitch {
    width: 50px;
    height: 40px;
    position: absolute;
    z-index: 10;
    margin-top: -4px;
    background-color: #333;
    border-bottom-right-radius: 12px;
    border-right: 1px solid rgba(148, 148, 148, 0.38);
}

.boardsSwitch:hover {
    cursor: pointer;
    opacity: 0.8;
}

#flecha {
    width: 15px;
    height: 15px;
    position: relative;
    left: 18px;
    top: 10px;
    transition: transform .3s ease-in;
}

#flecha.abajo {
    transform: rotate(180deg);
}

.bottomBar {
    background-image: url(appimg/bottomBar.png);
    width: 100%;
    margin-top: -4px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    position: relative;
    border-top: 1px solid #484848;
    /*min-height: 42px;*/
    /* display: table;*/
}

.bottomBarNav {
    margin-left: 50px !important;
    /* padding-top: 12px; */
    /* background-image: url(../images/boards-close.png); */
}

.bottomBarNav li {
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    padding: 0px 14px;
    color: white;
    /* text-transform: uppercase; */
    font-size: 13px;
    /* font-weight: 700; */
    text-shadow: 0 2px 0 rgb(71, 31, 0);
    height: 36px;
    line-height: 30px;
    border-left: 1px solid rgba(0, 0, 0, 0.38);
    border-top: 1px solid rgba(44, 44, 44, 0.38);
    border-bottom: 1px solid rgba(0, 0, 0, 0.38);
    display: block;
    cursor: pointer;
}

.paneles2-dos-filas .bottomBarNav li {
    padding: 0px 10px;
    font-size: 12px;
}

.bottomBarNav li span {
    color: #d6d6d6;
    text-decoration: none;
    display: block;
}

.bottomBarNav li span:hover {
    color: bisque;
}

.bottomBarNav li span:active {
    color: rgb(146, 126, 103);
    text-shadow: none;
}

.activeBoard {
    /* margin-bottom: -2px;  ?? */
    background-color: #886343;
    /*	border-bottom: 1px solid rgb(255, 204, 139);*/
    box-shadow: 0 0px 12px black;
    border-bottom: 2px solid rgb(204, 202, 198);
    /*padding: 1px 2px !important;*/
}

.bottomBarNav li:hover {
    box-shadow: 0 0 20px 4px black;
}

.bottomBarNav li:active {
    box-shadow: 0 0 20px 4px black inset;
}


#selector-varios {
    float: left;
}

.selector-varios {
    margin-bottom: 7px;
    border: 1px solid #DFDEDE;
    padding: 5px;
    box-shadow: 0 0 2px 0 rgba(93, 83, 71, 0.2);
    z-index: 2;
}


.selector-varios:hover {
    cursor: pointer;
}

/* .selectorColor {
	width: 80%;
} */

/*.botonborrar, #botonborNuevo
{
	width: 14px;
	height: 14px;
    float:right;
    background-color: transparent;
    border: 0;
    margin-top: -4px;
	z-index: 1000000;
}*/

/* #postitnuevo,#postitPaint
{
  	z-index: 10000!important;
} */

/*FONT
{
	color: #28085D;
}
*/

#cuadrado-seleccion {
    position: absolute;
    background: transparent;
    border: 1px solid #333;
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.classTransparent {
    opacity: 0.6 !important;
}

.nuevoLink {
    position: absolute;
    top: 40%;
    left: 40%;
    background-color: white;
    width: 100px;
    height: 100px;
    border: 1px solid #333;
    border-radius: 50px;
    z-index: 10000;
}

.nuevoLink i {
    font-size: 73px;
    position: relative;
    left: 15px;
    top: 14px;
}

.postitNB,
.postit0,
.postit1,
.postit2,
.postit3,
.postit4,
.postit5,
.postit6,
.idamarillo,
.postit7,
.postit8,
.postit10,
.postit80 {
    /*border: 1px solid #FFE67F;*/
    position: absolute;
    /* max-height: 1900px; */

    /* max-height: calc(100vh - 80px); */
    overflow: hidden;
    cursor: move;
    border-radius: 1px;
    height: auto;
    width: auto;
    min-width: 270px;
    min-height: 50px;
    padding: 2px 17px 15px 17px;
    /*z-index: 500;
      float: left;
      margin: 6px;*/
    font-family: "Kalam", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    text-shadow: none;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    line-height: 1em;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.5), inset 0 0 40px 5px rgba(0, 0, 0, 0.15);
    word-wrap: break-word;
    z-index: 1;
    touch-action: manipulation !important;
}

.postitNB.postit-auto {
    /* altura de la ventana menos altura de los botones */
    max-height: calc(100vh - 80px);
}

.textoNB {
    max-height: 2000px;
}

.postitNB.postit-auto .textoNB {
    max-height: calc(95vh - 90px);
}


.postitNB-sticker {
    min-width: 100px;
}

.postitNB-sticker .minimizaTool,
.postitNB-sticker .zoomTool,
.postitNB-sticker .creaPop,
.postitNB-sticker .duplica,
.postitNB-sticker .calendar,
.postitNB-sticker .share {
    display: none;
}

.postitNB.ui-draggable {
    transition: height 0.3s ease-out 0.1s, width 0.3s ease-out 0.1s;
}

.postitMoving {
    z-index: 1000001;
    margin-top: 0;
    margin-left: 0;
    box-shadow: 5px 20px 60px rgba(0, 0, 0, 0.7), inset 0 0 50px 5px rgba(0, 0, 0, 0.12);
}

.postitMoving.postit10 {
    box-shadow: 5px 20px 60px rgba(0, 0, 0, 0.7);
}

.postitResizing {
    transition: none !important;
}

.postit-min {
    height: 50px !important;
    width: 200px !important;
    border: 2px solid black;
}

.postit-kanban.postit-min {
    width: calc(100% - 40px) !important;
}

.postit-min .zoomTool {
    display: none;
}

.postit-min .ui-resizable-handle {
    display: none !important;
}

.postitNB.touch-screen .ui-resizable-se.ui-icon {
    background-image: url(appimg/resize.png) !important;
}

.postitNB.touch-screen .ui-resizable-se {
    width: 55px !important;
    height: 55px !important;
    background-position: 17px 17px !important;
    z-index: 0 !important;
}

.postitSinMarco {
    padding: 0;
    margin: 0;
}

.postitSinMarco .textoNB img:last-child,
.postitSinMarco .textoNB iframe:last-child {
    margin-bottom: -7px;
}

.postitSinMarco iframe {
    border: 0;
}

.postitPop {
    width: 100%;
    height: 100%;
    min-height: 100%;
    /*	padding: 0px 10px 0px 10px;*/
    box-sizing: border-box;
    cursor: auto;
}

.postit-kanban {
    position: relative;
    margin: 20px;
    width: calc(100% - 40px);
    max-height: 600px;
    overflow-y: auto;
}

.postit-kanban .textoNB {
    max-height: 500px;
}

.postit-overflow-visible {
    overflow: visible;
}

.textoNB p {
    margin: 0;
}

/*
efecto Celo
.postit1::before {
 content: ' ';
    display: block;
    position: absolute;
    left: 115px;
    top: -15px;
    width: 75px;
    height: 25px;
    z-index: 2;
    background-color: rgba(243,245,228,0.5);
    border: 2px solid rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 0 5px #888;
    -moz-box-shadow: 0 0 5px #888;
    box-shadow: 2px 2px 2px #000;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
}

.postit1 {
    overflow: initial;

}
*/

/* ----------------------------------------------
* Generated by Animista on 2017-5-24 15:9:14
* http://animista.net
* T: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation rotate-scale-up
* ----------------------------------------
*/
/*.rotate-scale-up {
    -webkit-animation: rotate-scale-up 0.65s linear both;
    -moz-animation: rotate-scale-up 0.65s linear both;
    animation: rotate-scale-up 0.65s linear both;
}

@-webkit-keyframes rotate-scale-up {
    0% {
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0);
    }
    50% {
        -webkit-transform: scale(1.3) rotateZ(180deg);
        transform: scale(1.3) rotateZ(180deg);
    }
    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
        transform: scale(1) rotateZ(360deg);
    }
}
@keyframes rotate-scale-up {
    0% {
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0);
    }
    50% {
        -webkit-transform: scale(1.3) rotateZ(180deg);
        transform: scale(1.3) rotateZ(180deg);
    }
    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
        transform: scale(1) rotateZ(360deg);
    }
}*/

/*
.postit1:before {
    display: block;
    content: "";
    background: rgba(227, 200, 114, 0.4);
    width: 130px;
    height: 28px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 6px/18px 0;
    position: absolute;
    top: -13px;
    left: 50px;
    transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
*/

.sinMarcoCheckbox {
    float: right;
    font-family: inherit;
    margin-right: 5px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.sinMarcoCheckbox [type="checkbox"] + span:not(.lever) {
    padding-left: 25px;
}

.notepad {
    background: #ffffff;

    background-image: -webkit-radial-gradient(#ececec 21%, transparent 21%),
    -webkit-radial-gradient(hsla(0, 0%, 0%, .25) 21%, transparent 26%),
    -webkit-linear-gradient(top, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, 0) 95%,
            hsla(180, 25%, 50%, .1) 95%, hsla(180, 25%, 50%, .1) 100%);
    background-image: -moz-radial-gradient(#e6e6e6 21%, transparent 21%),
    -moz-radial-gradient(#e6e6e6 10%, transparent 12%),
    -moz-linear-gradient(top, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, 0) 95%,
            hsla(180, 25%, 50%, .1) 95%, hsla(180, 25%, 50%, .1) 100%);
    background-image: radial-gradient(#e6e6e6 21%, transparent 21%),
    radial-gradient(#e6e6e6 10%, transparent 12%),
    linear-gradient(top, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, 0) 95%,
            hsla(180, 25%, 50%, .1) 95%, hsla(180, 25%, 50%, .1) 100%);
    background-position: 6px 6px, 6px 5px, 50% 18px;
    background-repeat: repeat-y, repeat-y, repeat;
    background-size: 48px 48px, 48px 48px, 24px 24px;
    padding: 25px 24px 24px 84px;
}

.notepad:after {
    border-left: 1px solid hsla(0, 75%, 50%, .2);
    border-right: 1px solid hsla(0, 75%, 50%, .2);
    bottom: 0;
    content: '';
    left: 58px;
    position: absolute;
    top: 0;
    width: 2px;
}

/*
.notepad:before {
    bottom: 8px;
    border-radius: 4px;
    box-shadow: 0 10px 10px hsla(0,0%,0%,.25);
    content: '';
    height: 100px;
    max-width: 300px;
    position: absolute;
    right: 5px;
    width: 300px;
    z-index: -10;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}
*/

.pinImg {
    width: 45px;
    position: absolute;
    left: 40%;
    left: calc(50% - 20px);
    top: 2px;
    /*   z-index: 0;*/
}

.pinImgSelecEdit {
    width: 25px;
    float: right;
    margin-left: 5px;
    z-index: 60;

}

.pinImgSelec,
.subPinImgSelec {
    width: 35px;
    float: left;
    top: 1px;
    position: relative;
    margin-right: 5px;
}

.selectorPins {
    display: none;
}

.selectorPins,
.subSelectorPins {
    /* float: left; */
    margin: 10px 0px 7px 0px;
    clear: both;
    z-index: 50;
    border: 1px solid #D6D4D4;
    height: 30px;
    box-shadow: 0 0 2px 0 rgba(93, 83, 71, 0.2);
}

.pinImgSelec:hover,
.pinImgSelecEdit:hover,
.subSelectorPins:hover {
    cursor: pointer;
}

.subSelectorPins {
    display: none;
}

/*
.pinImg:hover {
    opacity: 0.5;
}
*/

.selectorPins .pinImgSelec:first-child,
.selectorPins .pinImgSelecEdit:first-child {
    opacity: 0.2;
}

.parteSuperior {
    /* display: none; */
    visibility: hidden;
    position: initial;
    width: 100%;
    /* height: 0; */
}

#postitnuevo .parteSuperior {
    display: block;
    visibility: visible;
}

.coloresInvertidos {
    filter: invert(1);
}


.zoomed {
    width: 100vw !important;
    height: auto !important;
    max-height: inherit !important;
    min-height: 100vh !important;
    max-width: 100vw !important;
    touch-action: manipulation !important;
    top: 0 !important;
    left: 0 !important;
    box-sizing: border-box;
    margin: 0 !important;
    cursor: auto;
}

.zoomed .parteSuperior {
    position: fixed;
    top: 0;
}

.zoomed.postitConMarco {
    padding: 20px 15px 15px 15px;
}

.zoomed.notepad {
    padding: 45px 24px 24px 84px
}

.postitConMarco .parteSuperior {
    margin-bottom: 25px;
}

.parteSuperior2 {
    position: fixed;
    width: 53px;
    /*	height: 24px;*/
    right: 0px;
    background-color: white;
    opacity: 0.8;
}

.fondoIconos {
    height: 25px;
    display: inline;
    width: 100%;
    right: 0px;
    position: absolute;
    opacity: 0.6;
    z-index: 0;
}

.postitSinMarco .fondoIconos, .fondoBlanco .fondoIconos {
    background-color: white;
}

.sinMarcoDiv {
    margin-left: 15px;
    font-family: Droid Sans, Arial, Sans-Serif;
    font-size: 16px;
    float: right;
}

/*
.postit0:before, .postit1:before, .postit2:before, .postit3:before, .postit4:before, .postit5:before {
    content: "";
    background: url('appimg/papelviejo.jpg');
    opacity: 0.0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}*/


.bordesup {
    height: 0;
    margin-left: -10px;
    /*	display: block;*/
}

#postitnuevo .bordesup {
    height: 30px;
}

.postitSinMarco .bordeHover {
    background-color: white;
    opacity: 0.4;
    width: 104%;
}

.friendsDiv {
    font-family: Quando, verdana, arial;
    font-size: 10px;
    background-color: #D9E7AD;
    padding: 0px 4px 0px 4px;
    color: #060627;
    position: absolute;
    left: 30px;
    /* z-index: 100; */
}

.notaWebDiv {
    font-family: Quattrocento Sans, verdana, arial;
    font-size: 11px;
    background-color: #ECE097;
    padding: 0px 4px 0px 4px;
    color: #060627;
    z-index: 0;
    display: inline-block;
    line-height: 17px;
    /*   position: absolute;*/
}


.friendsDiv img {
    width: 12px;
    margin: 6px 3px 0px 0px;
    float: left;
}

.errorDiv {
    float: left;
    font-family: Quando, verdana, arial;
    font-size: 10px;
    background-color: red;
    padding: 0px 4px 0px 4px;
    color: white;
    margin-top: -5px;
}

.postit0 {
    width: 350px;
    z-index: 1000;
}

.postit1,
.postit0 {
    /*background: #ffe67f url(appimg/note-amarilla.gif) repeat-x top left;*/
    background: linear-gradient(#fff4c7, #ffe67f);
}

.postit2

    /* verde */
{
    background: linear-gradient(#ddf2c9, #c3d5a1);
}

.postit3

    /* lila */
{
    background: linear-gradient(#efe2f4, #ddd0ec);
}

.postit4

    /* naranja */
{
    background: linear-gradient(#f3e05d, #eace61);
}

.postit5

    /* rosa */
{
    background: linear-gradient(#f5a4d8, #ff43bd);
}

.postit6

    /* rojo */
{
    background: linear-gradient(rgb(252, 91, 91), rgb(230, 76, 76));
}

.postit7

    /* azul */
{
    background: linear-gradient(rgb(191, 192, 243), rgb(100, 144, 213));
}

.postit10

    /* blanco */
{
    background: white;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.5);
}

.postit8 {
    background: transparent;
    box-shadow: none;
}

.postit8 .ui-resizable-handle:hover {
    background-color: white;
}

#idblanco,
#idamarillo,
#idverde,
#idlila,
#idnaranja,
#idrosa,
#idrojo,
#idazul,
#notepad,
.idblanco2,
.idamarillo2,
.idverde2,
.idlila2,
.idnaranja2,
.idrosa2,
.idrojo2,
.idazul2,
.notepadBut,
#notepadP,
#idtransparente,
.idtransparente,
.idtransparente2 {
    background-color: #fff4c7;
    height: 20px;
    width: 20px;
    border: 1px solid #BDBDBD;
    display: inline-block;
}

.customColor,
.customColor2,
#customColor,
#customColor2 div {
    width: 24px;
    height: 24px;
    display: inline-block;
    top: 2px;
    position: relative;
}

.idblanco2,
.idamarillo2,
.idverde2,
.idlila2,
.idnaranja2,
.idrosa2,
.idrojo2,
.idazul2,
.customColor2,
.notepadBut,
.idtransparente2 {
    margin-left: 5px;
}

#idblanco,
.idblanco2 {
    background-color: #ffffff;
}

#notepad,
.notepadBut,
#notepadP {
    background-color: #ffffff;
}

#idverde,
.idverde2,
#idverdeP {
    background-color: #ddf2c9;
}

#idlila,
.idlila2,
#idlilaP {
    background-color: #efe2f4;
}

#idnaranja,
.idnaranja2,
#idnaranjaP {
    background-color: #f3e05d;
}

#idrosa,
.idrosa2,
#idrosaP {
    background-color: #d5b4b2;
}

#idrojo,
.idrojo2,
#idrojoP {
    background-color: rgb(252, 91, 91);
}

#idazul,
.idazul2,
#idazulP {
    background-color: rgb(191, 192, 243);
}

#idtransparente,
.idtransparente2 {
    background-color: transparent;
    border-color: #333;
}

.muestraIconos {
    font-size: 15px;
    background-color: #BCE6C9;
    color: black;
    padding: 0px 15px;
    margin: 5px 0;
    display: inline-block;
    border: 1px solid #3AC584;
    font-family: Helvetica, Arial, Sans-Serif;
    cursor: pointer;
}

.panelFuentes {
    /*display: none;*/
    position: fixed;
    top: 60px;
    left: 20px;
    width: 170px;
    height: auto;
    /* max-height: 510px; */
    overflow: auto;
    border: 2px solid #B6A4A4;
    background-color: #F5F6CE;
    padding: 0;
    margin: 0;
    font-size: 20px;
    font-family: Helvetica, Arial, Sans-Serif;
    z-index: 1000000;
    display: none;
    box-shadow: 0 0 20px black;
    background-image: url(appimg/boardsBox.png);
}

.panelFuente:first-child {
    border-top: none;
}

.panelFuente:last-child {
    border-bottom: none;
}

.panelFuente {
    position: relative;
    padding: 12px 0;
    height: auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.28);
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 1);
    margin: 0px auto;
    color: white;
}

.panelFuente.selected {
    background-color: #707070;
}


#fuente1 {
    font-family: 'Kalam', serif;
}

#fuente2 {
    font-family: 'Droid Sans', serif;
}

#fuente3 {
    font-family: 'Architects Daughter', serif;
}

#fuente4 {
    font-family: 'Quando', arial, serif;
}

#fuente5 {
    font-family: 'Indie Flower', arial;
}

#fuente6 {
    font-family: 'Quattrocento Sans', helvetica, sans-serif;
}

#fuente7 {
    font-family: 'Montserrat', helvetica, sans-serif;
}

#fuente8 {
    font-family: 'Roboto', helvetica, sans-serif;
}

#fuente9 {
    font-family: 'Karla', helvetica, sans-serif;
}

#fuente10 {
    font-family: 'Balsamiq', helvetica, sans-serif;
}

.fuente1 {
    font-family: 'Kalam', serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    text-shadow: none;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    line-height: 1.6em;
}

.fuente5 {
    font-family: 'Indie Flower', arial, serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    text-shadow: none;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    line-height: 1.4em;
}

.fuente3 {
    font-family: 'Architects Daughter', arial, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    text-shadow: none;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    line-height: 1.4;
}

.fuente4 {
    font-family: 'Quando', arial, serif;
    font-size: 12px;
    font-style: normal;
    text-shadow: none;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    line-height: 1.7em;
}

.fuente2 {
    font-family: 'Droid Sans', arial, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    text-shadow: none;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    line-height: 1.6em;
}

.fuente6 {
    font-family: 'Quattrocento Sans', helvetica, sans-serif;
    font-size: 12pt;
    line-height: 1.5em;
}

.fuente7 {
    font-family: 'Montserrat', helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
    /*	font-weight: 400;*/
    text-shadow: none;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    line-height: 1.6;
}

.fuente8 {
    font-family: 'Roboto', helvetica, sans-serif;
    font-size: 12pt;
    line-height: 1.6em;
}

.fuente9 {
    font-family: 'Karla', helvetica, sans-serif;
    font-size: 12pt;
    line-height: 1.6em;
}

.fuente10 {
    font-family: 'Balsamiq', helvetica, sans-serif;
    font-size: 12pt;
    line-height: 1.6em;
}

/*
.fuente1:hover, .fuente2:hover, .fuente3:hover, .fuente4:hover, .fuente5:hover, .fuente6:hover
{
	opacity: 0.7;
}*/


.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
    background: #f4ffd4 !important;
    border: 1px solid #dff2aa;
    border-radius: 3px;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
    font-size: 12px;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
    color: black;
}

.tooltipster-noir.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #f4ffd4 !important;
}

.tooltipster-noir.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #f4ffd4 !important;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #f4ffd4 !important;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #f4ffd4 !important;
}

.tooltipster-noir.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #f4ffd4 !important;
}

.tooltipster-noir.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #f4ffd4 !important;
}

.tooltipster-noir.tooltipster-sidetip .tooltipster-content {
    padding: 2px 4px;
}

.contenedor-tablon-tooltip {
    position: relative;
}

.borrar-tablon-tooltip {
    background-color: red;
    color: white;
    font-size: 20px;
    font-weight: bold;
    padding: 3px 4px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}

.borrar-tablon-tooltip:hover {
    zoom: 1.1;
    cursor: pointer;
}

.canvas-tooltip:hover {
    cursor: pointer;
    opacity: 0.8;
}

.botonborrar,
#botonborNuevo,
#botonborPaint {
    width: 14px;
    height: 14px;
    background-color: transparent;
    border: 0;
    margin-top: -4px;
    position: absolute;
    top: 8px;
    right: 11px;
    z-index: 1;
}

#botonborNuevo,
#botonborPaint {
    display: inline-block;
}

.botonborrar IMG,
#botonborNuevo IMG,
#botonborPaint IMG {
    width: 14px;
    height: 14px;
    padding-left: 0px;
    margin-left: -7px;
}

.botonborrar:hover,
#botonborNuevo:hover,
#botonborPaint:hover {
    cursor: pointer;
}

.botonborrar:hover > .lid {
    transform: rotate(-15deg);
    -webkit-transition: transform 250ms;
}

.moverImg:hover {
    transform: rotate(-7deg);
    -webkit-transition: transform 250ms;
    cursor: pointer;
}

.pencilImg:hover,
.volverNoteBoard:hover {
    transform: rotate(-7deg);
    -webkit-transition: transform 250ms;
    cursor: pointer;
}

.botonborrar > .lid {
    transform-origin: 0% 100%;
    -webkit-transition: transform 150ms;
    height: 5px;
    width: 15px;
    top: 4px;
    left: 6px;
}

.botonborrar > .can,
.botonborrar > .lid {
    background: url('appimg/remove.png') 0 0 no-repeat;
    margin-top: -4px;
    position: absolute;
}

.botonborrar > .can {
    background-position: -1px -4px;
    height: 20px;
    width: 20px;
}

.pencilImg,
.calendar,
.share,
.paintPost,
.moverImg,
.creaPop,
.volverNoteBoard,
.duplica,
.anexaFich,
.copiaPortapapeles {
    transform-origin: 0% 100%;
    transition: transform 150ms;
    position: absolute;
    top: 5px;
    width: 13px;
    z-index: 1;
}

.pencilImg {
    right: 25px;
}

.rotateTool {
    width: 15px;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 10;
}

.rotateTool:hover {
    cursor: n-resize;
}

/* .leader-line {
	z-index: 1000;
} */

.transparent-layer {
    background-color: black;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.connect-tool {
    position: absolute;
    background-color: white;
    color: #333;
    padding: 10px;
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 30px;
    text-align: center;
}

.connect-tool input {
    font-size: 12px;
    padding: 10px;
}

.zoomTool {
    width: 15px;
    position: absolute;
    left: 30px;
    top: 5px;
    z-index: 1
}

.minimizaTool {
    width: 15px;
    position: absolute;
    left: 50px;
    top: 5px;
    z-index: 1
}

.pipVideo {
    width: 30px;
    position: absolute;
    left: 55px;
    top: 0;
    z-index: 1
}

.pipVideo.active {
    background: white;
}

.moverImg {
    right: 45px;
}

.volverNoteBoard {
    right: 35px;
}

.calendar {
    right: 65px;
    opacity: 0.5;
}

.programa-agenda {
    font-size: 15px;
    margin: 10px 5px;
}

.share {
    right: 86px;
}

.paintPost {
    right: 150px;
}

.connectImg {
    width: 16px;
    position: absolute;
    right: 165px;
    top: 4px;
    z-index: 1
}

.anexaFich {
    right: 180px;
    top: 1px;
    width: 23px;
}

[type="checkbox"].noteBoardCheck {
    position: relative;
    opacity: 1;
    pointer-events: auto;
    top: 3px;
    margin-right: 5px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.textoNB [type="checkbox"] + span:not(.lever) {
    padding-left: 0;
    display: inline;
}

.textoNB [type="checkbox"] + span:not(.lever):before, .textoNB [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    display: none;
}


#postitnuevo .anexaFich {
    right: 20px;
}

.creaPop {
    right: 105px;
    width: 14px;
}

.duplica {
    right: 125px;
    width: 14px;
}

.copiaPortapapeles {
    right: 149px;
    font-size: 17px;
    top: 3px;
}

.calendar:hover,
.share:hover,
.paintPost:hover,
.creaPop:hover,
.duplica:hover,
.anexaFich:hover,
.zoomTool:hover,
.pipVideo:hover,
.connectImg:hover,
.minimizaTool:hover,
.copiaPortapapeles:hover,
connectImg:hover {
    transform: scale(1.1, 1.1);
    cursor: pointer;
}

#datepicker {
    width: 0px;
    background: transparent;
    border: 0;
    float: right;
    margin: 0px 175px 0px 0px;
}

/*
  TOUCH SCREEN --------------------------------------------------------
*/
.touch-screen.postitNB {
    min-width: 335px;
}

.touch-screen .zoomed.postitConMarco {
    padding: 33px 15px 15px 15px;
}

.touch-screen .fondoIconos {
    height: 40px;
}

.touch-screen .rotateTool,
.touch-screen .duplica,
.touch-screen .copiaPortapapeles,
.touch-screen .share {
    display: none;
}

.touch-screen .calendar
.touch-screen .connectImg {
    top: 5px;
    width: 30px;
}

.touch-screen .pencilImg {
    right: 45px;
    top: 4px;
    width: 28px;
}

#postitshareNote.touch-screen .pencilImg {
    right: 10px;
    top: 10px;
}

#postitshareNote .pencilImg {
    right: 10px;
    top: 10px;
    width: 25px;
}

.touch-screen .botonborrar {
    width: 28px;
    height: 28px;
    margin-top: -4px;
    top: 8px;
    right: 6px;
}

.touch-screen .moverImg {
    right: 88px;
    width: 31px;
    top: 3px;
}

.touch-screen .calendar {
    right: 133px;
    opacity: 1;
    width: 27px;
}

.touch-screen .creaPop {
    width: 27px;
    right: 170px;
}

.touch-screen .connectImg {
    width: 27px;
    right: 205px;
}

.touch-screen .anexaFich {
    right: 227px;
    width: 41px;
    top: -3px;
}

.touch-screen .zoomTool {
    width: 23px;
    left: 10px;
    top: 5px;
}

.touch-screen .minimizaTool {
    width: 23px;
    left: 45px;
    top: 5px;
}

.postitConMarco .touch-screen.parteSuperior {
    margin-bottom: 32px;
}

/*
  --------------------------------------------------------
*/


.popupCalendar,
.opcionCal {
    font-size: 16px;
    font-weight: bold;
    float: left;
    margin-bottom: 2px;
    clear: both;
}


.opciones-calendar {
    border: 1px solid #AAAAAA;
    border-radius: 4px;
    float: right;
    padding: 10px 20px;
    background-color: #ffffff;
    color: #4e4e4e
}

@media (max-width: 800px) {
    .opciones-calendar {
        float: none;
        padding: 10px 20px;
        margin: 20px auto;
        width: 240px;
    }

    .xdsoft_datetimepicker.xdsoft_inline {
        display: block !important;
        width: 342px;
        margin: 0 auto;
        overflow: auto;
    }
}

.opciones-calendar .titulo {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: bold;
    margin-left: -10px;
    border-bottom: 1px solid #c7c7c7;
}

.opciones-calendar input[type="checkbox"] {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 10px;
}

.opciones-calendar .periodicidadCalendar {
    margin-top: 12px;
    margin-bottom: 0;
}

.opcionCal.ultima {
    margin-bottom: 19px;
}

/* .opciones-calendar .periodicidadCalendar {
    float:  right;
    margin-bottom: 5px;
    padding: 2px;
} */
.pushGif {
    margin-right: 280px !important;
    display: none;
}

#invitacionesBot,
#friendsBot {
    display: none;
}

#sincro {
    display: none;
}

.botones label {
    cursor: pointer;
}

.botones {
    position: fixed;
    z-index: 1000000;
    display: inline-block;
    width: 100%;
    top: 0;
    left: 0;
    cursor: auto;
    box-sizing: content-box;
    transition: filter .3s ease-in;
}

.tooltipstered,
.botones {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
      supported by Chrome and Opera */
}

.button {
    border-top: 1px solid #e3f027;
    background: #815c3d;
    padding: 5.5px 11px;
    box-shadow: 1px 1px 5px #1b3d08;
    text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
    color: #cfc3b1;
    font-size: 15px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}

.button:hover {
    border-top-color: #e8d9b2;
    background: #e8d9b2;
    color: black;
}

.button:active {
    border-top-color: #a9d7f5;
    background: #a9d7f5;
}

.buttonRed {
    border: 0px;
    background: #FF0824;
    color: white;
    -webkit-box-shadow: 0px 0px 0px #1b3d08;
    text-shadow: rgba(0, 0, 0, .4) 0 0px 0;
    margin-top: -5px;
    margin-left: 5px;
}

/*
#compBot,#invitacionesBot
{
	padding: 0px 3px 0px 3px;
	-webkit-border-radius: 5px;
}
*/
#tooltip {
    background-color: #F5F6CE;
    color: #000;
    font-size: 8px;
    opacity: 0.6;
    position: absolute;
    z-index: 9999999;
}

#tooltip2 {
    background-color: #F5F6CE;
    color: #333;
    font-size: 14px;
    opacity: 0.9;
    position: absolute;
    z-index: 99999;
    min-width: 150px;
    display: none;
    padding: 5px 0 5px 5px;
}

#tooltip2 span {
    font-weight: 600;
}

#canvas,
#dialog-confirm {
    display: none;
}

/* #dialog-confirm a
{
	color: blue;
} */
#canvasDiv {
    position: fixed;
    top: 70px;
    right: 20px;
    z-index: 1000000;
}

#canvasDiv:hover {
    cursor: pointer;
}

#slider {
    position: relative;
    top: 6px;
    width: 97px;
    height: 25px;
    opacity: 0.7;
    display: inline-block;
}

.ui-slider .ui-slider-handle {
    width: auto;
    height: 36px;
    padding: 0 2px;
}

#nivelZoom {
    position: fixed;
    top: 45%;
    left: 45%;
    font-size: 4em;
    opacity: 0.8;
    display: none;
    background-color: #692323;
    padding: 10px;
    z-index: 1000000;
}

#canvasMaqueta {
    border: 1px solid #333;
    position: relative;
    opacity: 0.8;
    height: 90px;
    width: 125px;
    display: block;
}

.mapSwitch {
    width: 24px;
    height: 26px;
    position: relative;
    z-index: 10;
    top: -7px;
    background-color: #333;
    border-radius: 4px;
    display: inline-block;
    opacity: 0.7;
}

#flechaMap {
    width: 12px;
    height: 10px;
    position: relative;
    left: 6px;
    top: 6px;
    transition: transform .4s ease-in;
}

#flechaMap.abajo {
    transform: rotate(180deg);
}

@media (max-width: 800px) {
    #canvasDiv {
        right: 10px;
    }

    #canvasMaqueta {
        height: 90px;
        width: 80px;
    }

    #slider {
        width: 53px;
    }
}

#canvasMaqueta:hover {
    opacity: 1;
}

#maquetaPant {
    position: absolute;
    border: 2px solid #333;
}

.paneles {
    position: fixed;
    top: 70px;
    left: 170px;
    width: 360px;
    height: auto;
    max-height: 500px;
    overflow: auto;
    border: 5px solid #DFBB8D;
    padding: 0;
    margin: 0;
    font-size: 17px;
    z-index: 10000000;
    box-shadow: 0 0 20px black;
    background-image: url(appimg/boardsBox.png);
    display: none;
}

.panelesMov {
    /*	position: fixed;
      top: 70px;
    left: 170px;*/
    max-height: none;
    position: relative;
    width: 275px;
    height: auto;
    /*max-height: 500px;*/
    overflow: auto;
    /*	border: 5px solid #DFBB8D;*/
    padding: 0;
    margin: 0;
    font-size: 17px;
    z-index: 52000;
    /*-webkit-box-shadow: 0 0 20px black;*/
    background-color: #333;
    display: none;
}

.panel-header #flecha-header {
    transform: rotate(-90deg);
    float: left;
    margin: 5px 0 0 10px;
    width: 30px;
}

.panel-header-logo {
    text-align: center;
    margin: 15px 30px 10px 0px;
}

.panel-header-logo img {
    width: 180px;
}

.tablon:first-child,
.nickComp:first-child {
    border-top: none;
}

.tablon:last-child,
.nickComp:last-child {
    border-bottom: none;
}

.tablon,
.nickComp {
    position: relative;
    padding: 12px 0;
    height: auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.28);
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 1);
    margin: 0px auto;
}

.tablon:hover,
.panelFuente:hover,
.nickComp:hover {
    cursor: pointer;
    box-shadow: 0 0 50px black inset;
}

.tabLabel {
    width: 205px;
    text-align: left;
    color: white;
    margin-left: 10px;
}

.contLabel {
    font-size: 12px;
    background-color: #B40404;
    color: white;
    padding: 3px;
    width: auto;
    text-align: center;
    position: absolute;
    top: 11px;
    right: 55px;
}

.paneles canvas {
    padding: 1px;
    position: absolute;
    right: 85px;
    top: 2px;
    background-color: rgb(187, 0, 51);
}

.tablon img {
    width: 16px;
    margin: 8px 0px 0px 9px;
    position: absolute;
}

.nickComp img {
    float: right;
    width: 15px;
    margin: 1px 16px 0px 9px;
}

.editaTablon {
    position: absolute !important;
    right: 30px;
    top: 5px;
}

.borraTablon {
    position: absolute !important;
    right: 9px;
    top: 4px;
}

.friendsImg {
    width: 20px !important;
    position: absolute;
    right: 132px;
    top: 5px;
}

.publishImg {
    width: 30px !important;
    position: absolute;
    right: 150px;
    top: 2px;
}

.publishImg2,
.kanbanImg2 {
    width: 20px !important;
    margin: 8px 0px 0px 9px !important;
}

.ordenaImg2 {
    width: 10px !important;
    margin: 10px 0px 0px 9px !important;
}

.tabA .kanban-icon {
    margin: 10px 5px;
    float: right;
    font-size: 14px;
    width: 14px;
}

@media (max-width: 800px) {
    .tabA .kanban-icon {
        margin: 9px 5px;
        font-size: 15px !important;
    }
}

.paneles .kanban-icon,
.paneles .ordenaImg2 {
    color: white;
    position: absolute;
    right: 163px;
    top: 11px;
}

.paneles .ordenaImg2 {
    top: 3px;
}

.tabPaneles2 img {
    width: 12px;
    margin: 11px 0px 0px 9px;
    float: right;
}

.add-tablon span {
    font-size: 30px;
    font-weight: bold;
}

.backup-aviso {
    background-color: yellow;
}

.hacer-backup-aviso {
    background-color: #333;
    padding: 5px;
    display: inline-block;
}

.hacer-backup-aviso:hover {
    cursor: pointer;
    opacity: 0.8;
}

.hacer-backup-aviso img {
    width: 25px;
}

/*****************************************************************/
/***                     TEMAS CUSTOM                          ***/
/*****************************************************************/

.colorGris .top-bar-icons-wrapper,
.colorGris .bottomBar,
.colorGris .paneles,
.colorGris .nicksComp,
.colorGris .searchPanel,
.colorGris .boardsSwitch,
.colorGris .panelFuentes {
    background-image: none;
    background-color: #333;
}

.metal .top-bar-icons-wrapper,
.metal .bottomBar,
.metal .paneles,
.metal .nicksComp,
.metal .searchPanelm,
.metal .boardsSwitch,
.metal .panelFuentes {
    background-image: url(appimg/temas/metallic-texture.jpg);
}

.piedra .top-bar-icons-wrapper,
.piedra .bottomBar,
.piedra .paneles,
.piedra .nicksComp,
.piedra .searchPanel,
.piedra .boardsSwitch,
.metal .panelFuentes {
    background-image: url(appimg/temas/piedra.jpg);
}

.marmol .top-bar-icons-wrapper,
.marmol .bottomBar,
.marmol .paneles,
.marmol .nicksComp,
.marmol .searchPanel,
.marmol .boardsSwitch,
.marmol .panelFuentes {
    background-image: url(appimg/temas/marmol.jpg);
}

.lava .top-bar-icons-wrapper,
.lava .bottomBar,
.lava .paneles,
.lava .nicksComp,
.lava .searchPanel,
.lava .boardsSwitch,
.lava .panelFuentes {
    background-image: url(appimg/temas/lava.jpg);
}

.colorNegro .top-bar-icons-wrapper,
.colorNegro .bottomBar,
.colorNegro .paneles,
.colorNegro .nicksComp,
.colorNegro .searchPanel,
.colorNegro .boardsSwitch,
.colorNegro .panelFuentes {
    background-image: none;
    background-color: black;
}

.colorAzul .top-bar-icons-wrapper,
.colorAzul .bottomBar,
.colorAzul .paneles,
.colorAzul .nicksComp,
.colorAzul .searchPanel,
.colorAzul .boardsSwitch,
.colorAzul .panelFuentes {
    background-image: none;
    background-color: #333044;
}

.colorVerde .top-bar-icons-wrapper,
.colorVerde .bottomBar,
.colorVerde .paneles,
.colorVerde .nicksComp,
.colorVerde .searchPanel,
.colorVerde .boardsSwitch,
.colorVerde .panelFuentes {
    background-image: none;
    background-color: #365431;
}

.colorNegro .top-bar-icons-wrapper {
    border-bottom: 1px solid #606060;
}

.colorBlanco .top-bar-icons-wrapper,
.colorBlanco .bottomBar,
.colorBlanco .paneles,
.colorBlanco .nicksComp,
.colorBlanco .searchPanel,
.colorBlanco .boardsSwitch,
.colorBlanco .panelFuente {
    background-image: none;
    background-color: white;
    color: black;
}

.colorBlanco .top-bar-icons-wrapper li img,
.colorBlanco .paneles img,
.colorBlanco .nicksComp img,
.colorBlanco .searchResult,
.colorBlanco .boardsSwitch,
.colorBlanco .tabPaneles2 .tabA img {
    filter: invert(1);
}

.colorBlanco .top-bar-icons-wrapper li .profilePicture img {
    filter: none;
}

.colorBlanco .top-bar-icons-wrapper {
    box-shadow: 0px 2px 10px 1px #aaaaaa;
}

.colorBlanco .paneles2 .bottomBarNav li span,
.colorBlanco .top-bar-icons-wrapper .top-bar-icons li div.profileInfo,
.colorBlanco .nicksComp,
.colorBlanco .searchPanel input {
    color: black;
    text-shadow: rgb(71, 31, 0) 0px 0px 0px;
}

.colorBlanco .paneles2 .bottomBarNav li.activeBoard {
    background-color: beige;
}

.marmol .paneles2 .bottomBarNav li.activeBoard {
    background-color: #826f5f;
}

.colorAzul .paneles2 .bottomBarNav li.activeBoard,
.colorGris .paneles2 .bottomBarNav li.activeBoard,
.metal .paneles2 .bottomBarNav li.activeBoard,
.piedra .paneles2 .bottomBarNav li.activeBoard {
    background-color: #7d7d7c;
}

.colorNegro .paneles2 .bottomBarNav li.activeBoard,
.marmol .paneles2 .bottomBarNav li.activeBoard {
    background-color: #555555;
}

.colorBlanco .paneles .tabLabel {
    color: black;
}

/*****************************************************************/

/**************************** LOGIN ****************************/
input[type="text"],
input[type="password"],
textarea,
select {
    outline: none;
}

/* hide outlines in chrome */

/* @group page boxes */
#logoutForm,
#loginForm {
    width: 250px;
    margin: 15px auto;
    padding: 15px 10px 0px 10px;
    margin-top: 40px;
    border: 1px solid #c3d1d7;
    background: #fefefe;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
    float: left;
    margin-left: 50px;
}

#logoutForm h1,
#loginForm h1 {
    font-size: 1em;
    color: #0B0B61;
}

/* @group form */
.formUser {
    font-size: 15px;
    /* border: 1px solid #a7a7a7; */
    border-radius: 4px;
    padding: 10px 20px 0 20px;
}

.formCalendar {
    font-size: 15px;
    border-radius: 4px;
}

.formUser p {
    color: rgb(126, 126, 126);
}

.formulario-modal {
    font-size: 15px;
}

.formulario-modal p {
    color: #333;
}


/*.formUser input[type=text], .formUser input[type=password] { background: #fefefe; font-size: 1.0em; color: #898989; border: 1px solid #d5d9da; padding: 9px 7px; width: 220px;
box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
border-radius: 3px;}
#buttonSubmit {
	border:0;
	font-size: 25px;
	margin-top: 15px;
	margin-right: 15px;
	padding: 15px;
}
#buttonRegistro {
	border:0;
	font-size: 1em;
	margin-top: 15px;
	margin-right: 10px;
	padding: 12px;
	background: #B96117;
}
#capaContenedora {
	margin: 20px 0;
	font-color: red;
	font-size: 20px;
}

.formUser h1 {
	font-size: 30px;
}
.formUser input[type=text]:focus, .formUser input[type=password]:focus { border-color: #799FB8; color: #444; }

.formUser label {/*display: block;
	margin-top: 15px; margin-bottom: 4px; color: #444; font-weight: bold; font-size: 1.3em;
	line-height: 45px;
} */

#mailForm .formUser {
    overflow: auto;
}

#mailForm .formUser input {
    width: 80%;
    float: right;
}

#mailForm .formUser textarea {
    width: 99%;
    margin-top: 15px;
}

#campos-reg {
    display: none;
}

#mensLogin {
    font-size: 14px;
    text-align: left;
}

/* #userInvitado,#nombreInvitador
{
	width:	350px!important;
} */

.fondos {
    /*display: none;*/
    position: fixed;
    /*	top: 60px;
      left: 180px;*/
    width: 200px;
    height: auto;
    border: 2px solid #B6A4A4;
    background-color: #F5F6CE;
    padding: 0;
    margin: 0;
    font-size: 22px;
    font-family: Helvetica, Arial, Sans-Serif;
    z-index: 1000000;
    max-height: 500px;
    overflow: auto;
    display: none;
}

.fondo99:hover {
    cursor: pointer;
    background-color: #f1f55f;
}

.fondo {
    height: 30px;
    border: 1px solid #2E2E2E;
    /* transition: 0.3s; */
}

.fondo:hover {
    outline: #DF0101 solid 4px;
    cursor: pointer;
    /* transform: scale(1.1); */
}


.fondo14 {
    background: radial-gradient(circle at 0% 50%, rgba(96, 16, 48, 0) 9px, #613 10px, rgba(96, 16, 48, 0) 11px) 0px 10px,
    radial-gradient(at 100% 100%, rgba(96, 16, 48, 0) 9px, #613 10px, rgba(96, 16, 48, 0) 11px), rgb(108, 129, 54) !important;
    background-size: 20px 20px !important;
}

.fondo15 {
    background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
    linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
    linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
    linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
    linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
    linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424) !important;
    background-color: #131313 !important;
    background-size: 20px 20px !important;
}

.fondo16 {
    background-color: white !important;
    background-image: linear-gradient(90deg, rgba(200, 0, 0, .5) 50%, transparent 50%),
    linear-gradient(rgba(200, 0, 0, .5) 50%, transparent 50%) !important;
    background-size: 50px 50px !important;
}

.fondo17 {
    background: radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 9%, hsla(0, 100%, 20%, 0) 9%) 0 0,
    radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 8%, hsla(0, 100%, 20%, 0) 10%) 50px 50px,
    radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)) 50px 0,
    radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)) 0 50px,
    radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%) 50px 0,
    radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%) 100px 50px,
    radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)) 0 0,
    radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)) 50px 50px,
    linear-gradient(45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%) 0 0,
    linear-gradient(-45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%) 0 0 !important;
    background-color: #300 !important;
    background-size: 100px 100px !important;
}

.fondo18 {
    background: radial-gradient(circle closest-side at 60% 43%, #b03 26%, rgba(187, 0, 51, 0) 27%),
    radial-gradient(circle closest-side at 40% 43%, #b03 26%, rgba(187, 0, 51, 0) 27%),
    radial-gradient(circle closest-side at 40% 22%, #d35 45%, rgba(221, 51, 85, 0) 46%),
    radial-gradient(circle closest-side at 60% 22%, #d35 45%, rgba(221, 51, 85, 0) 46%),
    radial-gradient(circle closest-side at 50% 35%, #d35 30%, rgba(221, 51, 85, 0) 31%),
    radial-gradient(circle closest-side at 60% 43%, #b03 26%, rgba(187, 0, 51, 0) 27%) 50px 50px,
    radial-gradient(circle closest-side at 40% 43%, #b03 26%, rgba(187, 0, 51, 0) 27%) 50px 50px,
    radial-gradient(circle closest-side at 40% 22%, #d35 45%, rgba(221, 51, 85, 0) 46%) 50px 50px,
    radial-gradient(circle closest-side at 60% 22%, #d35 45%, rgba(221, 51, 85, 0) 46%) 50px 50px,
    radial-gradient(circle closest-side at 50% 35%, #d35 30%, rgba(221, 51, 85, 0) 31%) 50px 50px !important;
    background-color: #b03 !important;
    background-size: 100px 100px !important;
}

.fondo19 {
    background-color: #fff !important;
    background-image: linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
    linear-gradient(#eee .1em, transparent .1em) !important;
    background-size: 100% 1.2em !important;
}

#fondo20 {
    background-color: #ecf6ff;
    background-image: url("appimg/puzle.svg");
}

.fondo37 {
    background-color: #ededee;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M192 15v2a11 11 0 0 0-11 11c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H145v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11 13 13 0 1 1 .02 26 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43a6.1 6.1 0 0 0-3.03 4.87V143h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 181 164a11 11 0 0 0 11 11v2a13 13 0 0 1-13-13 12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84a6.1 6.1 0 0 0-4.87-3.03H145v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 124 181a11 11 0 0 0-11 11h-2a13 13 0 0 1 13-13c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43a6.1 6.1 0 0 0 3.03-4.87V145h-35.02a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 107 124a11 11 0 0 0-22 0c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H49v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11A13 13 0 0 1 81 192h-2a11 11 0 0 0-11-11c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V145H11.98a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 0 1 0 177v-2a11 11 0 0 0 11-11c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H47v-35.02a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 28 109a13 13 0 1 1 0-26c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43A6.1 6.1 0 0 0 47 84.02V49H11.98a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 11 28 11 11 0 0 0 0 17v-2a13 13 0 0 1 13 13c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84A6.1 6.1 0 0 0 11.98 47H47V11.98a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 68 11 11 11 0 0 0 79 0h2a13 13 0 0 1-13 13 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43A6.1 6.1 0 0 0 49 11.98V47h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 85 68a11 11 0 0 0 22 0c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H143V11.98a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 124 13a13 13 0 0 1-13-13h2a11 11 0 0 0 11 11c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V47h35.02a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 179 28a13 13 0 0 1 13-13zM84.02 143a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 83 124a13 13 0 1 1 26 0c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84a6.1 6.1 0 0 0 4.87 3.03H143v-35.02a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 164 107a11 11 0 0 0 0-22c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V49h-35.02a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 1 1 83 68a12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84A6.1 6.1 0 0 0 84.02 49H49v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 28 85a11 11 0 0 0 0 22c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V143h35.02z'%3E%3C/path%3E%3C/svg%3E");
}

.fondo50 {
    background: #ececec url("appimg/patterns/noise.webp");
}

#manutsiLink {
    font-size: 10px;
    padding: 3px;
    border: 1px solid #333333;
    border-radius: 4px;
    background-color: beige;
    display: inline;
    margin: 5px;
    text-decoration: none;
}

#manutsiLink:hover {
    background-color: #f5f533;
}

#fondo99 {
    text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
    font-size: 17px;
    padding-top: 5px;
    text-align: center;
    height: 40px;
}

.tip_window {
    padding: 5px;
    border: 1px solid #fff;
    background-color: #F5F6CE;
    color: #8A4B08;
    text-align: center;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px #6e6d6e;
    -moz-box-shadow: 1px 1px 3px #6e6d6e;
    box-shadow: 1px 1px 3px #6e6d6e;
    z-index: 1000000000;
    opacity: 0.6;
    font-size: 9px;
}

/* ----------------- COMPARTIR --------------------------------------------------*/
#butEnlace {
    margin-bottom: 10px;
    margin-top: 10px;
}

#enlace-section {
    display: none;
    margin-bottom: 10px;
}

#enlaceInv {
    width: 98% !important;
    margin-bottom: 5px;
}

.invitaciones li {
    padding: 20px;
}

#listaInv {
    max-height: 200px;
    line-height: 35px;
}

#listaInv li {
    text-decoration: none;
    list-style: none;
    margin: 20px 0px 10px -20px;
}

#listaInv hr {
    margin-left: -20px;
}

#listaInv button {
    margin: 20px 7px 20px 0px;
}

#listaInv a {
    text-decoration: none;
}

#listaInv p {
    font-size: 15px;
    display: inline;
}

.nicksComp {
    /*display: none;*/
    position: fixed;
    top: 60px;
    left: 415px;
    width: 250px;
    height: auto;
    border: 2px solid #B6A4A4;
    background-color: #F5F6CE;
    padding: 0;
    margin: 0;
    color: white;
    font-size: 16px;
    z-index: 1000000;
    box-shadow: 0 0 20px black;
    background-image: url(appimg/boardsBox.png);
    display: none;
}

.borraCompartir {
    margin-left: 10px;
}

/*.nickComp
{
	position: relative;
	padding: 7px;
	margin: 0px 0px 0px 0px;
	height: auto;
	border: 1px solid #B6A4A4;

}
.nickComp:hover{
	cursor: pointer;
	background-color: #FFFF00!important;
}
*/
#usuariosComp {
    position: relative;
    padding: 7px;
    margin: 0px 0px 0px 0px;
    height: auto;
    border: 1px solid #B6A4A4;
    font-size: 13px;
}

.permCompartir {
    float: right;
    font-size: 10px;
    margin: 5px 5px 0px 0px;
}

/*
#formCompartir
{
	font-size: 15px;
	font-family: 'Calibri';
} */

#formCompartir h3 {
    margin: 10px 0 30px 0;
}

#formCompartir #pedir-url {
    margin-bottom: 10px;
}

#formCompartir .progress {
    display: none;
}

#formLogin {
    font-size: 16px;
    position: relative;
    height: 100%;
}

#formLogin button {
    width: 100%;
}

#formLogin .alterna-form {
    margin-top: 20px;
    margin-bottom: 30px;
}

#formLogin .user-connected {
    position: absolute;
    top: 30%;
    font-weight: 600;
    color: rgb(90, 90, 90);
    margin: 0 10px;
    border: 1px solid rgb(192, 192, 192);
    border-radius: 4px;
    padding: 20px;
    background-color: rgb(224, 224, 224);
}

#formLogin .user-connected span {
    color: #333;
    font-size: 20px;
}

#formLogin #campos-log {
    margin: 10px;
}

#formLogin #campos-reg {
    margin: 10px 0;
}

#formLogin #buttonGoogle {
    margin-bottom: 10px;
}

#formLogin .remind-password {
    float: right;
    margin: 6px 0;
    bottom: 6px;
    position: relative;
    font-size: 15px;
}

#formLogin .politica {
    display: block;
    margin-bottom: 15px;
}

.alterna-form {
    cursor: pointer;
}

.separacion-social {
    position: relative;
    top: 20px;
    margin-top: 10px
}

.separacion-social .barra-separacion {
    width: 43%;
    height: 15px;
    display: inline-block;
    border-top: 1px solid #b5b5b5;
}

.separacion-social .texto-separacion {
    display: inline-block;
    color: #b5b5b5;
    width: 10%;
    text-align: center;
    bottom: 8px;
    position: relative;
}

@media (max-width: 800px) {
    .modal-content .login-instructions, .modal-instructions {
        display: none;
    }

    .modal .modal-content {
        padding: 20px 10px;
    }
}

@media (max-width: 800px) {
    #formLogin #fb-login {
        margin-bottom: 40px;
    }

    #formLogin #campos-log {
        margin-top: 10px;
    }
}

button i.loader {
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#url-generada {
    color: #747474;
}

/* #formFondo {

	font-size: 19px;
	font-family: 'Calibri';
    overflow: auto;

} */

#formFondo input {
    /*    float: right;*/
    margin-top: 10px;
}

#formFondo textarea {
    float: right;
    margin-top: 10px;
}

#thumbnailPost {
    margin-top: 20px;
    width: auto;
    height: auto;
    border: 1px solid #afafaf;
    zoom: 0.5;
    background-color: white;
}

#formPublico {
    font-size: 17px;
    font-family: 'Calibri';
    overflow: auto;
}

#formPublico a {
    color: blue;
}

.listaPublicos {
    max-height: 150px;
    overflow: auto;
    margin: 15px auto;
    border: 1px solid #cecece;
    padding: 20px;
    border-radius: 5px;
    background-color: #f3f3f3;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
}

#fileupload {
    font-size: 18px;
}

.formBackup .file-path-wrapper,
#formUpload .file-path-wrapper,
#formFondo .file-path-wrapper {
    display: none;
}

#imagenFondoCustom,
.imagenSubida {
    margin: 0 auto;
    width: 300px;
    height: 200px;
    border: 1px solid black;
    display: block;
}

#imagenes-subidas {
    max-height: 300px;
}


.resultUpload {
    margin: 30px auto;
    width: 500px;
    height: 300px;
    border: 1px solid rgb(212, 211, 211);
    border-radius: 2px;
    /* overflow: auto; */
}

.resultUpload img {
    width: 100%;
    max-height: 100%;
    max-width: 100vw;
}

#bar {
    height: 18px;
    background: #0f5f57;
}

#progress-ajax {
    margin: 10px auto;
    display: none;
}

.link-upload-file {
    margin: 15px 0;
}

.link-upload-file img {
    float: left;
    width: 25px;
}

#mensErrorFondo {
    color: red;
}

/* #textoCompartir
{
	font-size: 14px;
	font-family: Verdana,Helvetica, Arial, Sans-Serif;
	margin: 10px 0px 10px 0px;
} */
#ajaxAnswer {
    font-size: 16px;
    font-family: Sans-Serif;
    color: #B40404;
    margin-left: 14px;
    font-weight: bold;
}

#ajaxAnswer img {
    margin-left: 165px;

}

.mensaje-modal {
    float: left;
    color: #8f0101;
    font-size: 16px;
    margin-left: 20px;
    margin-top: 7px;
    font-weight: bold;
}

/* #formCompartir h2
{
	display: inline;
} */
/* #nombreTab
{
	font-size: 26px;
	color: #8A0808;
	margin-left: 10px;
} */

#listaTablones {
    max-width: 300px;
    color: #8A0808;
}

#tablaInvEnviadas {
    overflow: auto;
    border: 1px solid rgb(184, 184, 184);
    border-radius: 4px;
    padding: 20px;
    margin: 10px 0;
    background-color: #f5f5f5;
}

#formCompartir table,
#formPublico table,
.listaTab table {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 13px;
    width: 500px;
    text-align: left;
    border-collapse: collapse;
    margin: 20px;
}

.listaTab a {
    text-decoration: underline;
}

#formPublico table {
    font-size: 16px;
    width: 300px;
    margin: 20px auto;
    /*	height: 50px;
      overflow: auto;*/
}

/* #formCompartir input[type=checkbox], #formPublico input[type=checkbox]{
    height: 20px;
    width: 20px;
    position: relative;
    top: 2px;
    cursor: pointer;
} */

.listaTab table {
    font-size: 15px;
    margin: 0 auto;
}

.listaTab h2 {
    color: #575757;
}

/* #formCompartir td,#formPublico td,.listaTab td{
	background: #D8D8D8;
	border-bottom: 1px solid white;
	color: #585858;
	border-top: 1px solid transparent;
	padding: 8px;
}
#formCompartir th,#formPublico th,.listaTab th{
	font-size: 13px;
	font-weight: normal;
    background: #b78265;
	border-top: 4px solid #BB8F8F;
	border-bottom: 1px solid white;
	color: white;
	padding: 8px;
} */

#black_overlay,
#black_overlay-web-app {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 10000000050;
    opacity: .60;
}

#black_overlay-web-app {
    display: block;
    opacity: .7;
}

.NB-extension#black_overlay-web-app {
    display: none;
}

#ajaxGif {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000000000100 !important;
    margin-top: -33px !important;
    margin-left: -110px !important;
    /*opacity:.80;*/
}

#progress-NB {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    z-index: 1000000000100 !important;
    margin-top: -33px !important;
    margin-left: -110px !important;
}

#progress-NB img {
    width: 200px;
}

.searchPanel {
    position: fixed;
    top: 48px;
    left: 438px;
    width: 250px;
    height: auto;
    border: 2px solid #B6A4A4;
    padding: 7px;
    margin: 0;
    font-size: 17px;
    z-index: 1000000;
    box-shadow: 0 0 20px black;
    background-image: url(appimg/boardsBox.png);
    display: none
}

.searchPanel input,
.paneles input,
.tabPaneles2 input {
    background: transparent;
    border: 0;
    font-size: 16px;
    color: white;
    font-weight: bold;
}

.spanNoteBoard {
    background: yellow;
    color: black;
}

.searchResult {
    color: white;
    width: 30px;
    display: inline;
}

.searchNum {
    display: inline;
}

.searchIconL {
    display: inline;
    margin-right: 30px;
}

.searchIconL:hover,
.searchIconR:hover {
    cursor: pointer;
    opacity: 0.8;
}

.searchIconL img {
    position: absolute;
    margin-top: -6px;
}

.searchIconR {
    display: inline;
    margin-right: 30px;
}

.searchIconR img {
    position: absolute;
    margin-top: -6px;
}

/* ----------------------------------------------- SOCIAL STYLE ----------------------------------*/
#fb-friends {
    margin: 10px auto;

}

.fb-button {
    margin: 10px auto;
    display: block;
    width: 200px;
    height: 37px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #3B5998;
    background: -moz-linear-gradient(top, #3B5998 0%, #3B5998 50%, #325190 50%, #325190 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3B5998), color-stop(50%, #3B5998), color-stop(50%, #325190), color-stop(100%, #325190));
    background: linear-gradient(top, #3B5998 0%, #3B5998 50%, #325190 50%, #325190 100%);
    background: -o-linear-gradient(top, #3B5998 0%, #3B5998 50%, #325190 50%, #325190 100%);
    background: -ms-linear-gradient(top, #3B5998 0%, #3B5998 50%, #325190 50%, #325190 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b5998', endColorstr='#325190', GradientType=0);
    background: linear-gradient(top, #3B5998 0%, #3B5998 50%, #325190 50%, #325190 100%);
    box-shadow: 0px 3px 0px #213b6d;
    -moz-box-shadow: 0px 3px 0px #213b6d;
    -webkit-box-shadow: 0px 3px 0px #213b
}

.fb-logo {
    float: left;
    width: 11px;
    height: 20px;
    background: url(appimg/f-facebook.png);
    background-repeat: no-repeat;
    background-position: center;
}

.fb-button span {
    border-left: 1px solid #627BA8;
    float: left;
    min-height: 20px;
    margin-top: 7px;
    padding: 3px 5px;
    font-size: 14px;
    font-weight: 500;
    color: white;
}

#fb-button-Friends {
    width: 230px;
    margin: 0px auto;
}

.fb-button:hover {
    opacity: 0.9;
}

#facebookImg {
    width: 25px;
    float: right;
    margin-left: 5px;
}

.sharePanel {
    display: none;
    position: absolute;
    background: #FFFF96;
    padding: 3px;
    border: 1px solid #e3f027;
    z-index: 100000000;
}

.sharePanel:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0px;
    border-top: 10px solid #FFFF96;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    width: 0;
    height: 0;
}

.imgShare {
    border: 1px solid #e3f027;
    padding: 10px;
}

.imgShare:hover {
    background: #F2F5A9;
    cursor: pointer;
}

#wPaint {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    margin-top: 10px;
    cursor: url(appimg/pinta.png), auto;
    position: relative;
    overflow: visible;
}

.botonesPaint {
    margin: 50px auto 10px;
}

.inplace_save,
.inplace_cancel {
    margin: 10px 5px 5px 5px;
    float: right;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

.inplace_cancel {
    background-color: white;
}

.inplace_save:hover,
.inplace_cancel:hover {
    opacity: 0.8;
}

/* .inplace_save {
    border: 1px solid #B6A4A4;
    background-color: #b78265;
    padding: 6px 12px;
    font-size: 16px;
    font-family: Helvetica, Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
    display: inline-block;
    margin: 10px 5px 5px 5px;
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 4px #666666;
    -moz-box-shadow: 0px 1px 4px #666666;
    box-shadow: 0px 1px 4px #666666;
    color: #ffffff;
    border: 1px solid #a06363;
    text-decoration: none;
    transition: translation 0.3s;
   }
.inplace_save:hover, .inplace_cancel:hover {
   background: #f18c33;
   color: #000000;
      cursor: pointer;
   }
.inplace_save:active, .inplace_cancel:active {
    background: #edac73;
    transform: translateY(1px);
  }

.inplace_cancel {
    border: 1px solid #D3B683;
    background: white;
    padding: 6px 12px;
    -webkit-box-shadow: 0px 1px 4px #666666;
    -moz-box-shadow: 0px 1px 4px #666666;
    box-shadow: 0px 1px 4px #666666;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: black;
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    font-size: 16px;
    font-family: Helvetica, Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
    display: inline-block;
    margin: 10px 5px 5px 5px;
} */

#capaContenedoraAnun {
    font-size: 15px;
    font-family: Helvetica, Arial, Sans-Serif;
}

/* ----------------------  PUBLICO  ---------------------------------*/
.nombreTab {
    font-size: 25px;
    color: red;
    display: inline-block;
    font-family: Droid Sans, Arial, Sans-Serif;
}

.socialIcons {
    height: 80px;
}

.socialIcons a {
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.35);
    font-family: 'socialicoregular';
    font-size: 80px;
    text-indent: -10px;
    text-decoration: none;
    position: relative;
    top: -35px;
}

.socialIcons a:hover {
    opacity: 0.6;
}

.socialIcons h3 {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.facebook {
    color: #365f9f !important;
    margin-top: 10px;
}

.twitter {
    color: #2aa9df !important;
}

.google {
    color: #db5342 !important;
}

.linkedin {
    color: #1F1FDF !important;
}

.socialIcons textarea {
    width: 350px;
    font-size: 12px !important;
    height: 60px;
}

.iframeCode {
    margin-top: -12px;
}

.iframeCode input.iframeSize {
    width: 40px;
}

.iframeCode textarea,
.textareEmbed {
    height: 100px;
    padding: 10px;
    border-radius: 5px;
}

.previsualizacion {
    border: 1px solid #999999;
    height: 400px;
    margin-bottom: 50px;
}

.socialIcons input {
    width: 40px;
    font-size: 14px !important;
    margin: 10px;
}

.resalta {
    color: #e2c8b0;
    font-weight: bold;
}

.iconHelp {
    background: #333;
    color: white;
    font-size: 12px;
    padding-top: 5px;
    font-family: 'Quattrocento Sans', sans-serif;
    text-align: center;
}

.iconHelp img {
    width: 30px;
    display: block;
    margin: 0 auto;
}

#panelBotDiv img {
    margin-bottom: 1px;
}

.espacio-usado {
    margin: 20px 0;
    border: 1px solid rgb(218, 218, 218);
    border-radius: 5px;
    padding: 20px;
    background-color: white;
}

.espacio-usado .espacio-titulo {
    font-size: 16px;
    color: #8c8c8d;
    margin-right: 5px;
}

.espacio-usado span {
    font-size: 18px;
    color: black;
}

.espacio-usado a {
    font-size: 14px;
    display: block;
    margin: 8px 0 20px 0;
}

.espacio-usado .espacio-datos {
    float: right;
}

.espacio-usado .mdc-linear-progress {
    height: 15px;
}

.icono-ayuda {
    font-size: 17px;
    top: 2px;
    position: relative;
    color: #5a956f;
    cursor: pointer;
}

.updateButton {
    width: 136px;
    text-align: center;
    height: auto;
    border: 1px solid #bcbcbc;
    margin: 0px auto;
    padding: 10px;
    font-size: 14px;
    background: #d1d1d1;
}

.updateButton:hover {
    cursor: pointer;
    opacity: 0.8;
}

.updateButton img {
    margin: 10px auto;
    display: flex;
}

.ajaxloader {
    margin: 10px;
}

.listaTab {
    float: left;
    margin: 20px 0;
    max-height: 150px;
    width: 45%;
}

.listaTab:first-child {
    margin-right: 60px;
}

.profilePictureBig {
    z-index: 10000;
    position: absolute;
    left: calc(45% - 40px);
    right: 10px;
    top: 32px;
}

.profilePictureBig img {
    border-radius: 50px;
    width: 80px;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.5);
    background-color: white;
}

.profile-data p {
    font-size: 20px;
}

.ribbon-wrap {
    width: 150px;
    height: 188px;
    position: absolute;
    top: -8px;
    right: 0;
    overflow: hidden;
    z-index: 20;
}

.ribbon-wrap:before, .ribbon-wrap:after {
    content: "";
    position: absolute;
}

.ribbon-wrap:before {
    width: 40px;
    height: 8px;
    right: 100px;
    background: #689a69;
    border-radius: 8px 8px 0px 0px;
}

.ribbon-wrap:after {
    width: 8px;
    height: 40px;
    right: 0px;
    top: 100px;
    background: #689a69;
    border-radius: 0px 8px 8px 0px;
}

.ribbon {
    width: 200px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 42px;
    right: -43px;
    z-index: 2;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px dashed;
    font-size: 18px;
    color: white;
    box-shadow: 0 0 0 3px #689a69, 0px 21px 5px -18px rgba(0, 0, 0, 0.6);
    background: #689a69;
    text-align: center;
}

.datos-subs {
    font-size: 14px;
    margin-top: -20px;
}

.datos-subs h3 {
    font-size: 16px;
}

.manage-stripe span {
    position: relative;
    bottom: 4px;
    margin-left: 5px;
}


.datos-subs p {
    font-size: 12px;
    width: calc(100% - 140px);
}

.titulo-tabla-subs {
    min-width: 170px;
    display: inline-block;
    color: #666666;
}

.subscribe-info a {
    color: white;
}

.progress-profile {
    margin: -20px 0 40px 0;
}

/* ---------------------------- SCROLL BAR ---------------------------------------*/
/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #a1aca2;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #333;
    -webkit-box-shadow: inset 0 0 6px black;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #bbb8b6;
}

::-webkit-scrollbar-track-piece {
    background-color: #d3cfcc;
}

/* Firefox */
* {
    scrollbar-color: #333 #dfdfdf;
}


/* ---------------------------- MEDIA QUERYS ---------------------------------------*/
@media (max-width: 1400px) {

    /*
      #subirF img,#bajarF img{
          width: 10px;
      }
  */
    /*
      .zoomin div, .zoomout div{
          padding: 4px 9px;
      }
  */
    /*
      .profileInfo {
          padding: 8px 0px 0px 9px!important;
      }
  */
    .bottomBarNav li {
        padding: 0px 10px;
    }
}

@media (max-width: 1200px) {
    #nombreTablon {
        position: relative;
        left: 0;
        top: 12px;
    }
}

/* Móvil */
@media (max-width: 1000px) {
    #nombreTablon, #botonPost, #cambZoom, #botonchatgpt {
        display: none;
    }

    #cerrar-web-app {
        float: right;
    }

    .top-bar-icons > li {
        min-width: 39px;
        height: 39px;
    }

    .top-bar-icons li img {
        width: 16px;
    }

    #compBot img {
        width: 19px;
    }

    .botones .material-icons {
        font-size: 20px;
        display: none;
    }

    #cambF img {
        width: 19px;
    }

    /*
      #subirF img,#bajarF img{
          width: 10px;
      }
  */
    .zoomin div,
    .zoomout div {
        padding: 4px 6px;
    }

    /*
      .profileInfo {
          padding: 6px 0px 0px 9px!important;
      }
  */
    .bottomBarNav li {
        padding: 0px 4px;
    }

    #kanbanBot i {
        font-size: 27px;
    }

    .top-bar-icons li img {
        width: 20px;
    }

    #cambF img {
        width: 22px;
    }

    #cambFondo img {
        width: 21px;
        margin-top: 2px;
    }

    #cambFondo div {
        padding-top: 7px;
    }

    #panelBotDiv img {
        width: 21px;
    }

    #loginBot img {
        width: 16px;
    }

    #compBot img {
        width: 25px;
    }

    #searchBot img {
        width: 22px;
    }

    #publicBot img {
        width: 25px;
    }

    #publicBot div {
        padding-top: 7px;
    }

    #botonAnexa img {
        width: 27px;
    }

    #ordenaBot img {
        width: 18px;
    }

    #papelera img {
        width: 21px;
    }

    /* #botonPost img {
      width: 23px;
    }

    #botonFoto img {
      width: 25px;
    }

    #botonPaint img {
      width: 23px;
    }

    #botonAnexa img {
      width: 32px;
    }

    #friendsBot img {
      width: 23px;
    } */
    #cambZoom {
        font-size: 11px;
    }
}

/*
#floating-button{
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #704c28;
  position: fixed;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
  box-shadow: 3px 4px 17px black;
  z-index: 10000000;
}

.plus{
  color: white;
  position: absolute;
  top: 0;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 55px;
  font-size: 38px;
  font-family: 'Roboto';
  font-weight: 300;
  animation: plus-out 0.3s;
  transition: all 0.3s;
}

#floating-button:active {
  box-shadow: 2px 2px 10px black;
  transform: translateY(3px);
} */

/* .sliderContainer {} */

/* Para evitar salto de línea en el código por chatgpt */
pre > br {
    display: none;
}

code > br:last-child {
    display: none;
}

/* PrismJS 1.16.0
https://prismjs.com/download.html#themes=prism-twilight&languages=markup+css+clike+javascript */
/**
 * prism.js Twilight theme
 * Based (more or less) on the Twilight theme originally of Textmate fame.
 * @author Remy Bach
 */
code[class*="language-"],
pre[class*="language-"] {
    color: white;
    background: none;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 1em;
    text-align: left;
    text-shadow: 0 -.1em .2em black;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;

    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;

    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre[class*="language-"],
:not(pre) > code[class*="language-"] {
    background: hsl(0, 0%, 8%);
    /* #141414 */
}

/* Code blocks */
pre[class*="language-"] {
    border-radius: .5em;
    border: .3em solid hsl(0, 0%, 33%);
    /* #282A2B */
    box-shadow: 1px 1px .5em black inset;
    margin: .5em 0;
    overflow: auto;
    padding: 1em;
}

pre[class*="language-"]::-moz-selection {
    /* Firefox */
    background: hsl(200, 4%, 16%);
    /* #282A2B */
}

pre[class*="language-"]::selection {
    /* Safari */
    background: hsl(200, 4%, 16%);
    /* #282A2B */
}

/* Text Selection colour */
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: hsla(0, 0%, 93%, 0.15);
    /* #EDEDED */
}

pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
    text-shadow: none;
    background: hsla(0, 0%, 93%, 0.15);
    /* #EDEDED */
}

/* Inline code */
:not(pre) > code[class*="language-"] {
    border-radius: .3em;
    border: .13em solid hsl(0, 0%, 33%);
    /* #545454 */
    box-shadow: 1px 1px .3em -.1em black inset;
    padding: .15em .2em .05em;
    white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: hsl(0, 0%, 47%);
    /* #777777 */
}

.token.punctuation {
    opacity: .7;
}

.namespace {
    opacity: .7;
}

.token.tag,
.token.boolean,
.token.number,
.token.deleted {
    color: hsl(14, 58%, 55%);
    /* #CF6A4C */
}

.token.keyword,
.token.property,
.token.selector,
.token.constant,
.token.symbol,
.token.builtin {
    color: hsl(53, 89%, 79%);
    /* #F9EE98 */
}

.token.attr-name,
.token.attr-value,
.token.string,
.token.char,
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable,
.token.inserted {
    color: hsl(76, 21%, 52%);
    /* #8F9D6A */
}

.token.atrule {
    color: hsl(218, 22%, 55%);
    /* #7587A6 */
}

.token.regex,
.token.important {
    color: hsl(42, 75%, 65%);
    /* #E9C062 */
}

.token.important,
.token.bold {
    font-weight: bold;
}

.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}

pre[data-line] {
    padding: 1em 0 1em 3em;
    position: relative;
}

/* Markup */
.language-markup .token.tag,
.language-markup .token.attr-name,
.language-markup .token.punctuation {
    color: hsl(33, 33%, 52%);
    /* #AC885B */
}

/* Make the tokens sit above the line highlight so the colours don't look faded. */
.token {
    position: relative;
    z-index: 1;
}

.line-highlight {
    background: hsla(0, 0%, 33%, 0.25);
    /* #545454 */
    background: linear-gradient(to right, hsla(0, 0%, 33%, .1) 70%, hsla(0, 0%, 33%, 0));
    /* #545454 */
    border-bottom: 1px dashed hsl(0, 0%, 33%);
    /* #545454 */
    border-top: 1px dashed hsl(0, 0%, 33%);
    /* #545454 */
    left: 0;
    line-height: inherit;
    margin-top: 0.75em;
    /* Same as .prism’s padding-top */
    padding: inherit 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    white-space: pre;
    z-index: 0;
}

.line-highlight:before,
.line-highlight[data-end]:after {
    background-color: hsl(215, 15%, 59%);
    /* #8794A6 */
    border-radius: 999px;
    box-shadow: 0 1px white;
    color: hsl(24, 20%, 95%);
    /* #F5F2F0 */
    content: attr(data-start);
    font: bold 65%/1.5 sans-serif;
    left: .6em;
    min-width: 1em;
    padding: 0 .5em;
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: .4em;
    vertical-align: .3em;
}

.line-highlight[data-end]:after {
    bottom: .4em;
    content: attr(data-end);
    top: auto;
}


/* MODIFICACIÓN JQUERY UI */
/**************************************************************************************************************/
.ui-widget {
    font-family: 'Quattrocento Sans', sans-serif !important;
    font-size: 16px;
}

.ui-widget-header {
    border: 1px solid #a06363;
    background: #b78265;
}

.ui-widget-content {
    border: 1px solid #7f6b4f;
    background: #F5F2EA;
    color: #000;
}

.ui-slider-handle span {
    font-size: 9px;
    position: relative;
    bottom: -2px;
}

.ui-dialog-titlebar {
    box-shadow: 0px 1px 6px #493829;
}

.ui-dialog .ui-dialog-content {
    line-height: 21px;
}

.ui-dialog .ui-dialog-buttonpane button {
    background: #b78265;
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 4px #666666;
    -moz-box-shadow: 0px 1px 4px #666666;
    box-shadow: 0px 1px 4px #666666;
    color: #ffffff;
    border: 1px solid #a06363;
    text-decoration: none;
    transition: translation 0.3s;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    /*    background: #907566;*/
    background: #f18c33;
}

.ui-dialog .ui-dialog-buttonpane button:active {
    transform: translateY(1px);
}

.ui-dialog .ui-dialog-buttonpane button:focus {
    outline-color: #A15D5F;
    background: #907566;
}

.ui-widget-content a:focus {
    outline: none;
}

/****** custom  themes ****/
.colorNegro .ui-widget-header,
.marmol .ui-widget-header,
.piedra .ui-widget-header,
.metal .ui-widget-header,
.colorGris .ui-widget-header {
    border: 1px solid #7c4545;
    background: #604a3e;
}

.colorNegro .ui-dialog .ui-dialog-buttonpane button,
.marmol .ui-dialog .ui-dialog-buttonpane button,
.piedra .ui-dialog .ui-dialog-buttonpane button,
.metal .ui-dialog .ui-dialog-buttonpane button,
.colorGris .ui-dialog .ui-dialog-buttonpane button {
    background: #55514d;
}

.colorNegro .ui-dialog .ui-dialog-buttonpane button:hover,
.marmol .ui-dialog .ui-dialog-buttonpane button:hover,
.piedra .ui-dialog .ui-dialog-buttonpane button:hover,
.metal .ui-dialog .ui-dialog-buttonpane button:hover,
.colorGris .ui-dialog .ui-dialog-buttonpane button:hover {
    background: #cbc5bf;
}

.colorVerde .ui-widget-header {
    border: 1px solid #4f524f;
    background: #4e5550;
}

.colorVerde .ui-dialog .ui-dialog-buttonpane button {
    background: #626262;
}

.colorVerde .ui-dialog .ui-dialog-buttonpane button:hover {
    background: #cbc5bf;
}

.colorVerde .boardsSwitch {
    filter: sepia() saturate(60%) hue-rotate(30deg) brightness(250%);
}

.colorBlanco .ui-widget-header {
    border: 1px solid #b5b5b5;
    background: #c3bb9e;
}

.colorBlanco .ui-dialog .ui-dialog-buttonpane button {
    background: #c3bb9e;
    border: 1px solid #cab0b0;
}

.colorBlanco .ui-dialog .ui-dialog-buttonpane button:hover {
    background: #ffffff;
    color: black;
}

.colorAzul .ui-widget-header {
    border: 1px solid #392571;
    background: #3f3067;
}

.colorAzul .ui-dialog .ui-dialog-buttonpane button {
    background: #685b7c;
    border: 1px solid #49485a;
}

.colorAzul .ui-dialog .ui-dialog-buttonpane button:hover {
    background: #846ec1;
}

.colorGris .ui-widget-content {
    border: 1px solid #a7a29b;
    background: #f8f8f8;
}


/* tiny MCE */

.tox-button {
    background-color: #757575 !important;
    border: none !important;
    border-radius: 2px !important;
    display: inline-block !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 16px !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

.tox-button.tox-button--secondary {
    background-color: white !important;
    color: #616161 !important;
    border: 1px solid #d6d6d6 !important;
}

.tox-button.tox-button--icon {
    background-color: transparent !important;
    border-color: transparent !important;
}

.tox .tox-dialog__body-nav-item--active {
    border-bottom: 2px solid #333 !important;
    color: #333 !important;
}

.tox select {
    display: block !important;
}

.tox-silver-sink {
    z-index: 1300000 !important;
}

/* Materialize Custom*/
a {
    color: -webkit-link;
}

.chip:hover {
    cursor: move;
}

/* .postitNB h1, .postitNB h2, .postitNB h3, .postitNB h4, .postitNB h5 {
	font-size: inherit;
	line-height: inherit;
	margin: inherit;
} */

.postitNB a {
    color: -webkit-link;
    text-decoration: underline;
}


/* h1, h2, h3, h4, h5 {
	font-size: inherit;
	line-height: inherit;
	margin: inherit;
} */

.modal h4 {
    line-height: 110%;
}

@media only screen and (max-width: 800px) {
    .modal h4 {
        font-size: 20px;
    }
}

.modal {
    max-height: 85%;
    width: 60%;
    max-width: 100vw;
}

@media (max-width: 670px) {
    .modal-content .login-instructions {
        display: none;
    }
}

@media only screen and (max-width: 1300px) {
    .modal {
        width: 70%;
    }
}

@media only screen and (max-width: 800px) {
    .modal.adds-movil {
        height: calc(100vh - 90px) !important;
    }

    .modal {
        width: 100% !important;
        max-height: 100% !important;
        height: 100vh !important;
        top: 0 !important;
    }


    .modal .modal-footer {
        height: auto !important;
    }

    /* .modal .modal-instructions {
      display: none;
    } */
}

/* .modal, .modal-content {
	overflow-y: visible!important;
} */

.modal-instructions {
    border-bottom: 1px solid #91bfa1;
    margin: 0 -24px;
    margin-bottom: 10px;
    padding: 15px 20px;
    font-size: 1rem;
    color: #2b2b2b;
    background: #cce4e1;
    box-shadow: 0 2px 2px 0 rgba(140, 95, 95, 0.04);
    position: relative;
    /* overflow: hidden; */
}

.modal .modal-content.login-content {
    padding-left: 0;
}

.modal .modal-content.login-content .row {
    height: calc(100% - 16px);
    margin-bottom: 0;
}

.col.login-instructions {
    background: #cce4e1;
    padding: 20px 20px;
    font-size: 1rem;
    height: 100%;
}

.social-button {
    height: 40px;
    border: 1px solid #d0d0d0;
    background: white;
    color: #737373;
    border-radius: 5px;
    white-space: nowrap;
    box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.05);
    transition-property: background-color, box-shadow;
    transition-duration: 150ms;
    transition-timing-function: ease-in-out;
    padding: 0;
}

.row .col .social-button {
    padding: 0;
}

.social-button:focus,
.social-button:hover {
    box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.1);
}

.social-button:active {
    background-color: #e5e5e5;
    box-shadow: none;
    transition-duration: 10ms;
}

.social-button__icon {
    display: inline-block;
    vertical-align: middle;
    margin: 8px 0 8px 8px;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
}

.social-button__icon--plus {
    width: 27px;
}

.social-button__text {
    display: inline-block;
    vertical-align: middle;
    padding: 0 7px;
    font-size: 14px;
    font-family: 'Roboto', arial, sans-serif;
}

.social-button-facebook {
    background: #3B5998;
    color: white;
}

/* .password-login {
	margin-top: 10px;
} */

.social-login {
    margin-top: 30px;
    overflow: auto;
}

.social-login button {
    cursor: pointer;
}

.modal-content.login-content .social-login button {
    margin-right: 15px;
}

.social-login #fb-login {
    margin-bottom: 60px;
}

.collection a.collection-item {
    font-size: 18px;
}

.profile-data .collection span.badge {
    font-size: 20px;
    color: #525252;
}

#formUpload .row,
#formFondo .row {
    margin-bottom: 0;
}

#formFondo .input-url {
    margin: 20px 0;
}

#formUpload .input-url {
    margin-top: 20px;
}

#formUpload .formUser {
    padding-top: 20px;
}

.formUser .material-icons {
    color: #9c9a9a;
}

.formUser .opciones {
    margin-bottom: 5px;
}

.formBackup h5 {
    background-color: #f0f0f0;
    padding: 10px;
}

.formBackup hr {
    height: 10px;
    border: 0;
    border-top: 1px solid #b6b6b6;
    display: block;
}

.profile-data .user-name {
    margin-top: 10px;
    margin-right: 10px;
    color: #333;
    font-size: 1.7rem;
    display: inline-block;
}

.modal .accept-btn {
    background-color: #333;
}

.btn-floating:hover {
    cursor: pointer;
}

.fixed-action-btn {
    z-index: 50000000;
}

.fixed-action-btn.adds-movil {
    bottom: 95px;
    right: 10px;
}

#chatgptIcon {
    position: relative;
    top: 2px;
    width: 35px;
}

#textoChatgpt {
    width: 100%;
    height: 390px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    border: 1px solid #cccccc;
    padding: 5px;
    background: white;
}

#textoChatgpt pre {
    overflow: initial;
}

.blink-me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.original-new-tab {
    z-index: 50000000;
    position: fixed;
    right: 100px;
    bottom: 23px;
    padding-top: 15px;
    margin-bottom: 0;
}


.modal.modal-fixed-footer .modal-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.modal.modal-fixed-footer .modal-content {
    top: 49px;
    background-color: #f8f8f8;
    height: calc(100% - 65px);
    /* padding-bottom: 65px; */
    /* height: 100%; */
    /* height: auto; */
    /* max-height: none; */
}

.modal-title {
    border-bottom: 1px solid #cacaca;
    padding: 20px;
    color: #333;
    margin-bottom: 0;
    font-size: 2rem;
    background-color: #333;
    color: #fafafa;
    font-weight: 400;
}

.premium-content {
    margin: 0 20px;
    font-size: 15px;
    font-weight: 600;
    color: #ffa7ae;
}

.premium-content a {
    color: #ffa7ae;
}

.modal-content.modal-custom {
    font-size: 18px;
}

.modal-content.modal-custom.center {
    text-align: center;
}

.modal .modal-footer {
    padding: 7px 6px;
    height: 60px;
    background-color: #f1f1f1;
    border-top: 1px solid #eae8e8;
    z-index: 1;
}

.modal button:hover {
    opacity: 0.8;
}

.modal .modal-footer .btn-flat.modal-close {
    margin-left: 10px;
}

.modal .modal-footer .btn {
    margin-left: 10px;
}

.modal .modal-close:hover,
.inplace_cancel.modal-close:hover {
    outline: 1px solid #a0a0a0;
}

.input-field > label,
label {
    color: #767676;
}

.btn,
.btn-large,
.btn-small {
    background-color: #0f5f57;
}

.switch label input[type=checkbox]:checked + .lever:after {
    background-color: #0f5f57;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #a6b4b3;
}

/* .btn, .btn-large, .btn-small {
	background-color: #707d7c;
} */
/* Sweet Alert Custom */
/* .swal2-popup #swal2-content {
	text-align: left;
} */

.swal2-popup .swal2-content {
    margin-bottom: 20px;
    font-weight: 400;
}

.swal2-popup #swal2-content.leftAlign {
    text-align: left;
}

.swal2-actions button {
    margin-right: 20px;
}

.swal2-actions button:hover {
    opacity: 0.8;
}

.title-container .icono {
    width: 40px;
    height: 40px;
    color: #fafafa;
    border-radius: 50px;
    padding: 6px;
    border: 2px solid #ececec;
    z-index: 5;
    float: right;
    font-size: 24px;
    position: absolute;
    top: 17px;
    right: 13px;
}

@media only screen and (max-width: 800px) {
    .title-container .icono {
        width: 35px;
        height: 35px;
        font-size: 20px;
        top: 14px;
    }
}

.title-container .icono-invertido {
    filter: invert(1);
    border-color: #000;
}

.reveal.center {
    text-align: inherit;
}

.swal2-container.swal2-shown {
    background-color: rgba(211, 181, 181, 0.5);
    z-index: 10600000;
}

.lista-plugins,
.lista-stickers {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.plugin-element,
.sticker-element {
    width: 23%;
    min-height: 150px;
    margin: 5px;
    border: 1px solid #c7c7c7;
    padding: 5px;
    position: relative;
    background-color: #ececec;
}

.sticker-element {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

.sticker-element.show-credits {
    justify-content: space-between;
}

.sticker-element {
    width: 15%;
}

.sticker-atribution {
    z-index: 3;
    font-size: 12px;
    display: none;
}

/* .plugin-element:nth-child(odd) {

} */

.plugin-element:hover,
.sticker-element:hover {
    opacity: 0.9;
    cursor: pointer;
    border: 2px solid #7e7e7e;
}

.plugin-content img,
.sticker-content img {
    width: 100%;
}

.plugin-overlay,
.sticker-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(177, 177, 177, 0.4);
    width: 100%;
    height: 100%;
    display: none;
}

.sticker-imageNB-wrapper {
    width: 100%;
    height: 100%;
}

.sticker-imageNB {
    width: 100%;
    height: 100%;
}


/*-------------------------------- Custom Materialize Components  ------------------------------*/

/* .mdc-text-field input {
	margin: 0;
} */

.select-wrapper input.select-dropdown {
    border: 1px solid #cecece;
    padding-left: 10px;
    border-radius: 4px;
    margin-top: 10px;
    width: calc(100% - 10px);
}

.nb-full-width {
    width: 100%;
}

.mdc-text-field input:focus {
    margin: 0;
    color: red;
    box-shadow: none;
}

.mdc-select__menu {
    z-index: 100000000;
}

/* .mdc-select .mdc-notched-outline__notch {
	width: 100%!important;
} */

.nb-select-width {
    min-width: 200px;
}

:root {
    --mdc-theme-primary: #c1dfba;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #a2be97de
}

.mdc-text-field,
.mdc-select {
    background-color: white !important;
}

.mdc-snackbar {
    z-index: 1000000000;
}

.scale-up-center {
    -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

#video-camera-capture {
    width: 100%;
}

.btn-hacer-foto label {
    color: white;
}

.camera-button {
    display: none;
    position: absolute;
    margin-bottom: 20px;
    margin-right: 10px;
}

.progress-camara {
    margin-top: 10px;
}

#canvas-camera-capture, #camara-sin-permiso {
    display: none;
}

#cameras-selector {
    left: 170px;
}

#foto-camera-capture {
    display: none;
    width: 100%;
}

#camara-no-encontrada {
    display: none;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-11-14 15:4:2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


.scale-up-tr {
    -webkit-animation: scale-up-tr 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-tr 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-11-14 15:19:46
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-tr
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-tr {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }
}

@keyframes scale-up-tr {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }
}


.scale-down-center {
    -webkit-animation: scale-down-center 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-down-center 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-11-14 15:25:7
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-down-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-down-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
    }
}

@keyframes scale-down-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
    }
}


.scale-down-tr {
    -webkit-animation: scale-down-tr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-down-tr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-11-14 15:32:47
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-down-tr
 * ----------------------------------------
 */
@-webkit-keyframes scale-down-tr {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }
}

@keyframes scale-down-tr {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }
}

#mdc-snackbar_action2 {
    color: #bb86fc !important;
}

#movilAdd {
    z-index: 100000000;
}

.welcome-advice {
    text-align: left;
}

.welcome-advice #welcome-pin {
    border: 1px solid #e6e6e6;
    margin: 10px auto;
    display: block;
}

.welcome-advice #welcomeIco {
    width: 30px;
}

.switch-title {
    font-size: 16px;
    color: black;
}