/**
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License version 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:
* https://opensource.org/licenses/AFL-3.0
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to a newer
* versions in the future. If you wish to customize this module for your needs
* please refer to CustomizationPolicy.txt file inside our module for more information.
*
* @author Webkul IN
* @copyright Since 2010 Webkul
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
*/

.progress-bar {
    position: relative;
    height: 60px;
    width: 60px;
    box-shadow:none;
    color: black;
  }
  .position {
      margin: 0px;
  }

  .progress-bar div {
    position: absolute;
    height: 60px;
    width: 60px;
    border-radius: 50%;
  }

  .progress-bar div span {
    position: absolute;
    font-family: Arial;
    font-size: 14px;
    line-height: 45px;
    height: 45px;
    width: 45px;
    left: 8px;
    top: 7px;
    text-align: center;
    border-radius: 50%;
    background-color: white;
  }


  .progress-bar .rotate {
    clip: rect(0 30px 60px 0);
    background-color: #4b86db;
  }

  .progress-bar .left {
    clip: rect(0 30px 60px 0);
    opacity: 1;
    background-color: #b3cef6;
  }

  .progress-bar .right {
    clip: rect(0 30px 60px 0);
    transform: rotate(180deg);
    opacity: 0;
    background-color: #4b86db;
  }

  @keyframes
  toggle {  0% {
   opacity: 0;
  }
   100% {
   opacity: 1;
  }
  }