@import url("app/app.css");
@import url("app/bootstrap.css");
@import url("app/maps.css");
@import url("app/menus.css");

/*General components */
    :root {
        --active-color            : #37B500;
        --separator-color         : #ccc;
        --probe-basecolor         : #bdbdbd;
        --lightgrey-border        : solid 1px #dddddd;
        --toolbar-background      : linear-gradient(to bottom, white 0%, #f6f6f6 47%, #ededed 100%);
        --toolbar-boxshadow       : 0 0 3px rgba(0, 0, 0, 0.2);
        --menu-title-color        : #fafafa;
        --item-boxshadow          : 0 0 3px rgba(0, 0, 0, 0.3);
        --item-temperature-color  : rgba(255, 255, 255, 0.5);
        --static-image-transition : border 300ms ease-out;
        --danger-color            : #e6342a;
        --primary-color           : #e94e1b;
        --danger-hover-color      : #cd2118;
        --primary-hover-color     : #f39200;
        --light-color             : #ececec;
    }
    html {
        font-size: 100%;
    }
    h1 {
        font-size : 2.25rem;
    }
    body {
        background  : #eef1f5;
        font-family : Roboto;
    }
    a {
        color : var(--primary-color);
    }
    a:hover {
        text-decoration : none;
        color           : var(--primary-hover-color);
    }
    input[type=color] {
        min-width  : 60px;
    }
    option[disabled] {
        color : #b3b3b3;
    }