@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/MaterialIcons.woff2') format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
/**{
    font-family: 'Google Sans', serif;
    font-style: normal;
}*/
h1,h2,h3,h4,h5,h6,p,table,span,a,li{
    font-family: 'Google Sans', serif !important;
    font-style: normal;
}

.mdl-layout--fixed-header > .mdl-layout__header {
    z-index: 6;
}

.has-drawer .mdl-layout__drawer {
    padding-top: 64px;
}
.mdl-tabs__tab.is-active {
    color: rgba(0,0,0,.87)
}

.mdl-tabs__tab.is-active:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: rgb(63,81,181);
    -webkit-animation: border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;
    animation: border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;
    transition: all 1s cubic-bezier(.4,0,1,1)
}
.mdl-layout--fixed-drawer:not(.is-small-screen) > .mdl-layout__header {
    padding-left: 240px;
    margin-left: 0;
    width: 100%;
}

/*body{
    background-color: rgba(0, 0, 0, 0.1);
}*/

#login-conatiner {
    margin: auto;
    border-radius: 16px;
}

.sa-visualizer__toolbar.sa-panel__header {
    display: none !important;
}
.mdl-card, .mdl-card__supporting-text {
    overflow: inherit !important;
}

.mdl-card {
    overflow: visible !important;
    z-index: auto !important;
}

#login-fab {
    border-radius: 50%;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    overflow: hidden;
    background: rgba(158,158,158,.2);
    box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);
    position: absolute;
    top: -30px;
    text-align: center;
    left: 0;
    right: 0;
}

#lock-icon{
    line-height: 56px;
}

#login-button {
    width: 100%;
    height: 40px;
    min-width: initial;
    border-radius: 15px;
    background-color: rgb(255,82,82) !important;
}

#card-heading{
    text-align: center;
    font-weight: 600;
    font-size: 32px;
    height: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    color: rgb(66,66,66);
}

