/* Minification failed. Returning unminified contents.
(705,25): run-time error CSS1039: Token not allowed after unary operator: '-highlight-color'
(817,25): run-time error CSS1039: Token not allowed after unary operator: '-highlight-color'
(957,25): run-time error CSS1039: Token not allowed after unary operator: '-highlight-color'
 */

/*********************************************************
    ******************************************************
    ******************************************************
    ******************************************************
    ******************************************************
    ******************************************************
    ******************************************************
    ***************** mobile device CSS ******************
    ******************************************************
    ******************************************************
    ******************************************************
    ******************************************************
    ******************************************************/

@media (min-width: 1440px ) {
    .container {
        width: 1440px;
    }

    body {
        padding-top: 25px;
    }
}


@media(max-width: 1440px) {
    #main-container {
        /*width: 100%;*/
    }

    body {
        padding-top: 25px;
    }
}

@media (max-width: 1199px ) {
    #schedule-parameters .schedule-param {
        margin-bottom: 50px;
    }
}

@media (max-width: 992px ) {
    .statistics-group .right {
        float: right;
    }

    #Slider {
        display: none;
    }

    #sliderContainer {
        display: none;
        top: -60px;
        margin-left: 6%;
        padding: 25px 0;
    }
}

@media (min-width: 992px ) {
    #header-nav .user-nav:hover .dropdown-menu {
        display: block;
    }

    .devices-container:hover .dropdown-menu {
        display: block;
    }

    .devices-container {
        margin-right: 0px;
    }
}


@media (min-width: 768px ) {
    .devices-container .mobile-open-sidebar, .maxTemp, .sidebar-save, .schedule-sub-menu, .day-select, .schedule-select {
        display: none;
    }
}

