@charset "utf-8";

::-webkit-input-placeholder { color: var(--light); opacity: 0.6;} /* WebKit */
:-moz-placeholder { color: var(--light); opacity: 0.6; } /* Firefox 18- */
::-moz-placeholder { color: var(--light); opacity: 0.6; } /* Firefox 19+ */
:-ms-input-placeholder { color: var(--light); opacity: 0.6; } /* IE 10+ */

@font-face 
{
    font-family: "avenir";
    src: local("fonts/monserrat-variable.otf"),
	url("fonts/monserrat-variable.otf") format("eot"),
    url("fonts/monserrat-variable.otf") format("woff"),
    url("fonts/monserrat-variable.otf") format("truetype"),
    url("Ubuntu-Title-webfont.svg#UbuntuTitle") format("svg");
}

body 
{
    background-color: var(--background);
    width: auto;
    margin: 0 auto;
    color: var(--light);
    font-family: 'Montserrat', sans-serif;
    height: 100%;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
}



html
{
    background-color: var(--background);
    color: white;
}

:root{
    --color-a-safetech: #e83e33; 
    --color-b-safetech: #593a97; 
    --background: #1f1d1d;

    --dark: #232a2e;    
    --gray: #848a91;

    --light: #f3f3f3;
    --white: #ffffff;

    --yellow: #F8FFA2;

    --green: #258133;
    --red: #c0392b;

    --on: #258133;
    --off: #c0392b;
    --disconnected: #777575;
    --warning: #f39c12;
    --info: #3498db;

    --map-ignition-on: #C7EA46;
    --map-ignition-off: #FF5252;
    --map-ignition-disconnected: #9e9e9e;

    --background-form: #eff6f9;
    --background-form-gray: #e3e7e9;

    --border-line: #4e4e4e;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: rgba(90, 90, 90);
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
}