#forgotpassword{
    float: right;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9bcGMtbmFtZV0vLi9zcmMvdmlzdWFsaXplckJhc2Uuc2NzcyIsIndlYnBhY2s6Ly9bcGMtbmFtZV0vLi9zcmMvdmlzdWFsaXphdGlvblBhbmVsLnNjc3MiLCJ3ZWJwYWNrOi8vW3BjLW5hbWVdLy4vc3JjL19nbG9iYWxzLnNjc3MiLCJ3ZWJwYWNrOi8vW3BjLW5hbWVdLy4vc3JjL3RleHQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUtBO0VBQ0UsdUNBQXVDO0VBQ3ZDLHFCQUFxQjtFQUNyQixnQkFBZ0I7RUFDaEIsV0FBVzs7QUFHYjtFQUNFLGdCQUFnQjs7QUFHbEI7RUFDRSxxQkFBcUI7RUFDckIsb0JBQW9CO0VBQ3BCLGVBQWU7RUFDZixjQUFjO0VBQ2QsaUJBQWlCO0VBQ2pCLHNCQUFzQjtFQUN0QixTQUFTOztBQUdYO0VBQ0UsZ0JBQWdCOztBQ3pCbEI7RUFDRSxhQUFhOztBQUdmO0VBQ0Usa0JBQWtCOztBQUdwQjtFQUNFLFdBQVc7RUFDWCxzQkFBc0I7RUFDdEI7SUFIRjtNQUlJLFVBQVUsSUFFYjs7QUFFRDtFQUNFLHFCQUFxQjtFQUNyQixXQUFXO0VBQ1gsbUJBQW1CO0VBQ25CLHNCQUFzQjtFQUN0QixnQkFBZ0I7RUFDaEIsWUFBWTs7QUFHZDtFQUNFLGtCQUFrQjtFQUVsQjtJQUhGO01BSUksc0JBQXNCLElBRXpCOztBQUVEO0VBQ0UseUJDcEJ3QjtFRHFCeEIsYUFBYTs7QUFHZjtFQUNFLGlCQUFpQjtFQUNqQixvQkFBb0I7RUFDcEIsZUFBZTtFQUNmLGlCQUFpQjtFQUNqQixjQ2pDa0I7RURrQ2xCLFNBQVM7RUFDVCxrQkFBa0I7O0FBR3BCO0VBQ0UsWUFBWTtFQURkO0lBR0ksWUFBWTtJQUNaLGNBQWM7SUFDZCxZQUFZO0lBQ1osV0FBVztJQUNYLFlBQVk7SUFDWiwwVkFBMFY7O0FBSTlWO0VBQ0UsdUNBQXVDO0VBQ3ZDLGVBQWU7RUFDZixjQ3JEa0I7RURzRGxCLGlCQUFpQjtFQUNqQixtQkFBbUI7RUFMckI7SUFPSSxpQkFBaUI7O0FBSXJCO0VBQ0UsdUNBQXVDO0VBQ3ZDLGVBQWU7RUFDZixZQUFZO0VBQ1osc0JBQXNCO0VBQ3RCLGVBQWU7RUFDZiw2QkFBNkI7RUFLN0IsY0FBYztFQVhoQjtJQVFJLHFCQzdEa0I7SUQ4RGxCLDZCQUE2QjtFQVRqQztJQWFJLGNBQWM7RUFibEI7SUFnQkksZUFBZTs7QUFJbkI7RUFDRSxXQUFXO0VBQ1gsWUFBWTtFQUNaLFVBQVU7RUFDVixZQUFZO0VBQ1osYUFBYTtFQUNiLHlCQUF5QjtFQUN6QixlQUFlO0VBUGpCO0lBU0ksOEJDOUVvQjtFRHFFeEI7SUFhTSxhQ2pGbUI7RURvRXpCO0lBaUJJLFdBQVc7SUFDWCxZQUFZOztBQUloQjtFQUNFLFlBQVk7O0FBSWQ7RUFDRSxrQkFBa0I7RUFDbEIscUJBQXFCO0VBQ3JCLFlBQVk7RUFIZDtJQU1JLFdBQVc7SUFDWCxjQUFjO0lBQ2Qsa0JBQWtCO0lBQ2xCLGdCQUFnQjtJQUNoQix3QkFBd0I7SUFDeEIscUJBQXFCO0lBQ3JCLGtCQUFrQjtJQUNsQixnQkMxSHFCO0lEMkhyQixxQkNsSGtCO0lEbUhsQixZQ2pIc0I7SURrSHRCLHlCQUF5QjtJQUN6QixzQkFBc0I7SUFDdEIsb0JBQW9CO0lBbEJ4QjtNQXFCTSxhQUFhO0lBckJuQjtNQXlCTSxVQUFVO01BQ1YsZ0JBQWdCO0lBMUJ0QjtNQThCTSxjQ2pKa0I7RURtSHhCO0lBbUNJLGdCQUFnQjtJQUNoQixRQUFRO0lBQ1IsV0FBVztJQUNYLFVBQVU7SUFDVixXQUFXO0lBQ1gsa0JBQWtCO0lBQ2xCLFVBQVU7SUFDVixXQUFXO0lBQ1gsK0JDdkpnQjtJRHdKaEIsZ0NDeEpnQjtJRHlKaEIsd0JBQXdCO0lBQ3hCLHVCQUF1Qjs7QUFLM0I7RUFDRSxxQkFBcUI7RUFDckIsY0FBYzs7QUFHaEI7RUFDRSxzQkFBc0I7RUFDdEIsZUFBZTs7QUFHakI7RUFDRSxlQUFlO0VBQ2Ysd0JBQXdCO0VBRjFCO0lBSUksV0FBVztJQUNYLFlBQVk7SUFDWixhQzNMZ0I7O0FEOExwQjtFQUNFLGlCQUFpQjtFQUNqQixxQkFBcUI7RUFDckIsY0NqTWtCOztBRG1NcEI7RUFDRSxtQkFBbUI7O0FBR3JCO0FBQ0E7RUFDRSxzQkFBc0I7RUFDdEIsa0JBQWtCO0VBQ2xCLGdCQUFnQjtFQUNoQiw0SUFFbUI7RUFDbkIsbUhBQytDOztBQUVqRDtBQUNBO0VBQ0Usc0JBQXNCO0VBQ3RCLGtCQUFrQjtFQUNsQixnQkFBZ0I7RUFDaEIsMElBRW1CO0VBQ25CLHlLQUVnQjs7QUFFbEI7QUFDQTtFQUNFLHNCQUFzQjtFQUN0QixrQkFBa0I7RUFDbEIsZ0JBQWdCO0VBQ2hCLGtKQUVtQjtFQUNuQixtSEFDK0M7O0FBRWpEO0FBQ0E7RUFDRSxzQkFBc0I7RUFDdEIsa0JBQWtCO0VBQ2xCLGdCQUFnQjtFQUNoQixnSkFFbUI7RUFDbkIseUtBRWdCOztBRWpQbEI7RUFDRSxXQUFXO0VBQ1gsaUJBQWlCO0VBQ2pCLGlCQUFpQjtFQUNqQixjQUFjOztBQUdoQjtFQUNFLFdBQVc7RUFDWCx1Q0FBdUM7RUFDdkMsZUFBZTtFQUNmLGNERGtCO0VDRWxCLGlCQUFpQjtFQUNsQix5QkFBeUI7RUFDeEIseUJEQXdCOztBQ0cxQjtFQUNDLGlCQUFpQjtFQUNqQixZQUFZO0VBQ1osbUJBQW1CO0VBQ25CLHFCREhxQjtFQ0lwQix5QkRSd0I7RUNTeEIsZ0JESHdCIiwiZmlsZSI6InN1cnZleS5hbmFseXRpY3MuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCBcImdsb2JhbHNcIjtcblxuLnNhLXZpc3VhbGl6ZXJfX3Rvb2xiYXIge1xufVxuXG4uc2EtdmlzdWFsaXplcl9fY29udGVudCB7XG4gIGZvbnQtZmFtaWx5OiBTZWdvZVVJLCBBcmlhbCwgc2Fucy1zZXJpZjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aWR0aDogMTAwJTtcbn1cblxuLnNhLXZpc3VhbGl6ZXJfX2Zvb3RlciB7XG4gIG1hcmdpbi10b3A6IDEwcHg7XG59XG5cbi5zYS12aXN1YWxpemVyX19mb290ZXItdGl0bGUge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtZmFtaWx5OiBSYWxld2F5O1xuICBmb250LXNpemU6IDE0cHg7XG4gIGNvbG9yOiAjNDA0MDQwO1xuICBsaW5lLWhlaWdodDogMzRweDtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgbWFyZ2luOiAwO1xufVxuXG4uc2EtdmlzdWFsaXplcl9fZm9vdGVyLWNvbnRlbnQge1xuICBtYXJnaW4tdG9wOiAxMHB4O1xufVxuIiwiQGltcG9ydCBcImdsb2JhbHNcIjtcblxuLnNhLXBhbmVsX19oZWFkZXIge1xuICBtYXJnaW46IDAgMWVtO1xufVxuXG4uc2EtZ3JpZCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLnNhLWdyaWRfX2dyaWQtc2l6ZXIge1xuICB3aWR0aDogMTAwJTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTQwMHB4KSB7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxufVxuXG4uc2EtcXVlc3Rpb24ge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAxZW07XG59XG5cbi5zYS1xdWVzdGlvbi1sYXlvdXRlZCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxNDAwcHgpIHtcbiAgICB3aWR0aDogY2FsYyg1MCUgLSAxcHgpO1xuICB9XG59XG5cbi5zYS1xdWVzdGlvbl9fY29udGVudCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICRiYWNrZ3JvdW5kLWNvbG9yO1xuICBwYWRkaW5nOiAyMHB4O1xufVxuXG4uc2EtcXVlc3Rpb25fX3RpdGxlIHtcbiAgbWFyZ2luLWxlZnQ6IDMwcHg7XG4gIGZvbnQtZmFtaWx5OiBSYWxld2F5O1xuICBmb250LXNpemU6IDE4cHg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBjb2xvcjogJHRleHQtY29sb3I7XG4gIG1hcmdpbjogMDtcbiAgbWFyZ2luLWJvdHRvbTogMWVtO1xufVxuXG4uc2EtcXVlc3Rpb25fX3RpdGxlLS1kcmFnZ2FibGUge1xuICBjdXJzb3I6IG1vdmU7XG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6IFwiIFwiO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGZsb2F0OiByaWdodDtcbiAgICB3aWR0aDogMTVweDtcbiAgICBoZWlnaHQ6IDE1cHg7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sLCUzQ3N2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgdmlld0JveD0nMCAwIDE2IDE2JyUzRSUzQ2clM0UlM0Nwb2x5Z29uIHN0eWxlPSdmaWxsOiAlMjMxYWIzOTQnIHBvaW50cz0nMTMsNSAxMiw2IDEzLDcgOSw3IDksMyAxMCw0IDExLDMgOCwwIDUsMyA2LDQgNywzIDcsNyAzLDcgNCw2IDMsNSAwLDggMywxMSA0LDEwIDMsOSA3LDkgNywxMyA2LDEyIDUsMTMgOCwxNiAxMSwxMyAxMCwxMiA5LDEzIDksOSAxMyw5IDEyLDEwIDEzLDExIDE2LDggJy8lM0UlM0MvZyUzRSUzQy9zdmclM0UgXCIpO1xuICB9XG59XG5cbi5zYS10b29sYmFyIHtcbiAgZm9udC1mYW1pbHk6IFNlZ29lVUksIEFyaWFsLCBzYW5zLXNlcmlmO1xuICBmb250LXNpemU6IDE0cHg7XG4gIGNvbG9yOiAkdGV4dC1jb2xvcjtcbiAgbGluZS1oZWlnaHQ6IDM0cHg7XG4gIG1hcmdpbi1ib3R0b206IDI1cHg7XG4gICYgPiAqOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgfVxufVxuXG4uc2EtdG9vbGJhcl9fYnV0dG9uIHtcbiAgZm9udC1mYW1pbHk6IFNlZ29lVUksIEFyaWFsLCBzYW5zLXNlcmlmO1xuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmc6IDhweDtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAkYm9yZGVyLWNvbG9yO1xuICAgIGJhY2tncm91bmQtYmxlbmQtbW9kZTogZGFya2VuO1xuICB9XG4gIG1hcmdpbjogMCAxMHB4O1xuICAmOmZpcnN0LWNoaWxkIHtcbiAgICBtYXJnaW4tbGVmdDogMDtcbiAgfVxuICAmOmxhc3QtY2hpbGQge1xuICAgIG1hcmdpbi1yaWdodDogMDtcbiAgfVxufVxuXG4uc2EtdG9vbGJhcl9fc3ZnLWJ1dHRvbiB7XG4gIHdpZHRoOiAxNXB4O1xuICBoZWlnaHQ6IDE1cHg7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlcjogbm9uZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB1c2Uge1xuICAgIGZpbGw6ICRzdmctY29sb3I7XG4gIH1cbiAgJjpob3ZlciB7XG4gICAgdXNlIHtcbiAgICAgIGZpbGw6ICRzdmctaG92ZXItY29sb3I7XG4gICAgfVxuICB9XG4gIHN2ZyB7XG4gICAgd2lkdGg6IDE1cHg7XG4gICAgaGVpZ2h0OiAxNXB4O1xuICB9XG59XG5cbi5zYS10b29sYmFyX19idXR0b24tLXJpZ2h0IHtcbiAgZmxvYXQ6IHJpZ2h0O1xufVxuXG4vLyBjdXN0b20gc2VsZWN0XG4uc2EtcXVlc3Rpb25fX3NlbGVjdC13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiAyMDBweDtcblxuICAuc2EtcXVlc3Rpb25fX3NlbGVjdCB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgIC1tb3otYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgYmFja2dyb3VuZDogJHRleHQtY29sb3ItaW52ZXJzZTtcbiAgICBib3JkZXItY29sb3I6ICRib3JkZXItY29sb3I7XG4gICAgaGVpZ2h0OiAkZm9ybS1lbGVtZW50LWhlaWdodDtcbiAgICBwYWRkaW5nOiA1cHggNXB4IDVweCAxNXB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IGluaXRpYWw7XG4gICAgbGluZS1oZWlnaHQ6IGluaXRpYWw7XG5cbiAgICAmOjotbXMtZXhwYW5kIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICBvdXRsaW5lOiAwO1xuICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICB9XG5cbiAgICAmOmRpc2FibGVkIHtcbiAgICAgIGNvbG9yOiAkZGlzYWJsZWQtY29sb3I7XG4gICAgfVxuICB9XG5cbiAgJjpiZWZvcmUge1xuICAgIG1hcmdpbi10b3A6IC00cHg7XG4gICAgdG9wOiA1MCU7XG4gICAgcmlnaHQ6IDEwcHg7XG4gICAgei1pbmRleDogMTtcbiAgICBjb250ZW50OiBcIlwiO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogNHB4O1xuICAgIGhlaWdodDogNHB4O1xuICAgIGJvcmRlci1yaWdodDogMnB4IHNvbGlkICR0ZXh0LWNvbG9yO1xuICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAkdGV4dC1jb2xvcjtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gIH1cbn1cbi8vIEVPIGN1c3RvbSBzZWxlY3RcblxuLnNhLXF1ZXN0aW9uX19maWx0ZXIge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHBhZGRpbmc6IDAgMWVtO1xufVxuXG4uc2EtcXVlc3Rpb25fX2ZpbHRlci10ZXh0IHtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgbWFyZ2luLXRvcDogMXB4O1xufVxuXG4uc2EtY29tbWVyY2lhbCB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgcGFkZGluZzogMWVtIDAgMC41ZW0gMmVtO1xuICBzdmcge1xuICAgIHdpZHRoOiAyMHB4O1xuICAgIGhlaWdodDogMjBweDtcbiAgICBmaWxsOiAkbWFpbi1jb2xvcjtcbiAgfVxufVxuLnNhLWNvbW1lcmNpYWxfX3RleHQge1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBjb2xvcjogJG1haW4tY29sb3I7XG59XG4uc2EtY29tbWVyY2lhbF9fcHJvZHVjdCB7XG4gIHBhZGRpbmctbGVmdDogMC41ZW07XG59XG5cbi8qIGxhdGluLWV4dCAqL1xuQGZvbnQtZmFjZSB7XG4gIGZvbnQtZmFtaWx5OiBcIlJhbGV3YXlcIjtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXdlaWdodDogNDAwO1xuICBzcmM6IGxvY2FsKFwiUmFsZXdheVwiKSwgbG9jYWwoXCJSYWxld2F5LVJlZ3VsYXJcIiksXG4gICAgdXJsKGh0dHBzOi8vZm9udHMuZ3N0YXRpYy5jb20vcy9yYWxld2F5L3YxNC8xUHR1Zzh6WVNfU0tnZ1BOeUNNSVQ1bHUud29mZjIpXG4gICAgICBmb3JtYXQoXCJ3b2ZmMlwiKTtcbiAgdW5pY29kZS1yYW5nZTogVSswMTAwLTAyNEYsIFUrMDI1OSwgVSsxRTAwLTFFRkYsIFUrMjAyMCwgVSsyMEEwLTIwQUIsXG4gICAgVSsyMEFELTIwQ0YsIFUrMjExMywgVSsyQzYwLTJDN0YsIFUrQTcyMC1BN0ZGO1xufVxuLyogbGF0aW4gKi9cbkBmb250LWZhY2Uge1xuICBmb250LWZhbWlseTogXCJSYWxld2F5XCI7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgc3JjOiBsb2NhbChcIlJhbGV3YXlcIiksIGxvY2FsKFwiUmFsZXdheS1SZWd1bGFyXCIpLFxuICAgIHVybChodHRwczovL2ZvbnRzLmdzdGF0aWMuY29tL3MvcmFsZXdheS92MTQvMVB0dWc4ellTX1NLZ2dQTnlDMElUdy53b2ZmMilcbiAgICAgIGZvcm1hdChcIndvZmYyXCIpO1xuICB1bmljb2RlLXJhbmdlOiBVKzAwMDAtMDBGRiwgVSswMTMxLCBVKzAxNTItMDE1MywgVSswMkJCLTAyQkMsIFUrMDJDNiwgVSswMkRBLFxuICAgIFUrMDJEQywgVSsyMDAwLTIwNkYsIFUrMjA3NCwgVSsyMEFDLCBVKzIxMjIsIFUrMjE5MSwgVSsyMTkzLCBVKzIyMTIsIFUrMjIxNSxcbiAgICBVK0ZFRkYsIFUrRkZGRDtcbn1cbi8qIGxhdGluLWV4dCAqL1xuQGZvbnQtZmFjZSB7XG4gIGZvbnQtZmFtaWx5OiBcIlJhbGV3YXlcIjtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXdlaWdodDogNzAwO1xuICBzcmM6IGxvY2FsKFwiUmFsZXdheSBCb2xkXCIpLCBsb2NhbChcIlJhbGV3YXktQm9sZFwiKSxcbiAgICB1cmwoaHR0cHM6Ly9mb250cy5nc3RhdGljLmNvbS9zL3JhbGV3YXkvdjE0LzFQdHJnOHpZU19TS2dnUE53Sll0V3FoUEFNaWYud29mZjIpXG4gICAgICBmb3JtYXQoXCJ3b2ZmMlwiKTtcbiAgdW5pY29kZS1yYW5nZTogVSswMTAwLTAyNEYsIFUrMDI1OSwgVSsxRTAwLTFFRkYsIFUrMjAyMCwgVSsyMEEwLTIwQUIsXG4gICAgVSsyMEFELTIwQ0YsIFUrMjExMywgVSsyQzYwLTJDN0YsIFUrQTcyMC1BN0ZGO1xufVxuLyogbGF0aW4gKi9cbkBmb250LWZhY2Uge1xuICBmb250LWZhbWlseTogXCJSYWxld2F5XCI7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgc3JjOiBsb2NhbChcIlJhbGV3YXkgQm9sZFwiKSwgbG9jYWwoXCJSYWxld2F5LUJvbGRcIiksXG4gICAgdXJsKGh0dHBzOi8vZm9udHMuZ3N0YXRpYy5jb20vcy9yYWxld2F5L3YxNC8xUHRyZzh6WVNfU0tnZ1BOd0pZdFdxWlBBQS53b2ZmMilcbiAgICAgIGZvcm1hdChcIndvZmYyXCIpO1xuICB1bmljb2RlLXJhbmdlOiBVKzAwMDAtMDBGRiwgVSswMTMxLCBVKzAxNTItMDE1MywgVSswMkJCLTAyQkMsIFUrMDJDNiwgVSswMkRBLFxuICAgIFUrMDJEQywgVSsyMDAwLTIwNkYsIFUrMjA3NCwgVSsyMEFDLCBVKzIxMjIsIFUrMjE5MSwgVSsyMTkzLCBVKzIyMTIsIFUrMjIxNSxcbiAgICBVK0ZFRkYsIFUrRkZGRDtcbn1cbiIsIiRtYWluLWNvbG9yOiAjMWFiMzk0O1xuJGF1eGlsaWFyeS1jb2xvcjogI2ZmOTgxNDtcbiRhdXhpbGlhcnktY29sb3ItMTogIzY2NjY2NjtcbiRhdXhpbGlhcnktY29sb3ItMjogIzE5NDhiMztcbiRkYW5nZXItY29sb3I6ICNkOTUzNGY7XG4kZGlzYWJsZWQtY29sb3I6ICNiMGIwYjA7XG5cbiRibHVlLWNvbG9yOiAjMzk0Y2ZmO1xuJHB1cnBsZS1jb2xvcjogI2FhNDJkMDtcbiRncmVlbi1jb2xvcjogIzQxYzAyYztcblxuJHRleHQtY29sb3ItaW52ZXJzZTogI2ZmZjtcbiR0ZXh0LWNvbG9yOiAjNDA0MDQwO1xuXG4kY29udGVudC1tYXgtd2lkdGg6IDExNzBweDtcblxuJGJhY2tncm91bmQtY29sb3I6ICNmN2Y3Zjc7XG4kYmFja2dyb3VuZC1jb2xvci1kYXJrOiAjZWVlZWVlO1xuJGJhY2tncm91bmQtZGlzYWJsZWQtY29sb3I6ICNiN2I3Yjc7XG5cbiRib3JkZXItY29sb3I6ICNlN2U3ZTc7XG5cbiRmb3JtLWVsZW1lbnQtaGVpZ2h0OiAzNHB4O1xuXG4kc3ZnLWNvbG9yOiByZ2JhKCM5ZjlmOWYsIDAuNCk7XG4kc3ZnLWhvdmVyLWNvbG9yOiAjOWY5ZjlmO1xuIiwiQGltcG9ydCBcImdsb2JhbHNcIjtcblxuLnNhLXRleHQtdGFibGVfX2NvbnRhaW5lciB7XG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAyMDBweDtcbiAgbWF4LWhlaWdodDogNTAwcHg7XG4gIG92ZXJmbG93OiBhdXRvO1xufVxuXG4uc2EtdGV4dC10YWJsZSB7XG4gIHdpZHRoOiAxMDAlO1xuICBmb250LWZhbWlseTogU2Vnb2VVSSwgQXJpYWwsIHNhbnMtc2VyaWY7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgY29sb3I6ICR0ZXh0LWNvbG9yO1xuICBib3JkZXItd2lkdGg6IDFweDtcblx0Ym9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJGJhY2tncm91bmQtY29sb3I7XG59XG5cbi5zYS10ZXh0LXRhYmxlX19jZWxsIHtcblx0Ym9yZGVyLXdpZHRoOiAxcHg7XG5cdHBhZGRpbmc6IDhweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkYm9yZGVyLWNvbG9yO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkYmFja2dyb3VuZC1jb2xvcjtcbiAgbWluLWhlaWdodDogJGZvcm0tZWxlbWVudC1oZWlnaHQ7XG59XG4iXSwic291cmNlUm9vdCI6IiJ9*/

