/* CUSTOM TOGGLE
======================*/
.x-input-toggle-label:before { content: '';position: absolute;top: 2px;left: 2px;width: 18px;height: 18px;border-radius: 9px;background: #fff; -webkit-transition: all 350ms cubic-bezier(.86, 0, .07, 1); transition: all 350ms cubic-bezier(.86, 0, .07, 1); }
.x-input-toggle-button:checked + .x-input-toggle-label { background: #1178df; }
.x-input-toggle-button:checked + .x-input-toggle-label:before { left: 18px; }

.x-input-rtoggle-label:before { content: '';position: absolute;top: 2px;left: 2px;width: 14px;height: 14px;border-radius: 9px;background: #fff; -webkit-transition: all 350ms cubic-bezier(.86, 0, .07, 1); transition: all 350ms cubic-bezier(.86, 0, .07, 1); }
.x-input-rtoggle-button:checked + .x-input-rtoggle-label { background: #4CAF50; }
.x-input-rtoggle-button:checked + .x-input-rtoggle-label:before { left: 18px; }

/* GLOBAL CUSTOM COMPONENT STYLES
======================*/
.x-smallprint { overflow: hidden; text-overflow: ellipsis; }
.x-modal { -webkit-backdrop-filter: saturate(120%) blur(6px); backdrop-filter: saturate(120%) blur(5px); }
.x-sharer-row:last-child { border-bottom: none; }
.x-avatar-link.for-acc:hover > .x-avatar-upload { margin-bottom: 0; }
.x-glyph-check-label { opacity: 0; }
.x-glyph-container:hover .x-glyph-check-label { opacity: 1; }
.x-glyph-check-button:checked +  .x-glyph-check-label { opacity: 1; background-color: #1178df; border-color: #1178df; }

input.set-error { border-color: #f44336; background-color: #ffe6e4; color: #f44336; }

.pickr .pcr-button { width: 100%!important; height: 40px!important; border-radius: 8px!important; }
.pickr .pcr-button::before { border-radius: 8px!important; }
.pickr .pcr-button::after { border-radius: 8px!important; }

.for-rotate-loader {
	-webkit-animation: rotate-center 1s ease-in-out infinite both;
	        animation: rotate-center 1s ease-in-out infinite both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-10-2 13:51:34
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
 @-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}