ecomp-portal-FE-common/client/app/views/dashboard/dashboard.less

   1 .w-ecomp-dashboard-home {
   2  .bg_portalWhite;//white for 1702
   3    position: @page-main-position;
   4   top: @page-main-top;
   5   left: @page-main-left;
   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
  12   .gridster-item-container .gridster-item-body {
  13     overflow-y:auto;
  14     overflow-x:hidden;
  15   }
  16
  17   .dashboard-home-container {
  18       position: relative;
  19       padding-right: 0;
  20       padding-left: 0;
  21       padding-bottom: @container-bottom;
  22
  23     .dashboard-home-title {
  24       .blackText24m;
  25       margin: auto;
  26       .content_justify;
  27     }
  28
  29     .portals-list {
  30       min-height: 70vh;
  31       //display: flex;
  32       justify-content: center;
  33       flex-flow: row wrap;
  34       width: @table-width;
  35       //margin-left: 230px;
  36       margin-bottom: 0px;
  37           margin:auto;
  38       .app-gridster-header {
  39         background-color: @u;
  40         font-size:12px;
  41         overflow:hidden
  42       }
  43
  44       .app-gridster-footer {
  45         background-color: @u;
  46       }
  47
  48       .portals-list-item {
  49         background-color: @u;
  50         border-radius: 2px;
  51         box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
  52         display: inline-block;
  53         width: 360px;
  54         height: 300px;
  55         background-size: cover;
  56         cursor: pointer;
  57         margin: 15px;
  58         overflow: hidden;
  59
  60         .portals-item-info {
  61           background-color: @u;
  62           height: 120px;
  63           top: 180px;
  64           position: relative;
  65           box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
  66           padding: 16px;
  67
  68           .info-title {
  69             .blackText24m;
  70             margin-bottom: 4px;
  71
  72             text-overflow: ellipsis;
  73             overflow: hidden;
  74           }
  75           .info-description {
  76             .portalDBlue16r;
  77             text-overflow: ellipsis;
  78             white-space: nowrap;
  79             overflow: hidden;
  80           }
  81           .info-button {
  82             .btn-green;
  83             width: 96px;
  84             position: absolute;
  85             bottom: 16px;
  86             left: 16px;
  87           }
  88
  89           &:hover {
  90             opacity: .93;
  91             z-index: 3;
  92           }
  93         }
  94       }
  95     }
  96   }
  97 }
  98 .w-ecomp-main-error{
  99   .portalRed;
 100   position: absolute;
 101   width: 100%;
 102   line-height: 1.5em;
 103 }
 104 .w-ecomp-main-disclaimer {
 105   text-align: center;
 106   .dGray14r;
 107   //position: absolute;
 108   bottom: -75px;
 109   line-height: 1.5em;
 110   margin: 0 auto;
 111   width:1170px;
 112   position: relative;
 113
 114 }
 115
 116 @keyframes fadein {
 117   from {
 118     opacity: 0;
 119   }
 120   to {
 121     opacity: 1;
 122   }
 123 }
 124
 125 .slide.ng-hide-add,
 126 .slide.ng-hide-remove,
 127 .slide.ng-enter,
 128 .slide.ng-leave {
 129   transition: all 0.5s ease;
 130 }
 131 .slide.ng-hide,
 132 .slide.ng-enter {
 133   transform: translate(-100%, 0);
 134 }
 135 .slide.ng-enter-active {
 136   transform: translate(0, 0);
 137 }
 138 .slide.ng-leave {
 139   transform: translate(0, 0);
 140 }
 141 .slide.ng-leave-active {
 142   transform: translate(+100%, 0);
 143 }
 144 .dashboard-boarder{
 145         // border: 2px solid #ccc!important;
 146         // border-radius: 16px!important;
 147           height: 210px;
 148     overflow: auto;
 149 }
 150 .dashboard-information-boarder{
 151         border: 2px solid #ccc!important;
 152         border-radius: 16px!important;
 153 }
 154
 155 #information-section {
 156    margin-top:50px;
 157 }
 158
 159 .information-section-title{
 160     color: #0574ac;
 161     font-family: Omnes-ECOMP-W02-Bold,Arial;
 162     font-size: 25px;
 163     margin: 20px;
 164     width: 1170px;
 165 }
 166 #left {
 167     float: left;
 168     width: 33%;
 169     height:300px;
 170     background-color: white;
 171 }
 172
 173 #center {
 174     float: right;
 175     width: 33%;
 176     height:300px;
 177         background: white;
 178 }
 179 #right {
 180     margin-left:34%;
 181         margin-right:34%;
 182         height:300px;
 183         background:white;
 184 }
 185
 186
 187 /*hover*/
 188
 189
 190 .dock ul{
 191 display: inline-block;
 192
 193 width: auto;
 194 margin: 0px;
 195 padding: 0px;
 196 list-style: none;
 197
 198 }
 199 .dock ul li {
 200 width: auto;
 201 height: auto;
 202 display: inline-block;
 203 bottom: 0;
 204 vertical-align: bottom;
 205 margin-top: -43px;
 206 }
 207 .dock ul li a {
 208 display: block;
 209 height: 150px;
 210 width: 150px;
 211 position: relative;
 212 -webkit-transition-property: width, height,margin-top;
 213 -webkit-transition-duration: 0.5s;
 214 -o-transition-property: width, height,margin-top;
 215 -o-transition-duration: 0.5s;
 216 -moz-transition-property: width, height,margin-top;
 217 -moz-transition-duration: 0.5s;
 218 }
 219 .dock ul li a:hover {
 220 width: 200px;
 221 height: 200px;
 222 margin-top: -50px;
 223 }
 224 .dock ul li a img {
 225 width: 100%;
 226 position: absolute;
 227 bottom: 0;
 228 left: 0;
 229 border: none;
 230 padding: 0px 0px 0px 30px;
 231 }
 232 .dock_left{
 233 width: 31px;
 234 -webkit-transform: rotate(33deg);
 235 -moz-transform: rotate(33deg);
 236 -o-transform: rotate(33deg);
 237 position: relative;
 238 background: #EEE;
 239 overflow: hidden;
 240 float: left;
 241 height: 100px;
 242 z-index: 2;
 243 margin: -18px;
 244 }
 245 .dock_right{
 246 width: 36px;
 247 -webkit-transform: rotate(-33deg);
 248 -moz-transform: rotate(-33deg);
 249 -o-transform: rotate(-33deg);
 250 position: relative;
 251 background: #EEE;
 252 overflow: hidden;
 253 float: left;
 254 height: 100px;
 255 z-index: 2;
 256 margin: -18px;
 257 }
 258
 259
 260
 261
 262 /*Time for the CSS*/
 263 * {margin: 0; padding: 0;}
 264 body {background: #ccc;}
 265
 266 .slider{
 267         width: 640px; /*Same as width of the large image*/
 268         position: relative;
 269         /*Instead of height we will use padding*/
 270         padding-top: 320px; /*That helps bring the labels down*/
 271
 272         margin: 50px auto;
 273
 274         /*Lets add a shadow*/
 275         box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);
 276 }
 277
 278
 279 /*Last thing remaining is to add transitions*/
 280 .slider>img{
 281         position: absolute;
 282         left: 0; top: 0;
 283         transition: all 0.5s;
 284 }
 285
 286 .slider input[name='slide_switch'] {
 287         display: none;
 288 }
 289
 290 .slider label {
 291         /*Lets add some spacing for the thumbnails*/
 292         margin: 18px 0 0 18px;
 293         border: 3px solid #999;
 294
 295         float: left;
 296         cursor: pointer;
 297         transition: all 0.5s;
 298
 299         /*Default style = low opacity*/
 300         opacity: 0.6;
 301 }
 302
 303 .slider label img{
 304         display: block;
 305 }
 306
 307 /*Time to add the click effects*/
 308 .slider input[name='slide_switch']:checked+label {
 309         border-color: #666;
 310         opacity: 1;
 311 }
 312 /*Clicking any thumbnail now should change its opacity(style)*/
 313 /*Time to work on the main images*/
 314 .slider input[name='slide_switch'] ~ img {
 315         opacity: 0;
 316         transform: scale(1.1);
 317 }
 318 /*That hides all main images at a 110% size
 319 On click the images will be displayed at normal size to complete the effect
 320 */
 321 .slider input[name='slide_switch']:checked+label+img {
 322         opacity: 1;
 323         transform: scale(1);
 324 }
 325 /*Clicking on any thumbnail now should activate the image related to it*/
 326
 327 /*We are done :)*/
 328
 329
 330
 331 .accordion {
 332         width: 895px; height: 320px;
 333         overflow: hidden;
 334   box-shadow: 0 10px 6px -6px #111;
 335   margin: 20px auto
 336 }
 337 .accordion ul { width: 200% }
 338
 339 .accordion li {
 340         position: relative;
 341         display: block;
 342         width: 160px;
 343         float: left;
 344   box-shadow: 0 0 30px 8px #222;
 345         transition: all 0.4s ease .300ms;
 346 }
 347
 348 .accordion ul:hover li {width: 40px }
 349 .accordion ul li:hover {width: 640px }
 350
 351 .caption {
 352         background: rgba(0, 0, 0, 0.5);
 353         position: absolute;
 354   bottom: 0;
 355         width: 640px
 356 }
 357
 358 .caption a {
 359         display: block;
 360         color: #fff;
 361         text-decoration: none;
 362   font: normal 16px 'Lato', Helvetica, Arial, sans-serif;
 363   -webkit-font-smoothing: antialiased;
 364         padding: 15px;
 365 }
 366
 367
 368 /*events*/
 369 .events-date{
 370         margin-left: 10px;
 371         float:left;
 372         white-space: normal;
 373         display: inline-block;
 374         vertical-align: middle;
 375     width: 55px;
 376 }
 377 .event-title-div{
 378         float: left;
 379         width: 235px;
 380         line-height: 20px;
 381     padding: 5px;
 382         font-size: 14px;
 383         margin-left: 4px;
 384 }
 385 .events-date{
 386         height: 20px;
 387         margin-left: 4px;
 388         font-size: 14px;
 389 }
 390 .events-content{
 391         font-size: 14px;
 392         color: #444;
 393     margin-right: 10px;
 394 }
 395 .events-content-body{
 396         margin-top:5px;
 397         color:#444;
 398         margin-left:12px;
 399         line-height:1.5;
 400 }
 401 .events {
 402         border-radius: 4px;
 403         padding: 3px;
 404         -webkit-user-select: none;
 405 }
 406 .events ul {
 407         float: left;
 408         width:100%;
 409         -webkit-user-select: none
 410 }
 411 .events ul li {
 412         line-height: 30px;
 413         list-style: none;
 414     border-bottom: 2px solid grey;
 415     height: 100%;
 416     min-height: 42px;
 417 }
 418 .events ul li:hover {
 419     background: #ddd;
 420     cursor: pointer;
 421 }
 422 .events ul li a {
 423         color: black;
 424         text-decoration: none;
 425         font: 14px Helvetica, Arial, sans-serif;
 426         -webkit-font-smoothing: antialiased;
 427         -webkit-user-select: none;
 428         font-family: "Omnes-ECOMP-W02", Arial;
 429 }
 430 .events-link{
 431         color: #067ab4 !important;
 432 }
 433
 434
 435 /*widgets*/
 436
 437 .handle-e{
 438     width: 5px;
 439 }
 440
 441 .singleBtnBorder {
 442     border-radius: 6px 6px 6px 6px;
 443 }
 444
 445 .widgetHeaderBtn{
 446
 447     height: 30px;
 448     background-color: #FFFFFF;
 449     position: relative;
 450     display: inline-block;
 451     -moz-background-clip: padding-box;
 452     -webkit-background-clip: padding-box;
 453     background-clip: padding-box;
 454     -webkit-box-sizing: border-box;
 455     -moz-box-sizing: border-box;
 456     box-sizing: border-box;
 457     padding: 8px 20px;
 458     font-size: 14px;
 459     line-height: 14px;
 460     min-width: 60px;
 461     border: none;
 462     border-radius: 6px;
 463     background-color: #ffffff;
 464     background-image: none;
 465     color: #ffffff;
 466     vertical-align: middle;
 467     text-align: center;
 468     text-decoration: none;
 469     text-transform: capitalize;
 470     text-shadow: none !important;
 471     white-space: nowrap;
 472     cursor: pointer;
 473     -webkit-user-select: none;
 474     -moz-user-select: none;
 475     -ms-user-select: none;
 476     -o-user-select: none;
 477     user-select: none;
 478     -webkit-transition: background-color 0.3s ease-out;
 479     -moz-transition: background-color 0.3s ease-out;
 480     transition: background-color 0.3s ease-out;
 481     }
 482
 483 .widgetHeaderBtnPosition {
 484         width: 30px;
 485     min-width: 0px;
 486     border: 1px solid #AAAAAA;
 487     padding-left: 3px;
 488     padding-right: 5px;
 489     }
 490
 491 .icon-anchor {
 492     color: #888;
 493 }
 494
 495 .widgetHeaderBtn:hover, .widgetHeaderBtn:focus {
 496     background: rgba(0, 0, 0, 0);
 497     color: #3a7999;
 498     box-shadow: inset 0 0 0 2px #3a7999;
 499 }
 500 /*news*/
 501
 502 @keyframes ticker {
 503         0%   {margin-top: 0}
 504         25%  {margin-top: -55px}
 505         50%  {margin-top: -110px}
 506         75%  {margin-top: -165px}
 507         100% {margin-top: 0}
 508 }
 509
 510 body { background: #333; width: 100%; height: 100% }
 511
 512 .news {
 513
 514   width: 350px;
 515   height: 250px;
 516   margin: 0px auto;
 517   // overflow: auto;
 518   border-radius: 4px;
 519   padding: 3px;
 520   -webkit-user-select: none;
 521
 522 }
 523
 524
 525
 526 .news ul {
 527   float: left;
 528   width:100%;
 529   // animation: ticker 25s cubic-bezier(1, 0, .5, 0) infinite;
 530   -webkit-user-select: none
 531 }
 532
 533 .news ul li {line-height: 30px; list-style: none;
 534     border-bottom: 2px solid grey;
 535     min-height: 42px;
 536  }
 537
 538 .news ul li:hover {
 539     background: #ddd;
 540     cursor: pointer;
 541 }
 542
 543 .news ul li a {
 544   color: black;
 545   text-decoration: none;
 546   font-size: 14px;
 547   line-height: 1.5;
 548   display: inline-block;
 549   width:100%;
 550   min-height:40px;
 551   padding-top: 5px;
 552   padding-bottom: 5px;
 553   -webkit-font-smoothing: antialiased;
 554   -webkit-user-select: none;
 555 }
 556
 557 .news ul:hover { animation-play-state: paused }
 558 .news span:hover+ul { animation-play-state: paused }
 559 /*resources*/
 560 .resources {
 561
 562   width: 100%;
 563   height: 200px;
 564   margin-left: 5px;
 565   border-radius: 4px;
 566   padding: 3px;
 567   -webkit-user-select: none;
 568
 569 }
 570
 571
 572
 573 .resources ul {
 574   float: left;
 575   width:100%;
 576
 577   -webkit-user-select: none
 578 }
 579
 580 .resources ul li {line-height: 30px; list-style: none;
 581     border-bottom: 2px solid grey;
 582     min-height: 42px;
 583  }
 584
 585 .resources ul li:hover {
 586     background: #ddd;
 587     cursor: pointer;
 588 }
 589
 590 .resources ul li a {
 591   color: black;
 592   text-decoration: none;
 593   font-size: 14px;
 594   line-height: 1.5;
 595   width:100%;
 596   min-height:40px;
 597   display: inline-block;
 598   padding-top: 5px;
 599   padding-bottom: 5px;
 600   -webkit-font-smoothing: antialiased;
 601   -webkit-user-select: none;
 602 }
 603
 604
 605 /* OTHER COLORS */
 606 .blue { background: #347fd0 }
 607 .blue span { background: #2c66be }
 608 .red { background: #d23435 }
 609 .red span { background: #c22b2c }
 610 .green { background: #699B67 }
 611 .green span { background: #547d52 }
 612 .magenta { background: #b63ace }
 613 .magenta span { background: #842696 }
 614
 615
 616 /*broadcast*/
 617
 618 .box-one {
 619   -webkit-transition:all linear 0.4s;
 620   transition:all linear 0.4s;
 621   height:100px; width:200px; background:white;    border: 2px solid #ccc!important;
 622     border-radius: 16px!important;
 623 }
 624 .box-one.ng-hide {
 625 display: block!important;
 626   opacity:0;
 627 }
 628
 629 .gridsterContent{
 630         height:120px;
 631 }
 632
 633 .gridster-item{
 634     z-index:0 !important;
 635 }
 636 .gridsterAppContent{
 637         height:120px;
 638
 639 }
 640
 641  .gridsterImage{
 642         height:84px;
 643         width:168px;
 644  }
 645  .grider-content-ecomp{
 646         transition: transform 0.5s ease-out;
 647  }
 648   .grider-content-ecomp:hover{
 649     transform: scale(1.1);
 650 }
 651
 652
 653 /*information section*/
 654
 655 .information-section{
 656         /*margin-top:25px;*/
 657 }
 658 .information-section-gridsterContent{
 659         /*height:300px;*/
 660 }
 661 .information-sections-gridster-header{
 662         color: #0574ac;
 663     font-family: Omnes-ECOMP-W02-Bold,Arial;
 664     font-size: 25px;
 665
 666 }
 667 /*application empty div*/
 668 .app-error-block {
 669     padding-top: 10px;
 670
 671 }
 672 /*news empty div*/
 673 .activity-error-block {
 674     padding-top: 60px;
 675
 676 }
 677
 678 .activity-error-msg1{
 679         text-align: center;
 680     margin-top: 20px;
 681     font-family: "Omnes-ECOMP-W02", Arial;
 682     color: #444;
 683     font-size: 20px;
 684
 685 }
 686
 687 .newstape {
 688   background: white;
 689   color: black;
 690   height: 400px;
 691   overflow: hidden;
 692 }
 693
 694 .newstape-content {
 695   position: relative;
 696   padding: 15px;
 697 }
 698
 699 .newstape-drag { cursor: ns-resize; }
 700
 701 .text-center { text-align: center; }
 702
 703 .text-right { text-align: right; }
 704
 705 .text-justify { text-align: justify; }
 706
 707 // #newsContainer{
 708 //   overflow:auto;
 709 //   height: 100%;
 710 // }
 711
 712 /*widget header*/
 713 .optionsMenu{
 714             position: absolute;
 715     list-style: none;
 716     top: 25px;
 717     right: 10px;
 718     border: 1px solid #067ab4;
 719     display: none;
 720     z-index: 2;
 721     border-radius: 6px 0px 6px 6px;
 722     background: #fff;
 723     width: 130px;
 724 }
 725
 726 .optionsMenuLink {
 727     position: relative;
 728     padding-left: 8px;
 729     padding-right: 2px;
 730     font-size: 12px;
 731     line-height: 30px;
 732     color: #444444;
 733 }
 734 .optionsMenu > li:hover a {
 735     color: #ffffff !important;
 736 }
 737 .optionsMenu > li {
 738     width: 100%;
 739     text-align: left;
 740 }
 741 .optionsMenu > li:hover {
 742     background-color: #0faaf7;
 743     border-color: none !important;
 744     cursor: pointer;
 745 }
 746
 747 .dashboardSortHeader{
 748    margin-top: -44px;
 749 margin-left: 735px;
 750 }
 751
 752 #dashboard-dropdown
 753 {
 754 position: absolute;
 755 margin-top: -37px;
 756 left: 80%;
 757 top: 42px;
 758 }
 759
 760 #dashboardAddWidgetPreference{
 761     display: inline-block;
 762     font-size: 14px;
 763     color: #3e3e3e;
 764     width: 69%;
 765     text-align: center;
 766     padding: 15px 0px 15px 0px;
 767     font-family: "Omnes-ECOMP-W02", Arial;
 768 }
 769
 770 #dashboardAddWidgetPreference:hover{
 771     background-color: #0568ae;
 772     color:white !important;
 773 }
 774
 775 #dashboardDefaultPreference{
 776     display: inline-block;
 777     font-size: 14px;
 778     color: #3e3e3e;
 779     width: 30%;
 780     text-align: center;
 781     padding: 15px 0px 15px 0px;
 782     font-family: "Omnes-ECOMP-W02", Arial;
 783 }
 784
 785 #dashboardDefaultPreference:hover{
 786     background-color: #0568ae;
 787     color:white !important;
 788 }
 789
 790 .simulateGridHeader{
 791         position: relative;
 792     height: 50px !important;
 793     border: 1px solid #d3d3d3;
 794     border-bottom: 0;
 795     background-color: #E5E5E5;
 796     white-space: nowrap;
 797     text-overflow: ellipsis;
 798     z-index: 1;
 799 }
 800
 801 .simulateGridHeaderTitle{
 802         line-height: 44px;
 803     margin-left: 26px;
 804     font-family: "Omnes-ECOMP-W02", Arial;
 805     font-size: 18px;
 806     color: #444444;
 807     float: left;
 808 }
 809
 810 .simulateGridHeaderHandle{
 811         cursor: move;
 812     margin: 12px;
 813     position: absolute;
 814     top: 0;
 815     left: 0;
 816     border: 0;
 817     vertical-align: middle;
 818     -ms-interpolation-mode: bicubic;
 819     display: block;
 820 }
 821
 822 /* apps gridsters */
 823 ul {
 824     list-style: none;
 825 }
 826 .gridster-box {
 827     height: 100%;
 828     border: 1px solid #ccc;
 829     background-color: #fff;
 830         transition: transform 0.5s ease-out;
 831 }
 832 .gridster-box-header {
 833     background-color: #fff;
 834     padding: 0 0px 0 10px;
 835     border-bottom: 1px solid #ccc;
 836     position: relative;
 837     height: 50px !important;
 838 }
 839 .gridster-box-header h3 {
 840     margin-top: 15px;
 841     display: inline-block;
 842     font-family: "Omnes-ECOMP-W02", Arial;
 843 }
 844
 845 .gridster-box-header i {
 846 font-size: 22px;
 847 }
 848
 849 .gridster-box-content {
 850     padding: 59px;
 851 }
 852 .gridster-box:hover{
 853     transform: scale(1.1);
 854 }
 855 .gridster-box-header-btns {
 856     top: 15px;
 857     right: 10px;
 858     position: absolute;
 859 }
 860
 861 /*** widgets ***/
 862 ul {
 863     list-style: none;
 864 }
 865 .box {
 866     height: 100%;
 867     border: 1px solid #ccc;
 868     background-color: #fff;
 869     font-family: "Omnes-ECOMP-W02", Arial;
 870 }
 871 .box-header {
 872         height : 50px;
 873     background-color: #fff;
 874     padding: 0 30px 0 10px;
 875     border-bottom: 1px solid #ccc;
 876     position: relative;
 877 }
 878 .box-header h3 {
 879     margin-top: 15px;
 880     display: inline-block;
 881     font-size: 16px;
 882 }
 883 .box-content {
 884     position: absolute;
 885     width: 100%;
 886     top: 50px;
 887     left: 0;
 888     right: 0;
 889     bottom: 29px;
 890     border: 1px solid #d3d3d3;
 891     box-sizing: border-box;
 892     overflow-y: auto;
 893     overflow-x: hidden;
 894     color: #444444;
 895     bottom: 0px;
 896 }
 897 .box-header-btns {
 898     top: 10px;
 899     right: 10px;
 900     cursor: pointer;
 901     position: absolute;
 902 }
 903
 904 #widget-boarder{
 905   background-color: #eee;
 906   border: 1px dashed white;
 907 }
 908 .icon-content-gridguide{
 909 cursor:move;
 910 }
 911   .error-info-txt {
 912         display: none;
 913         font-size: 12px;
 914         margin-left: 5px;
 915   }
 916   .account-info-msg {
 917         color: red;
 918   }
 919   .icon-info {
 920         margin-left: 50%;
 921         font-size: 90px;
 922         color: black;
 923   }
 924   .gridster-box-pointer {
 925    cursor: pointer;
 926   }
 927   .gridster-txt{
 928         font-size: 12px;
 929   }
 930   .gridster-icon {
 931         font-size: 80px;
 932         color: #067ab4;
 933   }
 934   .widget-gridster {
 935         cursor:move;
 936   }
 937   .widgetHeaderBtns-span {
 938         color: #888;
 939   }
 940   .widgetHeaderBtns-img {
 941         margin-bottom: 3px;
 942         margin-left: 3px;
 943   }
 944   .widget-menu-options {
 945         display: block;
 946   }