/*
 * Neema Peyda <December 2014>
 */

@font-face {
  font-family: 'IrSansZ';
  src:url('font/iransansz-webfont.eot');
  src:url('font/iransansz-webfont.eot') format('embedded-opentype'),
      url('font/iransansz-webfont.woff') format('woff'),
      url('font/iransansz-webfont.ttf') format('truetype'),
      url('font/iransansz-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'IrSansZ';
  src:url('font/iransansz-bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
    }



button::-moz-focus-inner {
  border: 0;
}
#sc-wrapper {
  position: relative;
  width: 500px;
  border: 1px solid #DEDEDE;
  background-color: #FFF;
  padding: 20px;
  font: 13px/1 'Segoe UI', Calibri, Helvetica, Arial, sans-serif;
  color: #444;
  text-align: right;
}

#sc-wrapper canvas {
  display: block;
  margin: 0 auto;
}

#sc-wrapper h1,
#sc-wrapper h2 {
  font-size: 1.8em;
  color: #009E49;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
#sc-wrapper h2 {
  font-size: 1.15em;
}
#sc-wrapper .sc-disabled {
  color: #BCBCBC !important;
}
.sc-fa {
  font-family: 'IrSansZ', Tahoma, Arial, sans-serif !important;
  direction: rtl;
}
.sc-error {
  color: #D32826 !important;
}
.sc-meter {
  position: relative;
  /*border: 1px dotted #DDD;*/
  width: 400px;
  height: 310px;
  margin: 0 auto;
  color: #55D455;
  text-align: center;
  font-size: 1.3em;
  /*line-height: 1;*/
}
.sc-meter-core {
  display: block;
  position: absolute;
  left: 140px;
  top: 115px;
  padding: 30px 10px;
  width: 99px;  
  height: 59px;
  border-radius: 50%;
  border: 1px solid #DEDEDE; 
  border: 1px solid rgba(220,220,220,0); 
  /*background-color: rgba(30,30,30,0.1); */
  overflow: hidden;
}
.sc-meter-core h1 {
  font-size: 2em;
  line-height: 1.1;
  color: inherit !important;
}
.sc-meter-core h1 {
  font-size: 2em;
  line-height: 1.1;
  color: inherit !important;
}
#sc-wrapper button {
  width: 120px;
  border: 0;
  border: none;
  border-color: #009E49;
  padding: 12px 5px;
  margin: 0 auto;
  cursor: pointer;
  overflow: visible;
  font: inherit;
  font-weight: bold;
  background: #FFF;
  color: #009E49;
}
#sc-wrapper .sc-radio-button {
  border-bottom: 1px solid;
  font-weight: normal;
}
#sc-wrapper .sc-radio-button.active {
  border-bottom: 2px solid;
  font-weight: bold;
}
#sc-wrapper .sc-meter button {
  font-size: 0.9em;
  position: absolute;
  left: 140px;
  top: 250px;
}
#sc-wrapper button:hover {
  color: #56D456; 
  border-color: #56D456; 
}
.sc-meter.active:hover>* {
  color: #56D456;
}
.sc-meter.active {
  color: #009E49;
  cursor: pointer;
}
.sc-meter.active .sc-meter-core {
  border: 1px solid #DEDEDE;
  background-color: #FFF;

  -moz-box-shadow: 0 0 0 5px #FFF;
  -webkit-box-shadow: 0 0 0 5px #FFF;
  box-shadow: 0 0 0 5px #FFF;  
}
#sc-wrapper .sc-meter.active:hover .sc-meter-core {
  border: 1px solid #56D456;
  background-color: #56D456;
  color: #FFF;
}
#sc-wrapper a {
  color: #009E49;
  text-decoration: none;
}
#sc-wrapper a:hover {
  color: #56D456;
}
#sc-wrapper b {
  font: inherit !important;
  font-weight: bold !important;
}
#sc-wrapper .sc-footer {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 0.5em;
  font-style: italic;
  text-align: left;
}
#sc-wrapper .sc-footer .sc-icon {
  font-size: 115%;
}
.sc-mode-select,
.sc-results {
  padding: 20px 0px;
  /*background-color: rgba(30,30,30,0.1);*/
  text-align: center;
}
.sc-results h2 {
}
.sc-results em {
  font-size: 1.9em;
  font-weight: normal;
  font-style: normal;
}
.sc-results .sc-comment {
  display: block;
  line-height: 1.8;
}
.sc-13grid {
  float: right;
  width: 29.333%;
  margin: 0 2%;
  /*border: 1px solid #DDD;*/
  /*background-color: rgba(30,30,30,0.1);*/
}

