@charset "UTF-8";
/*
ROOT
Main page fixes.

Author: Pablo Pizarro R. @ppizarror.com
License MIT
*/

/**
-------------------------------------------------------------------------------
Base elements
-------------------------------------------------------------------------------
 */
body {
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    background-color: #85c6f8;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    font-family: sans-serif;
    font-size: 15px !important;
    min-height: 520px;
    min-width: 640px;
    overflow-x: hidden;
    overflow-y: hidden;
    shape-rendering: auto;
}

@media screen and (max-width: 576px) {
    body {
        font-size: 13px !important;
        overflow-x: initial;
    }
}

body::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    /* border-radius: 0 0 10px 10px; */
    /* border-radius: 12px; */
    background-color: rgba(94, 96, 165, 0.78);
}

body::-webkit-scrollbar {
    width: 12px;
}

body::-webkit-scrollbar-thumb {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    /* border-radius: 0 0 10px 10px; */
    background-color: #363963;
    border-radius: 10px;
}

pre {
    font-family: "Consolas", monospace;
}

/**
 */
*,
*:before,
*:after {
    box-sizing: border-box;
    /* noinspection CssUnknownProperty */
    font-display: block;
}

/**
Disable object selection
 */
.noselect {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    outline: none;
    user-select: none;
}

/**
Disable touch events
 */
.disabledButton {
    filter: alpha(opacity=40);
    opacity: 0.4;
    pointer-events: none;
    zoom: 1;
}

/**
Disable firefox outline
 */
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000000;
}

select.decoration option:hover {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
}

/**
-------------------------------------------------------------------------------
Selectors
-------------------------------------------------------------------------------
 */
.common-selector {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    padding: 0 5px;
}

@media screen and (max-width: 640px) {
    .common-selector {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 0 3px;
    }
}