/*!
 * Bootstrap Grid Only (grid and responsive utilities extracted from Bootstrap 4.1.3)
 * GitHub: https://github.com/dmhendricks/bootstrap-grid-css
 * Bootstrap License: MIT (https://github.com/twbs/bootstrap/blob/v4-dev/LICENSE)
 * Credits: Twitter, Inc. & The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
 */ @-ms-viewport {
    width: device-width
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*, *::before, *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.bootstrap-wrapper .clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.bootstrap-wrapper .visible {
    visibility: visible !important
}

.bootstrap-wrapper .invisible {
    visibility: hidden !important
}

.bootstrap-wrapper .hidden-xs-up {
    display: none !important
}

@media(max-width:575.98px) {
    .bootstrap-wrapper .hidden-xs-down {
        display: none !important
    }
}

@media(min-width:576px) {
    .bootstrap-wrapper .hidden-sm-up {
        display: none !important
    }
}

@media(max-width:767.98px) {
    .bootstrap-wrapper .hidden-sm-down {
        display: none !important
    }
}

@media(min-width:768px) {
    .bootstrap-wrapper .hidden-md-up {
        display: none !important
    }
}

@media(max-width:991.98px) {
    .bootstrap-wrapper .hidden-md-down {
        display: none !important
    }
}

@media(min-width:992px) {
    .bootstrap-wrapper .hidden-lg-up {
        display: none !important
    }
}

@media(max-width:1199.98px) {
    .bootstrap-wrapper .hidden-lg-down {
        display: none !important
    }
}

@media(min-width:1200px) {
    .bootstrap-wrapper .hidden-xl-up {
        display: none !important
    }
}

.bootstrap-wrapper .hidden-xl-down {
    display: none !important
}

.bootstrap-wrapper .visible-print-block {
    display: none !important
}

@media print {
    .bootstrap-wrapper .visible-print-block {
        display: block !important
    }
}

.bootstrap-wrapper .visible-print-inline {
    display: none !important
}

@media print {
    .bootstrap-wrapper .visible-print-inline {
        display: inline !important
    }
}

.bootstrap-wrapper .visible-print-inline-block {
    display: none !important
}

@media print {
    .bootstrap-wrapper .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .bootstrap-wrapper .hidden-print {
        display: none !important
    }
}

.bootstrap-wrapper .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    .bootstrap-wrapper .container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .bootstrap-wrapper .container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    .bootstrap-wrapper .container {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    .bootstrap-wrapper .container {
        max-width: 1140px
    }
}

.bootstrap-wrapper .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.bootstrap-wrapper .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.bootstrap-wrapper .no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .bootstrap-wrapper .no-gutters > .col, .bootstrap-wrapper .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0
    }

