2 .bg_portalWhite;//white for 1702
3 position: @page-main-position;
6 right: @page-main-right;
7 bottom: @page-main-bottom;
8 padding-top: @padding-top;
9 overflow-y: @page-main-overflow-y;
10 padding-left: @padding-left-side;
11 input:not([type="button"]) {
15 .gridster-item-container .gridster-item-body {
20 .appCatalogue-boarder{
21 background-color: #eee;
22 border: 1px dashed white;
27 .app-catalog-container {
36 // margin-left: 230px;
43 justify-content: center;
49 .app-gridster-header {
55 .app-gridster-footer {
73 .slide.ng-hide-remove,
76 transition: all 0.5s ease;
80 transform: translate(-100%, 0);
82 .slide.ng-enter-active {
83 transform: translate(0, 0);
86 transform: translate(0, 0);
88 .slide.ng-leave-active {
89 transform: translate(+100%, 0);
91 .appCatalogue-boarder{
92 // border: 2px solid #ccc!important;
93 // border-radius: 16px!important;
97 .app-visibility.false {
102 display: inline-block;
113 display: inline-block;
115 vertical-align: bottom;
123 -webkit-transition-property: width, height,margin-top;
124 -webkit-transition-duration: 0.5s;
125 -o-transition-property: width, height,margin-top;
126 -o-transition-duration: 0.5s;
127 -moz-transition-property: width, height,margin-top;
128 -moz-transition-duration: 0.5s;
130 .dock ul li a:hover {
141 padding: 0px 0px 0px 30px;
145 -webkit-transform: rotate(33deg);
146 -moz-transform: rotate(33deg);
147 -o-transform: rotate(33deg);
158 -webkit-transform: rotate(-33deg);
159 -moz-transform: rotate(-33deg);
160 -o-transform: rotate(-33deg);
174 * {margin: 0; padding: 0;}
175 body {background: #ccc;}
178 background: rgba(0, 0, 0, 0.5);
187 text-decoration: none;
188 font: normal 16px 'Lato', Helvetica, Arial, sans-serif;
189 -webkit-font-smoothing: antialiased;
196 border-radius: 6px 6px 6px 6px;
203 .widgetHeaderBtn:hover, .widgetHeaderBtn:focus {
204 background: rgba(0, 0, 0, 0);
206 box-shadow: inset 0 0 0 2px #3a7999;
210 -webkit-transition:all linear 0.4s;
211 transition:all linear 0.4s;
212 height:100px; width:200px; background:white; border: 2px solid #ccc!important;
213 border-radius: 16px!important;
216 display: block!important;
231 /*application empty div*/
236 .text-center { text-align: center; }
238 .text-right { text-align: right; }
240 .text-justify { text-align: justify; }
248 border: 1px solid #067ab4;
251 border-radius: 6px 0px 6px 6px;
264 .optionsMenu > li:hover a {
265 color: #ffffff !important;
271 .optionsMenu > li:hover {
272 background-color: #0faaf7;
273 border-color: none !important;
277 .simulateCatGridHeader{
279 height: 70px !important;
280 border: 1px solid #d3d3d3;
282 background-color: #E5E5E5;
284 text-overflow: ellipsis;
288 .simulateCatGridHeaderTitle{
292 font-family: "Omnes-ECOMP-W02", Arial;
298 .simulateCatGridHeaderRadio{
302 font-family: "Omnes-ECOMP-W02", Arial;
308 .simulateCatGridHeaderDetails{
311 font-family: "Omnes-ECOMP-W02", Arial;
317 .simulateGridHeaderHandle{
324 vertical-align: middle;
325 -ms-interpolation-mode: bicubic;
329 .portal-checkbox--on .portal-checkbox__indicator, .portal-radio--on .portal-radio__indicator {
336 -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
337 -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
338 -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
339 -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
340 transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
345 .animate-enter.animate-enter-active,
352 .animate-leave.animate-leave-active,
359 /** gridster style**/
365 border: 1px solid #ccc;
366 background-color: #fff;
367 transition: transform 0.5s ease-out;
369 .gridster-box-header {
370 background-color: #fff;
371 padding: 0 0px 0 10px;
372 border-bottom: 1px solid #ccc;
374 height: 50px !important;
376 .gridster-box-header h3 {
378 display: inline-block;
379 font-family: "Omnes-ECOMP-W02", Arial;
381 .gridster-box-content {
385 transform: scale(1.1);
387 .gridster-box-header-btns {
400 .icon-content-gridguide{
404 .icon-tickets-contested{