@charset "UTF-8";

body {
    /*--primary:#1773BF;*/
    --primary:#156DB7;
    --light-primary:#dcf0ff;
    --secondary:#707070;
    --light:#dee2e6;
    --dark:#212529;
    --gray:#adb5bd;
    --gray666:#646464;
    --info:#805899;
    --font:"Roboto",sans-serif;
    --font-title:"Montserrat",sans-serif;
    --gradient1:#5086ff;
    --gradient2:#ae5fd2;
    --main-gradient:linear-gradient(135deg, var(--gradient1) 30%, var(--gradient2) 90%);
    --bg-primary:var(--primary);
    --bg-light-primary:var(--light-primary);
    --bg-default:#f5f5f5;
    --bg-input: #f7f7f7;
    --bg-light-gray: #f9f9f9;
    --bg-input-hover: #e3e6ea;
    --bg-success: #2dcdb229;
    --bg-notice: #feba681a;
    --bg-danger: #fe9a8a1f;
    --bg-info: #d592fe17;
    --white:#fff;
    --black:#000;
    --success: #275c28;
    --danger: #ae2523;
    --border-color:#f1f1f1;
    --head-height:50px;
}

body.dark {
    --primary: #eee;
    /*--light-primary: #82aee41c;*/
    --light-primary: #213044;
    --secondary: #7e848a;
    --light: #2e353e;
    --dark: #989da3;
    --gray: #545b65;
    --gray666: #bbb;
    --info: #805899;
    --bg-default: #17212f;
    --bg-light-gray: #2c3642;
    --bg-input: #29303c;
    --bg-input-hover: #303847;
    --white: #1f2734;
    --black: #ddd;
    --success: #275c28;
    --danger: #a24241;
    --border-color: #273143;
}

*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
}

body {
    display: block;
    overflow-y: scroll;
    margin: 0;
    padding: var(--head-height) 0 0 0;
    font-size: 15px;
    line-height: 1.5;
    position: relative;
    background-color: var(--bg-default);
    font-family: var(--font);
}

.muted {opacity: 0.5}

@-webkit-keyframes fade{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes fade{
    0%{opacity:0}
    100%{opacity:1}
}


@keyframes shadow-pulse-primary {
    0%{box-shadow: 0 0 0 0px rgba(21, 109, 183, 0.6);}
    100%{box-shadow: 0 0 0 35px rgba(21, 109, 183, 0);}
}
@keyframes shadow-pulse-light-primary {
    0%{box-shadow: 0 0 0 0px rgba(220, 240, 255, 0.6);}
    100%{box-shadow: 0 0 0 35px rgba(220, 240, 255, 0);}
}
@keyframes shadow-pulse-dark-primary {
    0%{box-shadow: 0 0 0 0px rgba(238, 238, 238, 0.6);}
    100%{box-shadow: 0 0 0 35px rgba(238, 238, 238, 0);}
}
@keyframes shadow-pulse-dark-light-primary {
    0%{box-shadow: 0 0 0 0px rgba(33, 48, 68, 0.6);}
    100%{box-shadow: 0 0 0 35px rgba(33, 48, 68, 0);}
}


@media (min-width: 992px) {
    body {
        --head-height: 60px;
    }
}