.bootstrap-wrapper .col-1, .bootstrap-wrapper .col-2, .bootstrap-wrapper .col-3, .bootstrap-wrapper .col-4, .bootstrap-wrapper .col-5, .bootstrap-wrapper .col-6, .bootstrap-wrapper .col-7, .bootstrap-wrapper .col-8, .bootstrap-wrapper .col-9, .bootstrap-wrapper .col-10, .bootstrap-wrapper .col-11, .bootstrap-wrapper .col-12, .bootstrap-wrapper .col, .bootstrap-wrapper .col-auto, .bootstrap-wrapper .col-sm-1, .bootstrap-wrapper .col-sm-2, .bootstrap-wrapper .col-sm-3, .bootstrap-wrapper .col-sm-4, .bootstrap-wrapper .col-sm-5, .bootstrap-wrapper .col-sm-6, .bootstrap-wrapper .col-sm-7, .bootstrap-wrapper .col-sm-8, .bootstrap-wrapper .col-sm-9, .bootstrap-wrapper .col-sm-10, .bootstrap-wrapper .col-sm-11, .bootstrap-wrapper .col-sm-12, .bootstrap-wrapper .col-sm, .bootstrap-wrapper .col-sm-auto, .bootstrap-wrapper .col-md-1, .bootstrap-wrapper .col-md-2, .bootstrap-wrapper .col-md-3, .bootstrap-wrapper .col-md-4, .bootstrap-wrapper .col-md-5, .bootstrap-wrapper .col-md-6, .bootstrap-wrapper .col-md-7, .bootstrap-wrapper .col-md-8, .bootstrap-wrapper .col-md-9, .bootstrap-wrapper .col-md-10, .bootstrap-wrapper .col-md-11, .bootstrap-wrapper .col-md-12, .bootstrap-wrapper .col-md, .bootstrap-wrapper .col-md-auto, .bootstrap-wrapper .col-lg-1, .bootstrap-wrapper .col-lg-2, .bootstrap-wrapper .col-lg-3, .bootstrap-wrapper .col-lg-4, .bootstrap-wrapper .col-lg-5, .bootstrap-wrapper .col-lg-6, .bootstrap-wrapper .col-lg-7, .bootstrap-wrapper .col-lg-8, .bootstrap-wrapper .col-lg-9, .bootstrap-wrapper .col-lg-10, .bootstrap-wrapper .col-lg-11, .bootstrap-wrapper .col-lg-12, .bootstrap-wrapper .col-lg, .bootstrap-wrapper .col-lg-auto, .bootstrap-wrapper .col-xl-1, .bootstrap-wrapper .col-xl-2, .bootstrap-wrapper .col-xl-3, .bootstrap-wrapper .col-xl-4, .bootstrap-wrapper .col-xl-5, .bootstrap-wrapper .col-xl-6, .bootstrap-wrapper .col-xl-7, .bootstrap-wrapper .col-xl-8, .bootstrap-wrapper .col-xl-9, .bootstrap-wrapper .col-xl-10, .bootstrap-wrapper .col-xl-11, .bootstrap-wrapper .col-xl-12, .bootstrap-wrapper .col-xl, .bootstrap-wrapper .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.bootstrap-wrapper .col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.bootstrap-wrapper .col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.bootstrap-wrapper .col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.bootstrap-wrapper .col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.bootstrap-wrapper .col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
/*    max-width: 25%
*/}

.bootstrap-wrapper .col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.bootstrap-wrapper .col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.bootstrap-wrapper .col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.bootstrap-wrapper .col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.bootstrap-wrapper .col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.bootstrap-wrapper .col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.bootstrap-wrapper .col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.bootstrap-wrapper .col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.bootstrap-wrapper .col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.bootstrap-wrapper .order-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.bootstrap-wrapper .order-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13
}

.bootstrap-wrapper .order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.bootstrap-wrapper .order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.bootstrap-wrapper .order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.bootstrap-wrapper .order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.bootstrap-wrapper .order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.bootstrap-wrapper .order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.bootstrap-wrapper .order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

.bootstrap-wrapper .order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}

.bootstrap-wrapper .order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}

.bootstrap-wrapper .order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9
}

.bootstrap-wrapper .order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.bootstrap-wrapper .order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11
}

.bootstrap-wrapper .order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}

.bootstrap-wrapper .offset-1 {
    margin-left: 8.3333333333%
}

.bootstrap-wrapper .offset-2 {
    margin-left: 16.6666666667%
}

.bootstrap-wrapper .offset-3 {
    margin-left: 25%
}

.bootstrap-wrapper .offset-4 {
    margin-left: 33.3333333333%
}

.bootstrap-wrapper .offset-5 {
    margin-left: 41.6666666667%
}

.bootstrap-wrapper .offset-6 {
    margin-left: 50%
}

.bootstrap-wrapper .offset-7 {
    margin-left: 58.3333333333%
}

.bootstrap-wrapper .offset-8 {
    margin-left: 66.6666666667%
}

.bootstrap-wrapper .offset-9 {
    margin-left: 75%
}

.bootstrap-wrapper .offset-10 {
    margin-left: 83.3333333333%
}

.bootstrap-wrapper .offset-11 {
    margin-left: 91.6666666667%
}

