@import "../../../../style/mixin";

@include export-module('co-shipping-method-dialog-layout') {
  .co-shipping-method-dialog {
    .co-dialog:not(.borderless) .co-dialog-wrapper {
      width: 540px;
    }

    h3 {
      margin-bottom: 15px;
    }

    .info {
      margin: 10px 0 25px;
      font-style: italic;
      color: #9e9e9e;
    }

    section {
      margin-bottom: 30px;

      co-input-date {
        display: block;
        width: 47%;
      }
    }

    .layout-selection {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;

      co-list-of-values {
        width: 49%;

        &.printers-list {
          flex: 1 1 100%;
          margin-top: 10px;
        }
      }
    }

    .shipping-methods {
      margin-top: 25px;

      co-list-of-values {
        display: table;
        margin-bottom: 10px;
      }
    }
  }
}