1 $grid-border: 1px #d2d2d2 solid;
8 border-right: $grid-border;
15 font-family: OpenSans-Semibold;
21 @extend .header-common;
25 grid-area: header-left;
28 border-bottom: $grid-border;
31 font-family: OpenSans-Regular;
37 grid-area: header-right;
43 grid-area: quantity-label;
44 @extend .header-common;
46 font-family: OpenSans-Regular;
50 border-left: $grid-border;
51 border-top-style: none;
52 font-family: OpenSans-Semibold;
61 -webkit-appearance: none;
62 -moz-appearance: none;
64 background: url('../../../../assets/img/chevron.svg') 0 0 no-repeat;
65 background-size: 24px;
66 background-position-x: right;
67 background-position-y: center;
71 input[type="number"]:hover::-webkit-inner-spin-button {
76 grid-area: model-information;
77 border-top: $grid-border;
84 border-top: $grid-border;
85 grid-area: instance-form;
90 grid-template-columns: 400px auto 30px 93px;
91 grid-template-rows: 50px calc(100vh - 180px);
93 "header-left header-right quantity-label quantity"
94 "model-information instance-form instance-form instance-form";
100 background-color: #191919;
109 @media (min-width: 1150px) {
111 grid-template-rows: 30px 680px;
126 border: 1px solid #009fdb;
129 font-family: OpenSans-Regular;
141 border-color: #009fdb;
143 font-family: OpenSans-Regular;
152 background-color: #009fdb;
154 padding-bottom: 13px;
169 font-family: OpenSans-Regular;
176 //@media (min-width: 1200px) {
178 // .service-instance {
180 // margin: 30px auto;