@media(min-width:576px) {
    .bootstrap-wrapper .col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .bootstrap-wrapper .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .bootstrap-wrapper .col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .bootstrap-wrapper .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .bootstrap-wrapper .col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .bootstrap-wrapper .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .bootstrap-wrapper .col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .bootstrap-wrapper .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .bootstrap-wrapper .col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .bootstrap-wrapper .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .bootstrap-wrapper .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .bootstrap-wrapper .col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .bootstrap-wrapper .col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .bootstrap-wrapper .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .bootstrap-wrapper .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .bootstrap-wrapper .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .bootstrap-wrapper .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .bootstrap-wrapper .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .bootstrap-wrapper .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .bootstrap-wrapper .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .bootstrap-wrapper .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .bootstrap-wrapper .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .bootstrap-wrapper .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .bootstrap-wrapper .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .bootstrap-wrapper .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .bootstrap-wrapper .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .bootstrap-wrapper .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .bootstrap-wrapper .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .bootstrap-wrapper .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .bootstrap-wrapper .offset-sm-0 {
        margin-left: 0
    }

    .bootstrap-wrapper .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .bootstrap-wrapper .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .bootstrap-wrapper .offset-sm-3 {
        margin-left: 25%
    }

    .bootstrap-wrapper .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .bootstrap-wrapper .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .bootstrap-wrapper .offset-sm-6 {
        margin-left: 50%
    }

    .bootstrap-wrapper .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .bootstrap-wrapper .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .bootstrap-wrapper .offset-sm-9 {
        margin-left: 75%
    }

    .bootstrap-wrapper .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .bootstrap-wrapper .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width:768px) {
    .bootstrap-wrapper .col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .bootstrap-wrapper .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .bootstrap-wrapper .col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .bootstrap-wrapper .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .bootstrap-wrapper .col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .bootstrap-wrapper .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .bootstrap-wrapper .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .bootstrap-wrapper .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .bootstrap-wrapper .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .bootstrap-wrapper .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .bootstrap-wrapper .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .bootstrap-wrapper .col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .bootstrap-wrapper .col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .bootstrap-wrapper .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .bootstrap-wrapper .order-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .bootstrap-wrapper .order-md-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .bootstrap-wrapper .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .bootstrap-wrapper .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .bootstrap-wrapper .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .bootstrap-wrapper .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .bootstrap-wrapper .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .bootstrap-wrapper .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .bootstrap-wrapper .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .bootstrap-wrapper .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .bootstrap-wrapper .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .bootstrap-wrapper .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .bootstrap-wrapper .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .bootstrap-wrapper .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .bootstrap-wrapper .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .bootstrap-wrapper .offset-md-0 {
        margin-left: 0
    }

    .bootstrap-wrapper .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .bootstrap-wrapper .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .bootstrap-wrapper .offset-md-3 {
        margin-left: 25%
    }

    .bootstrap-wrapper .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .bootstrap-wrapper .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .bootstrap-wrapper .offset-md-6 {
        margin-left: 50%
    }

    .bootstrap-wrapper .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .bootstrap-wrapper .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .bootstrap-wrapper .offset-md-9 {
        margin-left: 75%
    }

    .bootstrap-wrapper .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .bootstrap-wrapper .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width:992px) {
    .bootstrap-wrapper .col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .bootstrap-wrapper .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .bootstrap-wrapper .col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .bootstrap-wrapper .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .bootstrap-wrapper .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .bootstrap-wrapper .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .bootstrap-wrapper .col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .bootstrap-wrapper .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .bootstrap-wrapper .col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .bootstrap-wrapper .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .bootstrap-wrapper .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .bootstrap-wrapper .col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .bootstrap-wrapper .col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .bootstrap-wrapper .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .bootstrap-wrapper .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .bootstrap-wrapper .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .bootstrap-wrapper .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .bootstrap-wrapper .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .bootstrap-wrapper .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .bootstrap-wrapper .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .bootstrap-wrapper .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .bootstrap-wrapper .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .bootstrap-wrapper .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .bootstrap-wrapper .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .bootstrap-wrapper .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .bootstrap-wrapper .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .bootstrap-wrapper .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .bootstrap-wrapper .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .bootstrap-wrapper .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .bootstrap-wrapper .offset-lg-0 {
        margin-left: 0
    }

    .bootstrap-wrapper .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .bootstrap-wrapper .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .bootstrap-wrapper .offset-lg-3 {
        margin-left: 25%
    }

    .bootstrap-wrapper .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .bootstrap-wrapper .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .bootstrap-wrapper .offset-lg-6 {
        margin-left: 50%
    }

    .bootstrap-wrapper .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .bootstrap-wrapper .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .bootstrap-wrapper .offset-lg-9 {
        margin-left: 75%
    }

    .bootstrap-wrapper .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .bootstrap-wrapper .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width:1200px) {
    .bootstrap-wrapper .col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .bootstrap-wrapper .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .bootstrap-wrapper .col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .bootstrap-wrapper .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .bootstrap-wrapper .col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .bootstrap-wrapper .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .bootstrap-wrapper .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .bootstrap-wrapper .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .bootstrap-wrapper .col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .bootstrap-wrapper .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .bootstrap-wrapper .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .bootstrap-wrapper .col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .bootstrap-wrapper .col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .bootstrap-wrapper .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .bootstrap-wrapper .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .bootstrap-wrapper .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .bootstrap-wrapper .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .bootstrap-wrapper .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .bootstrap-wrapper .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .bootstrap-wrapper .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .bootstrap-wrapper .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .bootstrap-wrapper .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .bootstrap-wrapper .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .bootstrap-wrapper .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .bootstrap-wrapper .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .bootstrap-wrapper .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .bootstrap-wrapper .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .bootstrap-wrapper .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .bootstrap-wrapper .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .bootstrap-wrapper .offset-xl-0 {
        margin-left: 0
    }

    .bootstrap-wrapper .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .bootstrap-wrapper .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .bootstrap-wrapper .offset-xl-3 {
        margin-left: 25%
    }

    .bootstrap-wrapper .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .bootstrap-wrapper .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .bootstrap-wrapper .offset-xl-6 {
        margin-left: 50%
    }

    .bootstrap-wrapper .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .bootstrap-wrapper .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .bootstrap-wrapper .offset-xl-9 {
        margin-left: 75%
    }

    .bootstrap-wrapper .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .bootstrap-wrapper .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.bootstrap-wrapper .img-fluid {
    max-width: 100%;
    height: auto
}



.mdl-chipfield {
    cursor: text;
    padding-bottom: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid lightgrey;
}

    .mdl-chipfield .inputs {
        margin-left: 5px;
        float: left;
        position: relative;
    }

    .mdl-chipfield .mdl-chip {
        float: left;
        margin-right: 5px;
    }

    .mdl-chipfield .mdl-textfield__input {
        height: 38px;
        border-bottom: none;
    }

    .mdl-chipfield .mdl-textfield__label {
        top: 8px;
    }

    .mdl-chipfield:after {
        /* TODO: without integration into MDL this has to be changed to your primary color */
        background-color: #009688;
        bottom: -1px;
        content: '';
        height: 2px;
        left: 45%;
        position: absolute;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        visibility: hidden;
        width: 10px;
    }

    .mdl-chipfield.is-focused:after {
        visibility: visible;
        left: 0;
        width: 100%;
    }

    .mdl-chipfield .mdl-textfield__label:after {
        display: none;
    }

    .mdl-chipfield .results {
        width: 100%;
        max-height: 200px;
        overflow-y: auto;
        list-style: none;
        position: absolute;
        background-color: white;
        z-index: 10;
        padding: 0;
        margin-top: 1px;
    }

        .mdl-chipfield .results li {
            cursor: pointer;
            padding: 10px 5px 10px 10px;
        }

            .mdl-chipfield .results li:hover, .mdl-chipfield .results li.is-selected {
                background-color: #eeeeee;
            }

/*# sourceMappingURL=mdl-chips-input.css.map */

/*
 * WTF, forms?
 * Released under MIT and copyright 2014 Mark Otto.
 * http://wtfforms.com
 *
 * Embedded icons from Open Iconic.
 * Released under MIT and copyright 2014 Waybury.
 * http://useiconic.com/open
 */



/*
 * Checkboxes and radios
 */

.control {
    position: relative;
    display: inline-block;
    padding-left: 1.5rem;
    color: #555;
    cursor: pointer;
}

    .control input {
        position: absolute;
        opacity: 0;
        z-index: -1; /* Put the input behind the label so it doesn't overlay text */
    }

.control-indicator {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 65%;
    color: #eee;
    text-align: center;
    background-color: #eee;
    background-size: 50% 50%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
.control:hover .control-indicator {
  color: #fff;
  background-color: #ccc;
}
*/

/* Focus */
.control input:focus ~ .control-indicator {
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
}

/* Checked state */
.control input:checked ~ .control-indicator {
    color: #fff;
    background-color: #0074d9;
}

/* Active */
.control input:active ~ .control-indicator {
    color: #fff;
    background-color: #84c6ff;
}

/* Checkbox modifiers */
.checkbox .control-indicator {
    border-radius: .25rem;
}

.checkbox input:checked ~ .control-indicator {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
}

/* Radio modifiers */
.radio .control-indicator {
    border-radius: 50%;
}

.radio input:checked ~ .control-indicator {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==);
}

/* Alternately, use another character */
.control-x input:checked ~ .control-indicator {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjQsMEwwLDEuNGwwLjcsMC43bDEuOCwxLjhMMC43LDUuN0wwLDYuNGwxLjQsMS40bDAuNy0wLjdsMS44LTEuOGwxLjgsMS44bDAuNywwLjdsMS40LTEuNEw3LjEsNS43DQoJTDUuMywzLjlsMS44LTEuOGwwLjctMC43TDYuNCwwTDUuNywwLjdMMy45LDIuNUwyLjEsMC43QzIuMSwwLjcsMS40LDAsMS40LDB6Ii8+DQo8L3N2Zz4NCg==);
}

