.panel {
    border:1px solid #fff;
    border-radius:10px;
    background-color:#fff;
    box-shadow:0px 1px 3px #ccc;
  }



    /*
  Template Name: Monster Admin
  Author: Themedesigner
  Email: niravjoshi87@gmail.com
  File: css
  */

  .wizard-content .wizard>.steps>ul>li:after,
  .wizard-content .wizard>.steps>ul>li:before {
      content: '';
      z-index: 9;
      display: block;
      position: absolute
  }

  .wizard-content .wizard {
      width: 100%;
      overflow: hidden
  }

  .wizard-content .wizard .content {
      margin-left: 0!important
  }

  .wizard-content .wizard>.steps {
      position: relative;
      display: block;
      width: 100%
  }

  .wizard-content .wizard>.steps .current-info {
      position: absolute;
      right: -99999px
  }

  .wizard-content .wizard>.steps>ul {
      display: table;
      width: 100%;
      table-layout: fixed;
      margin: 0;
      padding: 0;
      list-style: none
  }

  .wizard-content .wizard>.steps>ul>li {
      display: table-cell;
      width: auto;
      vertical-align: top;
      text-align: center;
      position: relative
  }

  .wizard-content .wizard>.steps>ul>li a {
      position: relative;
      padding-top: 52px;
      margin-top: 20px;
      margin-bottom: 20px;
      display: block
  }

  .wizard-content .wizard>.steps>ul>li:before {
      right: 0
  }

  .wizard-content .wizard>.steps>ul>li:after {
      left: 0
  }

  .wizard-content .wizard>.steps>ul>li:first-child:before,
  .wizard-content .wizard>.steps>ul>li:last-child:after {
      content: none
  }

  .wizard-content .wizard>.steps>ul>li.current>a {
      color: #2f3d4a;
      cursor: default
  }

  .wizard-content .wizard>.steps>ul>li.current .step {
      border-color: #D1171F ;
      background-color: #fff;
      color: #D1171F
  }

  .wizard-content .wizard>.steps>ul>li.disabled a,
  .wizard-content .wizard>.steps>ul>li.disabled a:focus,
  .wizard-content .wizard>.steps>ul>li.disabled a:hover {
      color: #999;
      cursor: default
  }

  .wizard-content .wizard>.steps>ul>li.done a,
  .wizard-content .wizard>.steps>ul>li.done a:focus,
  .wizard-content .wizard>.steps>ul>li.done a:hover {
      color: #999
  }

  .wizard-content .wizard>.steps>ul>li.done .step {
      background-color: #D1171F ;
      border-color: #D1171F ;
      color: #fff
  }

  .wizard-content .wizard>.steps>ul>li.error .step {
      border-color: #f62d51;
      color: #f62d51
  }

  .wizard-content .wizard>.steps .step {
      background-color: #fff;
      display: inline-block;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -24px;
      z-index: 10;
      text-align: center
  }

  .wizard-content .wizard>.content {
      overflow: hidden;
      position: relative;
      width: auto;
      padding: 0;
      margin: 0
  }

  .wizard-content .wizard>.content>.title {
      position: absolute;
      left: -99999px
  }

  .wizard-content .wizard>.content>.body {
      padding: 0 20px
  }

  .wizard-content .wizard>.content>iframe {
      border: 0;
      width: 100%;
      height: 100%
  }

  .wizard-content .wizard>.actions {
      position: relative;
      display: block;
      text-align: right;
      padding: 0 20px 20px
  }

  .wizard-content .wizard>.actions>ul {
      float: right;
      list-style: none;
      padding: 0;
      margin: 0
  }

  .wizard-content .wizard>.actions>ul:after {
      content: '';
      display: table;
      clear: both
  }

  .wizard-content .wizard>.actions>ul>li {
      float:right
  }

  .wizard-content .wizard>.actions>ul>li+li {
      margin-right: 10px
  }

  .wizard-content .wizard>.actions>ul>li>a {
      background: #D1171F ;
      color: #fff;
      display: block;
      padding: 7px 12px;
      border-radius: 4px;
      border: 1px solid transparent
  }

  .wizard-content .wizard>.actions>ul>li>a:focus,
  .wizard-content .wizard>.actions>ul>li>a:hover {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset
  }

  .wizard-content .wizard>.actions>ul>li>a:active {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset
  }

  .wizard-content .wizard>.actions>ul>li>a[href="#previous"] {
      background-color: #fff;
      color: #54667a;
      border: 1px solid #d9d9d9
  }

  .wizard-content .wizard>.actions>ul>li>a[href="#previous"]:focus,
  .wizard-content .wizard>.actions>ul>li>a[href="#previous"]:hover {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset
  }

  .wizard-content .wizard>.actions>ul>li>a[href="#previous"]:active {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .04) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .04) inset
  }

  .wizard-content .wizard>.actions>ul>li.disabled>a,
  .wizard-content .wizard>.actions>ul>li.disabled>a:focus,
  .wizard-content .wizard>.actions>ul>li.disabled>a:hover {
      color: #999
  }

  .wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"],
  .wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"]:focus,
  .wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"]:hover {
      -webkit-box-shadow: none;
      box-shadow: none
  }

  .wizard-content .wizard.wizard-circle>.steps>ul>li:after,
  .wizard-content .wizard.wizard-circle>.steps>ul>li:before {
      top: 45px;
      width: 50%;
      height: 3px;
      background-color: #D1171F
  }

  .wizard-content .wizard.wizard-circle>.steps>ul>li.current:after,
  .wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:after,
  .wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:before {
      background-color: #F3F3F3
  }

  .wizard-content .wizard.wizard-circle>.steps .step {
      width: 50px;
      height: 50px;
      line-height: 45px;
      border: 3px solid #F3F3F3;
      font-size: 1.3rem;
      border-radius: 50%
  }

  .wizard-content .wizard.wizard-notification>.steps>ul>li:after,
  .wizard-content .wizard.wizard-notification>.steps>ul>li:before {
      top: 39px;
      width: 50%;
      height: 2px;
      background-color: #D1171F
  }

  .wizard-content .wizard.wizard-notification>.steps>ul>li.current .step {
      border: 2px solid #D1171F ;
      color: #D1171F ;
      line-height: 36px
  }

  .wizard-content .wizard.wizard-notification>.steps>ul>li.current .step:after,
  .wizard-content .wizard.wizard-notification>.steps>ul>li.done .step:after {
      border-top-color: #D1171F
  }

  .wizard-content .wizard.wizard-notification>.steps>ul>li.current:after,
  .wizard-content .wizard.wizard-notification>.steps>ul>li.current~li:after,
  .wizard-content .wizard.wizard-notification>.steps>ul>li.current~li:before {
      background-color: #F3F3F3
  }

  .wizard-content .wizard.wizard-notification>.steps>ul>li.done .step {
      color: #FFF
  }

  .wizard-content .wizard.wizard-notification>.steps .step {
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 1.3rem;
      border-radius: 15%;
      background-color: #F3F3F3
  }

  .wizard-content .wizard.wizard-notification>.steps .step:after {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -8px;
      margin-bottom: -8px;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 8px solid #F3F3F3
  }

  .wizard-content .wizard.vertical>.steps {
      display: inline;
      float: left;
      width: 20%
  }

  .wizard-content .wizard.vertical>.steps>ul>li {
      display: block;
      width: 100%
  }

  .wizard-content .wizard.vertical>.steps>ul>li.current:after,
  .wizard-content .wizard.vertical>.steps>ul>li.current:before,
  .wizard-content .wizard.vertical>.steps>ul>li.current~li:after,
  .wizard-content .wizard.vertical>.steps>ul>li.current~li:before,
  .wizard-content .wizard.vertical>.steps>ul>li:after,
  .wizard-content .wizard.vertical>.steps>ul>li:before {
      background-color: transparent
  }

  @media (max-width:768px) {
      .wizard-content .wizard>.steps>ul {
          margin-bottom: 20px
      }
      .wizard-content .wizard>.steps>ul>li {
          display: block;
          float: left;
          width: 50%
      }
      .wizard-content .wizard>.steps>ul>li>a {
          margin-bottom: 0
      }
      .wizard-content .wizard>.steps>ul>li:first-child:before {
          content: ''
      }
      .wizard-content .wizard>.steps>ul>li:last-child:after {
          content: '';
          background-color: #D1171F
      }
      .wizard-content .wizard.vertical>.steps {
          width: 15%
      }
  }

  @media (max-width:480px) {
      .wizard-content .wizard>.steps>ul>li {
          width: 100%
      }
      .wizard-content .wizard>.steps>ul>li.current:after {
          background-color: #D1171F
      }
       .wizard-content .wizard.vertical>.steps>ul>li {
          display: block;
          float: left;
          width: 50%
      }
      .wizard-content .wizard.vertical>.steps {
          width: 100%;
          float:none;
      }
  }