@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
.wocp_wrapper2 {
  max-width: 1000px;
  width: 80%;
  margin: 12% auto;
  padding: 0;
  box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.1);
  font-family: 'Open Sans', sans-serif;
  position: relative;
  /* Multi Tab Sidebar */ }
  .wocp_wrapper2 *,
  .wocp_wrapper2 *:after,
  .wocp_wrapper2 *:before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility; }
  .wocp_wrapper2 .multitab-section {
    display: inline-block;
    /*text-transform: uppercase;*/
    width: 100%; }
  .wocp_wrapper2 .multitab-section {
    background: #fff; }
    .wocp_wrapper2 .multitab-section .multitab-widget-content {
      background-color: #fff; }
      .wocp_wrapper2 .multitab-section .multitab-widget-content > .body {
        padding: 20px;
        padding-bottom: 40px;
        margin: 0; }
    .wocp_wrapper2 .multitab-section p {
      /*display: inline-block;
      background: #fff;
      text-transform: lowercase;
      font-size: 14px;
      padding: 20px;
      margin: 0;*/ }
  .wocp_wrapper2 .multitab-widget {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    height: 40px; }
  .wocp_wrapper2 .multitab-widget li {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left; }
  .wocp_wrapper2 .multitab-widget li a {
    background: #22a1c4;
    color: #fff;
    display: block;
    padding: 15px;
    font-size: 13px;
    text-decoration: none; }
  .wocp_wrapper2 .multitab-tab {
    width: 20%;
    text-align: center; }
  .wocp_wrapper2 .multitab-section h2,
  .wocp_wrapper2 .multitab-section h3,
  .wocp_wrapper2 .multitab-section h4,
  .wocp_wrapper2 .multitab-section h5,
  .wocp_wrapper2 .multitab-section h6 {
    display: none; }
  .wocp_wrapper2 .multitab-widget li a.multitab-widget-current {
    padding-bottom: 20px;
    margin-top: -10px;
    background: #fff;
    color: #444;
    text-decoration: none;
    border-top: 5px solid #22a1c4;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: bold; }
  .wocp_wrapper2 .woc-form .field-group {
    text-align: right; }
    .wocp_wrapper2 .woc-form .field-group input {
      display: block;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      border: 0;
      margin-bottom: 10px;
      color: #7f8c8d;
      outline: none;
      font-weight: 600;
      padding: 7px 10px; }
    .wocp_wrapper2 .woc-form .field-group input:focus {
      background: #fafafa; }
    .wocp_wrapper2 .woc-form .field-group ::-webkit-input-placeholder {
      color: #95a5a6;
      font-weight: 300; }
    .wocp_wrapper2 .woc-form .field-group :-moz-placeholder {
      color: #95a5a6;
      font-weight: 300; }
    .wocp_wrapper2 .woc-form .field-group ::-moz-placeholder {
      color: #95a5a6;
      font-weight: 300; }
    .wocp_wrapper2 .woc-form .field-group :-ms-input-placeholder {
      color: #95a5a6;
      font-weight: 300; }
    .wocp_wrapper2 .woc-form .field-group .label {
      display: inline-block;
      font-weight: bold;
      margin-right: 10px; }
    .wocp_wrapper2 .woc-form .field-group .control {
      display: inline-block;
      min-width: 500px;
      max-width: 95vh;
      border: solid 3px #444444; }
    .wocp_wrapper2 .woc-form .field-group select {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      appearance: none;
      outline: 0;
      box-shadow: none;
      border: 0 !important;
      background: #5c6664;
      background-image: none;
      flex: 1;
      padding: 0 .5em;
      color: #fff;
      cursor: pointer;
      font-size: 1em;
      font-family: 'Open Sans', sans-serif;
      width: 100%;
      max-width: inherit; }
    .wocp_wrapper2 .woc-form .field-group select::-ms-expand {
      display: none; }
    .wocp_wrapper2 .woc-form .field-group .select {
      position: relative;
      /*display: flex;
      width: 20em;
      height: 3em;*/
      line-height: 3;
      background: #5c6664;
      /*overflow: hidden;*/
      border-radius: .25em;
      border: solid 3px; }
    .wocp_wrapper2 .woc-form .field-group .select::after {
      content: '\25BC';
      position: absolute;
      top: 0;
      right: 0;
      padding: 0 1em;
      background: #2b2e2e;
      cursor: pointer;
      pointer-events: none;
      transition: .25s all ease; }
    .wocp_wrapper2 .woc-form .field-group .select:hover::after {
      color: #23b499; }
  .wocp_wrapper2 .alert {
    background: white;
    width: 100%;
    display: flex;
    padding: 1rem;
    align-items: center;
    border-radius: .8rem;
    border: 2px solid;
    margin-bottom: 1rem;
    position: relative;
    box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.04), 0px 12px 25px rgba(0, 0, 0, 0.07);
    animation: transitionIn 200ms ease forwards;
    transition: all 200ms ease; }
    .wocp_wrapper2 .alert__message {
      color: #677b7a; }
    .wocp_wrapper2 .alert__close {
      width: 1.3rem;
      height: 1.3rem;
      line-height: 1.3rem;
      color: #677b7a;
      text-align: center;
      position: absolute;
      top: .5rem;
      right: .5rem;
      cursor: pointer;
      border-radius: .4rem; }
      .wocp_wrapper2 .alert__close:hover, .wocp_wrapper2 .alert__close:focus {
        background: rgba(103, 123, 122, 0.2); }
    .wocp_wrapper2 .alert__icon {
      margin-right: 1rem;
      width: 36px;
      height: 36px;
      animation: fade 500ms linear forwards; }
    .wocp_wrapper2 .alert__icon-path {
      stroke-dasharray: 1000;
      stroke-dashoffset: 1000;
      stroke-width: 4px;
      animation: dash 1s ease forwards; }
      .wocp_wrapper2 .alert__icon-path--type {
        animation-delay: 300ms;
        animation-duration: 5s; }
    .wocp_wrapper2 .alert--success {
      color: #39D7B3;
      border-color: #39D7B3; }
    .wocp_wrapper2 .alert--warning {
      color: #FFBA4B;
      border-color: #FFBA4B; }
    .wocp_wrapper2 .alert--danger {
      color: #FF4555;
      border-color: #FF4555; }
@keyframes dash {
  from {
    stroke-dashoffset: 1000; }
  to {
    stroke-dashoffset: 0; } }
  .wocp_wrapper2 .actions {
    /*position: fixed;*/
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    /*display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;*/ }
    .wocp_wrapper2 .actions__title {
      width: 100%;
      text-align: center;
      padding-bottom: .5rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .1em;
      font-size: 85%; }
    .wocp_wrapper2 .actions .button {
      /*display: block;*/
      width: 25%;
      min-width: 250px; }
    .wocp_wrapper2 .actions .button {
      font-family: inherit;
      background: transparent;
      color: white;
      background: #677b7a;
      border: 0;
      padding: 1rem;
      cursor: pointer;
      margin: 0; }
      .wocp_wrapper2 .actions .button:hover {
        opacity: .8; }
      .wocp_wrapper2 .actions .button--success {
        background: #39D7B3; }
        .wocp_wrapper2 .actions .button--success:focus, .wocp_wrapper2 .actions .button--success:active {
          box-shadow: 0px 0px 0px 3px rgba(57, 215, 179, 0.4); }
      .wocp_wrapper2 .actions .button--danger {
        background: #FF4555; }
        .wocp_wrapper2 .actions .button--danger:focus, .wocp_wrapper2 .actions .button--danger:active {
          box-shadow: 0px 0px 0px 3px rgba(255, 69, 85, 0.4); }
      .wocp_wrapper2 .actions .button--warning {
        background: #FFBA4B; }
        .wocp_wrapper2 .actions .button--warning:focus, .wocp_wrapper2 .actions .button--warning:active {
          box-shadow: 0px 0px 0px 3px rgba(255, 186, 75, 0.4); }
      .wocp_wrapper2 .actions .button:focus, .wocp_wrapper2 .actions .button:active {
        outline: 0; }
@keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/*# sourceMappingURL=style.css.map */