@media (max-width: 767px ) {

    #main {
        border-radius: unset;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .info-page .sidebar-save {
        display: none;
    }

    #chart-container .highcharts-container {
        /*max-height: 300px !important;*/
    }

    input {
        max-width: unset;
    }

    .search-form .form-group {
        width: 100%;
    }

    .main-body {
        width: 100%;
        padding-top:0px;
    }

    #main-container {
        padding: 0;
        padding-top: 50px;
    }

    #main {
        padding-top: 10px;
        /*padding:0;*/
    }

    #type + span label {
        width: 100%;
    }

    .container {
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0;
    }

    body {
        padding: 0;
        font-family: Arcon;
    }

    .statistics-group .right {
        float: none;
    }

    .devices-container {
        top: 10px;
        left: -10px;
        z-index: 1;
    }

        .devices-container .mobile-open-sidebar {
            position: absolute;
            /* padding: 10px; */
            width: 40px;
            height: 40px;
            line-height: 40px;
            border-radius: 5px;
            border: 1px solid;
            top: -10px;
            left: 10px;
        }

        .devices-container.open .mobile-open-sidebar {
            color: #fff;
        }

    .user-nav .dropdown-menu {
        z-index: 7;
        top: 5px !important;
        left: -80px !important;
    }

    /*confirmation page*/
    .confirmation.page .text {
        padding: 10px;
        word-wrap: break-word;
    }

    /*device container {start}*/
    .devices-container .mode-select {
        width: 185px;
    }

        .devices-container .mode-select ul li span {
            padding: 15px 10px;
        }

    .devices-container {
        height: 250px;
        width: 250px;
    }

        .devices-container .title-box {
            top: -10px;
            width: 115px;
            height: 115px;
            right: -15px;
        }

        .devices-container .title {
            font-size: 14px;
            line-height: 104px;
        }

        .devices-container .nav .title {
            font-size: 14px;
            line-height: 20px;
            display: block;
        }

        .devices-container .device .title span {
            font-size: 22px;
        }

        .devices-container .device .main {
            font-size: 44px;
            line-height: 44px;
        }

        .devices-container .device .info-content {
            padding: 45px 0px 0px 20px;
        }

        .devices-container .config, .devices-container .glyphicon-menu-left {
            right: 34px;
        }

        .devices-container .device .state {
            font-size: 20px;
        }

        .devices-container .device .extra {
            font-size: 16px;
            line-height: 16px;
            padding: 5px 20px;
        }

        .devices-container .li-item {
            width: 170px;
            height: 190px;
            padding: 10px 0;
        }

            .devices-container .li-item .info-content {
                padding: 16px 0px 0px 14px;
            }

                .devices-container .li-item .info-content .main {
                    font-size: 30px;
                    padding: 0;
                }

                .devices-container .li-item .info-content .state {
                    font-size: 16px;
                }

                .devices-container .li-item .info-content .main .unit {
                    font-size: 32px;
                    padding-left: 5px;
                }

            .devices-container .li-item .extra {
                padding: 0 14px;
                text-align: left;
                font-size: 15.5px;
                line-height: 15.5px;
            }

        .devices-container .title-box .info-link .circle-icon {
            top: 70px;
        }

        .devices-container .title-box .color-link .color-icon {
            top: 70px;
            left: 70px;
        }

        .devices-container .title-box .schedule-link .circle-icon {
            left: 70px;
        }
    /*Devices container end*/

    .custom-switch-toggle {
        margin-bottom: 20px;
    }

    .device-state-wrapper .inner {
        background: #ececf1;
    }

    .page.clients .row-item, .page.devices .row-item {
        text-align: center;
    }


    #sidebar {
        left: 0;
        z-index: 1;
    }

    #header-nav {
        box-shadow: unset;
        z-index: 2;
    }

        #header-nav .initial-nav {
            margin: 0;
        }

        #header-nav .navbar {
            min-height: 0;
        }


    #Slider .ui-slider-handle {
        /*top: -.6em;
        height: 7px;*/
    }

    #chartAdditional .mobile-legends-container {
        text-align: center;
        height: 52px;
    }

    #chartAdditional .datefields .input-title {
        font-size: 1.2em;
    }

    #chartAdditional .datefields .fa {
        font-size: 1.4em;
    }

    .mobile-legends-container {
        display: block;
    }

    #mobile-legends {
        position: absolute;
        right: 0;
        width: 52px;
        z-index: 1;
        top: -14px;
    }

        #mobile-legends .dropdown-toggle {
            border-radius: 50%;
            width: 52px;
            height: 52px;
            background-image: linear-gradient(-45deg, #3023ae, #c86dd7);
            background-image: -webkit-linear-gradient(-45deg, #3023ae, #c86dd7);
            z-index: 5;
            position: relative;
        }

        #mobile-legends .inner {
            position: absolute;
            border-radius: 50%;
            width: 42px;
            height: 42px;
            border: 1px solid #fff;
            left: 10%;
            top: 10%;
        }

        #mobile-legends .dropdown-menu {
            right: -25px;
            left: unset;
            width: 250px;
            bottom: -64px;
            margin-bottom: 62px;
            padding-bottom: 72px;
            z-index: 4;
            box-shadow: -1px -2px 20px 0px #ccc;
        }

        #mobile-legends .open {
            background-image: linear-gradient(135deg, #ccc, #ccc);
            background-image: -webkit-linear-gradient(135deg, #ccc, #ccc);
        }

    #legends {
        display: none;
    }

    #header-nav .user-nav {
        font-size: 14px;
    }

        #header-nav .user-nav .user-greet {
            display: none;
        }

    #header-nav .main-logo {
        display: none;
    }

    #header-nav .dropdown-menu {
        right: 0;
        left: unset;
    }

    .jumbotron .page {
        padding-top: 50px;
    }


    /*Login page*/

    .back-nav {
        min-height: 60px;
        width: 60px;
        bottom: unset;
        border-radius: 15px;
        background: none;
        border: 1px solid #ccc;
        left: 0px;
    }

    #login-page {
        text-align: center;
        position: relative;
        top: unset;
        left: unset;
        transform: none;
    }



    .main-login {
        width: unset;
        background: unset;
        box-shadow: unset;
        padding: 15px;
    }

    body.unauth .blank-page {
        padding: unset;
        padding-top: 50px;
        background: none;
    }
    /*mobile background modifications*/
    .devices-container .device, .devices-container .title-box .inner {
        background: #ececf0;
    }

    .jumbotron {
        background: none;
    }

    #main-container {
        border-radius: unset;
        box-shadow: unset;
    }

    /*body.unauth #l-bg {
        background-size: contain;
    }*/

    /*#login-page .logo {
            position: absolute;
            opacity: .1;
            position: absolute;
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
            top: -234px;
            z-index: 1;
        }*/

    #login-page .logo h3 {
        display: none;
    }

    #login-page .title {
        z-index: 2;
    }
    /*Schedule page*/

    #schedule-chart-container {
        padding: 0;
    }

    #schedule-parameters {
        z-index: 1;
        padding: 0;
        display: none;
    }

        #schedule-parameters ul li .custom-switch-toggle {
            position: relative;
            display: block;
            top: 10px;
        }

    .instructions {
        display: block;
    }

    .instructions-column {
        padding: 15px 0;
    }

    #schedule {
        /*margin-top: 35px;*/
    }

        #schedule .chart-legends li {
            font-size: 16px;
            color: #ccc;
        }

        #schedule .chart-legends .selected {
            font-weight: bold;
            color: #4a4a4a;
        }

    #schedule-parameters .row {
        margin-right: 0;
    }

    #schedule-chart {
        pointer-events: none;
        padding: 0;
    }

    #schedule-period {
        opacity: 1;
    }

    .settings-btn {
        display: none;
    }

    #schedule .dropdown-menu {
        width: 300px;
        right: -25px;
        width: 350px;
    }

    #schedule-parameters .schedule-param {
        display: none;
    }

    #schedule-parameters {
        position: absolute;
        top: 76px;
        right: 0px;
    }

        #schedule-parameters .title {
            display: none;
        }

        #schedule-parameters ul .schedule-title {
            font-size: 20px;
        }

    #schedule-period {
        display: none;
    }

    #mobile-point-anchor {
        padding-bottom: 15px;
        width: 100%;
        display: inline-block;
        /*border-bottom: 1px solid #bebebe;*/
    }



    #background {
        background-color: rgba(249, 249, 249, 0.97);
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 6;
        display: none;
    }

    .spinedit i {
        width: 50px;
        height: 50px;
        border-radius: 100%;
        border: 1px solid rgba(144, 117, 224, 0.47);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        font-size: 20px;
        padding: 15px;
    }

    .spinedit .down {
        left: -40px;
    }

    .spinedit .up {
        right: -40px;
    }

    /*.custom-spinner {
        width: 50px;
        height: 50px;
        border-radius: 100%;
        border: 1px solid rgba(144, 117, 224, 0.47);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

        .custom-spinner i {
            font-size: 20px;
            padding: 15px;
        }


        .custom-spinner.down {
            left: 5px;
        }

        .custom-spinner.up {
            right: 5px;
        }*/

    #mobile-point-anchor .anchor-edit {
        text-align: center;
        z-index: 10;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        display: none;
        width: 100%;
        height: 100%;
    }

        #mobile-point-anchor .anchor-edit .container {
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            width: 100%;
            height: 100%;
            overflow-y: scroll;
        }

        #mobile-point-anchor .anchor-edit .delete, #mobile-point-anchor .anchor-edit .save, #mobile-point-anchor .anchor-edit .close {
            height: 60px;
            font-size: 20px;
            font-weight: 600;
            color: #fff;
        }

            #mobile-point-anchor .anchor-edit .delete div, #mobile-point-anchor .anchor-edit .save div {
                position: relative;
                top: 25%;
            }

        #mobile-point-anchor .anchor-edit .delete {
            background-color: #fb4545;
        }

        #mobile-point-anchor .anchor-edit .save {
            background-color: #54de98;
        }

        #mobile-point-anchor .anchor-edit .button {
            opacity: .9;
            position: absolute;
            bottom: 0;
            width: 50px;
        }

            #mobile-point-anchor .anchor-edit .button i {
                padding: 0px 10px;
                line-height: 60px;
            }

            #mobile-point-anchor .anchor-edit .button.close {
                left: 0;
                border-top-right-radius: 100%;
                text-align: left;
                background: #4a4a4a;
            }

            #mobile-point-anchor .anchor-edit .button.save {
                right: 0;
                border-top-left-radius: 100%;
                text-align: right;
                background: #8668de;
            }

        #mobile-point-anchor .anchor-edit .box {
            top: 25%;
            width: 220px;
            height: 220px;
            display: inline-block;
            margin: 40px;
            border-radius: 100%;
            position: relative;
            color: var(--highlight-color);
            border-top: 1px solid;
            border-bottom: 1px solid;
            box-shadow: 6px 6px 19px -4px;
            -webkit-box-shadow: 6px 6px 19px -4px;
            -moz-box-shadow: 6px 6px 19px -4px;
        }

            #mobile-point-anchor .anchor-edit .box.has-error .inner-fill {
                background: -webkit-linear-gradient(to top, rgba(255, 0, 0, 0.58),rgba(202, 190, 238, 0.3));
                background: linear-gradient(to top, rgba(255, 0, 0, 0.58),rgba(202, 190, 238, 0.3));
            }

            #mobile-point-anchor .anchor-edit .box.has-error .border {
                animation: pulse-wait 2s ease-out;
                -webkit-animation: pulse-wait 2s cubic-bezier(0,0,0,1);
                box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.58);
                border: 1px solid rgba(255, 0, 0, 0.58);
            }

        #mobile-point-anchor .anchor-edit .menu {
            height: 60px;
            position: relative;
        }

            #mobile-point-anchor .anchor-edit .menu.stuck {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
            }

        #mobile-point-anchor .anchor-edit .box .inner {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            width: 50%;
            z-index: 3;
        }

        #mobile-point-anchor .anchor-edit .box .unit {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            bottom: 20px;
            font-size: 20px;
        }

    #mobile-point-anchor .box input {
        width: 100%;
        margin: 1px;
        border: none;
        font-size: 2em;
        background: none;
        text-align: center;
    }

        #mobile-point-anchor .box input:focus {
            outline: none;
        }

    #mobile-point-anchor .box .icon {
        font-size: 30px;
    }

    #mobile-point-anchor .text {
        padding: 10px;
        display: table;
        font-size: 18px;
        text-align: center;
        min-height: 150px;
    }

        #mobile-point-anchor .text span {
            display: table-cell;
            vertical-align: middle;
        }

        #mobile-point-anchor .text.has-error {
            color: #c20202;
        }

    #mobile-point-anchor .circle-progress {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 100%;
    }

    .circle-progress .outer {
        border-radius: 100%;
        height: 310px;
        width: 310px;
        border: 45px solid #f8f8f9;
        position: absolute;
        top: -45px;
        left: -45px;
        z-index: 2;
    }

        .circle-progress .outer .border {
            height: 100%;
            width: 100%;
            color: var(--highlight-color);
            border-top: 1px solid;
            border-bottom: 1px solid;
            border-radius: 100%;
            box-shadow: 6px 6px 19px -4px;
        }

    .circle-progress .inner-fill {
        height: 0%;
        background: -webkit-linear-gradient(to top, rgba(144, 117, 224, 0.6),rgba(202, 190, 238, 0.3));
        background: linear-gradient(to top, rgba(144, 117, 224, 0.6),rgba(202, 190, 238, 0.3));
        width: 100%;
        max-height: 100%;
        position: absolute;
        bottom: 0;
        z-index: -1;
    }

    #mobile-point-anchor .circle-progress span {
        position: absolute;
        right: 100px;
        top: 100px;
        width: 22px;
        color: #5c5c5c;
        text-align: center;
        border-radius: 50%;
        border-bottom: 1px solid;
        border-right: 1px solid;
    }

        #mobile-point-anchor .circle-progress span.active {
            background: #8668de;
            color: #fff;
        }

    #mobile-point-anchor .anchor-edit .row .has-error {
        background: rgba(251,69,69,.7);
    }

    #mobile-point-anchor .add {
        font-size: 26px;
        padding: 10px 0;
        border-bottom: 1px solid #ccc;
    }

    #mobile-point-anchor .anchors-list {
        height: auto;
        max-height: 170px;
        overflow-x: hidden;
        box-shadow: inset 0 0 9px 0px #ddd;
        min-height: 70px;
    }

        /*#mobile-point-anchor .anchors-list .s {
            font-size: 18px;
            line-height: 42px;
        }*/

        #mobile-point-anchor .anchors-list .v {
            height: 62px;
            text-align: left;
        }

    #mobile-point-anchor .anchor {
        box-shadow: 1px 2px 6px 0px #aaa;
        -webkit-box-shadow: 1px 2px 6px 0px #aaa;
        -moz-box-shadow: 1px 2px 6px 0px #aaa;
        border-bottom-right-radius: 25px;
        margin: 10px;
    }

    /*#mobile-point-anchor .anchors-list .anchor .bar {
        background: -webkit-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
        background: linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
        background: -o-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
        background: -moz-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
    }*/

    #mobile-point-anchor .anchors-list .anchor .value {
        display: block;
        font-size: 40px;
        line-height: 44px;
    }

    #mobile-point-anchor .anchors-list .anchor .time {
        display: block;
        font-size: 14px;
        line-height: 15px;
    }

    #mobile-point-anchor .anchors-list .anchor .daytime {
        border-right: 1px solid #cccccc;
        text-align: center;
    }

    #mobile-point-anchor .anchors-list .anchor .daytime {
        font-size: 22px;
        line-height: 62px;
    }

    #mobile-point-anchor .anchors-list .anchor .del {
        background: rgba(128, 128, 128, 0.16862745098039217);
        color: #555555;
        padding: 0;
        text-align: center;
        border-bottom-right-radius: 25px;
        border-top-left-radius: 25px;
        background: -webkit-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
        background: linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
        background: -o-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
        background: -moz-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
    }

        #mobile-point-anchor .anchors-list .anchor .del .far {
            padding: 22px 0;
            font-size: 20px;
        }

    #mobile-point-anchor .anchors-list .anchor.ng-enter,
    #mobile-point-anchor .anchors-list .anchor.ng-leave {
        -webkit-transition: .4s linear all;
        transition: .4s linear all;
    }

        #mobile-point-anchor .anchors-list .anchor.ng-enter,
        #mobile-point-anchor .anchors-list .anchor.ng-leave.ng-leave-active {
            opacity: 0;
        }

            #mobile-point-anchor .anchors-list .anchor.ng-leave,
            #mobile-point-anchor .anchors-list .anchor.ng-enter.ng-enter-active {
                opacity: 1;
            }

    .day-select {
        margin-bottom: 15px;
        margin-top: 15px;
    }

        .day-select .text {
            color: var(--highlight-color);
        }

        .day-select .day-container {
            display: inline-block;
            text-align: center;
            width: 14.285714285714285714285714285714%;
            padding: 5px;
        }

            .day-select .day-container .day {
                background: -webkit-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
                background: linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
                background: -o-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
                background: -moz-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
                box-shadow: 2px 2px 4px -1px rgba(12, 12, 12, 0.4);
                -webkit-box-shadow: 2px 2px 4px -1px rgba(12, 12, 12, 0.4);
                -moz-box-shadow: 2px 2px 4px -1px rgba(12, 12, 12, 0.4);
                padding-bottom: 100%;
                border-radius: 5px;
                position: relative;
            }

                .day-select .day-container .day.selected {
                    background: linear-gradient(135deg,rgba(48, 35, 174, 0.6),rgba(200, 109, 215, 0.6));
                    background: -webkit-linear-gradient(135deg,rgba(48, 35, 174, 0.6),rgba(200, 109, 215, 0.6));
                    background: -moz-linear-gradient(135deg,rgba(48, 35, 174, 0.6),rgba(200, 109, 215, 0.6));
                    background: -o-linear-gradient(135deg,rgba(48, 35, 174, 0.6),rgba(200, 109, 215, 0.6));
                    color: #fff;
                    box-shadow: inset 2px 2px 4px -1px rgba(12, 12, 12, 0.4);
                    -webkit-box-shadow: inset 2px 2px 4px -1px rgba(12, 12, 12, 0.4);
                    -moz-box-shadow: inset 2px 2px 4px -1px rgba(12, 12, 12, 0.4);
                }

            .day-select .day-container.copied .day {
                background: rgba(84, 222, 152, 0.6);
            }

            .day-select .day-container .day .content {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
            }

    .schedule-select {
        overflow-x: hidden;
        height: 120px;
        box-shadow: inset 0 0 9px 0px #ddd;
    }

        .schedule-select .add-container {
            padding: 10px;
            text-align: center;
        }

        .schedule-select .form-control {
            max-width: 60%;
            text-align: center;
            margin-left: 20px;
        }

        .schedule-select .add {
            display: inline-block;
            height: 40px;
            width: 40px;
            font-size: 16px;
            text-align: center;
            line-height: 40px;
            border-radius: 100%;
            box-shadow: 2px 2px 8px 1px rgba(12, 12, 12, 0.43);
            -moz-box-shadow: 2px 2px 8px 1px rgba(12, 12, 12, 0.43);
            background: -o-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
            background: -moz-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
        }

        .schedule-select .day-container {
            min-width: 100%;
        }

            .schedule-select .day-container .day {
                padding-bottom: 40px;
            }

    .maxTemp {
        width: 45px;
        word-spacing: -2px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        font-size: 16px;
        color: #000;
        background: rgb(221, 207, 233);
        border-radius: 30px;
        position: absolute;
        right: 5px;
        transition: all 1.5s ease-in-out;
        box-shadow: 1px 2px 10px 1px #5c5c5c;
    }

        .maxTemp span {
            font-size: 12px;
        }

    .copy-container {
        padding: 15px 0;
    }


        .copy-container .copy {
            box-shadow: 2px 2px 4px -1px rgba(12, 12, 12, 0.43);
            -webkit-box-shadow: 2px 2px 4px -1px rgba(12, 12, 12, 0.43);
            -moz-box-shadow: 2px 2px 4px -1px rgba(12, 12, 12, 0.43);
            border-radius: 5px;
            margin: 10px;
            height: 50px;
            line-height: 50px;
            width: 50%;
            text-align: center;
            background: -webkit-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
            background: linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
            background: -o-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
            background: -moz-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
            margin: 0 auto;
        }

            .copy-container .copy.active {
                background: linear-gradient(135deg,rgba(48, 35, 174, 0.6),rgba(200, 109, 215, 0.6));
                background: -webkit-linear-gradient(135deg,rgba(48, 35, 174, 0.6),rgba(200, 109, 215, 0.6));
                background: -o-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
                background: -moz-linear-gradient(45deg,rgba(48, 35, 174, 0.6),rgba(200, 109, 215, 0.6));
                color: #fff;
            }

    .schedule-sub-menu {
        position: fixed;
        bottom: 0;
        height: 80px;
        left: 0;
        right: 0;
        background: rgba(236, 236, 240, 0.9);
        border-top: 1px solid rgba(73, 48, 181, 0.2);
    }

        .schedule-sub-menu .add {
            display: inline-block;
            height: 50px;
            width: 50px;
            font-size: 16px;
            text-align: center;
            line-height: 50px;
            border-radius: 100%;
            box-shadow: 2px 2px 8px 1px rgba(12, 12, 12, 0.43);
            -webkit-box-shadow: 2px 2px 8px 1px rgba(12, 12, 12, 0.43);
            -moz-box-shadow: 2px 2px 8px 1px rgba(12, 12, 12, 0.43);
            background: -webkit-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
            background: linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
            background: -o-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
            background: -moz-linear-gradient(135deg,rgba(48, 35, 174, .2),rgba(200, 109, 215, .2));
            color: #3024ae;
            position: absolute;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            left: 50%;
            top: 50%;
        }

    #mobile-point-anchor .anchor:last-child {
        border-bottom: unset;
    }

    #mobile-point-anchor .anchor div {
        /*border-right: 1px solid #979797;*/
        /*padding-top: 10px;*/
        /*padding-bottom: 10px;*/
    }

    #login-page .form-input {
        padding-left: 0px;
    }

    .statistics-group {
        padding: 28px;
    }

    footer {
        padding-top: 100px;
    }

        footer .row {
            border-top: 1px solid #ccc;
        }
}


@media (max-width: 420px ) {
    #chart-container {
        /*max-height: 340px;*/
    }
}