/* Minification failed. Returning unminified contents.
(2,1): run-time error CSS1019: Unexpected token, found '@import'
(2,9): run-time error CSS1019: Unexpected token, found ''https://fonts.googleapis.com/css?family=Noto+Sans''
(197,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(207,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(217,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(227,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(237,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(247,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(257,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(280,1): run-time error CSS1019: Unexpected token, found '}'
 */
body{overflow-y:hidden}.navbar-brand img{max-height:60px;margin-top:-16px}.logo-ck>img{max-height:30px}.btn-group>a{border-color:#009BDE!important}.btn-group a:hover,.btn-group>a:focus,bt.btn-group>a:active{background-color:#0087C1;color:#ffffff!important}.copyright{color:#ffffff!important}.navbar .btn{margin-right:0;margin-left:0}.full-page[data-color="ppc-sky-blue"]:after{background:#009BDE;background:-moz-linear-gradient(top,#009BDE 0%,rgba(0,46,109,.6) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#009BDE),color-stop(100%,rgba(0,46,109,.6)));background:-webkit-linear-gradient(top,#009BDE 0%,rgba(0,46,109,.6) 100%);background:-o-linear-gradient(top,#009BDE 0%,rgba(0,46,109,.6) 100%);background:-ms-linear-gradient(top,#009BDE 0%,rgba(0,46,109,.6) 100%);background:linear-gradient(to bottom,#009BDE 0%,rgba(0,46,109,.6) 100%);background-size:150% 150%}.btn{padding:9px 16px!important}.register-page .form-group{margin-bottom:15px}.forgot-pass{width:400px!important;margin-left:-200px!important}.forgot-pass .icon{font-size:100px}.forgot-pass h4{margin-top:0px!important;margin-bottom:10px!important}.forgot-pass .form-group{margin-top:15px}@media(max-width:992px){body{overflow-y:hidden}.btn-group{color:#FFF;margin:5px 15px;opacity:.86;border-radius:4px;line-height:30px;font-size:12px;font-weight:600;text-transform:uppercase;width:100%}}
@import 'https://fonts.googleapis.com/css?family=Noto+Sans';

* {
    box-sizing: border-box;
}

/*body {
    background: skyblue;
    font: 12px/16px 'Noto Sans', sans-serif;
}*/

.floating-chat {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    position: fixed;
    bottom: 10px;
    right: -30px;
    width: 200px;
    height: 100px;
    transform: translateY(70px);
    transition: all 250ms ease-out;
    border-radius: 50%;
    opacity: 0;
    /*background: -moz-linear-gradient(-45deg, #183850 0, #183850 25%, #192c46 50%, #22254c 75%, #22254c 100%);
    background: -webkit-linear-gradient(-45deg, #183850 0, #183850 25%, #192c46 50%, #22254c 75%, #22254c 100%);*/
    background-repeat: no-repeat;
    background-attachment: fixed;
}

    .floating-chat img {
        width: 100%;
    }

    .floating-chat.enter:hover {
        /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);*/
        opacity: 1;
    }

    .floating-chat.enter {
        transform: translateY(0);
        opacity: 0.8;
        /*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.14);*/
    }

    .floating-chat.rotate {
        animation-name: rotationLeft;
        animation-direction: alternate;
        animation-duration: 3.0s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    .floating-chat.expand {
        max-width: 530px;
        width: 90%;
        height: 70%;
        border-radius: 5px;
        cursor: auto;
        opacity: 1;
        background: white;
        bottom: 5px;
        right: 10px;
    }

        .floating-chat.expand img {
            display: none;
        }

.speech-bubble.expand {
    display: none;
}

.floating-chat :focus {
    outline: 0;
    box-shadow: 0 0 3pt 2pt rgba(14, 200, 121, 0.3);
}

.floating-chat button {
    background: transparent;
    border: 0;
    color: white;
    text-transform: uppercase;
    border-radius: 3px;
    cursor: pointer;
}

.floating-chat .chat {
    display: flex;
    flex-direction: column;
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    border-radius: 50%;
    transition: all 250ms ease-out;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .floating-chat .chat.enter {
        opacity: 1;
        border-radius: 0;
        margin: 10px;
        width: auto;
        height: auto;
    }

    .floating-chat .chat .header {
        flex-shrink: 0;
        padding-bottom: 10px;
        display: flex;
        background: transparent;
    }

        .floating-chat .chat .header .title {
            flex-grow: 1;
            flex-shrink: 1;
            padding: 0 5px;
            font-size: 20px;
        }

        .floating-chat .chat .header button {
            flex-shrink: 0;
        }



    .floating-chat .chat .footer {
        flex-shrink: 0;
        display: flex;
        padding-top: 10px;
        max-height: 90px;
        background: transparent;
    }

        .floating-chat .chat .footer .text-box {
            border-radius: 3px;
            background: rgba(25, 147, 147, 0.2);
            min-height: 100%;
            width: 100%;
            margin-right: 5px;
            color: #0ec879;
            overflow-y: auto;
            padding: 2px 5px;
        }

            .floating-chat .chat .footer .text-box::-webkit-scrollbar {
                width: 5px;
            }

            .floating-chat .chat .footer .text-box::-webkit-scrollbar-track {
                border-radius: 5px;
                background-color: rgba(25, 147, 147, 0.1);
            }

            .floating-chat .chat .footer .text-box::-webkit-scrollbar-thumb {
                border-radius: 5px;
                background-color: rgba(25, 147, 147, 0.2);
            }

@media (max-width: 992px) {
    body {
        overflow-x: hidden;
    }

    .floating-chat {
        bottom: 15%;
        right: -20px;
    }

        .floating-chat.expand {
            width: 90%;
            height: 75%;
        }

        .floating-chat img {
            width: 100px;
            margin-left: 50px;
        }

        .floating-chat .chat .header .title {
            display: none;
        }

        .speech-bubble {
            visibility: hidden;
        }
}

@keyframes show-chat-even {
    0% {
        margin-left: -480px;
    }

    100% {
        margin-left: 0;
    }
}

@-moz-keyframes show-chat-even {
    0% {
        margin-left: -480px;
    }

    100% {
        margin-left: 0;
    }
}

@-webkit-keyframes show-chat-even {
    0% {
        margin-left: -480px;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes show-chat-odd {
    0% {
        margin-right: -480px;
    }

    100% {
        margin-right: 0;
    }
}

@-moz-keyframes show-chat-odd {
    0% {
        margin-right: -480px;
    }

    100% {
        margin-right: 0;
    }
}

@-webkit-keyframes show-chat-odd {
    0% {
        margin-right: -480px;
    }

    100% {
        margin-right: 0;
    }
}

@keyframes rotationLeft {
    0% {
        transform: rotate(-20deg);
    }

    15% {
        transform: rotate(20deg);
    }

    30% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}
/*
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .floating-chat img {
        height: 110px;
    }
*/
}

