/**
 * 2013-2024 MXB Informatica.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to info@mxbinformatica.it so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 *  @author    MXB Informatica <info@mxbinformatica.it>
 *  @copyright 2013-2024 MXB Informatica
 *  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

.ghidden, .mxbt_hidden {
  display: none;
}

.mxbt_waitLayer {
  position:fixed; width:100%; height:100%; background:transparent; z-index:99999; top:0px; left:0px;
  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

.mxbt_waitLayerBackground {
  position: relative;
  width: 100%;
  height:100%;
  /*
  opacity:0.4;
  background:black;
  */
}


#mxbt_waitLayerContent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  padding: 20px;
}


#mxbt_waitLayerContent .mxbt_waitLayer-image.logo-image{
    opacity:  0.6;
    border-radius:          30px 30px 30px 30px;
    -moz-border-radius:     30px 30px 30px 30px;
    -webkit-border-radius:  30px 30px 30px 30px;

}

#mxbt_waitLayerContent .mxbt_waitLayer-image.rotate {
    -webkit-animation:      spin 4s ease-out infinite;
    -moz-animation:         spin 4s ease-out infinite;
    animation:              spin 4s ease-out infinite;
}

#mxbt_waitLayerContent .mxbt_waitLayer-image.wait-image {
    background-image: url('../img/loader.gif');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px 100px;
    width: 100px;
    height: 100px;
}

.mxbt-ajax-running.topCenter {
    /*background-color: rgba(0,0,0,.4);
    width: 35px; 
    height: 35px;*/
    top: 8px;
    left: 50%;
    position: absolute;
    text-align: left;
    z-index: 1;
    transform: translateX(-50%);
}
.mxbt-ajax-running i {
    color: grey; /*hsla(0,0%,100%,.6);*/
    font-size: 30px;
    /*line-height: 35px;*/
}
.mxbt-ajax-running .small {
    margin-left: 2px;
}
.icon-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
@keyframes fa-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
}

.mxbt_front_btn {
    font-size:              14px;
    border-radius:          5px 5px 5px 5px;
    -moz-border-radius:     5px 5px 5px 5px;
    -webkit-border-radius:  5px 5px 5px 5px;
    box-shadow:             2px 2px 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow:        2px 2px 4px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:     2px 2px 4px 0 rgba(0,0,0,.2);
}
.mxbt_front_btn .material-icons{
    font-size: 18px;
    margin-right: 5px;
}
.mxbt_front_btn.icon-only .material-icons {
    margin-right: 0px;
}
.mxbt_front_btn.empty_cart_btn {
    position: absolute;
    right: 10px;
    top: 10px;
}

.blink {
  animation: blinker .25s step-start infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/**
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
*/


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



@keyframes spin {
    from {
        transform: rotate(0deg);
    } to {
        transform: rotate(360deg);
    }
}
@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    } to {
        -ms-transform: rotate(360deg);
    }
}
@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    } to {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    } to {
        -webkit-transform: rotate(360deg);
    }
}
@-o-keyframes spin {
    from {
        -o-transform: rotate(0deg);
    } to {
        -o-transform: rotate(360deg);
    }
}