#law-cop {
  min-height: 100vh;
  background: #333;
  color: white;
  padding-top: 20px; }
  #law-cop .ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid white; }
    #law-cop .ui-tabs-nav li {
      display: inline-block; }
      #law-cop .ui-tabs-nav li a {
        color: white !important;
        text-decoration: none;
        display: block;
        line-height: 30px;
        padding: 10px;
        font-size: 20px; }
        #law-cop .ui-tabs-nav li a:before {
          content: url("https://inkyfada.com/wp-content/themes/inky/assets/img/citizen.png");
          margin: 10px; }
      #law-cop .ui-tabs-nav li.ui-tabs-active {
        border: 1px solid white;
        position: relative; }
        #law-cop .ui-tabs-nav li.ui-tabs-active:after {
          content: "";
          position: absolute;
          bottom: -2px;
          width: 100%;
          height: 4px;
          background: #333; }
  #law-cop .data-entry {
    padding-top: 20px;
    padding-left: 60px;
    padding-right: 20px;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer; }
    #law-cop .data-entry .data-desc {
      font-size: 14px;
      max-height: 0;
      overflow: hidden;
      transition: all .5s ease-in-out;
      color: rgba(255, 255, 255, 0.6);
      margin-bottom: 0; }
    #law-cop .data-entry .data-label {
      font-size: 24px;
      display: block;
      position: relative;
      font-weight: 300; }
      #law-cop .data-entry .data-label:before {
        content: "";
        display: block;
        top: calc( 50% - 20px );
        left: -60px;
        height: 40px;
        width: 40px;
        position: absolute;
        border: 3px solid white; }
        body.rtl #law-cop .data-entry .data-label:before {
          left: auto;
          right: -60px; }
    #law-cop .data-entry svg {
      position: absolute;
      top: calc( 50% - 16px );
      left: -56px;
      height: 32px;
      width: 32px; }
      body.rtl #law-cop .data-entry svg {
        left: auto;
        right: -56px; }
      #law-cop .data-entry svg path {
        stroke: rgba(203, 40, 40, 0.85);
        stroke-width: 13px;
        stroke-linecap: round;
        stroke-linejoin: round;
        fill: none;
        transition: all .4s ease-in-out;
        stroke-dashoffset: 150px; }
    #law-cop .data-entry.active .data-desc {
      max-height: 1000px; }
    #law-cop .data-entry.active svg path {
      stroke-dashoffset: 0px; }
  #law-cop .penalty {
    padding-top: 100px; }
    #law-cop .penalty h4 {
      text-align: center;
      font-weight: 400;
      font-size: 30px; }
    #law-cop .penalty .penalty-value {
      color: #cb2828;
      font-size: 32px;
      width: 60%;
      text-align: right;
      display: block;
      float: left;
      font-size: 60px;
      line-height: 60px; }
      body.rtl #law-cop .penalty .penalty-value {
        float: right; }
    #law-cop .penalty .penalty-label {
      width: 35%;
      display: block;
      float: left;
      margin-left: 10px;
      padding-top: 15px; }
      body.rtl #law-cop .penalty .penalty-label {
        float: right; }
    #law-cop .penalty .penalty-row:after {
      content: "";
      clear: both; }
    #law-cop .penalty .penalty-row:last-child .penalty-label {
      padding-top: 0; }

/*# sourceMappingURL=law-cop.css.map */