/* color
 *     main
 *         light : #F0F0F0
 *         dark  : #E8E9EC
 *     accent
 *         light : #8CCAFA
 *         dark  : #3EA2EF
 *     font
 *         light  : #FFFFFF
 *         medium : #A5A4A4
 *         dark   : #3F3F3F
 *     error : #E84B3A
 *
 * size
 *     font
 *         small  : 12px
 *         normal : 18px
 *
 * time
 *     fast : .3s
 *     slow : .9s
 */

* {
    cursor        : default;
    box-sizing    : inherit;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

*:before, *:after {
    box-sizing: inherit;
}

html {
    height    : 100%;
    min-height: 100%;
    font      : 0px "Open Sans", sans-serif;
    color     : #3F3F3F;
    box-sizing: border-box;
}

body {
    height    : 100%;
    min-height: 100%;
    overflow-y: scroll;
}

body::-webkit-scrollbar {
    background-color: #E8E9EC;
}

::-webkit-scrollbar {
    width           : 12px;
    background-color: #F0F0F0;
}

::-webkit-scrollbar-thumb {
    background-color: #3EA2EF;
}

.hidden {
    opacity       : 0       !important;
    cursor        : inherit !important;
    pointer-events: none    !important;
}

.removed {
    display: none !important;
}