.header { position: relative; }
.page-container .sidebar-menu .logo-env {
    padding: 0px; /*padding-left: 35px;*/
    padding-left: 5px;
}
.page-container .main-content { background: inherit; }
.page-container .sidebar-menu .sidebar-user-info .sui-hover { padding: 0px; padding-left: 27.5px; }
.jumbotron { left: 0px; width: 100%; }
.page-container .main-content { padding-bottom: 64px; box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.1); }
.progress { overflow: hidden; height: 17px; margin-bottom: 17px; background-color: #f5f5f5; border-radius: 3px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.progress-bar { float: left; width: 0%; height: 100%; font-size: 11px; line-height: 17px; color: #fff; text-align: center; background-color: #949494; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; }
.progress-striped .progress-bar,
.progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; }
.progress.active .progress-bar,
.progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }
.progress-bar-success { background-color: #00a651; }
.progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-info { background-color: #21a9e1; }
.progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-warning { background-color: #fad839; }
.progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-danger { background-color: #cc2424; }
.progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.comments { padding: 15px 15px; padding-bottom: 0px; }
.open > .dropdown-menu { display: block; }
.dropdown-menu.pull-right { right: 0; left: auto; }
.pull-right { float: right !important; }
.language-selector .dropdown-menu.pull-right { margin-right: 0px; }
.modal.custom-width .modal-dialog { max-width: inherit; box-shadow: 0 20px 20px rgba(0,0,0,.4); }
.modal-backdrop.in { background-color: rgba(0,0,0,0.6); }
.modal .modal-header { background: rgba(230, 5, 2, 1); }
    .modal .modal-header .close { margin: 0; }
    .modal .modal-header h4 { text-shadow: none; color: #fff; }
.wizard-apps .tile-stats { cursor: pointer; }
    .wizard-apps .tile-stats:hover { border: 1px solid rgba(230, 5, 2, 1); }
    .wizard-apps .tile-stats.active { border: 1px solid rgba(230, 5, 2, 1); }
#app-description { height: 100%; padding-bottom: 12px; }
.box-app { height: 100%; }
    .box-app .box-header { background: #ebebeb; color: #878787; }
    .box-app .box-content { padding: 8px; height: 100%; }
.tile-block .tile-header .subscription-price { float: right; font-size: 24px; position: relative; top: -24px; }
    .tile-block .tile-header .subscription-price i { float: unset; }
    .tile-block .tile-header .subscription-price .fas { color: #3d3c3c; font-size: 24px; display: inline-block; top: -2px; left: -8px; }
    .tile-block .tile-header .subscription-price .price-left { color: #3d3c3c; font-size: 32px; display: inline-block; }
    .tile-block .tile-header .subscription-price .price-comma { color: #3d3c3c; font-size: 24px; display: inline-block; }
    .tile-block .tile-header .subscription-price .price-right { color: #3d3c3c; font-size: 16px; display: inline-block; }
.tile-block .tile-content .number { font-weight: bold; }
.tile-block .form-control { background: rgba(0, 0, 0, 0.15); color: #000; border-color: transparent; border-radius: 0.2rem; }
.select2 { visibility: visible; }
.language-selector > .dropdown-toggle { display: inline-block; padding: 7px 4px; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; }
li.sep { display: inline-block; border-left: 1px solid #eeeef0; height: 12px; width: 0px; line-height: 1.42857143; overflow: hidden; margin-left: 10px; margin-right: 10px; }
#product-results { }
    #product-results article { position:relative; height: 400px; border: 1px solid #a5a3a3; border-radius: 10px; -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); }
        #product-results article .tile-content { overflow: hidden; background: #fff; height: 260px; border-left: 1px solid rgba(0, 0, 0, 0.03); border-right: 1px solid rgba(0, 0, 0, 0.03); text-align: center; font-size: 12px; }
        #product-results article.tile-green .tile-content { border-left: 1px solid #00a65a; border-right: 1px solid #00a65a; color: #767676; }
        #product-results .tile-block.tile-gray .tile-footer { height: 61px; min-height: 61px; padding: 20px 0px 20px 20px; font-size: 14px; display: block; flex-direction: column; justify-content: center; row-gap: 5px; }
        #product-results .tile-block.tile-gray .tile-footer .shipping-price { margin: 0 9px 0 0px; padding: 0 0px 2px 2px; border-bottom: 1px solid #3d3c3c; }
            #product-results .tile-block.tile-gray .tile-footer .shipping-price span { color: #3d3c3c; font-weight: bold; }
            #product-results .tile-block.tile-gray .tile-footer .delivery-stock-container { padding-left: 2px; font-size: 12px; }
.gallery-env article.image-thumb .image { height: 140px; overflow: hidden; display: block; width: 100%; text-align: center; vertical-align: middle; line-height: 140px; margin-bottom: 12px; }
    .gallery-env article.image-thumb .image img { display: inline-block; max-width: 100%; height: auto; border-radius: 3px; width: auto; max-height: 100%; vertical-align: middle; }
.search-results-env .search-bar .form-control + .input-group-btn { border: none; padding-left: 0px; background-color: transparent; -webkit-border-radius: 0px; -webkit-background-clip: padding-box; -moz-border-radius: 0px; -moz-background-clip: padding; border-radius: 0px; background-clip: padding-box; }
    .search-results-env .search-bar .form-control + .input-group-btn .btn-primary { background-color: rgba(0,0,0,0.1); border-radius: 0px; }
        .search-results-env .search-bar .form-control + .input-group-btn .btn-primary.btn-icon i { background-color: rgba(0,0,0,0.1); border-radius: 0px; }
.page-container.sidebar-collapsed .sidebar-user-info { display: none; }
.page-container.sidebar-collapsed .sidebar-menu .logo-env { display: block; padding: 0px; }
.page-container.sidebar-collapsed .sidebar-menu .logo { padding-left: 12px; width: 64px !important; }
    .page-container.sidebar-collapsed .sidebar-menu .logo a { width: 40px; }
.tile-block.tile-gray { box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); }
.tile-block .tile-header.product-price { height: 76px; }
.pagination { display: inline-block; padding-left: 0; margin: 17px 0; border-radius: 3px; }
    .pagination > li { display: inline; }
        .pagination > li > a,
        .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #767676; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; }
        .pagination > li:first-child > a,
        .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
        .pagination > li:last-child > a,
        .pagination > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus { z-index: 2; color: #818da2; background-color: #eeeeee; border-color: #ddd; }
    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus { z-index: 3; background-color: rgba(0, 0, 0, 0.03); border-color: #949494; cursor: default; }
    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus { color: #999999; background-color: #fff; border-color: #ddd; cursor: not-allowed; }
.pagination-lg > li > a,
.pagination-lg > li > span { padding: 10px 16px; font-size: 15px; line-height: 1.3333333; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
.pagination-sm > li > a,
.pagination-sm > li > span { padding: 5px 10px; font-size: 11px; line-height: 1.5; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span { border-bottom-left-radius: 2px; border-top-left-radius: 2px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span { border-bottom-right-radius: 2px; border-top-right-radius: 2px; }
body { font-family: 'Baloo Paaji 2', cursive !important; background: #f1f1f1; }
    body .page-container .sidebar-menu .sidebar-user-info .user-link strong, body .page-container .sidebar-menu .sidebar-user-info .user-link img + span, body .page-container .sidebar-menu .sidebar-user-info .user-link img + strong, body .page-container .sidebar-menu .sidebar-user-info .sui-hover.visible.animate-in a, body .page-container .sidebar-menu .sidebar-user-info .sui-hover.visible .close-sui-popup { color: #51555d; font-size: 14px; font-weight: 600; text-align: center; }
    body.login-body { background: radial-gradient(ellipse at top, #f1f1f1 0%, #AAA 100%); background-size: auto; }
.form-control { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; outline: 0 !important; border-radius: 0px; }
.search-results-env .search-bar { padding: 0px; padding-top: 8px; background: #f9f9f9; margin-bottom: 30px; }
.product-detail-content .gallery-env article.image-thumb .image { background: #fff; padding: 12px; margin-bottom: 0px; }
.product-detail-content .gallery-env .col-sm-4, .product-detail-content .gallery-env .col-xs-12 { margin: 0px; padding: 1px; }
.product-detail-content .gallery-env article.image-thumb { margin-bottom: 0px; }
.summary { background: #fff; padding: 16px; }
    .summary .product_meta > span { display: block; border-top: 1px solid #EEE; padding-top: 8px; padding-bottom: 8px; }
    .summary .product-details__short-description { position: relative; padding-bottom: 8px; }
    .summary .product_title { color: #333; font-size: 26px; margin-top: 0; }
body .page-container .sidebar-menu { background: #FFF; color: #f7f7f7; box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); border-right: none; }
.reflection-content { background: #FFF url('/images/munazzo_spider_logo.png'); background-size: contain; background-position: center; background-repeat: no-repeat; transform: rotateX(0) rotateY(0); pointer-events: none; transition: 100ms linear transform; overflow: hidden; width: 145px; height: 160px; }
    .reflection-content:before { content: ''; position: absolute; width: 200%; height: 200%; left: -50%; top: -50%; }
.page-container.sidebar-collapsed .sidebar-menu .reflection-content { height: 40px; }
.reflection-grid-cell { position: absolute; z-index: 1; width: 10%; height: 10%; }
.reflection-container { position: relative; display: inline-block; vertical-align: middle; transform-style: preserve-3d; perspective: 500px; }
    .reflection-container .reflection-grid-cell-1 { top: 0%; left: 0%; }
        .reflection-container .reflection-grid-cell-1:hover ~ .reflection-content { transform: rotateX(20deg) rotateY(-20deg); }
            .reflection-container .reflection-grid-cell-1:hover ~ .reflection-content:before { transform: translateY(20%); }
    .reflection-container .reflection-grid-cell-2 { top: 0%; left: 10%; }
        .reflection-container .reflection-grid-cell-2:hover ~ .reflection-content { transform: rotateX(20deg) rotateY(-15deg); }
            .reflection-container .reflection-grid-cell-2:hover ~ .reflection-content:before { transform: translateY(20%); }
    .reflection-container .reflection-grid-cell-3 { top: 0%; left: 20%; }
        .reflection-container .reflection-grid-cell-3:hover ~ .reflection-content { transform: rotateX(20deg) rotateY(-10deg); }
            .reflection-container .reflection-grid-cell-3:hover ~ .reflection-content:before { transform: translateY(20%); }
    .reflection-container .reflection-grid-cell-4 { top: 0%; left: 30%; }
        .reflection-container .reflection-grid-cell-4:hover ~ .reflection-content { transform: rotateX(20deg) rotateY(-5deg); }
            .reflection-container .reflection-grid-cell-4:hover ~ .reflection-content:before { transform: translateY(20%); }
    .reflection-container .reflection-grid-cell-5 { top: 0%; left: 40%; }
        .reflection-container .reflection-grid-cell-5:hover ~ .reflection-content { transform: rotateX(20deg) rotateY(0deg); }
            .reflection-container .reflection-grid-cell-5:hover ~ .reflection-content:before { transform: translateY(20%); }
    .reflection-container .reflection-grid-cell-6 { top: 0%; left: 50%; }
        .reflection-container .reflection-grid-cell-6:hover ~ .reflection-content { transform: rotateX(20deg) rotateY(5deg); }
            .reflection-container .reflection-grid-cell-6:hover ~ .reflection-content:before { transform: translateY(20%); }
    .reflection-container .reflection-grid-cell-7 { top: 0%; left: 60%; }
        .reflection-container .reflection-grid-cell-7:hover ~ .reflection-content { transform: rotateX(20deg) rotateY(10deg); }
            .reflection-container .reflection-grid-cell-7:hover ~ .reflection-content:before { transform: translateY(20%); }
    .reflection-container .reflection-grid-cell-8 { top: 0%; left: 70%; }
        .reflection-container .reflection-grid-cell-8:hover ~ .reflection-content { transform: rotateX(20deg) rotateY(15deg); }
            .reflection-container .reflection-grid-cell-8:hover ~ .reflection-content:before { transform: translateY(20%); }
    .reflection-container .reflection-grid-cell-9 { top: 0%; left: 80%; }
        .reflection-container .reflection-grid-cell-9:hover ~ .reflection-content { transform: rotateX(20deg) rotateY(20deg); }
            .reflection-container .reflection-grid-cell-9:hover ~ .reflection-content:before { transform: translateY(20%); }
    .reflection-container .reflection-grid-cell-10 { top: 0%; left: 90%; }
        .reflection-container .reflection-grid-cell-10:hover ~ .reflection-content { transform: rotateX(20deg) rotateY(25deg); }
            .reflection-container .reflection-grid-cell-10:hover ~ .reflection-content:before { transform: translateY(20%); }
    .reflection-container .reflection-grid-cell-11 { top: 10%; left: 0%; }
        .reflection-container .reflection-grid-cell-11:hover ~ .reflection-content { transform: rotateX(15deg) rotateY(-20deg); }
            .reflection-container .reflection-grid-cell-11:hover ~ .reflection-content:before { transform: translateY(15%); }
    .reflection-container .reflection-grid-cell-12 { top: 10%; left: 10%; }
        .reflection-container .reflection-grid-cell-12:hover ~ .reflection-content { transform: rotateX(15deg) rotateY(-15deg); }
            .reflection-container .reflection-grid-cell-12:hover ~ .reflection-content:before { transform: translateY(15%); }
    .reflection-container .reflection-grid-cell-13 { top: 10%; left: 20%; }
        .reflection-container .reflection-grid-cell-13:hover ~ .reflection-content { transform: rotateX(15deg) rotateY(-10deg); }
            .reflection-container .reflection-grid-cell-13:hover ~ .reflection-content:before { transform: translateY(15%); }
    .reflection-container .reflection-grid-cell-14 { top: 10%; left: 30%; }
        .reflection-container .reflection-grid-cell-14:hover ~ .reflection-content { transform: rotateX(15deg) rotateY(-5deg); }
            .reflection-container .reflection-grid-cell-14:hover ~ .reflection-content:before { transform: translateY(15%); }
    .reflection-container .reflection-grid-cell-15 { top: 10%; left: 40%; }
        .reflection-container .reflection-grid-cell-15:hover ~ .reflection-content { transform: rotateX(15deg) rotateY(0deg); }
            .reflection-container .reflection-grid-cell-15:hover ~ .reflection-content:before { transform: translateY(15%); }
    .reflection-container .reflection-grid-cell-16 { top: 10%; left: 50%; }
        .reflection-container .reflection-grid-cell-16:hover ~ .reflection-content { transform: rotateX(15deg) rotateY(5deg); }
            .reflection-container .reflection-grid-cell-16:hover ~ .reflection-content:before { transform: translateY(15%); }
    .reflection-container .reflection-grid-cell-17 { top: 10%; left: 60%; }
        .reflection-container .reflection-grid-cell-17:hover ~ .reflection-content { transform: rotateX(15deg) rotateY(10deg); }
            .reflection-container .reflection-grid-cell-17:hover ~ .reflection-content:before { transform: translateY(15%); }
    .reflection-container .reflection-grid-cell-18 { top: 10%; left: 70%; }
        .reflection-container .reflection-grid-cell-18:hover ~ .reflection-content { transform: rotateX(15deg) rotateY(15deg); }
            .reflection-container .reflection-grid-cell-18:hover ~ .reflection-content:before { transform: translateY(15%); }
    .reflection-container .reflection-grid-cell-19 { top: 10%; left: 80%; }
        .reflection-container .reflection-grid-cell-19:hover ~ .reflection-content { transform: rotateX(15deg) rotateY(20deg); }
            .reflection-container .reflection-grid-cell-19:hover ~ .reflection-content:before { transform: translateY(15%); }
    .reflection-container .reflection-grid-cell-20 { top: 10%; left: 90%; }
        .reflection-container .reflection-grid-cell-20:hover ~ .reflection-content { transform: rotateX(15deg) rotateY(25deg); }
            .reflection-container .reflection-grid-cell-20:hover ~ .reflection-content:before { transform: translateY(15%); }
    .reflection-container .reflection-grid-cell-21 { top: 20%; left: 0%; }
        .reflection-container .reflection-grid-cell-21:hover ~ .reflection-content { transform: rotateX(10deg) rotateY(-20deg); }
            .reflection-container .reflection-grid-cell-21:hover ~ .reflection-content:before { transform: translateY(10%); }
    .reflection-container .reflection-grid-cell-22 { top: 20%; left: 10%; }
        .reflection-container .reflection-grid-cell-22:hover ~ .reflection-content { transform: rotateX(10deg) rotateY(-15deg); }
            .reflection-container .reflection-grid-cell-22:hover ~ .reflection-content:before { transform: translateY(10%); }
    .reflection-container .reflection-grid-cell-23 { top: 20%; left: 20%; }
        .reflection-container .reflection-grid-cell-23:hover ~ .reflection-content { transform: rotateX(10deg) rotateY(-10deg); }
            .reflection-container .reflection-grid-cell-23:hover ~ .reflection-content:before { transform: translateY(10%); }
    .reflection-container .reflection-grid-cell-24 { top: 20%; left: 30%; }

        .reflection-container .reflection-grid-cell-24:hover ~ .reflection-content { transform: rotateX(10deg) rotateY(-5deg); }

            .reflection-container .reflection-grid-cell-24:hover ~ .reflection-content:before { transform: translateY(10%); }

    .reflection-container .reflection-grid-cell-25 { top: 20%; left: 40%; }

        .reflection-container .reflection-grid-cell-25:hover ~ .reflection-content { transform: rotateX(10deg) rotateY(0deg); }

            .reflection-container .reflection-grid-cell-25:hover ~ .reflection-content:before { transform: translateY(10%); }

    .reflection-container .reflection-grid-cell-26 { top: 20%; left: 50%; }

        .reflection-container .reflection-grid-cell-26:hover ~ .reflection-content { transform: rotateX(10deg) rotateY(5deg); }

            .reflection-container .reflection-grid-cell-26:hover ~ .reflection-content:before { transform: translateY(10%); }

    .reflection-container .reflection-grid-cell-27 { top: 20%; left: 60%; }

        .reflection-container .reflection-grid-cell-27:hover ~ .reflection-content { transform: rotateX(10deg) rotateY(10deg); }

            .reflection-container .reflection-grid-cell-27:hover ~ .reflection-content:before { transform: translateY(10%); }

    .reflection-container .reflection-grid-cell-28 { top: 20%; left: 70%; }

        .reflection-container .reflection-grid-cell-28:hover ~ .reflection-content { transform: rotateX(10deg) rotateY(15deg); }

            .reflection-container .reflection-grid-cell-28:hover ~ .reflection-content:before { transform: translateY(10%); }

    .reflection-container .reflection-grid-cell-29 { top: 20%; left: 80%; }

        .reflection-container .reflection-grid-cell-29:hover ~ .reflection-content { transform: rotateX(10deg) rotateY(20deg); }

            .reflection-container .reflection-grid-cell-29:hover ~ .reflection-content:before { transform: translateY(10%); }

    .reflection-container .reflection-grid-cell-30 { top: 20%; left: 90%; }

        .reflection-container .reflection-grid-cell-30:hover ~ .reflection-content { transform: rotateX(10deg) rotateY(25deg); }

            .reflection-container .reflection-grid-cell-30:hover ~ .reflection-content:before { transform: translateY(10%); }

    .reflection-container .reflection-grid-cell-31 { top: 30%; left: 0%; }

        .reflection-container .reflection-grid-cell-31:hover ~ .reflection-content { transform: rotateX(5deg) rotateY(-20deg); }

            .reflection-container .reflection-grid-cell-31:hover ~ .reflection-content:before { transform: translateY(5%); }

    .reflection-container .reflection-grid-cell-32 { top: 30%; left: 10%; }

        .reflection-container .reflection-grid-cell-32:hover ~ .reflection-content { transform: rotateX(5deg) rotateY(-15deg); }

            .reflection-container .reflection-grid-cell-32:hover ~ .reflection-content:before { transform: translateY(5%); }

    .reflection-container .reflection-grid-cell-33 { top: 30%; left: 20%; }

        .reflection-container .reflection-grid-cell-33:hover ~ .reflection-content { transform: rotateX(5deg) rotateY(-10deg); }

            .reflection-container .reflection-grid-cell-33:hover ~ .reflection-content:before { transform: translateY(5%); }

    .reflection-container .reflection-grid-cell-34 { top: 30%; left: 30%; }

        .reflection-container .reflection-grid-cell-34:hover ~ .reflection-content { transform: rotateX(5deg) rotateY(-5deg); }

            .reflection-container .reflection-grid-cell-34:hover ~ .reflection-content:before { transform: translateY(5%); }

    .reflection-container .reflection-grid-cell-35 { top: 30%; left: 40%; }

        .reflection-container .reflection-grid-cell-35:hover ~ .reflection-content { transform: rotateX(5deg) rotateY(0deg); }

            .reflection-container .reflection-grid-cell-35:hover ~ .reflection-content:before { transform: translateY(5%); }

    .reflection-container .reflection-grid-cell-36 { top: 30%; left: 50%; }

        .reflection-container .reflection-grid-cell-36:hover ~ .reflection-content { transform: rotateX(5deg) rotateY(5deg); }

            .reflection-container .reflection-grid-cell-36:hover ~ .reflection-content:before { transform: translateY(5%); }

    .reflection-container .reflection-grid-cell-37 { top: 30%; left: 60%; }

        .reflection-container .reflection-grid-cell-37:hover ~ .reflection-content { transform: rotateX(5deg) rotateY(10deg); }

            .reflection-container .reflection-grid-cell-37:hover ~ .reflection-content:before { transform: translateY(5%); }

    .reflection-container .reflection-grid-cell-38 { top: 30%; left: 70%; }

        .reflection-container .reflection-grid-cell-38:hover ~ .reflection-content { transform: rotateX(5deg) rotateY(15deg); }

            .reflection-container .reflection-grid-cell-38:hover ~ .reflection-content:before { transform: translateY(5%); }

    .reflection-container .reflection-grid-cell-39 { top: 30%; left: 80%; }

        .reflection-container .reflection-grid-cell-39:hover ~ .reflection-content { transform: rotateX(5deg) rotateY(20deg); }

            .reflection-container .reflection-grid-cell-39:hover ~ .reflection-content:before { transform: translateY(5%); }

    .reflection-container .reflection-grid-cell-40 { top: 30%; left: 90%; }

        .reflection-container .reflection-grid-cell-40:hover ~ .reflection-content { transform: rotateX(5deg) rotateY(25deg); }

            .reflection-container .reflection-grid-cell-40:hover ~ .reflection-content:before { transform: translateY(5%); }

    .reflection-container .reflection-grid-cell-41 { top: 40%; left: 0%; }

        .reflection-container .reflection-grid-cell-41:hover ~ .reflection-content { transform: rotateX(0deg) rotateY(-20deg); }

            .reflection-container .reflection-grid-cell-41:hover ~ .reflection-content:before { transform: translateY(0%); }

    .reflection-container .reflection-grid-cell-42 { top: 40%; left: 10%; }

        .reflection-container .reflection-grid-cell-42:hover ~ .reflection-content { transform: rotateX(0deg) rotateY(-15deg); }

            .reflection-container .reflection-grid-cell-42:hover ~ .reflection-content:before { transform: translateY(0%); }

    .reflection-container .reflection-grid-cell-43 { top: 40%; left: 20%; }

        .reflection-container .reflection-grid-cell-43:hover ~ .reflection-content { transform: rotateX(0deg) rotateY(-10deg); }

            .reflection-container .reflection-grid-cell-43:hover ~ .reflection-content:before { transform: translateY(0%); }

    .reflection-container .reflection-grid-cell-44 { top: 40%; left: 30%; }

        .reflection-container .reflection-grid-cell-44:hover ~ .reflection-content { transform: rotateX(0deg) rotateY(-5deg); }

            .reflection-container .reflection-grid-cell-44:hover ~ .reflection-content:before { transform: translateY(0%); }

    .reflection-container .reflection-grid-cell-45 { top: 40%; left: 40%; }

        .reflection-container .reflection-grid-cell-45:hover ~ .reflection-content { transform: rotateX(0deg) rotateY(0deg); }

            .reflection-container .reflection-grid-cell-45:hover ~ .reflection-content:before { transform: translateY(0%); }

    .reflection-container .reflection-grid-cell-46 { top: 40%; left: 50%; }

        .reflection-container .reflection-grid-cell-46:hover ~ .reflection-content { transform: rotateX(0deg) rotateY(5deg); }

            .reflection-container .reflection-grid-cell-46:hover ~ .reflection-content:before { transform: translateY(0%); }

    .reflection-container .reflection-grid-cell-47 { top: 40%; left: 60%; }

        .reflection-container .reflection-grid-cell-47:hover ~ .reflection-content { transform: rotateX(0deg) rotateY(10deg); }

            .reflection-container .reflection-grid-cell-47:hover ~ .reflection-content:before { transform: translateY(0%); }

    .reflection-container .reflection-grid-cell-48 { top: 40%; left: 70%; }

        .reflection-container .reflection-grid-cell-48:hover ~ .reflection-content { transform: rotateX(0deg) rotateY(15deg); }

            .reflection-container .reflection-grid-cell-48:hover ~ .reflection-content:before { transform: translateY(0%); }

    .reflection-container .reflection-grid-cell-49 { top: 40%; left: 80%; }

        .reflection-container .reflection-grid-cell-49:hover ~ .reflection-content { transform: rotateX(0deg) rotateY(20deg); }

            .reflection-container .reflection-grid-cell-49:hover ~ .reflection-content:before { transform: translateY(0%); }

    .reflection-container .reflection-grid-cell-50 { top: 40%; left: 90%; }

        .reflection-container .reflection-grid-cell-50:hover ~ .reflection-content { transform: rotateX(0deg) rotateY(25deg); }

            .reflection-container .reflection-grid-cell-50:hover ~ .reflection-content:before { transform: translateY(0%); }

    .reflection-container .reflection-grid-cell-51 { top: 50%; left: 0%; }

        .reflection-container .reflection-grid-cell-51:hover ~ .reflection-content { transform: rotateX(-5deg) rotateY(-20deg); }

            .reflection-container .reflection-grid-cell-51:hover ~ .reflection-content:before { transform: translateY(-5%); }

    .reflection-container .reflection-grid-cell-52 { top: 50%; left: 10%; }

        .reflection-container .reflection-grid-cell-52:hover ~ .reflection-content { transform: rotateX(-5deg) rotateY(-15deg); }

            .reflection-container .reflection-grid-cell-52:hover ~ .reflection-content:before { transform: translateY(-5%); }

    .reflection-container .reflection-grid-cell-53 { top: 50%; left: 20%; }

        .reflection-container .reflection-grid-cell-53:hover ~ .reflection-content { transform: rotateX(-5deg) rotateY(-10deg); }

            .reflection-container .reflection-grid-cell-53:hover ~ .reflection-content:before { transform: translateY(-5%); }

    .reflection-container .reflection-grid-cell-54 { top: 50%; left: 30%; }

        .reflection-container .reflection-grid-cell-54:hover ~ .reflection-content { transform: rotateX(-5deg) rotateY(-5deg); }

            .reflection-container .reflection-grid-cell-54:hover ~ .reflection-content:before { transform: translateY(-5%); }

    .reflection-container .reflection-grid-cell-55 { top: 50%; left: 40%; }

        .reflection-container .reflection-grid-cell-55:hover ~ .reflection-content { transform: rotateX(-5deg) rotateY(0deg); }

            .reflection-container .reflection-grid-cell-55:hover ~ .reflection-content:before { transform: translateY(-5%); }

    .reflection-container .reflection-grid-cell-56 { top: 50%; left: 50%; }

        .reflection-container .reflection-grid-cell-56:hover ~ .reflection-content { transform: rotateX(-5deg) rotateY(5deg); }

            .reflection-container .reflection-grid-cell-56:hover ~ .reflection-content:before { transform: translateY(-5%); }

    .reflection-container .reflection-grid-cell-57 { top: 50%; left: 60%; }

        .reflection-container .reflection-grid-cell-57:hover ~ .reflection-content { transform: rotateX(-5deg) rotateY(10deg); }

            .reflection-container .reflection-grid-cell-57:hover ~ .reflection-content:before { transform: translateY(-5%); }

    .reflection-container .reflection-grid-cell-58 { top: 50%; left: 70%; }

        .reflection-container .reflection-grid-cell-58:hover ~ .reflection-content { transform: rotateX(-5deg) rotateY(15deg); }

            .reflection-container .reflection-grid-cell-58:hover ~ .reflection-content:before { transform: translateY(-5%); }

    .reflection-container .reflection-grid-cell-59 { top: 50%; left: 80%; }

        .reflection-container .reflection-grid-cell-59:hover ~ .reflection-content { transform: rotateX(-5deg) rotateY(20deg); }

            .reflection-container .reflection-grid-cell-59:hover ~ .reflection-content:before { transform: translateY(-5%); }

    .reflection-container .reflection-grid-cell-60 { top: 50%; left: 90%; }

        .reflection-container .reflection-grid-cell-60:hover ~ .reflection-content { transform: rotateX(-5deg) rotateY(25deg); }

            .reflection-container .reflection-grid-cell-60:hover ~ .reflection-content:before { transform: translateY(-5%); }

    .reflection-container .reflection-grid-cell-61 { top: 60%; left: 0%; }

        .reflection-container .reflection-grid-cell-61:hover ~ .reflection-content { transform: rotateX(-10deg) rotateY(-20deg); }

            .reflection-container .reflection-grid-cell-61:hover ~ .reflection-content:before { transform: translateY(-10%); }

    .reflection-container .reflection-grid-cell-62 { top: 60%; left: 10%; }

        .reflection-container .reflection-grid-cell-62:hover ~ .reflection-content { transform: rotateX(-10deg) rotateY(-15deg); }

            .reflection-container .reflection-grid-cell-62:hover ~ .reflection-content:before { transform: translateY(-10%); }

    .reflection-container .reflection-grid-cell-63 { top: 60%; left: 20%; }

        .reflection-container .reflection-grid-cell-63:hover ~ .reflection-content { transform: rotateX(-10deg) rotateY(-10deg); }

            .reflection-container .reflection-grid-cell-63:hover ~ .reflection-content:before { transform: translateY(-10%); }

    .reflection-container .reflection-grid-cell-64 { top: 60%; left: 30%; }

        .reflection-container .reflection-grid-cell-64:hover ~ .reflection-content { transform: rotateX(-10deg) rotateY(-5deg); }

            .reflection-container .reflection-grid-cell-64:hover ~ .reflection-content:before { transform: translateY(-10%); }

    .reflection-container .reflection-grid-cell-65 { top: 60%; left: 40%; }

        .reflection-container .reflection-grid-cell-65:hover ~ .reflection-content { transform: rotateX(-10deg) rotateY(0deg); }

            .reflection-container .reflection-grid-cell-65:hover ~ .reflection-content:before { transform: translateY(-10%); }

    .reflection-container .reflection-grid-cell-66 { top: 60%; left: 50%; }

        .reflection-container .reflection-grid-cell-66:hover ~ .reflection-content { transform: rotateX(-10deg) rotateY(5deg); }

            .reflection-container .reflection-grid-cell-66:hover ~ .reflection-content:before { transform: translateY(-10%); }

    .reflection-container .reflection-grid-cell-67 { top: 60%; left: 60%; }

        .reflection-container .reflection-grid-cell-67:hover ~ .reflection-content { transform: rotateX(-10deg) rotateY(10deg); }

            .reflection-container .reflection-grid-cell-67:hover ~ .reflection-content:before { transform: translateY(-10%); }

    .reflection-container .reflection-grid-cell-68 { top: 60%; left: 70%; }

        .reflection-container .reflection-grid-cell-68:hover ~ .reflection-content { transform: rotateX(-10deg) rotateY(15deg); }

            .reflection-container .reflection-grid-cell-68:hover ~ .reflection-content:before { transform: translateY(-10%); }

    .reflection-container .reflection-grid-cell-69 { top: 60%; left: 80%; }

        .reflection-container .reflection-grid-cell-69:hover ~ .reflection-content { transform: rotateX(-10deg) rotateY(20deg); }

            .reflection-container .reflection-grid-cell-69:hover ~ .reflection-content:before { transform: translateY(-10%); }

    .reflection-container .reflection-grid-cell-70 { top: 60%; left: 90%; }

        .reflection-container .reflection-grid-cell-70:hover ~ .reflection-content { transform: rotateX(-10deg) rotateY(25deg); }

            .reflection-container .reflection-grid-cell-70:hover ~ .reflection-content:before { transform: translateY(-10%); }

    .reflection-container .reflection-grid-cell-71 { top: 70%; left: 0%; }

        .reflection-container .reflection-grid-cell-71:hover ~ .reflection-content { transform: rotateX(-15deg) rotateY(-20deg); }

            .reflection-container .reflection-grid-cell-71:hover ~ .reflection-content:before { transform: translateY(-15%); }

    .reflection-container .reflection-grid-cell-72 { top: 70%; left: 10%; }

        .reflection-container .reflection-grid-cell-72:hover ~ .reflection-content { transform: rotateX(-15deg) rotateY(-15deg); }

            .reflection-container .reflection-grid-cell-72:hover ~ .reflection-content:before { transform: translateY(-15%); }

    .reflection-container .reflection-grid-cell-73 { top: 70%; left: 20%; }

        .reflection-container .reflection-grid-cell-73:hover ~ .reflection-content { transform: rotateX(-15deg) rotateY(-10deg); }

            .reflection-container .reflection-grid-cell-73:hover ~ .reflection-content:before { transform: translateY(-15%); }

    .reflection-container .reflection-grid-cell-74 { top: 70%; left: 30%; }

        .reflection-container .reflection-grid-cell-74:hover ~ .reflection-content { transform: rotateX(-15deg) rotateY(-5deg); }

            .reflection-container .reflection-grid-cell-74:hover ~ .reflection-content:before { transform: translateY(-15%); }

    .reflection-container .reflection-grid-cell-75 { top: 70%; left: 40%; }

        .reflection-container .reflection-grid-cell-75:hover ~ .reflection-content { transform: rotateX(-15deg) rotateY(0deg); }

            .reflection-container .reflection-grid-cell-75:hover ~ .reflection-content:before { transform: translateY(-15%); }

    .reflection-container .reflection-grid-cell-76 { top: 70%; left: 50%; }

        .reflection-container .reflection-grid-cell-76:hover ~ .reflection-content { transform: rotateX(-15deg) rotateY(5deg); }

            .reflection-container .reflection-grid-cell-76:hover ~ .reflection-content:before { transform: translateY(-15%); }

    .reflection-container .reflection-grid-cell-77 { top: 70%; left: 60%; }

        .reflection-container .reflection-grid-cell-77:hover ~ .reflection-content { transform: rotateX(-15deg) rotateY(10deg); }

            .reflection-container .reflection-grid-cell-77:hover ~ .reflection-content:before { transform: translateY(-15%); }

    .reflection-container .reflection-grid-cell-78 { top: 70%; left: 70%; }

        .reflection-container .reflection-grid-cell-78:hover ~ .reflection-content { transform: rotateX(-15deg) rotateY(15deg); }

            .reflection-container .reflection-grid-cell-78:hover ~ .reflection-content:before { transform: translateY(-15%); }

    .reflection-container .reflection-grid-cell-79 { top: 70%; left: 80%; }

        .reflection-container .reflection-grid-cell-79:hover ~ .reflection-content { transform: rotateX(-15deg) rotateY(20deg); }

            .reflection-container .reflection-grid-cell-79:hover ~ .reflection-content:before { transform: translateY(-15%); }

    .reflection-container .reflection-grid-cell-80 { top: 70%; left: 90%; }

        .reflection-container .reflection-grid-cell-80:hover ~ .reflection-content { transform: rotateX(-15deg) rotateY(25deg); }

            .reflection-container .reflection-grid-cell-80:hover ~ .reflection-content:before { transform: translateY(-15%); }

    .reflection-container .reflection-grid-cell-81 { top: 80%; left: 0%; }
        .reflection-container .reflection-grid-cell-81:hover ~ .reflection-content { transform: rotateX(-20deg) rotateY(-20deg); }
            .reflection-container .reflection-grid-cell-81:hover ~ .reflection-content:before { transform: translateY(-20%); }
    .reflection-container .reflection-grid-cell-82 { top: 80%; left: 10%; }
        .reflection-container .reflection-grid-cell-82:hover ~ .reflection-content { transform: rotateX(-20deg) rotateY(-15deg); }
            .reflection-container .reflection-grid-cell-82:hover ~ .reflection-content:before { transform: translateY(-20%); }
    .reflection-container .reflection-grid-cell-83 { top: 80%; left: 20%; }
        .reflection-container .reflection-grid-cell-83:hover ~ .reflection-content { transform: rotateX(-20deg) rotateY(-10deg); }
            .reflection-container .reflection-grid-cell-83:hover ~ .reflection-content:before { transform: translateY(-20%); }
    .reflection-container .reflection-grid-cell-84 { top: 80%; left: 30%; }
        .reflection-container .reflection-grid-cell-84:hover ~ .reflection-content { transform: rotateX(-20deg) rotateY(-5deg); }
            .reflection-container .reflection-grid-cell-84:hover ~ .reflection-content:before { transform: translateY(-20%); }
    .reflection-container .reflection-grid-cell-85 { top: 80%; left: 40%; }
        .reflection-container .reflection-grid-cell-85:hover ~ .reflection-content { transform: rotateX(-20deg) rotateY(0deg); }
            .reflection-container .reflection-grid-cell-85:hover ~ .reflection-content:before { transform: translateY(-20%); }
    .reflection-container .reflection-grid-cell-86 { top: 80%; left: 50%; }
        .reflection-container .reflection-grid-cell-86:hover ~ .reflection-content { transform: rotateX(-20deg) rotateY(5deg); }
            .reflection-container .reflection-grid-cell-86:hover ~ .reflection-content:before { transform: translateY(-20%); }
    .reflection-container .reflection-grid-cell-87 { top: 80%; left: 60%; }
        .reflection-container .reflection-grid-cell-87:hover ~ .reflection-content { transform: rotateX(-20deg) rotateY(10deg); }
            .reflection-container .reflection-grid-cell-87:hover ~ .reflection-content:before { transform: translateY(-20%); }
    .reflection-container .reflection-grid-cell-88 { top: 80%; left: 70%; }
        .reflection-container .reflection-grid-cell-88:hover ~ .reflection-content { transform: rotateX(-20deg) rotateY(15deg); }
            .reflection-container .reflection-grid-cell-88:hover ~ .reflection-content:before { transform: translateY(-20%); }
    .reflection-container .reflection-grid-cell-89 { top: 80%; left: 80%; }
        .reflection-container .reflection-grid-cell-89:hover ~ .reflection-content { transform: rotateX(-20deg) rotateY(20deg); }
            .reflection-container .reflection-grid-cell-89:hover ~ .reflection-content:before { transform: translateY(-20%); }
    .reflection-container .reflection-grid-cell-90 { top: 80%; left: 90%; }
        .reflection-container .reflection-grid-cell-90:hover ~ .reflection-content { transform: rotateX(-20deg) rotateY(25deg); }
            .reflection-container .reflection-grid-cell-90:hover ~ .reflection-content:before { transform: translateY(-20%); }
    .reflection-container .reflection-grid-cell-91 { top: 90%; left: 0%; }
        .reflection-container .reflection-grid-cell-91:hover ~ .reflection-content { transform: rotateX(-25deg) rotateY(-20deg); }
            .reflection-container .reflection-grid-cell-91:hover ~ .reflection-content:before { transform: translateY(-25%); }
    .reflection-container .reflection-grid-cell-92 { top: 90%; left: 10%; }
        .reflection-container .reflection-grid-cell-92:hover ~ .reflection-content { transform: rotateX(-25deg) rotateY(-15deg); }
            .reflection-container .reflection-grid-cell-92:hover ~ .reflection-content:before { transform: translateY(-25%); }
    .reflection-container .reflection-grid-cell-93 { top: 90%; left: 20%; }
        .reflection-container .reflection-grid-cell-93:hover ~ .reflection-content { transform: rotateX(-25deg) rotateY(-10deg); }
            .reflection-container .reflection-grid-cell-93:hover ~ .reflection-content:before { transform: translateY(-25%); }
    .reflection-container .reflection-grid-cell-94 { top: 90%; left: 30%; }
        .reflection-container .reflection-grid-cell-94:hover ~ .reflection-content { transform: rotateX(-25deg) rotateY(-5deg); }
            .reflection-container .reflection-grid-cell-94:hover ~ .reflection-content:before { transform: translateY(-25%); }
    .reflection-container .reflection-grid-cell-95 { top: 90%; left: 40%; }
        .reflection-container .reflection-grid-cell-95:hover ~ .reflection-content { transform: rotateX(-25deg) rotateY(0deg); }
            .reflection-container .reflection-grid-cell-95:hover ~ .reflection-content:before { transform: translateY(-25%); }
    .reflection-container .reflection-grid-cell-96 { top: 90%; left: 50%; }
        .reflection-container .reflection-grid-cell-96:hover ~ .reflection-content { transform: rotateX(-25deg) rotateY(5deg); }
            .reflection-container .reflection-grid-cell-96:hover ~ .reflection-content:before { transform: translateY(-25%); }
    .reflection-container .reflection-grid-cell-97 { top: 90%; left: 60%; }
        .reflection-container .reflection-grid-cell-97:hover ~ .reflection-content { transform: rotateX(-25deg) rotateY(10deg); }
            .reflection-container .reflection-grid-cell-97:hover ~ .reflection-content:before { transform: translateY(-25%); }
    .reflection-container .reflection-grid-cell-98 { top: 90%; left: 70%; }
        .reflection-container .reflection-grid-cell-98:hover ~ .reflection-content { transform: rotateX(-25deg) rotateY(15deg); }
            .reflection-container .reflection-grid-cell-98:hover ~ .reflection-content:before { transform: translateY(-25%); }
    .reflection-container .reflection-grid-cell-99 { top: 90%; left: 80%; }
        .reflection-container .reflection-grid-cell-99:hover ~ .reflection-content { transform: rotateX(-25deg) rotateY(20deg); }
            .reflection-container .reflection-grid-cell-99:hover ~ .reflection-content:before { transform: translateY(-25%); }
    .reflection-container .reflection-grid-cell-100 { top: 90%; left: 90%; }
        .reflection-container .reflection-grid-cell-100:hover ~ .reflection-content { transform: rotateX(-25deg) rotateY(25deg); }
            .reflection-container .reflection-grid-cell-100:hover ~ .reflection-content:before { transform: translateY(-25%); }
.tile-block { -webkit-animation: shadow-drop-center 1s cubic-bezier(.25,.46,.45,.94) both; animation: shadow-drop-center 1s cubic-bezier(.25,.46,.45,.94) both; }
.box-login { -webkit-animation: shadow-login 1s cubic-bezier(.25,.46,.45,.94) both; animation: shadow-login 1s cubic-bezier(.25,.46,.45,.94) both; border-radius: 16px; }

@-webkit-keyframes shadow-drop-center {
    0% { -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent }
    100% { -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); }
}

@keyframes shadow-drop-center {
    0% { -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent }
    100% { -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); }
}

@-webkit-keyframes shadow-login {
    0% { -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent }
    100% { -webkit-box-shadow: 4px 4px 24px 4px rgba(0,0,0,.19); box-shadow: 4px 4px 24px 4px rgba(0,0,0,.19); }
}

@keyframes shadow-login {
    0% { -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent }
    100% { -webkit-box-shadow: 4px 4px 24px 4px rgba(0,0,0,.19); box-shadow: 4px 4px 24px 4px rgba(0,0,0,.19); }
}

.logo { -webkit-animation: text-focus-in .3s cubic-bezier(.55,.085,.68,.53) both; animation: text-focus-in .3s cubic-bezier(.55,.085,.68,.53) both }

@-webkit-keyframes text-focus-in {
    0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0 }
    100% { -webkit-filter: blur(0); filter: blur(0); opacity: 1 }
}

@keyframes text-focus-in {
    0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0 }
    100% { -webkit-filter: blur(0); filter: blur(0); opacity: 1 }
}

body .page-container .sidebar-menu { -webkit-animation: slide-in-left .2s cubic-bezier(.25,.46,.45,.94) both; animation: slide-in-left .2s cubic-bezier(.25,.46,.45,.94) both }

@-webkit-keyframes slide-in-left {
    0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0 }
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 }
}

@keyframes slide-in-left {
    0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0 }
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 }
}
/*.page-container .main-content { -webkit-animation: slide-in-right .2s cubic-bezier(.25,.46,.45,.94) both; animation: slide-in-right .2s cubic-bezier(.25,.46,.45,.94) both }*/
@-webkit-keyframes slide-in-right {
    0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0 }
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 }
}

@keyframes slide-in-right {
    0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0 }
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 }
}
/*.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub > a { background-color: transparent; }
body .page-container .sidebar-menu { background: rgba(230, 5, 2, 1); color: rgba(230, 5, 2, 1); border-right: none; }
    body .page-container .sidebar-menu #main-menu li { border-color: rgba(0,0,0,0.2); }
        body .page-container .sidebar-menu #main-menu li.active > a { background: rgba(0,0,0,0.2); }
        body .page-container .sidebar-menu #main-menu li a { color: #f8e0e0; }
        body .page-container .sidebar-menu #main-menu li ul > li > a { background: rgba(230, 5, 2, 1); color: rgba(230, 5, 2, 1); }
body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a > span:not(.badge) { background: rgba(230, 5, 2, 1); border-color: rgba(0,0,0,0.2); }
body .page-container .sidebar-menu .sidebar-user-info .user-link strong, body .page-container .sidebar-menu .sidebar-user-info .user-link img + span, body .page-container .sidebar-menu .sidebar-user-info .user-link img + strong, body .page-container .sidebar-menu .sidebar-user-info .sui-hover.visible.animate-in a, body .page-container .sidebar-menu .sidebar-user-info .sui-hover.visible .close-sui-popup { color: #f8e0e0; }*/
.select2-container--open { z-index: 100000; }
.ribbon { width: 150px; height: 150px; overflow: hidden; position: absolute; z-index: 10; }
    .ribbon::before,
    .ribbon::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #2980b9; }
    .ribbon span { position: absolute; display: block; width: 225px; padding: 15px 0; background-color: #3498db; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; font: 700 18px/1 'Lato', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center; }
    .ribbon.kingsday span { background-color: #f44611; }
    .ribbon.kingsday::before,
    .ribbon.kingsday::after { border: 5px solid #f04110; }
/* top left*/
.ribbon-top-left { top: -10px; left: -10px; }
    .ribbon-top-left::before,
    .ribbon-top-left::after { border-top-color: transparent; border-left-color: transparent; }
    .ribbon-top-left::before { top: 0; right: 0; }
    .ribbon-top-left::after { bottom: 0; left: 0; }
    .ribbon-top-left span { right: -25px; top: 30px; transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right { top: -10px; right: -10px; }
    .ribbon-top-right::before,
    .ribbon-top-right::after { border-top-color: transparent; border-right-color: transparent; }
    .ribbon-top-right::before { top: 0; left: 0; }
    .ribbon-top-right::after { bottom: 0; right: 0; }
    .ribbon-top-right span { left: -25px; top: 30px; transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left { bottom: -10px; left: -10px; }
    .ribbon-bottom-left::before,
    .ribbon-bottom-left::after { border-bottom-color: transparent; border-left-color: transparent; }
    .ribbon-bottom-left::before { bottom: 0; right: 0; }
    .ribbon-bottom-left::after { top: 0; left: 0; }
    .ribbon-bottom-left span { right: -25px; bottom: 30px; transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right { bottom: -10px; right: -10px; }
    .ribbon-bottom-right::before,
    .ribbon-bottom-right::after { border-bottom-color: transparent; border-right-color: transparent; }
    .ribbon-bottom-right::before { bottom: 0; left: 0; }
    .ribbon-bottom-right::after { top: 0; right: 0; }
    .ribbon-bottom-right span { left: -25px; bottom: 30px; transform: rotate(-225deg); }
footer.main { padding-top: 15px; border-top: 1px solid rgba(0,0,0,0.1); position: fixed; bottom: 0px; width: 100%; background: #f1f1f1; padding-left: 12px; }
.btn-modern { display: inline-block; padding: 0.48em 1.4em; margin: 0 0.3em 0.3em 0; border-radius: 0.15em; box-sizing: border-box; text-decoration: none; font-weight: 400; color: #FFFFFF; background-color: rgba(230, 5, 2, 1); box-shadow: inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17); text-align: center; position: relative; }
    .btn-modern:active { top: 0.1em; }
.box-login .btn-modern { padding: 0.7em 1.4em; }

@media all and (max-width:30em) {
      .btn-modern { display: block; margin: 0.4em auto; }
}

.btn-modern.btn-secondary { background: #74818d; border: none; color: #fff; }
.btn-modern.btn-warning { background: #f58424; border: none; color: #fff; }
.btn-modern.btn-success { background: #00a651; border: none; color: #fff; }
.btn-modern.btn-primary { background-color: rgba(230, 5, 2, 1); border: none; color: #fff; }
.btn-modern.btn-dark { background: #23272b; border: none; color: #fff; }
.btn-modern.btn-new { background: #f5f5f5; border: none; color: #212529; }
.btn-modern.btn-primary:active { background-color: rgba(230, 5, 2, 1) !important; }
.checkbox-replace .cb-wrapper, .radio-replace .cb-wrapper { width: 20px; height: 19px; }
.enabled-subscriptions .todo-list > li .neon-cb-replacement .cb-wrapper + label:after, .enabled-countries .todo-list > li .neon-cb-replacement .cb-wrapper + label:after, .enabled-webshops .todo-list > li .neon-cb-replacement .cb-wrapper + label:after, .enabled-marketplaces .todo-list > li .neon-cb-replacement .cb-wrapper + label:after { display: none; }
.enabled-subscriptions .todo-list > li .neon-cb-replacement .cb-wrapper .checked, .enabled-countries .todo-list > li .neon-cb-replacement .cb-wrapper .checked, .enabled-webshops .todo-list > li .neon-cb-replacement .cb-wrapper .checked, .enabled-marketplaces .todo-list > li .neon-cb-replacement .cb-wrapper .checked { background: #00a651 !important; }
#chat .chat-header { padding: 30px 16px; }
.column { height: 200px; }
    .column .tile-block { height: 180px; }
.server-select-container .select2-container { width: 50% !important; }
.dataTables_wrapper { border: none; }
    .dataTables_wrapper > div { padding: 0px; padding-top: 10px; }
.product-content details .row { padding: 16px; }
.search-bar .dropdown { display: inline-block; width: 100%; padding-top: 4px; }
    .search-bar .dropdown .dropdown-toggle { display: inline-block; width: 100%; }
        .search-bar .dropdown .dropdown-toggle:after { float: right; top: 8px; position: relative; }
.search-bar ol { margin-right: 0px; background: #fff; border-top: 1px solid #e6ecf1; border-bottom: 1px solid #e6ecf1; border-right: 1px solid #e6ecf1; }
.search-bar .input-group { padding-left: 0px; }
.search-bar .open > .dropdown-menu { display: block; width: 100%; background: #fff; box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); }
.search-bar .open .dropdown-toggle { border-left: 1px solid #e6ecf1; border-right: 1px solid #e6ecf1; border-top: 1px solid #e6ecf1; }

.custom-switch .custom-control-label::before, .custom-switch .custom-control-label::after {
    cursor: pointer !important;
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
}

.actions-td {
    display: flex;
    align-items: center;
    gap: 3px;
}

.ui-tooltip {
    background-color: lightgray;
    border-radius: .2rem;
}

.ui-primary-tooltip {
    color: white;
    background-color: #373e4a;
}

.ui-secondary-tooltip {
    color: white;
    background-color: #74818d;
}

.ui-success-tooltip {
    color: white;
    background-color: #28a745;
}

.ui-info-tooltip {
    color: white;
    background-color: #17a2b8;
}

.ui-dark-tooltip {
    color: white;
    background-color: #343a40;
}

.ui-warning-tooltip {
    color: black;
    background-color: #ffc107;
}

.ui-danger-tooltip {
    color: white;
    background-color: #ba1723;
}

.ui-tooltip {
    z-index: 20001;
}

*[data-toggle="tooltip"] {
    cursor: pointer;
}

.swal2-container {
    z-index: 20000 !important;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
    background-size: 1rem 1rem !important;
}

.hov-pointer {
    cursor: pointer;
}

.skeleton-loading {
    background: #e3e2e2 !important;
    /* background: linear-gradient(110deg, #1C1E25 8%, #f5f5f5 18%, #1C1E25 33%); */
    /*background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);*/
    background: linear-gradient(110deg, #e1e1e1 8%, #efecec 18%, #e1e1e1 33%);
    border-color: transparent !important;
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

.skeleton-loading, .skeleton-loading * {
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
}
@keyframes shine {
    to {
        background-position-x: -200%;
    }
}

.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}