#sc-wrapper * {
  transition: color 0.1s linear,
              background 0.1s linear,
              border 0.1s linear;
}

.sc-clear:before,
.sc-clear:after {
    content: "";
    display: table;
} 
.sc-clear:after {
    clear: both;
}
.sc-clear {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

#sc-wrapper .sc-hide {
  display: none !important;
}







.sc-spinner {
  display: block;
  position: absolute;
  width: 70px;
  height: 70px;
  left: 165px;
  top: 140px;
  margin: 0;
  background-color: rgba(86,212,86,0.8);

  border-radius: 100%;  
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  -moz-animation: scaleout 1.0s infinite ease-in-out;
  -o-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}
@-moz-keyframes scaleout {
  0% { -moz-transform: scale(0.0) }
  100% {
    -moz-transform: scale(1.0);
    opacity: 0;
  }
}
@-o-keyframes scaleout {
  0% { -o-transform: scale(0.0) }
  100% {
    -o-transform: scale(1.0);
    opacity: 0;
  }
}
@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}
@keyframes scaleout {
  0% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}




/** Icons ****************************************************/
@font-face {
  font-family: 'icomoon';
  src:url('font/icomoon.eot?ide7ws');
  src:url('font/icomoon.eot?#iefixide7ws') format('embedded-opentype'),
    url('font/icomoon.woff?ide7ws') format('woff'),
    url('font/icomoon.ttf?ide7ws') format('truetype'),
    url('font/icomoon.svg?ide7ws#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

#sc-wrapper [class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 2.1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#sc-wrapper h1 [class^="icon-"],
#sc-wrapper h1 [class*=" icon-"] {
  font-size: 93%;
  line-height: 2;
}
#sc-wrapper h2 [class^="icon-"],
#sc-wrapper h2 [class*=" icon-"] {
  font-size: 170%;
  vertical-align: -5px;
  line-height: 1.2;
}
.icon-reload:before {
  content: "\e602";
  letter-spacing: 4px;
}
.icon-menu:before {
  content: "\e604";
}
.icon-sync:before {
  content: "\e605";
}
.icon-info:before {
  content: "\e600";
}
.icon-phone:before {
  content: "\e019";
}
.icon-ping:before {
  content: "\e01d";
}
.icon-message:before {
  content: "\e039";
}
.icon-user:before {
  content: "\e03b";
}
.icon-loader:before {
  content: "\e03f";
}
.icon-loader2:before {
  content: "\e040";
}
.icon-key:before {
  content: "\e044";
}
.icon-cog:before {
  content: "\e04a";
}
.icon-stats:before {
  content: "\e04c";
}
.icon-stats1:before {
  content: "\e04d";
}
.icon-meter,
.icon-meter2,
.icon-meter3,
.icon-meter4 {
  line-height: 1.7 !important;
}
.icon-meter:before {
  content: "\e055";
}
.icon-meter2:before {
  content: "\e054";
}
.icon-meter3:before {
  content: "\e053";
}
.icon-meter4:before {
  content: "\e056";
}
.icon-grid:before {
  content: "\e06d";
}
.icon-heart:before {
  content: "\e07f";
}
.icon-cancel:before {
  content: "\e089";
}
.icon-ok:before {
  content: "\e08a";
}
.icon-minus:before {
  content: "\e08b";
}
.icon-plus:before {
  content: "\e08c";
}
.icon-up:before {
  content: "\e09c";
}
.icon-down:before {
  content: "\e09e";
}
.icon-option:before {
  content: "\e0a0";
}
.icon-arrows:before {
  content: "\e0a4";
}
.icon-arrows2:before {
  content: "\e0a5";
}
.icon-tag:before {
  content: "\e0b6";
}
.icon-power:before {
  content: "\e13b";
}
.icon-spin1:before {
  content: "\e173";
}
.icon-spin:before {
  content: "\e1bf";
}
.icon-help:before {
  content: "\e601";
}