.portsPage,.portsPage .container{width:100%}.portsPage .container .bar{width:100%;display:flex;flex-wrap:wrap;line-height:55px;align-items:center;justify-content:start}.portsPage .container .bar .flexItem{margin-right:5px}.portsPage .container .bar .flexItem .small{width:100px}.portsPage .container .bar .flexItem .median{width:200px}.portsPage .container .bar .flexItem .large{width:300px}.forms .form .item{margin:5px}.forms .form .item .arrayData{margin-right:10px;cursor:pointer}.forms .form .item .arrayData span{padding:0 2px}.forms .form .item .arrayData i{margin-left:5px;height:16px;width:16px;line-height:15px;color:red;font-size:14px}.forms .form .item .small{width:100px}.forms .form .item .median{width:200px}.forms .form .item .large{width:300px}.forms .form .select .selectItem{display:flex;align-items:center;justify-content:start}.forms .form .select .selectItem .img{width:40px;height:40px;background-size:cover;background-repeat:no-repeat;background-position:top;border-radius:50%}.forms .form .select .selectItem .label{margin:0 10px}.forms .form .textarea{border:1px solid #ddd;border-radius:0}.forms .form .button{width:100%;padding:30px;text-align:right}.forms .form .button button{margin-right:5px}.searchMaerskPortsModal{height:500px;overflow-y:scroll}.searchMaerskPortsModal .searchMaerskPort{margin:20px;padding:20px;border-bottom:1px dashed #ccc;justify-content:space-between;cursor:pointer;border-radius:4px}.searchMaerskPortsModal .searchMaerskPort .searchMaerskPortItem{display:flex}.searchMaerskPortsModal .searchMaerskPort .searchMaerskPortItem .label{font-weight:700;width:150px}.searchMaerskPortsModal .searchMaerskPort:hover{background-color:#f5f5f5}