.control-dash input:checked ~ .control-indicator {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K)
}



/*
 * Select
 */

.select {
    position: relative;
    display: inline-block;
    color: #555;
}

    .select select {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: .5rem 2.25rem .5rem 1rem;
        line-height: 1.5;
        color: #555;
        background-color: #eee;
        border: 0;
        border-radius: .25rem;
        cursor: pointer;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
        /* Undo the Firefox inner focus ring */
        .select select:focus:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #000;
        }
    /* Dropdown arrow */
    .select:after {
        position: absolute;
        top: 50%;
        right: 1.25rem;
        display: inline-block;
        content: "";
        width: 0;
        height: 0;
        margin-top: -.15rem;
        pointer-events: none;
        border-top: .35rem solid;
        border-right: .35rem solid transparent;
        border-bottom: .35rem solid transparent;
        border-left: .35rem solid transparent;
    }

    /* Hover state */
    /* Uncomment if you need it, but be aware of the sticky iOS states.
.select select:hover {
  background-color: #ddd;
}
*/

    /* Focus */
    .select select:focus {
        box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
    }

    /* Active/open */
    .select select:active {
        color: #fff;
        background-color: #0074d9;
    }

    /* Hide the arrow in IE10 and up */
    .select select::-ms-expand {
        display: none;
    }

/* Media query to target Firefox only */
@-moz-document url-prefix() {
    /* Firefox hack to hide the arrow */
    .select select {
        text-indent: 0.01px;
        text-overflow: '';
        padding-right: 1rem;
    }
    /* <option> elements inherit styles from <select>, so reset them. */
    .select option {
        background-color: #fff;
    }
}

/* IE9 hack to hide the arrow */
@media screen and (min-width:0\0) {
    .select select {
        z-index: 1;
        padding: .5rem 1.5rem .5rem 1rem;
    }

    .select:after {
        z-index: 5;
    }

    .select:before {
        position: absolute;
        top: 0;
        right: 1rem;
        bottom: 0;
        z-index: 2;
        content: "";
        display: block;
        width: 1.5rem;
        background-color: #eee;
    }

    .select select:hover,
    .select select:focus,
    .select select:active {
        color: #555;
        background-color: #eee;
    }
}





/*
 * Progress
 */

.progress {
    display: inline-block;
    height: 1rem;
}

    .progress[value] {
        /* Reset the default appearance */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        /* Remove Firefox and Opera border */
        border: 0;
        /* IE10 uses `color` to set the bar background-color */
        color: #0074d9;
    }

        .progress[value]::-webkit-progress-bar {
            background-color: #eee;
            border-radius: .2rem;
        }

        .progress[value]::-webkit-progress-value {
            background-color: #0074d9;
            border-top-left-radius: .2rem;
            border-bottom-left-radius: .2rem;
        }

    .progress[value="100"]::-webkit-progress-value {
        border-top-right-radius: .2rem;
        border-bottom-right-radius: .2rem;
    }

/* Firefox styles must be entirely separate or it busts Webkit styles. */
@-moz-document url-prefix() {
    .progress[value] {
        background-color: #eee;
        border-radius: .2rem;
    }

        .progress[value]::-moz-progress-bar {
            background-color: #0074d9;
            border-top-left-radius: .2rem;
            border-bottom-left-radius: .2rem;
        }

    .progress[value="100"]::-moz-progress-bar {
        border-top-right-radius: .2rem;
        border-bottom-right-radius: .2rem;
    }
}

/* IE9 hacks to accompany custom markup. We don't need to scope this via media queries, but I feel better doing it anyway. */
@media screen and (min-width:0\0) {
    .progress {
        background-color: #eee;
        border-radius: .2rem;
    }

    .progress-bar {
        display: inline-block;
        height: 1rem;
        text-indent: -999rem; /* Simulate hiding of value as in native `<progress>` */
        background-color: #0074d9;
        border-top-left-radius: .2rem;
        border-bottom-left-radius: .2rem;
    }

    .progress[width="100%"] {
        border-top-right-radius: .2rem;
        border-bottom-right-radius: .2rem;
    }
}


/*
 * Control layouts
 */

.controls-stacked {
    margin: 1rem 0;
}

    .controls-stacked .control,
    .controls-stacked .progress {
        display: block;
    }

        .controls-stacked .control + .control,
        .controls-stacked .progress + .progress {
            margin-top: .5rem;
        }

.controls-inline {
    margin: 1rem 0;
}

    .controls-inline .control {
        display: inline-block;
        height: 1rem;
    }

        .controls-inline .control + .control {
            margin-left: 1rem;
        }
/* Breadcrumbs ================================= */
.breadcrumb {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  font-size: 13px;
  margin-bottom: 10px;
  padding:7px !important;
}
  .breadcrumb li a {
    color: #444;
    text-decoration: none; }
    .breadcrumb li a .material-icons {
      font-size: 18px;
      position: relative;
      top: 4px; }
  .breadcrumb li .material-icons {
    font-size: 18px;
    position: relative;
    top: 4px; }
  .breadcrumb > li + li:before {
    content: '>\00a0'; }

.breadcrumb-col-red li a {
  color: #F44336 !important;
  font-weight: bold; }

.breadcrumb-bg-red {
  background-color: #F44336 !important; }
  .breadcrumb-bg-red li {
    color: #fff !important; }
    .breadcrumb-bg-red li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-red li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-red li + li:before {
    color: #fff; }

.breadcrumb-col-pink li a {
  color: #E91E63 !important;
  font-weight: bold; }

.breadcrumb-bg-pink {
  background-color: #E91E63 !important; }
  .breadcrumb-bg-pink li {
    color: #fff !important; }
    .breadcrumb-bg-pink li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-pink li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-pink li + li:before {
    color: #fff; }

.breadcrumb-col-purple li a {
  color: #9C27B0 !important;
  font-weight: bold; }

.breadcrumb-bg-purple {
  background-color: #9C27B0 !important; }
  .breadcrumb-bg-purple li {
    color: #fff !important; }
    .breadcrumb-bg-purple li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-purple li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-purple li + li:before {
    color: #fff; }

.breadcrumb-col-deep-purple li a {
  color: #673AB7 !important;
  font-weight: bold; }

.breadcrumb-bg-deep-purple {
  background-color: #673AB7 !important; }
  .breadcrumb-bg-deep-purple li {
    color: #fff !important; }
    .breadcrumb-bg-deep-purple li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-deep-purple li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-deep-purple li + li:before {
    color: #fff; }

.breadcrumb-col-indigo li a {
  color: #3F51B5 !important;
  font-weight: bold; }

.breadcrumb-bg-indigo {
  background-color: #3F51B5 !important; }
  .breadcrumb-bg-indigo li {
    color: #fff !important; }
    .breadcrumb-bg-indigo li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-indigo li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-indigo li + li:before {
    color: #fff; }

.breadcrumb-col-blue li a {
  color: #2196F3 !important;
  font-weight: bold; }

.breadcrumb-bg-blue {
  background-color: #2196F3 !important; }
  .breadcrumb-bg-blue li {
    color: #fff !important; }
    .breadcrumb-bg-blue li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-blue li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-blue li + li:before {
    color: #fff; }

.breadcrumb-col-light-blue li a {
  color: #03A9F4 !important;
  font-weight: bold; }

.breadcrumb-bg-light-blue {
  background-color: #03A9F4 !important; }
  .breadcrumb-bg-light-blue li {
    color: #fff !important; }
    .breadcrumb-bg-light-blue li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-light-blue li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-light-blue li + li:before {
    color: #fff; }

.breadcrumb-col-cyan li a {
  color: #00BCD4 !important;
  font-weight: bold; }

.breadcrumb-bg-cyan {
  background-color: #00BCD4 !important; }
  .breadcrumb-bg-cyan li {
    color: #fff !important; }
    .breadcrumb-bg-cyan li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-cyan li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-cyan li + li:before {
    color: #fff; }

.breadcrumb-col-teal li a {
  color: #009688 !important;
  font-weight: bold; }

.breadcrumb-bg-teal {
  background-color: #009688 !important; }
  .breadcrumb-bg-teal li {
    color: #fff !important; }
    .breadcrumb-bg-teal li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-teal li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-teal li + li:before {
    color: #fff; }

.breadcrumb-col-green li a {
  color: #4CAF50 !important;
  font-weight: bold; }

.breadcrumb-bg-green {
  background-color: #4CAF50 !important; }
  .breadcrumb-bg-green li {
    color: #fff !important; }
    .breadcrumb-bg-green li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-green li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-green li + li:before {
    color: #fff; }

.breadcrumb-col-light-green li a {
  color: #8BC34A !important;
  font-weight: bold; }

.breadcrumb-bg-light-green {
  background-color: #8BC34A !important; }
  .breadcrumb-bg-light-green li {
    color: #fff !important; }
    .breadcrumb-bg-light-green li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-light-green li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-light-green li + li:before {
    color: #fff; }

.breadcrumb-col-lime li a {
  color: #CDDC39 !important;
  font-weight: bold; }

.breadcrumb-bg-lime {
  background-color: #CDDC39 !important; }
  .breadcrumb-bg-lime li {
    color: #fff !important; }
    .breadcrumb-bg-lime li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-lime li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-lime li + li:before {
    color: #fff; }

.breadcrumb-col-yellow li a {
  color: #ffe821 !important;
  font-weight: bold; }

.breadcrumb-bg-yellow {
  background-color: #ffe821 !important; }
  .breadcrumb-bg-yellow li {
    color: #fff !important; }
    .breadcrumb-bg-yellow li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-yellow li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-yellow li + li:before {
    color: #fff; }

.breadcrumb-col-amber li a {
  color: #FFC107 !important;
  font-weight: bold; }

.breadcrumb-bg-amber {
  background-color: #FFC107 !important; }
  .breadcrumb-bg-amber li {
    color: #fff !important; }
    .breadcrumb-bg-amber li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-amber li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-amber li + li:before {
    color: #fff; }

.breadcrumb-col-orange li a {
  color: #FF9800 !important;
  font-weight: bold; }

.breadcrumb-bg-orange {
  background-color: #FF9800 !important; }
  .breadcrumb-bg-orange li {
    color: #fff !important; }
    .breadcrumb-bg-orange li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-orange li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-orange li + li:before {
    color: #fff; }

.breadcrumb-col-deep-orange li a {
  color: #FF5722 !important;
  font-weight: bold; }

.breadcrumb-bg-deep-orange {
  background-color: #FF5722 !important; }
  .breadcrumb-bg-deep-orange li {
    color: #fff !important; }
    .breadcrumb-bg-deep-orange li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-deep-orange li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-deep-orange li + li:before {
    color: #fff; }

.breadcrumb-col-brown li a {
  color: #795548 !important;
  font-weight: bold; }

.breadcrumb-bg-brown {
  background-color: #795548 !important; }
  .breadcrumb-bg-brown li {
    color: #fff !important; }
    .breadcrumb-bg-brown li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-brown li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-brown li + li:before {
    color: #fff; }

.breadcrumb-col-grey li a {
  color: #9E9E9E !important;
  font-weight: bold; }

.breadcrumb-bg-grey {
  background-color: #9E9E9E !important; }
  .breadcrumb-bg-grey li {
    color: #fff !important; }
    .breadcrumb-bg-grey li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-grey li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-grey li + li:before {
    color: #fff; }

.breadcrumb-col-blue-grey li a {
  color: #607D8B !important;
  font-weight: bold; }

.breadcrumb-bg-blue-grey {
  background-color: #607D8B !important; }
  .breadcrumb-bg-blue-grey li {
    color: #fff !important; }
    .breadcrumb-bg-blue-grey li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-blue-grey li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-blue-grey li + li:before {
    color: #fff; }

.breadcrumb-col-black li a {
  color: #000000 !important;
  font-weight: bold; }

.breadcrumb-bg-black {
  background-color: #000000 !important; }
  .breadcrumb-bg-black li {
    color: #fff !important; }
    .breadcrumb-bg-black li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-black li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-black li + li:before {
    color: #fff; }

.breadcrumb-col-white li a {
  color: #ffffff !important;
  font-weight: bold; }

.breadcrumb-bg-white {
  background-color: #ffffff !important; }
  .breadcrumb-bg-white li {
    color: #fff !important; }
    .breadcrumb-bg-white li a {
      color: #fff;
      font-weight: bold; }
      .breadcrumb-bg-white li a .material-icons {
        padding-bottom: 8px; }
  .breadcrumb-bg-white li + li:before {
    color: #fff; }
.breadcrumb {
    padding: 8px 15px !important;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0";
        }

    .breadcrumb > .active {
        color: #777;
    }

label.form-label {
    padding-top: .67rem !important;
}
.form-outline .form-control {
    padding: .66em .75em !important;
}

.cssProgress {
    width: 100%;
    margin-bottom: 20px;
}

    .cssProgress .progress1,
    .cssProgress .progress2,
    .cssProgress .progress3 {
        position: relative;
        overflow: hidden;
        width: 100%;
        font-family: "Roboto", sans-serif;
    }

    .cssProgress .cssProgress-bar {
        display: block;
        float: left;
        width: 0%;
        height: 100%;
        background: #3798d9;
        box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.1);
        transition: width 0.8s ease-in-out;
    }

    .cssProgress .cssProgress-label {
        position: absolute;
        overflow: hidden;
        left: 0px;
        right: 0px;
        color: rgba(0, 0, 0, 0.6);
        font-size: 0.7em;
        text-align: center;
        text-shadow: 0px 1px rgba(0, 0, 0, 0.3);
    }

    .cssProgress .cssProgress-info {
        background-color: #9575cd !important;
    }

    .cssProgress .cssProgress-danger {
        background-color: #ef5350 !important;
    }

    .cssProgress .cssProgress-success {
        background-color: #66bb6a !important;
    }

    .cssProgress .cssProgress-warning {
        background-color: #ffb74d !important;
    }

    .cssProgress .cssProgress-right {
        float: right !important;
    }

    .cssProgress .cssProgress-label-left {
        margin-left: 10px;
        text-align: left !important;
    }

    .cssProgress .cssProgress-label-right {
        margin-right: 10px;
        text-align: right !important;
    }

    .cssProgress .cssProgress-label2 {
        display: block;
        margin: 2px 0;
        padding: 0 8px;
        font-size: 0.8em;
    }

        .cssProgress .cssProgress-label2.cssProgress-label2-right {
            text-align: right;
        }

        .cssProgress .cssProgress-label2.cssProgress-label2-center {
            text-align: center;
        }

    .cssProgress .cssProgress-stripes,
    .cssProgress .cssProgress-active,
    .cssProgress .cssProgress-active-right {
        background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.125) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.125) 50%, rgba(255, 255, 255, 0.125) 75%, transparent 75%, transparent);
        background-size: 35px 35px;
    }

    .cssProgress .cssProgress-active {
        -webkit-animation: cssProgressActive 2s linear infinite;
        animation: cssProgressActive 2s linear infinite;
    }

    .cssProgress .cssProgress-active-right {
        -webkit-animation: cssProgressActiveRight 2s linear infinite;
        animation: cssProgressActiveRight 2s linear infinite;
    }

@-webkit-keyframes cssProgressActive {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 35px 35px;
    }
}

@keyframes cssProgressActive {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 35px 35px;
    }
}

@-webkit-keyframes cssProgressActiveRight {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -35px -35px;
    }
}

@keyframes cssProgressActiveRight {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -35px -35px;
    }
}

/* -----------------------------------------------------
	Progress Bar 1
-------------------------------------------------------- */
.progress1 {
    background-color: #EEE;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
}

    .progress1 .cssProgress-bar {
        height: 18px;
    }

    .progress1 .cssProgress-label {
        line-height: 18px;
    }

/* -----------------------------------------------------
	Progress Bar 2
-------------------------------------------------------- */
.progress2 {
    background-color: #EEE;
    border-radius: 9px;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
}

    .progress2 .cssProgress-bar {
        height: 18px;
        border-radius: 9px;
    }

    .progress2 .cssProgress-label {
        line-height: 18px;
    }

/* -----------------------------------------------------
	Progress Bar 3
-------------------------------------------------------- */
.progress3 {
    width: auto !important;
    padding: 4px;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

    .progress3 .cssProgress-bar {
        height: 16px;
        border-radius: 3px;
    }

    .progress3 .cssProgress-label {
        line-height: 16px;
    }

/* -----------------------------------------------------
	Progress Bar 4
-------------------------------------------------------- */
.progress4 {
    position: relative;
    width: 100%;
    /*background-color: #EEE;*/
    background-color: #e91e63;
}

    .progress4.cssProgress-bg {
        background-color: #bbdefb !important;
    }

    .progress4.cssProgress-bg-info {
        background-color: #d1c4e9 !important;
    }

    .progress4.cssProgress-bg-danger {
        background-color: #ffcdd2 !important;
    }

    .progress4.cssProgress-bg-success {
        background-color: #c8e6c9 !important;
    }

    .progress4.cssProgress-bg-warning {
        background-color: #ffecb3 !important;
    }

    .progress4 .cssProgress-bar {
        display: block;
        float: none;
        width: 0%;
        height: 4px;
        background: #3798d9;
    }

        .progress4 .cssProgress-bar.cssProgress-lg {
            height: 6px;
        }

        .progress4 .cssProgress-bar.cssProgress-2x {
            height: 8px;
        }

        .progress4 .cssProgress-bar.cssProgress-3x {
            height: 10px;
        }

        .progress4 .cssProgress-bar.cssProgress-4x {
            height: 12px;
        }

        .progress4 .cssProgress-bar.cssProgress-5x {
            height: 14px;
        }

        .progress4 .cssProgress-bar.cssProgress-glow {
            box-shadow: 5px 0px 15px 0px #3798D9;
        }

            .progress4 .cssProgress-bar.cssProgress-glow.cssProgress-info {
                box-shadow: 5px 0px 15px 0px #9575cd;
            }

            .progress4 .cssProgress-bar.cssProgress-glow.cssProgress-danger {
                box-shadow: 5px 0px 15px 0px #ef5350;
            }

            .progress4 .cssProgress-bar.cssProgress-glow.cssProgress-success {
                box-shadow: 5px 0px 15px 0px #66bb6a;
            }

            .progress4 .cssProgress-bar.cssProgress-glow.cssProgress-warning {
                box-shadow: 5px 0px 15px 0px #ffb74d;
            }

        .progress4 .cssProgress-bar.cssProgress-glow-active {
            -webkit-animation: cssProgressGlowActive1 3s linear infinite;
            animation: cssProgressGlowActive1 3s linear infinite;
        }

            .progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-info {
                -webkit-animation: cssProgressGlowActive2 3s linear infinite;
                animation: cssProgressGlowActive2 3s linear infinite;
            }

            .progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-danger {
                -webkit-animation: cssProgressGlowActive3 3s linear infinite;
                animation: cssProgressGlowActive3 3s linear infinite;
            }

            .progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-success {
                -webkit-animation: cssProgressGlowActive4 3s linear infinite;
                animation: cssProgressGlowActive4 3s linear infinite;
            }

            .progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-warning {
                -webkit-animation: cssProgressGlowActive5 3s linear infinite;
                animation: cssProgressGlowActive5 3s linear infinite;
            }

@-webkit-keyframes cssProgressGlowActive1 {
    0%, 100% {
        box-shadow: 5px 0px 15px 0px #3798D9;
    }

    45% {
        box-shadow: 1px 0px 4px 0px #3798D9;
    }
}

@keyframes cssProgressGlowActive1 {
    0%, 100% {
        box-shadow: 5px 0px 15px 0px #3798D9;
    }

    45% {
        box-shadow: 1px 0px 4px 0px #3798D9;
    }
}

@-webkit-keyframes cssProgressGlowActive2 {
    0%, 100% {
        box-shadow: 5px 0px 15px 0px #9575cd;
    }

    45% {
        box-shadow: 1px 0px 4px 0px #9575cd;
    }
}

@keyframes cssProgressGlowActive2 {
    0%, 100% {
        box-shadow: 5px 0px 15px 0px #9575cd;
    }

    45% {
        box-shadow: 1px 0px 4px 0px #9575cd;
    }
}

@-webkit-keyframes cssProgressGlowActive3 {
    0%, 100% {
        box-shadow: 5px 0px 15px 0px #ef5350;
    }

    45% {
        box-shadow: 1px 0px 4px 0px #ef5350;
    }
}

@keyframes cssProgressGlowActive3 {
    0%, 100% {
        box-shadow: 5px 0px 15px 0px #ef5350;
    }

    45% {
        box-shadow: 1px 0px 4px 0px #ef5350;
    }
}

@-webkit-keyframes cssProgressGlowActive4 {
    0%, 100% {
        box-shadow: 5px 0px 15px 0px #66bb6a;
    }

    45% {
        box-shadow: 1px 0px 4px 0px #66bb6a;
    }
}

@keyframes cssProgressGlowActive4 {
    0%, 100% {
        box-shadow: 5px 0px 15px 0px #66bb6a;
    }

    45% {
        box-shadow: 1px 0px 4px 0px #66bb6a;
    }
}

@-webkit-keyframes cssProgressGlowActive5 {
    0%, 100% {
        box-shadow: 5px 0px 15px 0px #ffb74d;
    }

    45% {
        box-shadow: 1px 0px 4px 0px #ffb74d;
    }
}

@keyframes cssProgressGlowActive5 {
    0%, 100% {
        box-shadow: 5px 0px 15px 0px #ffb74d;
    }

    45% {
        box-shadow: 1px 0px 4px 0px #ffb74d;
    }
}

svg[md-loader] {
  -webkit-animation: rotate 2s linear infinite;
  -moz-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  width: 35px;
  vertical-align: middle;
}
@-moz-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
svg[md-loader] circle {
  fill: none;
  stroke: #0091ea;
  stroke-dasharray: 2, 155;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.35s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  -moz-animation: dash 1.35s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  animation: dash 1.35s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@-moz-keyframes dash {
  0% {
    stroke-dasharray: 2, 155;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 122, 20;
    stroke-dashoffset: -20;
  }
  100% {
    stroke-dasharray: 2, 155;
    stroke-dashoffset: -155;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 2, 155;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 122, 20;
    stroke-dashoffset: -20;
  }
  100% {
    stroke-dasharray: 2, 155;
    stroke-dashoffset: -155;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 2, 155;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 122, 20;
    stroke-dashoffset: -20;
  }
  100% {
    stroke-dasharray: 2, 155;
    stroke-dashoffset: -155;
  }
}
modal-con[overlay] {
  background: rgba(255, 255, 255, 0.3);
  z-index: 9999;
}
modal-con {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
modal-con > modal {
  width: 350px;
  height: 200px;
  max-width: 85% !important;
  color: #000;
  background: #fff;
  line-height: normal;
  position: fixed;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.1) !important;
  pointer-events: auto !important;
}
modal-con > modal > header {
  width: 90%;
  margin: 0px auto;
  height: 40px;
  margin-top: 10px;
  line-height: 40px;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
modal-con > modal > main {
  width: 90%;
  margin: 0px auto;
  height: calc(100% - 60px);
}
modal-con > modal[loader] {
  width: 250px;
  height: 95px;
}
modal-con > modal[loader] > header {
  height: auto;
  line-height: 30px;
}
modal-con > modal[loader] > header > label {
  font-size: 16px;
}
modal-con > modal[loader] > main > div {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
modal-con > modal[loader] > main > div:nth-child(1) {
  width: 40px;
  text-align: center;
}
modal-con > modal[loader] > main > div:nth-child(2) {
  width: calc(100% - 45px);
  text-indent: 10px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}
modal-con[dark] > modal {
  background: #212121;
  color: #c1bfbf;
}
[overlay] {
  pointer-events: auto;
}
[overlay][dark] {
  background: rgba(0, 0, 0, 0.6);
}
[overlay][light] {
  background: rgba(255, 255, 255, 0.3);
}
[overlay][light] > modal {
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1), 0 5px 30px 0 rgba(0, 0, 0, 0.1);
}
modal-con[top] > modal {
  top: 3em;
  bottom: auto !important;
}
modal-con[bottom] > modal {
  top: auto !important;
  bottom: 3em;
}
modal-con > modal[left] {
  right: auto !important;
  left: 3em;
}
modal-con > modal[right] {
  right: 3em;
  left: auto !important;
}
@media screen and (max-width: 400px) {
  modal-con > modal[left],
  modal-con > modal[right] {
    margin: 0px auto;
    right: 0px !important;
    left: 0px !important;
  }
}