[Summary view] [Print] [Text view]

   1  .clearfix {
   2    *zoom: 1;
   3  }
   4  .clearfix:before,
   5  .clearfix:after {
   6    display: table;
   7    content: "";
   8  }
   9  .clearfix:after {
  10    clear: both;
  11  }
  12  .hide-text {
  13    overflow: hidden;
  14    text-indent: 100%;
  15    white-space: nowrap;
  16  }
  17  .input-block-level {
  18    display: block;
  19    width: 100%;
  20    min-height: 28px;
  21    /* Make inputs at least the height of their button counterpart */
  22  
  23    /* Makes inputs behave like true block-level elements */
  24  
  25    -webkit-box-sizing: border-box;
  26    -moz-box-sizing: border-box;
  27    -ms-box-sizing: border-box;
  28    box-sizing: border-box;
  29  }
  30  @font-face {
  31    font-family: 'Open Sans';
  32    font-style: normal;
  33    font-weight: 400;
  34    src: url('../../../../resources/fonts/OpenSans-Regular-webfont.eot');
  35    src: url('../../../../resources/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../resources/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../../../../resources/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../../../resources/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
  36  }
  37  body {
  38    width: 100%;
  39    font-family: 'Open Sans', 'Lucida Grande', Verdana, Tahoma, Arial, sans-serif !important;
  40    font-size: 12px !important;
  41    background: #ffffff;
  42    color: #2b2b2b;
  43  }
  44  hr {
  45    margin: 8px 0;
  46    border-bottom: 1px solid #dddddd;
  47  }
  48  .navbar.navbar-fixed-top {
  49    margin-bottom: 0 !important;
  50  }
  51  .navbar.navbar-fixed-top #topMenus {
  52    margin-bottom: 0 !important;
  53  }
  54  .navbar.navbar-fixed-top #topMenus .navbar-inner {
  55    height: 40px;
  56    background-color: #666666;
  57    background-image: -moz-linear-gradient(top, #666666, #666666);
  58    background-image: -ms-linear-gradient(top, #666666, #666666);
  59    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#666666));
  60    background-image: -webkit-linear-gradient(top, #666666, #666666);
  61    background-image: -o-linear-gradient(top, #666666, #666666);
  62    background-image: linear-gradient(top, #666666, #666666);
  63    background-repeat: repeat-x;
  64    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#666666', GradientType=0);
  65    border-color: #666666 #666666 #404040;
  66    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  67  }
  68  .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar .nav.modulesList li.tabs a {
  69    color: #ffffff;
  70  }
  71  .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar .nav.modulesList li.tabs:first-child > a {
  72    padding: 10px 12px 9px;
  73  }
  74  .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar .nav.modulesList li.tabs a.selected {
  75    background: #333333;
  76    color: #ffffff;
  77    font-weight: bold;
  78  }
  79  .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar .nav.modulesList li.tabs:hover a {
  80    background: #4d4d4d;
  81    color: #ffffff;
  82  }
  83  .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu .moreMenus div a#menubar_item_moduleManager {
  84    color: #2b2b2b;
  85  }
  86  .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu .moreMenus .moduleNames {
  87    margin-bottom: 2px;
  88  }
  89  .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu .moreMenus .moduleNames a {
  90    font-size: 0.9em;
  91    padding: 3% !important;
  92    color: #2b2b2b !important;
  93  }
  94  .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu .moreMenus .moduleNames a:hover {
  95    text-decoration: none;
  96    background: #666666;
  97    color: #ffffff !important;
  98  }
  99  .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu li a {
 100    color: #ffffff;
 101  }
 102  .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu li.open {
 103    background: #333333;
 104    font-weight: bold;
 105  }
 106  .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu li.open a {
 107    color: #ffffff;
 108  }
 109  #collapsedMenu {
 110    display: block;
 111    position: relative;
 112  }
 113  #collapsedMenu a {
 114    color: #ffffff;
 115  }
 116  #collapsedMenu .dropdown-menu .shortDropdown {
 117    max-height: 300px;
 118    overflow-y: scroll;
 119    padding: 10px;
 120    position: relative;
 121    z-index: 10000;
 122    -webkit-overflow-scrolling: touch;
 123    -webkit-transform: translateZ(0);
 124  }
 125  #collapsedMenu .dropdown-menu .shortDropdown .moduleNames {
 126    margin-bottom: 2px;
 127  }
 128  #collapsedMenu .dropdown-menu .shortDropdown .moduleNames a {
 129    font-size: 0.9em;
 130    padding: 3% !important;
 131    color: #2b2b2b !important;
 132  }
 133  #collapsedMenu .dropdown-menu .shortDropdown .moduleNames a:hover {
 134    text-decoration: none;
 135    background: #666666;
 136    color: #ffffff !important;
 137  }
 138  .moreMenus {
 139    width: 52em;
 140    padding: 24%;
 141    left: -270px;
 142    border-radius: 2px;
 143  }
 144  .moreMenus.leftAligned:after,
 145  .moreMenus.leftAligned:before {
 146    left: 21px !important;
 147  }
 148  .moreMenus strong {
 149    font-size: 1.1em;
 150    color: #2b2b2b;
 151  }
 152  .moreMenus:after,
 153  .moreMenus:before {
 154    left: 292px !important;
 155  }
 156  .announcement {
 157    display: none;
 158    background: #fafad2;
 159    padding: 2px 0;
 160    border-bottom: 1px solid #cccccc;
 161    max-height: 24px;
 162    width: 100%;
 163  }
 164  .announcement .marStyle {
 165    width: 100%;
 166  }
 167  #headerLinks {
 168    padding: 10px 0 7px;
 169    min-width: 240px;
 170    float: right !important;
 171  }
 172  #headerLinks .headerLinksContainer {
 173    margin-right: 10px;
 174  }
 175  #headerLinks .headerLinksContainer > [class*="span"] {
 176    float: left;
 177    margin-left: 15px;
 178  }
 179  #headerLinks .headerLinksContainer .dropdown.open .dropdown-toggle {
 180    background: transparent;
 181  }
 182  #headerLinks .headerLinksContainer ul.dropdown-menu {
 183    top: 30px;
 184  }
 185  #headerLinks .headerLinksContainer ul.dropdown-menu:after,
 186  #headerLinks .headerLinksContainer ul.dropdown-menu:before {
 187    right: 15px;
 188    left: auto;
 189  }
 190  #headerLinks .headerLinksContainer .settingIcons ul.dropdown-menu {
 191    left: -132px;
 192    top: 30px;
 193  }
 194  #headerLinks .headerLinksContainer .settingIcons ul.dropdown-menu:after,
 195  #headerLinks .headerLinksContainer .settingIcons ul.dropdown-menu:before {
 196    right: 15px;
 197    left: auto;
 198  }
 199  #headerLinks .headerLinksContainer > span a img,
 200  #headerLinks .headerLinksContainer > span a.userName {
 201    color: #ffffff;
 202    cursor: pointer;
 203    text-decoration: none !important;
 204  }
 205  #headerLinks .headerLinksContainer > span a img .caret,
 206  #headerLinks .headerLinksContainer > span a.userName .caret {
 207    border-top: 4px solid #ffffff;
 208  }
 209  .dropdown-menu.pull-right {
 210    right: 0;
 211    left: auto;
 212    cursor: pointer;
 213  }
 214  .navbar .dropdown-menu,
 215  .dropdown-menu {
 216    border-radius: 2px !important;
 217  }
 218  .navbar .dropdown-menu li a,
 219  .dropdown-menu li a {
 220    padding: 7px 15px;
 221  }
 222  .navbar .dropdown-menu li a:hover,
 223  .dropdown-menu li a:hover {
 224    background: #666666;
 225    text-shadow: none;
 226  }
 227  .themeMenuContainer {
 228    min-width: 110px;
 229    width: 110px;
 230    left: -84px !important;
 231    padding: 10px 0;
 232  }
 233  .themeMenuContainer .themeMenu {
 234    padding: 0 10px;
 235    -webkit-box-sizing: border-box;
 236    -moz-box-sizing: border-box;
 237    box-sizing: border-box;
 238    word-wrap: break-word;
 239  }
 240  .themeMenuContainer .themeMenu .themeElement {
 241    cursor: pointer;
 242    margin: 5px;
 243    height: 20px;
 244    width: 20px;
 245    -webkit-box-sizing: border-box;
 246    -moz-box-sizing: border-box;
 247    box-sizing: border-box;
 248    word-wrap: break-word;
 249  }
 250  .themeMenuContainer .themeMenu .themeElement:hover {
 251    border: 1px solid #000;
 252    background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings-white.png") !important;
 253    background-position: -286px 2px;
 254  }
 255  .themeMenuContainer .themeMenu .themeSelected {
 256    border: 1px solid #000;
 257    background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings-white.png") !important;
 258    background-position: -286px 2px;
 259  }
 260  @media screen and (min-width: 1161px) {
 261    #mediumNav,
 262    #shortNav,
 263    #headerLinksCompact {
 264      display: none;
 265    }
 266    #largeNav {
 267      margin-left: 10px;
 268      margin-right: 0;
 269    }
 270    .commonActionsButtonContainer {
 271      margin-right: 10px;
 272    }
 273  }
 274  @media screen and (max-width: 1160px) and (min-width: 960px) {
 275    #largeNav,
 276    #shortNav,
 277    #headerLinksCompact,
 278    .adv-search,
 279    .notificationMessageHolder {
 280      display: none;
 281    }
 282    .companyLogo {
 283      width: 100%;
 284    }
 285    .customFilterMainSpan .select2-container {
 286      width: 300px !important;
 287    }
 288    .commonActionsButtonContainer {
 289      margin-top: 4px;
 290    }
 291    * {
 292      zoom: 1 !important;
 293    }
 294  }
 295  @media screen and (max-width: 960px) {
 296    #mediumNav,
 297    #largeNav,
 298    #headerLinksBig,
 299    #commonMoreMenu,
 300    .nav.quickActions,
 301    #leftPanel,
 302    #toggleButton,
 303    .companyLogo,
 304    .notificationMessageHolder,
 305    .adv-search,
 306    .select-search .chzn-container.chzn-container-single {
 307      display: none !important;
 308    }
 309    .bodyContents {
 310      margin: 0 !important;
 311    }
 312    #rightPanel {
 313      width: 100% !important;
 314    }
 315    .actionsContainer > .span2 {
 316      display: none !important;
 317    }
 318    .actionsContainer .span10 {
 319      padding: 0 12px;
 320      -webkit-box-sizing: border-box;
 321      -moz-box-sizing: border-box;
 322      box-sizing: border-box;
 323      word-wrap: break-word;
 324    }
 325    .span3#headerLinks {
 326      padding: 5px 5px 0;
 327    }
 328    .menuBar .span9,
 329    .span3#headerLinks {
 330      -webkit-box-sizing: border-box;
 331      -moz-box-sizing: border-box;
 332      box-sizing: border-box;
 333      word-wrap: break-word;
 334      min-width: 80px;
 335    }
 336    .menuBar .span9 .qCreate,
 337    .span3#headerLinks .qCreate {
 338      display: inline-block;
 339      margin: 0px;
 340    }
 341    .menuBar .span9 .qCreate img,
 342    .span3#headerLinks .qCreate img {
 343      margin-bottom: 3px;
 344      margin-right: 5px;
 345    }
 346    .menuBar .span9 .qCreate ul li.title,
 347    .span3#headerLinks .qCreate ul li.title {
 348      padding: 5px 0 0 15px;
 349    }
 350    .menuBar .span9 li.tabs:first-child > a,
 351    .span3#headerLinks li.tabs:first-child > a {
 352      padding: 10px 12px 9px;
 353    }
 354    .customFilterMainSpan .select2-container {
 355      width: 300px !important;
 356    }
 357    #quickCreateModules {
 358      width: 100% !important;
 359      padding: 0 !important;
 360    }
 361    .CompactQC {
 362      max-height: 300px;
 363      overflow-y: scroll;
 364      overflow-x: hidden;
 365    }
 366    .CompactQC a:hover {
 367      text-decoration: none;
 368    }
 369    #headerLinksCompact {
 370      display: inline-block;
 371      float: right;
 372    }
 373    #headerLinksCompact .btn-navbar {
 374      background: #333333;
 375      display: inline-block;
 376      margin-right: 3px;
 377      margin-top: 2px;
 378      float: none;
 379    }
 380    #headerLinksCompact ul.dropdown-menu {
 381      left: -115px;
 382    }
 383    #headerLinksCompact ul.dropdown-menu:after,
 384    #headerLinksCompact ul.dropdown-menu:before {
 385      right: 15px;
 386      left: auto;
 387    }
 388    #headerLinksCompact ul.dropdownStyles {
 389      left: -130px;
 390    }
 391    #headerLinksCompact #compactquickCreate:hover {
 392      background: none;
 393    }
 394    #headerLinksCompact #compactquickCreate .quickCreateModule:hover {
 395      text-decoration: none;
 396      color: #ffffff !important;
 397    }
 398    .searchElement {
 399      min-width: 440px;
 400      padding-left: 10px;
 401    }
 402  }
 403  .commonActionsContainer {
 404    margin-bottom: 0 !important;
 405  }
 406  .commonActionsContainer .companyLogo {
 407    display: inline-block;
 408    height: 3.5em;
 409    margin-top: 0.3em;
 410    margin-left: 20px;
 411  }
 412  .commonActionsContainer .companyLogo img {
 413    height: 98%;
 414    max-width: 100%;
 415    -webkit-box-sizing: border-box;
 416    -moz-box-sizing: border-box;
 417    box-sizing: border-box;
 418    word-wrap: break-word;
 419  }
 420  .commonActionsContainer .actionsContainer {
 421    background: #f3f3f3;
 422    border-bottom: 1px solid #ffffff;
 423    box-shadow: 0 1px 3px 0 #888888;
 424    height: 50px;
 425    -webkit-box-sizing: border-box;
 426    -moz-box-sizing: border-box;
 427    box-sizing: border-box;
 428    word-wrap: break-word;
 429  }
 430  .commonActionsContainer .actionsContainer > .span10 > .row-fluid {
 431    margin-top: 9px;
 432  }
 433  .commonActionsContainer .actionsContainer > .span2 {
 434    height: 50px;
 435  }
 436  .commonActionsContainer .searchElement {
 437    margin-top: 2px;
 438  }
 439  .commonActionsContainer .searchElement .searchBar,
 440  .commonActionsContainer .searchElement .select-search {
 441    display: inline-block;
 442    vertical-align: top;
 443  }
 444  .commonActionsContainer .searchElement .searchBar input,
 445  .commonActionsContainer .searchElement .select-search input {
 446    margin-bottom: 0;
 447  }
 448  .commonActionsContainer .searchElement .searchBar .adv-search,
 449  .commonActionsContainer .searchElement .select-search .adv-search {
 450    margin: 4px 0 0 10px;
 451  }
 452  .commonActionsContainer .searchElement .searchBar .adv-search a,
 453  .commonActionsContainer .searchElement .select-search .adv-search a {
 454    color: #555555;
 455    cursor: pointer;
 456    text-decoration: none !important;
 457  }
 458  .commonActionsContainer .searchElement .searchBar .search-icon,
 459  .commonActionsContainer .searchElement .select-search .search-icon {
 460    border-radius: 2px !important;
 461    margin-left: 4px;
 462    padding: 4px 20px;
 463    cursor: pointer;
 464    background: #666666;
 465    border: 1px solid #595959;
 466  }
 467  .commonActionsContainer .searchElement .searchBar .chzn-container-single .chzn-results,
 468  .commonActionsContainer .searchElement .select-search .chzn-container-single .chzn-results {
 469    max-height: 450px;
 470  }
 471  .commonActionsContainer .searchElement .searchBar .chzn-container-single .chzn-single,
 472  .commonActionsContainer .searchElement .select-search .chzn-container-single .chzn-single {
 473    border-radius: 2px 0 0 2px;
 474    border: 1px solid #dddddd;
 475    border-right: 0;
 476    background: #eeeeee;
 477  }
 478  .commonActionsContainer .searchElement .searchBar .chzn-container-single .chzn-single div,
 479  .commonActionsContainer .searchElement .select-search .chzn-container-single .chzn-single div {
 480    border-radius: 2px;
 481    background: #eeeeee;
 482    border-left: 0px !important;
 483  }
 484  .commonActionsContainer .searchElement .searchBar .chzn-single.chzn-single-with-drop div b,
 485  .commonActionsContainer .searchElement .select-search .chzn-single.chzn-single-with-drop div b {
 486    box-shadow: 0 1px 0 #ffffff inset;
 487  }
 488  .commonActionsContainer .searchElement .searchBar #globalSearchValue,
 489  .commonActionsContainer .searchElement .select-search #globalSearchValue {
 490    border-radius: 0;
 491  }
 492  .commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown {
 493    left: -371px !important;
 494    min-width: 400px;
 495    top: 28px;
 496  }
 497  .commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown li.title {
 498    padding: 5px 0 0 15px;
 499  }
 500  .commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown a {
 501    cursor: pointer;
 502    text-decoration: none !important;
 503  }
 504  .commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown #quickCreateModules {
 505    padding: 0 5px;
 506  }
 507  .commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown #quickCreateModules div a:hover {
 508    color: #ffffff;
 509  }
 510  .mainContainer {
 511    min-height: 500px;
 512    margin-top: 90px;
 513    background: #eeeff2;
 514    min-width: 1200px;
 515  }
 516  .mainContainer > .span2 {
 517    padding: 0 1.06383%;
 518    height: auto !important;
 519    min-width: 174px;
 520  }
 521  .mainContainer .contentsDiv {
 522    min-height: 500px;
 523    background: #fafafb;
 524    -webkit-box-sizing: border-box;
 525    -moz-box-sizing: border-box;
 526    box-sizing: border-box;
 527    word-wrap: break-word;
 528    border-left: 1px solid #e6e6e6;
 529    position: relative;
 530  }
 531  .mainContainer #leftPanel {
 532    background-color: #eeeff2;
 533    background-image: -moz-linear-gradient(top, #eeeff2, #eeeff2);
 534    background-image: -ms-linear-gradient(top, #eeeff2, #eeeff2);
 535    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeff2), to(#eeeff2));
 536    background-image: -webkit-linear-gradient(top, #eeeff2, #eeeff2);
 537    background-image: -o-linear-gradient(top, #eeeff2, #eeeff2);
 538    background-image: linear-gradient(top, #eeeff2, #eeeff2);
 539    background-repeat: repeat-x;
 540    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeff2', endColorstr='#eeeff2', GradientType=0);
 541    border-color: #eeeff2 #eeeff2 #c3c6d1;
 542    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 543  }
 544  .toggleButton {
 545    background: #eeeff2;
 546    font-weight: bold;
 547    padding: 5px 2px !important;
 548    position: absolute;
 549    top: 20px;
 550    left: -1px;
 551    cursor: pointer;
 552    width: 10px;
 553    z-index: 100;
 554    border: 1px solid #dddddd;
 555    border-left: 0;
 556    display: inline-block;
 557  }
 558  .toggleButton .icon-chevron-left {
 559    background-position: -434px -72px !important;
 560  }
 561  .toggleButton .icon-chevron-right {
 562    background-position: -460px -72px !important;
 563  }
 564  .quickLinksDiv {
 565    margin: 10px 0;
 566  }
 567  .quickLinksDiv p {
 568    font-size: 1.2em;
 569    padding: 5% 0 0 11%;
 570    height: 28px;
 571    cursor: pointer;
 572    box-shadow: 0 0 0 1px #dddddd;
 573    border-top: 1px solid #ffffff !important;
 574    background-color: #f5f5f5;
 575    background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
 576    background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
 577    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
 578    background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
 579    background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
 580    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
 581    background-repeat: repeat-x;
 582    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
 583    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
 584    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 585    position: relative;
 586    border-radius: 2px;
 587  }
 588  .quickLinksDiv p a {
 589    color: #2b2b2b;
 590  }
 591  .quickLinksDiv p a:hover {
 592    text-decoration: none;
 593  }
 594  .quickLinksDiv p.selectedQuickLink {
 595    background-color: #4d4d4d;
 596    background-image: -moz-linear-gradient(top, #4d4d4d, #4d4d4d);
 597    background-image: -ms-linear-gradient(top, #4d4d4d, #4d4d4d);
 598    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d4d4d), to(#4d4d4d));
 599    background-image: -webkit-linear-gradient(top, #4d4d4d, #4d4d4d);
 600    background-image: -o-linear-gradient(top, #4d4d4d, #4d4d4d);
 601    background-image: linear-gradient(top, #4d4d4d, #4d4d4d);
 602    background-repeat: repeat-x;
 603    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#4d4d4d', GradientType=0);
 604    border-color: #4d4d4d #4d4d4d #262626;
 605    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 606    background-image: none;
 607    position: relative;
 608    border: 1px solid #ffffff;
 609    box-shadow: 4px 0 3px -4px #000000 inset;
 610  }
 611  .quickLinksDiv p.selectedQuickLink a {
 612    color: #ffffff;
 613  }
 614  .quickLinksDiv p.selectedQuickLink a:after {
 615    border-bottom: 19px solid rgba(0, 0, 0, 0);
 616    border-left: 10px solid #4d4d4d;
 617    border-top: 19px solid rgba(0, 0, 0, 0);
 618    content: " ";
 619    display: inline-block;
 620    position: absolute;
 621    left: 100%;
 622    top: 0;
 623  }
 624  .quickWidgetContainer li a {
 625    overflow: hidden;
 626    white-space: normal;
 627    padding: 5px;
 628    margin: 0;
 629    width: 100%;
 630    -webkit-box-sizing: border-box;
 631    -moz-box-sizing: border-box;
 632    box-sizing: border-box;
 633    word-wrap: break-word;
 634  }
 635  .quickWidgetContainer .quickWidget {
 636    margin-bottom: 10px;
 637    border: 1px solid #dddddd;
 638    -webkit-box-shadow: 0 0 3px -1px #dddddd;
 639    -moz-box-shadow: 0 0 3px -1px #dddddd;
 640    box-shadow: 0 0 3px -1px #dddddd;
 641  }
 642  .quickWidgetContainer .quickWidget .quickWidgetHeader {
 643    background-color: #f5f5f5;
 644    background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
 645    background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
 646    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
 647    background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
 648    background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
 649    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
 650    background-repeat: repeat-x;
 651    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
 652    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
 653    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 654    text-shadow: 0px 1px #ffffff;
 655    border-top: 1px solid #ffffff;
 656    border-bottom: 1px solid #dddddd;
 657    cursor: pointer;
 658    text-decoration: none !important;
 659    padding: 8px;
 660  }
 661  .quickWidgetContainer .quickWidget .quickWidgetHeader h5 {
 662    color: #2b2b2b;
 663    margin-left: 15px;
 664    float: left !important;
 665  }
 666  .quickWidgetContainer .quickWidget .widgetContainer {
 667    background-color: #ffffff;
 668  }
 669  .quickWidgetContainer .quickWidget .widgetContainer > div {
 670    -webkit-box-sizing: border-box;
 671    -moz-box-sizing: border-box;
 672    box-sizing: border-box;
 673    word-wrap: break-word;
 674    padding: 7px 0;
 675  }
 676  .sidebarTitleBlock {
 677    padding: 12px 0;
 678  }
 679  .sidebarTitleBlock a {
 680    color: #373737 !important;
 681  }
 682  .sidebarTitleBlock a:hover {
 683    text-decoration: none;
 684  }
 685  #selectAllMsgDiv,
 686  #deSelectAllMsgDiv {
 687    display: none;
 688    background-color: #fafad2;
 689    padding: 0.01%;
 690    text-align: center;
 691  }
 692  /** Advance Search **/
 693  #advanceSearchContainer {
 694    background-color: #ffffff;
 695    position: relative;
 696  }
 697  #advanceSearchContainer .filterElements {
 698    margin: 10px;
 699  }
 700  #advanceSearchContainer .filterContainer {
 701    padding: 0 15x;
 702  }
 703  #advanceSearchContainer .filterContainer .deleteCondition {
 704    vertical-align: middle;
 705    margin: 6px;
 706  }
 707  #advanceSearchContainer form {
 708    margin-bottom: 0;
 709  }
 710  #advanceSearchContainer form > div {
 711    margin-bottom: 0;
 712  }
 713  #advanceSearchContainer .modal-footer {
 714    padding-bottom: 5px;
 715  }
 716  /** Global Search **/
 717  .blockUI,
 718  #globalmodal {
 719    width: 100%;
 720  }
 721  .blockUI form,
 722  #globalmodal form {
 723    margin: 0 0 0;
 724  }
 725  .globalSearchResults {
 726    background: #ffffff;
 727    border: 1px solid #dddddd;
 728    border: 1px solid #c4c4c4;
 729    -webkit-box-shadow: 0 0 3px -1px #dddddd;
 730    -moz-box-shadow: 0 0 3px -1px #dddddd;
 731    box-shadow: 0 0 3px -1px #dddddd;
 732    min-width: 280px;
 733    min-height: 500px;
 734  }
 735  .globalSearchResults .highlightedHeader {
 736    background-color: #f5f5f5;
 737    background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
 738    background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
 739    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
 740    background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
 741    background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
 742    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
 743    background-repeat: repeat-x;
 744    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
 745    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
 746    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 747    text-shadow: 0px 1px #ffffff;
 748    border-bottom: 1px solid #dddddd;
 749    color: #444444;
 750    padding: 8px 5px;
 751  }
 752  .globalSearchResults #showFilter {
 753    color: #666666;
 754  }
 755  .globalSearchResults .contents {
 756    -webkit-box-sizing: border-box;
 757    -moz-box-sizing: border-box;
 758    box-sizing: border-box;
 759    word-wrap: break-word;
 760    padding: 5% 5% 10% 3%;
 761    max-height: 500px;
 762    min-width: 280px;
 763  }
 764  .globalSearchResults .contents > label {
 765    padding: 5px;
 766    border-bottom: 1px solid #dddddd;
 767  }
 768  .globalSearchResults .contents ul li a {
 769    margin: 5px 0;
 770    padding: 7px;
 771  }
 772  .globalSearchResults .contents ul li a span {
 773    color: #666666;
 774    opacity: 0.5;
 775    font-size: 0.8em;
 776  }
 777  .globalSearchResults .contents ul li a span p {
 778    margin: 0 !important;
 779  }
 780  .dashboardHeading h2 {
 781    padding-bottom: 8px;
 782  }
 783  .dashboardHeading hr {
 784    border-bottom: 1px solid #dddddd;
 785  }
 786  .dashboardHeading .dropdown-menu {
 787    left: -70px;
 788    right: 0;
 789  }
 790  .dashboardContainer {
 791    padding: 0;
 792  }
 793  .dashboardContainer .dashboardHeading {
 794    padding: 10px 0 0;
 795    background: #f5f5f5;
 796  }
 797  .dashboardContainer .dashboardHeading h2 {
 798    padding: 0 0 8px 20px;
 799  }
 800  .dashboardContainer .dashboardHeading .btn-toolbar {
 801    padding: 3px 20px 0 0;
 802  }
 803  .dashboardContainer .dashboardHeading hr {
 804    border-bottom: 1px solid #dddddd;
 805  }
 806  .dashboardContainer .dashboardHeading .dropdown-menu {
 807    left: -82px;
 808  }
 809  .widgetsList {
 810    max-height: 400px;
 811    overflow-y: auto;
 812    overflow-x: hidden;
 813  }
 814  .widgetsList li {
 815    display: block;
 816  }
 817  .widgetsList li a {
 818    white-space: normal;
 819    word-wrap: break-word;
 820  }
 821  .dashboard_notebookWidget_view .row-fluid {
 822    margin-bottom: 5px;
 823  }
 824  .gridster {
 825    margin-left: 0;
 826    width: 100%;
 827    -webkit-box-sizing: border-box;
 828    -moz-box-sizing: border-box;
 829    box-sizing: border-box;
 830    word-wrap: break-word;
 831  }
 832  .gridster ul {
 833    width: auto;
 834    display: block;
 835    -webkit-box-sizing: border-box;
 836    -moz-box-sizing: border-box;
 837    box-sizing: border-box;
 838    word-wrap: break-word;
 839    min-height: 460px;
 840  }
 841  .gridster ul {
 842    list-style: none;
 843  }
 844  .gridster ul li.dashboardWidget {
 845    background: #ffffff;
 846    border-radius: 1px;
 847    border: 1px solid #dddddd;
 848    -webkit-box-shadow: 0 0 3px -1px #dddddd;
 849    -moz-box-shadow: 0 0 3px -1px #dddddd;
 850    box-shadow: 0 0 3px -1px #dddddd;
 851  }
 852  .gridster ul li.dashboardWidget .dashboardWidgetHeader {
 853    background-color: #f5f5f5;
 854    background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
 855    background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
 856    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
 857    background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
 858    background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
 859    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
 860    background-repeat: repeat-x;
 861    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
 862    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
 863    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 864    text-shadow: 0px 1px #ffffff;
 865    border-top: 1px solid #ffffff;
 866    border-bottom: 1px solid #dddddd;
 867    color: #444444;
 868    cursor: move;
 869    padding: 5px;
 870  }
 871  .gridster ul li.dashboardWidget .dashboardWidgetHeader table {
 872    height: 28px;
 873  }
 874  .gridster ul li.dashboardWidget .dashboardWidgetHeader .dashboardTitle {
 875    text-align: left;
 876    padding-left: 10px;
 877  }
 878  .gridster ul li.dashboardWidget .dashboardWidgetHeader .widgeticons {
 879    opacity: 0.5;
 880    padding-right: 6px;
 881  }
 882  .gridster ul li.dashboardWidget .filterContainer {
 883    position: absolute;
 884    border: 1px solid #dddddd;
 885    background: #ffffff;
 886    margin-left: -7px;
 887    margin-right: 3px;
 888    margin-top: 4px;
 889    padding: 8px 0;
 890    border-radius: 0 0 5px 5px;
 891    box-shadow: 0 5px 8px -5px #888888;
 892  }
 893  .gridster ul li.dashboardWidget .filterContainer div span {
 894    margin-top: 6px;
 895  }
 896  .gridster ul li.dashboardWidget .filterContainer .span5 {
 897    margin-top: 3px;
 898  }
 899  .gridster ul li.dashboardWidget .dashboardWidgetContent {
 900    padding: 10px 0;
 901    line-height: 20px;
 902  }
 903  .gridster ul li.dashboardWidget .dashboardWidgetContent .dashboard_notebookWidget_viewarea { 
 904    height: 200px; 
 905  }
 906  .gridster ul li.dashboardWidget .widgeticons {
 907    min-width: 50px;
 908    height: 30px;
 909    margin-right: 30px;
 910    visibility: hidden;
 911  }
 912  .gridster ul li.dashboardWidget .widgeticons a {
 913    cursor: pointer;
 914    text-decoration: none;
 915  }
 916  .gridster ul .widgetChartContainer {
 917    margin-left: 10px;
 918  }
 919  .listViewPageDiv {
 920    margin: 11px 0;
 921  }
 922  .customFilterMainSpan {
 923    width: 100%;
 924  }
 925  .customFilterMainSpan .select2-container {
 926    width: 95% !important;
 927  }
 928  .select2-container .select2-choice {
 929    border-radius: 2px;
 930    background: #ffffff;
 931    border-color: #dddddd;
 932    font-size: 14px;
 933    letter-spacing: 0.01em;
 934    color: #2b2b2b;
 935  }
 936  .select2-container .select2-choice div {
 937    border-radius: 0;
 938    border-left: 0;
 939    background: #ffffff;
 940  }
 941  .select2-drop {
 942    border-color: #dddddd;
 943  }
 944  .select2-drop .select2-no-results {
 945    padding: 1px 10px;
 946  }
 947  .select2-drop ul.filterActions {
 948    list-style: none !important;
 949  }
 950  .select2-drop ul.filterActions li {
 951    cursor: pointer;
 952  }
 953  .ui-autocomplete .ui-menu-item #ui-active-menuitem {
 954    background: #666666;
 955    border-radius: 0;
 956  }
 957  li.ui-timepicker-selected,
 958  .ui-timepicker-list li:hover,
 959  .ui-timepicker-list:hover .ui-timepicker-selected:hover {
 960    background: #666666;
 961  }
 962  /*Do not shrink select2 input box in layout editor*/
 963  #relatedTabOrder .select2-input {
 964    min-width: 200px;
 965  }
 966  .alphabetSorting .alphabetSearch a {
 967    vertical-align: middle;
 968    display: inline-block;
 969    margin-bottom: 2px;
 970  }
 971  .alphabetSorting .alphabetSearch:hover {
 972    background: #eeeff2;
 973  }
 974  .listViewActions .settingsIcon {
 975    display: inline-block;
 976    margin-left: 5px;
 977  }
 978  .listViewActions > .btn-group {
 979    min-width: 105px;
 980  }
 981  #listViewPageJumpDropDown,
 982  #relatedListPageJumpDropDown {
 983    left: -60px;
 984  }
 985  .pageNumbers {
 986    display: inline-block;
 987    margin-right: 5px;
 988    margin-top: 6px;
 989    vertical-align: top;
 990  }
 991  .pageNumbers .totalNumberOfRecords {
 992    margin: 0 5px;
 993  }
 994  .listSearchContributor {
 995    min-width: 100px;
 996    margin-bottom: 0 !important;
 997  }
 998  .contents-topscroll,
 999  #reportDetails {
1000    overflow-x: auto !important;
1001    overflow-y: visible;
1002  }
1003  .contents-bottomscroll {
1004    overflow-x: auto !important;
1005  }
1006  .bottomscroll-div,
1007  .topscroll-div {
1008    display: table;
1009    min-width: 100%;
1010  }
1011  .listViewLoadingImageBlock {
1012    background: none;
1013    border-radius: 0px;
1014    box-shadow: none;
1015    text-align: center;
1016  }
1017  .detailViewContainer {
1018    padding: 0 20px;
1019  }
1020  .userPreferences .contents {
1021    padding-left: 0 !important;
1022  }
1023  .userPreferences .details {
1024    border-right: 0 !important;
1025  }
1026  .detailViewTitle {
1027    padding: 1.5% 0 0 1%;
1028    -webkit-box-sizing: border-box;
1029    -moz-box-sizing: border-box;
1030    box-sizing: border-box;
1031    word-wrap: break-word;
1032  }
1033  .detailViewTitle .recordLabel {
1034    font-size: 16px;
1035    font-weight: bold;
1036    width: 20em;
1037  }
1038  .detailViewTitle .detailViewButtoncontainer {
1039    margin-top: 8px;
1040  }
1041  .detailViewTitle .detailViewPagingButton {
1042    margin-top: 8px;
1043    padding-right: 10px;
1044    -webkit-box-sizing: border-box;
1045    -moz-box-sizing: border-box;
1046    box-sizing: border-box;
1047    word-wrap: break-word;
1048  }
1049  .detailViewTitle .btn-toolbar {
1050    margin: 0;
1051  }
1052  .detailview-table th,
1053  .detailview-table td {
1054    vertical-align: middle;
1055  }
1056  .detailview-table th label,
1057  .detailview-table td label {
1058    margin-bottom: 3px;
1059  }
1060  .detailViewInfo {
1061    box-shadow: 0 -4px 4px -4px #959595;
1062    margin-top: 10px;
1063  }
1064  .detailViewInfo .contents {
1065    padding: 2.2% 0 0 2.2%;
1066    min-height: 450px;
1067  }
1068  .detailViewInfo .details {
1069    min-height: 600px;
1070    padding-right: 1.5%;
1071    border-right: 4px solid #666666;
1072    padding-bottom: 10px;
1073  }
1074  .detailViewInfo .related .nav-pills .active > a,
1075  .detailViewInfo .related .nav-pills .active > a:hover {
1076    background: #666666;
1077    border-radius: 1px;
1078    margin-top: 0;
1079    margin-bottom: 2px;
1080  }
1081  .fieldLabel {
1082    width: 20%;
1083    background: #f7f7f9;
1084  }
1085  .summaryView {
1086    border: 1px solid #eaeaea;
1087    -webkit-box-shadow: 1px 1px 3px #dddddd;
1088    -moz-box-shadow: 1px 1px 3px #dddddd;
1089    box-shadow: 1px 1px 3px #dddddd;
1090    border-radius: 2px;
1091    background: #ffffff;
1092    margin-bottom: 10px;
1093    padding: 25px 20px 5px;
1094    -webkit-box-sizing: border-box;
1095    -moz-box-sizing: border-box;
1096    box-sizing: border-box;
1097    word-wrap: break-word;
1098  }
1099  .summaryView .summary-table tr.summaryViewEntries:last-child .fieldValue,
1100  .summaryView .summary-table tr.summaryViewEntries:last-child .fieldLabel {
1101    border-bottom: 1px solid #dddddd;
1102  }
1103  .summaryView .summaryViewEntries .fieldLabel {
1104    vertical-align: top;
1105    padding: 5px 0 5px 5%;
1106    border-top: 1px solid #dddddd;
1107    border-right: 1px solid #dddddd;
1108  }
1109  .summaryView .summaryViewEntries .fieldValue {
1110    vertical-align: top;
1111    padding: 5px 0 5px 5%;
1112    border-top: 1px solid #dddddd;
1113  }
1114  .summaryView .summaryViewEntries:hover .summaryViewEdit {
1115    opacity: 1;
1116    /*for IE*/
1117  
1118    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
1119    filter: alpha(opacity=100);
1120  }
1121  .summaryView .summaryViewEntries .summaryViewEdit {
1122    opacity: 0;
1123    /*for IE*/
1124  
1125    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1126    filter: alpha(opacity=0);
1127  }
1128  .summaryView .toggleViewByMode {
1129    margin: 8px 0;
1130  }
1131  .summaryWidgetContainer {
1132    border-radius: 2px;
1133    -webkit-box-shadow: 1px 1px 3px #dddddd;
1134    -moz-box-shadow: 1px 1px 3px #dddddd;
1135    box-shadow: 1px 1px 3px #dddddd;
1136    border: 1px solid #eaeaea;
1137    background: #ffffff;
1138    margin-bottom: 10px;
1139    padding: 15px;
1140  }
1141  .summaryWidgetContainer .widget_header {
1142    padding-bottom: 10px;
1143    padding-top: 0;
1144    border-bottom: 1px solid #dddddd;
1145  }
1146  .summaryWidgetContainer .widget_header button,
1147  .summaryWidgetContainer .widget_header > .span8,
1148  .summaryWidgetContainer .widget_header > .span9 {
1149    margin: 0;
1150  }
1151  .summaryWidgetContainer .widget_header h4 {
1152    padding-top: 7px;
1153  }
1154  .summaryWidgetContainer .widget_contents {
1155    padding-top: 10px;
1156  }
1157  .summaryWidgetContainer .widget_contents .span4 {
1158    width: 40.4255%;
1159  }
1160  .commentContainer .commentTitle {
1161    -webkit-box-sizing: border-box;
1162    -moz-box-sizing: border-box;
1163    box-sizing: border-box;
1164    word-wrap: break-word;
1165    margin-bottom: 10px;
1166  }
1167  .commentContainer .commentTitle textarea {
1168    width: 100%;
1169    -webkit-box-sizing: border-box;
1170    -moz-box-sizing: border-box;
1171    box-sizing: border-box;
1172    word-wrap: break-word;
1173  }
1174  .recordDetails .squeezedWell {
1175    padding: 3% 2%;
1176    min-height: 105px;
1177    -webkit-box-sizing: border-box;
1178    -moz-box-sizing: border-box;
1179    box-sizing: border-box;
1180    word-wrap: break-word;
1181  }
1182  /*#EditView{
1183      input[type="radio"]{
1184          margin: -2px 3px 0 0 !important;
1185      }
1186  }*/
1187  .recordEditView .contentHeader {
1188    padding: 1.5% 0;
1189  }
1190  .recordEditView .table .fieldLabel,
1191  .recordEditView .table .fieldValue {
1192    vertical-align: middle;
1193  }
1194  .recordEditView .table tbody tr:hover td,
1195  .recordEditView .table tbody tr:hover th {
1196    background: #f7f7f9;
1197  }
1198  .commentContainer {
1199    border-radius: 2px;
1200  }
1201  .commentContainer hr {
1202    margin: 0 !important;
1203  }
1204  .commentContainer .addCommentBlock .commentsControls {
1205    display: inline-block;
1206  }
1207  .commentContainer .commentsList > .liStyleNone > .commentDetails .commentDiv {
1208    width: 100%;
1209  }
1210  .commentContainer .commentDetails {
1211    background: #ffffff;
1212    border: 1px solid #dddddd;
1213    margin-bottom: 5px;
1214    border-radius: 2px;
1215    padding: 10px 10px 5px;
1216    display: inline-block;
1217    min-width: 400px;
1218    -webkit-box-sizing: border-box;
1219    -moz-box-sizing: border-box;
1220    box-sizing: border-box;
1221    word-wrap: break-word;
1222  }
1223  .commentContainer .commentDetails .commentDiv {
1224    width: 380px;
1225  }
1226  .commentContainer .commentorInfo p {
1227    margin-bottom: 0;
1228  }
1229  .commentContainer .addCommentBlock {
1230    background-color: #eeeff2;
1231    background-image: -moz-linear-gradient(top, #eeeff2, #eeeff2);
1232    background-image: -ms-linear-gradient(top, #eeeff2, #eeeff2);
1233    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeff2), to(#eeeff2));
1234    background-image: -webkit-linear-gradient(top, #eeeff2, #eeeff2);
1235    background-image: -o-linear-gradient(top, #eeeff2, #eeeff2);
1236    background-image: linear-gradient(top, #eeeff2, #eeeff2);
1237    background-repeat: repeat-x;
1238    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeff2', endColorstr='#eeeff2', GradientType=0);
1239    border-color: #eeeff2 #eeeff2 #c3c6d1;
1240    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1241    border: 1px solid #dddddd;
1242    padding: 12px 12px 5px;
1243    min-height: 115px;
1244    margin-top: 15px;
1245    display: block;
1246  }
1247  .commentContainer .addCommentBlock .commentcontent {
1248    padding: 8px !important;
1249    -webkit-box-sizing: border-box;
1250    -moz-box-sizing: border-box;
1251    box-sizing: border-box;
1252    word-wrap: break-word;
1253    width: 100%;
1254    resize: none;
1255  }
1256  .commentContainer .commentInfoContent {
1257    padding: 1px 0;
1258    word-wrap: break-word;
1259  }
1260  .commentTitle .span1 {
1261    -webkit-box-sizing: border-box;
1262    -moz-box-sizing: border-box;
1263    box-sizing: border-box;
1264    word-wrap: break-word;
1265  }
1266  .commentTitle .span1 img {
1267    min-width: 32px;
1268    min-height: 32px;
1269  }
1270  .commentsList > ul {
1271    margin-left: 0;
1272  }
1273  .singleComment .editedStatus {
1274    -webkit-box-sizing: border-box;
1275    -moz-box-sizing: border-box;
1276    box-sizing: border-box;
1277    word-wrap: break-word;
1278    padding: 5px 0 5px 32px;
1279  }
1280  .singleComment .editedStatus p {
1281    margin-bottom: 0;
1282  }
1283  .singleComment .commentActionsDiv {
1284    display: none;
1285  }
1286  .singleComment .commentActionsDiv p {
1287    margin-bottom: 0;
1288  }
1289  .singleComment:hover .commentActionsDiv {
1290    display: block;
1291    margin-bottom: 3px;
1292  }
1293  .recentComments {
1294    margin: 0;
1295    padding: 0;
1296    -webkit-box-sizing: border-box;
1297    -moz-box-sizing: border-box;
1298    box-sizing: border-box;
1299    word-wrap: break-word;
1300  }
1301  .recentComments .commentDiv {
1302    min-width: 100%;
1303  }
1304  .recentComments .addCommentBlock {
1305    border: 0;
1306    margin-top: 0;
1307    display: block;
1308  }
1309  .recentComments .commentDetails {
1310    display: block;
1311  }
1312  .singleComment:hover .commentActions .replyComment {
1313    display: inline-block;
1314  }
1315  .commentActionsContainer a:hover {
1316    text-decoration: none;
1317  }
1318  .commentActionsContainer .editStatus {
1319    padding: 5px 2px;
1320    -webkit-box-sizing: border-box;
1321    -moz-box-sizing: border-box;
1322    box-sizing: border-box;
1323    word-wrap: break-word;
1324  }
1325  .commentActionsContainer .editStatus p {
1326    margin-bottom: 0;
1327  }
1328  .table {
1329    background: #ffffff;
1330  }
1331  .table-bordered {
1332    border-radius: 1px;
1333    margin-bottom: 0;
1334  }
1335  .table-bordered th {
1336    border-top: 1px solid #ffffff !important;
1337  }
1338  .table th {
1339    background-color: #f5f5f5;
1340    background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
1341    background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
1342    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
1343    background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
1344    background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
1345    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
1346    background-repeat: repeat-x;
1347    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
1348    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
1349    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1350    text-shadow: 0px 1px #ffffff;
1351    color: #444444;
1352  }
1353  .listViewEntriesTable.table-bordered th + th,
1354  .listViewEntriesTable.table-bordered td + td,
1355  .listViewEntriesTable.table-bordered th + td,
1356  .listViewEntriesTable.table-bordered td + th {
1357    border-left: 0;
1358  }
1359  /*
1360  .table-bordered th + th, .table-bordered td + td, .table-bordered th + td, .table-bordered td + th{
1361      border-left-color: @lightColorBorder;
1362  }
1363  .listViewEntriesTable tbody tr td{
1364      border-left: 1px solid @lightColorBorder;
1365  }
1366  .listViewEntriesTable tbody tr td:first-child{
1367      border-left: 0 none;
1368  }
1369  .listViewEntriesTable tbody td:last-child{
1370      border-left: 0;
1371  }*/
1372  .table-bordered thead:first-child tr:first-child th:first-child,
1373  .table-bordered tbody:first-child tr:first-child td:first-child {
1374    border-radius: 1px 0 0;
1375  }
1376  .equalSplit td:nth-child(odd) {
1377    width: 20%;
1378  }
1379  .equalSplit td:nth-child(even) {
1380    width: 30%;
1381  }
1382  td.fieldValue input,
1383  td.fieldValue .input-append {
1384    margin-bottom: 0;
1385  }
1386  .actionImage,
1387  .actionImages {
1388    opacity: 0;
1389    /*for IE*/
1390  
1391    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1392    filter: alpha(opacity=0);
1393  }
1394  .listViewHeaders a {
1395    color: #444444;
1396  }
1397  .listViewEntriesDiv .listViewHeaders th {
1398    background-color: #f5f5f5;
1399    background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
1400    background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
1401    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
1402    background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
1403    background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
1404    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
1405    background-repeat: repeat-x;
1406    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
1407    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
1408    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1409    border-bottom: 1px solid #dddddd;
1410  }
1411  .listViewEntriesDiv,
1412  .listViewEntriesDiv td {
1413    overflow: visible;
1414  }
1415  .listViewEntriesTable .listViewHeaders a.listViewHeaderValues {
1416    color: #444444;
1417  }
1418  .listViewEntriesTable .listViewHeaders a.listViewHeaderValues:hover {
1419    text-decoration: none;
1420  }
1421  .listViewEntriesTable .listViewHeaders a.listViewHeaderValues .icon-chevron-down.icon-white,
1422  .listViewEntriesTable .listViewHeaders a.listViewHeaderValues .icon-chevron-up.icon-white {
1423    background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings.png");
1424    opacity: 0.7;
1425    margin-top: 1px;
1426  }
1427  .listViewEntriesTable td.listViewEntryValue,
1428  .listViewEntries td {
1429    vertical-align: middle;
1430    cursor: pointer;
1431    overflow: visible;
1432    padding:5px;
1433  }
1434  .listViewEntriesTable td.listViewEntryValue:hover .actionImages,
1435  .listViewEntries td:hover .actionImages,
1436  .listViewEntriesTable td.listViewEntryValue:hover .actions,
1437  .listViewEntries td:hover .actions {
1438    opacity: 1;
1439    /*for IE*/
1440  
1441    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
1442    filter: alpha(opacity=100);
1443  }
1444  /*opacity applied for summary view edit, comment actions, activity widget edit*/
1445  .summaryViewEntries .summaryViewEdit,
1446  .activityStatus .editStatus,
1447  .addedCalendars .actionImage {
1448    opacity: 0;
1449    /*for IE*/
1450  
1451    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1452    filter: alpha(opacity=0);
1453  }
1454  .summaryViewEntries:hover .fieldValue .summaryViewEdit,
1455  .activityStatus:hover .editStatus,
1456  .addedCalendars:hover .actionImage {
1457    opacity: 1;
1458    /*for IE*/
1459  
1460    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
1461    filter: alpha(opacity=100);
1462  }
1463  .listViewEntriesTable tr:hover td .actions .actionImages {
1464    opacity: 1;
1465    /*for IE*/
1466  
1467    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
1468    filter: alpha(opacity=100);
1469  }
1470  .listViewBasicAction.dropdown-menu {
1471    width: 100%;
1472  }
1473  .listViewBasicAction.dropdown-menu input {
1474    border-radius: 2px;
1475    height: 24px;
1476    margin-bottom: 0;
1477    margin-top: -2px;
1478    width: 100%;
1479    -webkit-box-sizing: border-box;
1480    -moz-box-sizing: border-box;
1481    box-sizing: border-box;
1482    word-wrap: break-word;
1483  }
1484  .emptyRecordsDiv {
1485    width: 100%;
1486    border: 1px solid #dddddd;
1487    -webkit-box-sizing: border-box;
1488    -moz-box-sizing: border-box;
1489    box-sizing: border-box;
1490    word-wrap: break-word;
1491    text-align: center;
1492    font-size: 16px;
1493    padding: 5% 0;
1494  }
1495  .emptyRecordsDiv td {
1496    -webkit-box-sizing: border-box;
1497    -moz-box-sizing: border-box;
1498    box-sizing: border-box;
1499    word-wrap: break-word;
1500    text-align: center;
1501    font-size: 16px;
1502    padding: 5% 0;
1503  }
1504  .CustomFilterViewTitle {
1505    padding-top: 1%;
1506  }
1507  #CustomView .filterActions {
1508    padding-bottom: 20px;
1509    overflow: hidden;
1510  }
1511  .select2-container.select2-container-multi.columnsSelect {
1512    width: 100% !important;
1513  }
1514  .filterConditionsDiv {
1515    padding-bottom: 0;
1516  }
1517  .conditionGroup .header {
1518    margin-bottom: 20px;
1519    font-size: 1.2em;
1520  }
1521  .conditionGroup .contents .conditionRow {
1522    margin-bottom: 10px;
1523  }
1524  .conditionGroup .contents .conditionRow select,
1525  .conditionGroup .contents .conditionRow input {
1526    width: 90%;
1527  }
1528  .conditionGroup .contents .conditionRow .chzn-results li {
1529    line-height: 20px;
1530  }
1531  .conditionGroup .deleteCondition {
1532    vertical-align: bottom;
1533  }
1534  .searchUIBasic {
1535    border-collapse: separate !important;
1536    border-spacing: 10px !important;
1537    margin: 0 10%;
1538  }
1539  .searchUIBasic .importContents {
1540    border: 1px solid #eaeaea;
1541    -webkit-box-shadow: 1px 1px 3px #dddddd;
1542    -moz-box-shadow: 1px 1px 3px #dddddd;
1543    box-shadow: 1px 1px 3px #dddddd;
1544    border-radius: 2px;
1545    background: #ffffff;
1546    margin-bottom: 10px;
1547    padding: 25px 20px 5px;
1548    -webkit-box-sizing: border-box;
1549    -moz-box-sizing: border-box;
1550    box-sizing: border-box;
1551    word-wrap: break-word;
1552  }
1553  .searchUIBasic .listRow .listViewHeaders > td {
1554    color: #666666;
1555  }
1556  .searchUIBasic .listRow .defaultInputTextContainer {
1557    max-width: 87% !important;
1558    margin-bottom: 0 !important;
1559  }
1560  #lineItemTab.table tr:first-child:hover th ~ td {
1561    background-color: #f3f3f4;
1562    background-image: -moz-linear-gradient(top, #f3f3f4, #f3f3f4);
1563    background-image: -ms-linear-gradient(top, #f3f3f4, #f3f3f4);
1564    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f4), to(#f3f3f4));
1565    background-image: -webkit-linear-gradient(top, #f3f3f4, #f3f3f4);
1566    background-image: -o-linear-gradient(top, #f3f3f4, #f3f3f4);
1567    background-image: linear-gradient(top, #f3f3f4, #f3f3f4);
1568    background-repeat: repeat-x;
1569    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f4', endColorstr='#f3f3f4', GradientType=0);
1570    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
1571    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1572  }
1573  #lineItemTab.table tr:nth-child(2):hover td {
1574    background: none;
1575  }
1576  .lineItemTable tr td {
1577    width: 0%;
1578  }
1579  .lineItemTable tr td div.finalDiscountUI,
1580  .lineItemTable tr td div.discountUI,
1581  .lineItemTable tr td div#shipping_handling_div,
1582  .lineItemTable tr td div.taxUI,
1583  .lineItemTable tr td div.finalTaxUI {
1584    border: 2px solid #c4c4c4;
1585    border-radius: 2px;
1586  }
1587  .lineItemTable tr td div.finalDiscountUI table tr td,
1588  .lineItemTable tr td div.discountUI table tr td,
1589  .lineItemTable tr td div#shipping_handling_div table tr td,
1590  .lineItemTable tr td div.taxUI table tr td,
1591  .lineItemTable tr td div.finalTaxUI table tr td,
1592  .lineItemTable tr td div.finalDiscountUI table tr th,
1593  .lineItemTable tr td div.discountUI table tr th,
1594  .lineItemTable tr td div#shipping_handling_div table tr th,
1595  .lineItemTable tr td div.taxUI table tr th,
1596  .lineItemTable tr td div.finalTaxUI table tr th {
1597    border-left: 0;
1598  }
1599  .lineItemTable tr:hover td {
1600    width: 0%;
1601  }
1602  .lineItemTable tr:hover td div.finalDiscountUI table tr td {
1603    background: none !important;
1604  }
1605  .lineItemTable tr:hover td div.discountUI table tr td {
1606    background: none !important;
1607  }
1608  .lineItemTable tr:hover td div#shipping_handling_div table tr td {
1609    background: none !important;
1610  }
1611  .lineItemTable tr:hover td span.taxDivContainer div table tr td {
1612    background: none !important;
1613  }
1614  .lineItemTable tr:hover td div.finalTaxUI table tr td {
1615    background: none !important;
1616  }
1617  .lineItemResult {
1618    width: 70.5% !important;
1619  }
1620  .lineItemResult a:hover {
1621    color: #666666;
1622  }
1623  .lineItemInputBox {
1624    width: 45%;
1625    float: right;
1626    text-align: right;
1627  }
1628  .smallInputBox {
1629    width: 45%;
1630    height: 12px;
1631  }
1632  .lineItemCommentBox {
1633    width: 70%;
1634    height: 40px;
1635  }
1636  .inventoryLineItemHeader {
1637    float: left;
1638    margin: 7px;
1639  }
1640  .discountUI,
1641  .taxUI,
1642  .finalDiscountUI,
1643  .finalTaxUI,
1644  #shipping_handling_div {
1645    position: absolute;
1646    left: 46%;
1647    width: 27%;
1648    z-index: 500;
1649    box-shadow: 1px 0px 7px #dddddd;
1650    border-radius: 6px;
1651  }
1652  .discountUI table.table,
1653  .taxUI table.table,
1654  .finalDiscountUI table.table,
1655  .finalTaxUI table.table,
1656  #shipping_handling_div table.table {
1657    margin-bottom: 0;
1658  }
1659  .discountUI .table tbody tr:first-child th:first-child,
1660  .taxUI .table tbody tr:first-child th:first-child,
1661  .finalDiscountUI .table tbody tr:first-child th:first-child,
1662  .finalTaxUI .table tbody tr:first-child th:first-child,
1663  #shipping_handling_div .table tbody tr:first-child th:first-child {
1664    border-radius: 4px 0 0 0 !important;
1665  }
1666  .discountUI .table tbody tr:first-child th:last-child,
1667  .taxUI .table tbody tr:first-child th:last-child,
1668  .finalDiscountUI .table tbody tr:first-child th:last-child,
1669  .finalTaxUI .table tbody tr:first-child th:last-child,
1670  #shipping_handling_div .table tbody tr:first-child th:last-child {
1671    border-radius: 0 4px 0 0 !important;
1672  }
1673  .LineItemDirectPriceReduction {
1674    width: 65% !important;
1675  }
1676  th.htColHeader,
1677  .handsontable thead th {
1678    background-color: #f5f5f5;
1679    background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
1680    background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
1681    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
1682    background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
1683    background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
1684    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
1685    background-repeat: repeat-x;
1686    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
1687    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
1688    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1689    border-bottom: 1px solid #dddddd;
1690    padding: 6px 2px;
1691  }
1692  .contentHeader {
1693    padding: 15px;
1694    padding-left: 5px;
1695    line-height: 20px;
1696  }
1697  .contentsDiv > div {
1698    padding: 0 20px;
1699  }
1700  #settingsQuickWidgetContainer .widgetContainer.accordion-body {
1701    border-bottom: none !important;
1702    border-bottom: 3px solid #dddddd;
1703  }
1704  #settingsQuickWidgetContainer .widgetContainer.accordion-body > div:hover {
1705    background: #eeeff2;
1706  }
1707  #settingsQuickWidgetContainer .widgetContainer.accordion-body .selectedMenuItem {
1708    background-color: #eeeff2;
1709    border-bottom: 1px solid #dddddd !important;
1710    border-top: 1px solid #dddddd !important;
1711    font-weight: bold;
1712  }
1713  #settingsQuickWidgetContainer .widgetContainer.accordion-body .selectedMenuItem a {
1714    color: #444444;
1715  }
1716  #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem a {
1717    color: #444444;
1718  }
1719  #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem a:hover {
1720    text-decoration: none;
1721  }
1722  #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem:hover .pinUnpinShortCut {
1723    display: inline-block;
1724    margin-top: 3px;
1725    opacity: 0.8;
1726  }
1727  #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem:hover .pinUnpinShortCut:hover {
1728    opacity: 1;
1729  }
1730  #settingsShortCutsContainer {
1731    -webkit-box-sizing: border-box;
1732    -moz-box-sizing: border-box;
1733    box-sizing: border-box;
1734    word-wrap: break-word;
1735    padding: 1% 3%;
1736  }
1737  #settingsShortCutsContainer .moduleBlock {
1738    min-height: 60px;
1739  }
1740  #settingsShortCutsContainer .span3.moduleBlock:hover .unpin {
1741    display: inline-block;
1742    opacity: 0.4;
1743  }
1744  #settingsShortCutsContainer .span3.moduleBlock:hover .unpin:hover {
1745    opacity: 0.8;
1746  }
1747  .widget_header {
1748    padding: 12px 0 3px;
1749  }
1750  .widget_header h3,
1751  .widget_header button {
1752    margin-top: 5px;
1753  }
1754  .widget_header h3.btn-success,
1755  .widget_header button.btn-success {
1756    margin-top: 0;
1757  }
1758  .settingsIndexPage .settingsSummary {
1759    text-align: center;
1760    margin-top: 10px;
1761  }
1762  .settingsIndexPage .settingsSummary a {
1763    display: inline-block;
1764    background: #f3f3f4;
1765    color: #444444;
1766    border-radius: 2px;
1767    min-width: 200px;
1768    padding: 20px 0 10px;
1769    border: 1px solid #dddddd;
1770  }
1771  .settingsIndexPage .settingsSummary a .summaryText {
1772    display: inline-block;
1773    margin-top: 20px;
1774    font-size: 15px;
1775  }
1776  .settingsIndexPage .settingsSummary a:hover .summaryText,
1777  .settingsIndexPage .settingsSummary a:hover .summaryCount {
1778    color: #666666;
1779  }
1780  .settingsIndexPage .moduleBlock h5 {
1781    font-size: 1.2em;
1782    margin-bottom: 5px;
1783  }
1784  .settingsIndexPage .moduleBlock:hover {
1785    background: #f3f3f4;
1786  }
1787  #userPageHeader {
1788    padding: 8px 0 0;
1789  }
1790  #userPageHeader #userHeading h3 {
1791    margin-top: 10px;
1792  }
1793  .treeView li {
1794    border-left: 4px solid #dddddd;
1795    list-style: none;
1796    padding-top: 15px;
1797  }
1798  .treeView li .toolbar-handle {
1799    margin-left: 10px;
1800    position: relative;
1801  }
1802  .treeView li .toolbar-handle .btn {
1803    margin: 0px;
1804  }
1805  .treeView li .toolbar-handle a:before {
1806    background: none repeat scroll 0 0 #DDDDDD;
1807    content: " ";
1808    display: inline-block;
1809    height: 4px;
1810    left: -10px;
1811    position: absolute;
1812    top: 12px;
1813    width: 10px;
1814  }
1815  .treeView .btn {
1816    margin-bottom: 10px;
1817  }
1818  .profilesEditView tr.blockHeader th {
1819    text-align: center;
1820  }
1821  .profilesEditView tr.blockHeader th:first-child {
1822    text-align: left;
1823  }
1824  .profilesEditView input {
1825    margin-right: 5px;
1826  }
1827  .profilesEditView tr td.row-fluid table.table {
1828    border-left: none;
1829    margin-bottom: 20px;
1830  }
1831  .profilesEditView tr:hover td.row-fluid {
1832    background: none;
1833  }
1834  .profilesEditView tr:hover td.row-fluid table.table tr td {
1835    background: none;
1836  }
1837  .profilesEditView tr:hover td.row-fluid table.table tr:hover td {
1838    background: none;
1839  }
1840  .profilesEditView tr:hover td.row-fluid table.table td {
1841    background: #f3f3f4;
1842  }
1843  #s2id_memberList li > div,
1844  .groupMembersColors li > div {
1845    margin-left: 10px;
1846  }
1847  #s2id_memberList .Users,
1848  .groupMembersColors .Users {
1849    background-color: #f99984 !important;
1850    padding: 5px;
1851    margin-bottom: 2px;
1852    background-image: none;
1853  }
1854  #s2id_memberList .Groups,
1855  .groupMembersColors .Groups {
1856    background-color: #acd5ff !important;
1857    background-image: none;
1858    padding: 5px;
1859    margin-bottom: 2px;
1860  }
1861  #s2id_memberList .Roles,
1862  .groupMembersColors .Roles {
1863    background-color: #ffec98 !important;
1864    background-image: none;
1865    padding: 5px;
1866    margin-bottom: 2px;
1867  }
1868  #s2id_memberList .RoleAndSubordinates,
1869  .groupMembersColors .RoleAndSubordinates {
1870    background-color: #c4dea2 !important;
1871    background-image: none;
1872    padding: 5px;
1873    margin-bottom: 2px;
1874  }
1875  .collectiveGroupMembers {
1876    border: 1px solid #dddddd;
1877    border-top: 0;
1878  }
1879  .collectiveGroupMembers ul {
1880    padding: 0;
1881    margin: 0;
1882  }
1883  .collectiveGroupMembers ul li {
1884    padding: 4px 0;
1885    -webkit-box-sizing: border-box;
1886    -moz-box-sizing: border-box;
1887    box-sizing: border-box;
1888    word-wrap: break-word;
1889  }
1890  .collectiveGroupMembers ul li a {
1891    display: inline-block;
1892    -webkit-box-sizing: border-box;
1893    -moz-box-sizing: border-box;
1894    box-sizing: border-box;
1895    word-wrap: break-word;
1896    width: 100%;
1897    margin: 0;
1898  }
1899  .collectiveGroupMembers ul li.groupLabel {
1900    background-color: #f3f3f4;
1901    border-bottom: 1px solid #dddddd;
1902    border-top: 1px solid #dddddd;
1903    padding: 10px 5px;
1904    margin: 0;
1905    color: #444444;
1906  }
1907  .mini-slider-control {
1908    width: 50px;
1909  }
1910  .mini-slider-control + div {
1911    margin-left: 15px;
1912  }
1913  .mini-slider-control .ui-slider-handle {
1914    border: 0;
1915    border-radius: 50%;
1916    height: 16px;
1917    top: -2px;
1918    width: 16px;
1919    cursor: pointer;
1920  }
1921  .mini-slider-control .ui-slider-handle:focus {
1922    outline: none;
1923  }
1924  .ui-widget-content {
1925    border-radius: 6px;
1926    border-color: #ffffff;
1927    box-shadow: 0 0 3px -1px inset;
1928    margin-top: 2px;
1929    margin-left: 5px;
1930    height: 12px;
1931  }
1932  .ui-slider-disabled {
1933    opacity: 0.5;
1934    border-color: #dddddd;
1935    box-shadow: none;
1936    cursor: not-allowed;
1937  }
1938  .ui-slider-disabled .ui-slider-handle {
1939    cursor: not-allowed;
1940  }
1941  .ui-slider-disabled + div {
1942    opacity: 0.5;
1943    cursor: not-allowed;
1944  }
1945  .mini-slider-control[data-value="0"] .ui-slider-handle {
1946    background: #7d7e7d;
1947    /* Old browsers */
1948  
1949    background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
1950    /* FF3.6+ */
1951  
1952    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
1953    /* Chrome,Safari4+ */
1954  
1955    background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
1956    /* Chrome10+,Safari5.1+ */
1957  
1958    background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
1959    /* Opera 11.10+ */
1960  
1961    background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
1962    /* IE10+ */
1963  
1964    background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
1965    /* W3C */
1966  
1967    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
1968    /* IE6-9 */
1969  
1970  }
1971  .mini-slider-control[data-value="1"] .ui-slider-handle {
1972    background: #ffb76b;
1973    /* Old browsers */
1974  
1975    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
1976    /* FF3.6+ */
1977  
1978    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb76b), color-stop(0%, #ffa73d), color-stop(49%, #ff7c00), color-stop(100%, #ff7f04));
1979    /* Chrome,Safari4+ */
1980  
1981    background: -webkit-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
1982    /* Chrome10+,Safari5.1+ */
1983  
1984    background: -o-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
1985    /* Opera 11.10+ */
1986  
1987    background: -ms-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
1988    /* IE10+ */
1989  
1990    background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
1991    /* W3C */
1992  
1993    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0);
1994    /* IE6-9 */
1995  
1996  }
1997  .mini-slider-control[data-value="2"] .ui-slider-handle {
1998    background: #bfd255;
1999    /* Old browsers */
2000  
2001    background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
2002    /* FF3.6+ */
2003  
2004    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfd255), color-stop(79%, #8eb92a), color-stop(100%, #72aa00), color-stop(100%, #9ecb2d));
2005    /* Chrome,Safari4+ */
2006  
2007    background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
2008    /* Chrome10+,Safari5.1+ */
2009  
2010    background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
2011    /* Opera 11.10+ */
2012  
2013    background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
2014    /* IE10+ */
2015  
2016    background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
2017    /* W3C */
2018  
2019    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
2020    /* IE6-9 */
2021  
2022  }
2023  #moduleManagerContents {
2024    padding-bottom: 10px;
2025  }
2026  #moduleManagerContents .moduleManagerBlock .moduleName {
2027    margin-top: 4px;
2028  }
2029  #moduleManagerContents .moduleManagerBlock .btn-group.open .dropdown-menu {
2030    left: -144%;
2031  }
2032  #moduleManagerContents .modulesTable td {
2033    width: 50%;
2034  }
2035  #importModules .contents .row-fluid {
2036    margin-bottom: 2.2%;
2037  }
2038  .extensionWidgetContainer {
2039    background-color: #ffffff;
2040    border: 1px solid #dddddd;
2041    min-height: 200px;
2042    padding: 2%;
2043    background: #fafafa;
2044    box-shadow: 0px 0px 10px -4px #777;
2045  }
2046  .extensionWidgetContainer .extension_contents {
2047    margin-top: 2%;
2048    background: #ffffff;
2049    padding: 10px;
2050    box-sizing: border-box;
2051    max-height: 160px;
2052  }
2053  .extension_contents:hover {
2054      border-radius: 4px;
2055  }
2056  .extensionWidgetContainer .extension_contents .slimScrollDiv {
2057    padding-right: 10px;
2058  }
2059  .extensionWidgetContainer .extension_header .font-x-x-large {
2060    font-size: 1.5em;
2061    padding-left: 3px;
2062    font-weight: bold;
2063    color: #666666;
2064  }
2065  .extensionWidgetContainer .extensionDescription {
2066    line-height: 20px;
2067  }
2068  .extensionWidgetContainer .extensionInfo {
2069    padding-top: 5px;
2070  }
2071  .extensionWidgetContainer .extensionInfo .rating, .extensionDetails .rating{
2072      vertical-align: middle;
2073      margin-top: 2px;
2074      display: inline-block;
2075  }
2076  .extensionDetails .authorInfo{
2077      margin : 3px 0;
2078  }
2079  .extensionDetails .extensionDetailActions{
2080      padding: 15px 0;
2081  }
2082  .extensionWidgetContainer .tab-pane .bx-wrapper .imageSlider{
2083      margin: 0;
2084  }
2085  .sliderImage{
2086      width: 90%;
2087      height: 360px;
2088  }
2089  .thumbnailImage {
2090      height: 130px;
2091      width: 130px;
2092      float: right;
2093  }
2094  .opacity .actions {
2095    opacity: 0;
2096    /*for IE*/
2097  
2098    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2099    filter: alpha(opacity=0);
2100  }
2101  .opacity:hover .actions {
2102    opacity: 1;
2103    /*for IE*/
2104  
2105    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
2106    filter: alpha(opacity=100);
2107  }
2108  .sharingAccessDetails {
2109    margin-bottom: 30px;
2110  }
2111  .sharingAccessDetails td,
2112  .sharingAccessDetails th {
2113    text-align: center;
2114    vertical-align: middle !important;
2115  }
2116  .sharingAccessDetails tr td:first-child,
2117  .sharingAccessDetails tr th:first-child {
2118    text-align: left;
2119  }
2120  .sharingAccessDetails td.row-fluid > div {
2121    display: block;
2122  }
2123  .sharingAccessDetails .customRuleContainer:hover {
2124    background: none;
2125  }
2126  .sharingAccessDetails hr {
2127    border-bottom: 1px solid #bcbcbc;
2128  }
2129  .sharingAccessDetails .title {
2130    padding: 1%;
2131    -webkit-box-sizing: border-box;
2132    -moz-box-sizing: border-box;
2133    box-sizing: border-box;
2134    word-wrap: break-word;
2135  }
2136  .sharingAccessDetails .title .rulehead {
2137    padding-top: 5px;
2138  }
2139  .sharingAccessDetails .customRuleEntries:hover .actionImages {
2140    opacity: 1;
2141    /*for IE*/
2142  
2143    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
2144    filter: alpha(opacity=100);
2145  }
2146  .layoutContent {
2147    border-top: 4px solid #666666;
2148  }
2149  .layoutContent #moduleBlocks .editFieldsTable {
2150    margin-bottom: 20px;
2151  }
2152  .layoutContent #moduleBlocks .editFieldsTable .fieldLabel {
2153    background: none;
2154  }
2155  .layoutContent #moduleBlocks .editFieldsTable .layoutBlockHeader {
2156    background-color: #f5f5f5;
2157    background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
2158    background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
2159    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
2160    background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
2161    background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
2162    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
2163    background-repeat: repeat-x;
2164    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
2165    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
2166    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
2167    text-shadow: 0px 1px #ffffff;
2168    border-top: 1px solid #ffffff;
2169    border-bottom: 1px solid #dddddd;
2170  }
2171  .layoutContent #moduleBlocks .editFieldsTable .layoutBlockHeader .blockLabel {
2172    padding-top: 13px;
2173  }
2174  .layoutContent #moduleBlocks .editFieldsTable .layoutBlockHeader .blockActions .btn-group {
2175    margin-top: 5px;
2176  }
2177  .layoutContent #moduleBlocks .editFieldsTable .layoutBlockHeader .blockActions .btn-group .dropdown-menu {
2178    left: -100%;
2179  }
2180  .layoutContent .relatedTabModulesList {
2181    padding: 2% 1%;
2182  }
2183  .fieldDetailsForm .search-choice-close {
2184    padding: 0;
2185  }
2186  .border1px {
2187    border: 1px solid #dddddd;
2188  }
2189  .blockFieldsList .opacity {
2190    margin-left: 0.5% !important;
2191  }
2192  .blockFieldsList .opacity .dropdown-menu a {
2193    padding: 0px !important;
2194  }
2195  .blockFieldsList .opacity a.dropdown-toggle.editFieldDetails {
2196    box-shadow: none;
2197  }
2198  .blockFieldsList .editFields .dropdown-menu {
2199    z-index: 1000003;
2200    padding: 0;
2201    left: -215px;
2202    position: absolute;
2203  }
2204  .blockFieldsList .editFields .dropdown-menu .modal-header {
2205    border-width: 0;
2206    border-bottom-width: 1px;
2207  }
2208  .blockFieldsList .editFields .dropdown-menu .modal-header .cancel {
2209    padding-right: 0;
2210    font-weight: bold;
2211  }
2212  .blockFieldsList .editFields .dropdown-menu .modal-footer .cancel {
2213    padding: 0 8px 0 3px;
2214  }
2215  .blockFieldsList .editFields:hover {
2216    background: #f3f3f4 !important;
2217  }
2218  #modulePickListValuesContainer .layoutContent {
2219    padding-left: 2%;
2220  }
2221  #modulePickListValuesContainer .layoutContent .selectedCell,
2222  #modulePickListValuesContainer .layoutContent .selectedListItem {
2223    background: #cccccc;
2224    white-space: nowrap;
2225  }
2226  #modulePickListValuesContainer .layoutContent .pickListValue {
2227    cursor: pointer;
2228  }
2229  .nonEditableValuesDiv .nonEditablePicklistValues {
2230    margin-left: 0;
2231  }
2232  .nonEditableValuesDiv .nonEditablePicklistValues li {
2233    padding: 3px 15px;
2234    margin-bottom: 2px;
2235    background: #E0F2FF;
2236  }
2237  .popover {
2238    z-index: 1000023 !important;
2239  }
2240  .popover-content .fieldLabel {
2241    width: 35%;
2242    white-space: normal;
2243  }
2244  #dependencyGraph .tableHeading {
2245    text-align: center;
2246    padding-top: 30px;
2247    font-size: 1.2em;
2248    font-weight: bold;
2249  }
2250  #dependencyGraph .depandencyTable {
2251    border: 1px solid #dddddd;
2252    background: #f3f3f4;
2253  }
2254  #dependencyGraph .depandencyTable .blockHeader {
2255    border-bottom: 1px solid #dddddd;
2256  }
2257  #dependencyGraph .depandencyTable .picklistValueMapping {
2258    border-bottom: 1px solid #dddddd;
2259  }
2260  #dependencyGraph .dependencyMapping {
2261    text-align: center;
2262    border-left: 1px solid #dddddd;
2263    border-right: 1px solid #dddddd;
2264    background: #ffffff;
2265  }
2266  #dependencyGraph .dependencyMapping .mCSB_container {
2267    margin-bottom: 16px !important;
2268  }
2269  #dependencyGraph .dependencyMapping .pickListDependencyTable {
2270    border: 0;
2271  }
2272  #dependencyGraph .dependencyMapping .pickListDependencyTable .blockHeader th {
2273    background: #f3f3f4;
2274    border-bottom: 1px solid #dddddd;
2275  }
2276  #dependencyGraph .dependencyMapping .pickListDependencyTable .selectedCell {
2277    background: #cccccc;
2278  }
2279  .webformFieldInfo {
2280    margin-bottom: 250px;
2281  }
2282  .targetFieldsTableContainer input[type="text"] {
2283    min-width: 100px;
2284  }
2285  #customRecordNumbering.table thead th {
2286    vertical-align: middle;
2287  }
2288  .addMailBoxBlock {
2289    margin-left: 83px;
2290    padding: 0 !important;
2291    font-size: 12px;
2292  }
2293  .addMailBoxStep {
2294    background: #ffffff;
2295    padding: 30px 0;
2296    border: 1px solid #dddddd;
2297    border-radius: 1px;
2298    min-height: 170px;
2299  }
2300  .mailConveterDesc {
2301    height: 350px;
2302    width: 96%;
2303    border: 1.5px solid;
2304    border-radius: 2px;
2305    border-color: #dddddd;
2306    font-size: 11pt;
2307    margin-top: 55px;
2308    margin-left: 20px;
2309    background: #ffffff;
2310  }
2311  #mailBoxLabel {
2312    margin-top: 15px;
2313    margin-left: -18px;
2314    font-size: 12pt;
2315    width: 75px;
2316  }
2317  .mailBoxDropdownWrapper {
2318    height: 49px;
2319    width: 70%;
2320    background: url('../images/mailbox-icon.png') no-repeat 5px 5px;
2321    overflow: hidden;
2322    border: 1px solid #dddddd;
2323  }
2324  .mailBoxDropdown {
2325    background: transparent url('../images/downArrowBlue.png') no-repeat 236px 13px;
2326    width: 110%;
2327    height: 50px;
2328    font-size: 14pt;
2329    color: #0065a6;
2330    padding: 10px 55px;
2331    padding-right: 0;
2332  }
2333  #mailConverterDragIcon {
2334    margin-top: 12px;
2335  }
2336  #mailConverterBody {
2337    padding-top: 20px;
2338    margin-left: 0px;
2339  }
2340  .ruleHead {
2341    padding: 6px 0;
2342    background: #d8d8dc;
2343  }
2344  .mailConverterRuleBlock {
2345    font-size: 14px;
2346    line-height: 30px;
2347    border: 1.5px solid;
2348    border-color: #dddddd;
2349  }
2350  .mailConverterRuleLegend {
2351    font-size: 14px;
2352    color: #0065a6;
2353    margin-bottom: 10px;
2354    background: #f3f3f4;
2355  }
2356  #mailConverterStats {
2357    font-size: 10pt;
2358    margin-top: 5px;
2359    margin-left: -10px;
2360  }
2361  .addMailBoxBlock {
2362    border-color: #dddddd;
2363    margin-left: 83px;
2364    margin-top: 20px;
2365    padding-top: 30px;
2366    padding-left: 200px;
2367    padding-bottom: 20px;
2368    padding-right: 30px;
2369    font-size: 11pt;
2370  }
2371  .taskTypeUi > .row-fluid {
2372    margin: 10px 0;
2373  }
2374  #taskListContainer .listViewEntriesTable tr td:last-child {
2375    border-left: 1px solid #dddddd;
2376  }
2377  #workflow_step2 > .row-fluid {
2378    padding: 20px;
2379    -webkit-box-sizing: border-box;
2380    -moz-box-sizing: border-box;
2381    box-sizing: border-box;
2382    word-wrap: break-word;
2383    min-height: 400px;
2384  }
2385  #open_email_con .detailViewTitle {
2386    padding: 0;
2387  }
2388  #open_email_con .detailViewTitle .detailViewPagingButton {
2389    margin-top: 0;
2390    padding-right: 0;
2391  }
2392  #foldersList .nav-list {
2393    padding-right: 0;
2394  }
2395  .massEditTable th + th,
2396  .massEditTable td + td,
2397  .massEditTable th + td,
2398  .massEditTable td + th {
2399    border-left: 0;
2400  }
2401  .nav.massEditTabs {
2402    margin-bottom: 0;
2403    border-bottom: 0;
2404  }
2405  .nav.massEditTabs li.active a {
2406    background: #666666;
2407    color: #ffffff;
2408    margin-left: 10px;
2409  }
2410  .nav.massEditTabs li a:hover {
2411    border-bottom: 1px solid #666666;
2412  }
2413  .massEditContent {
2414    border-top: 3px solid #666666;
2415  }
2416  .calendarSettingsContainer {
2417    width: 700px;
2418  }
2419  .calendarSettingsContainer .control-label {
2420    width: 26%;
2421  }
2422  #calendarSettings {
2423    margin: 1px 0 3px;
2424  }
2425  .calendarMassEdit {
2426    min-width: 400px;
2427  }
2428  .fc-state-default .fc-button-effect {
2429    top: 100% !important;
2430  }
2431  .fc-event-style1,
2432  .fc-event-style1 .fc-event-skin {
2433    background: #17309a;
2434    border-color: #17309a;
2435    font-weight: normal;
2436    text-shadow: none;
2437  }
2438  .fc-event-style2,
2439  .fc-event-style2 .fc-event-skin {
2440    background: #3a87ad;
2441    border-color: #3a87ad;
2442    font-weight: normal;
2443    text-shadow: none;
2444  }
2445  .fc-event-style3,
2446  .fc-event-style3 .fc-event-skin {
2447    background: #aa6705;
2448    border-color: #aa6705;
2449    font-weight: normal;
2450    text-shadow: none;
2451  }
2452  .fc-event-style4,
2453  .fc-event-style4 .fc-event-skin {
2454    background: #953b39;
2455    border-color: #953b39;
2456    font-weight: normal;
2457    text-shadow: none;
2458  }
2459  .fc-event-style5,
2460  .fc-event-style5 .fc-event-skin {
2461    background: #545252;
2462    border-color: #545252;
2463    font-weight: normal;
2464    text-shadow: none;
2465  }
2466  .fc-event-style6,
2467  .fc-event-style6 .fc-event-skin {
2468    background: #87865d;
2469    border-color: #87865d;
2470    font-weight: normal;
2471    text-shadow: none;
2472  }
2473  .fc-event-style7,
2474  .fc-event-style7 .fc-event-calendarMassEditskin {
2475    background: #c71585;
2476    border-color: #c71585;
2477    font-weight: normal;
2478    text-shadow: none;
2479  }
2480  .fc-event-style8,
2481  .fc-event-style8 .fc-event-skin {
2482    background: #006400;
2483    border-color: #006400;
2484    font-weight: normal;
2485    text-shadow: none;
2486  }
2487  #calendarview th {
2488    color: #000000;
2489  }
2490  .fc-agenda-divider + div {
2491    overflow-y: visible !important;
2492  }
2493  .fc-button {
2494    border-radius: 0 !important;
2495    padding: 5px 10px !important;
2496  }
2497  .fc-button:active .fc-button-inner {
2498    background: transparent;
2499  }
2500  .fc-button:active .fc-button-inner .fc-button-content {
2501    color: #ffffff;
2502  }
2503  .fc-button.fc-state-active .fc-button-inner .fc-button-content,
2504  .fc-button:active .fc-button-inner .fc-button-content {
2505    color: #000000 !important;
2506    background: transparent;
2507    background-image: none;
2508  }
2509  .fc-header-title h2 {
2510    font-size: 15px;
2511    line-height: 20px;
2512  }
2513  .fc-widget-header {
2514    padding: 7px 0px !important;
2515    color: #666;
2516    background: #eee;
2517    border-color: #ccc;
2518  }
2519  .fc-content {
2520    background: #fff;
2521    margin-top: 15px;
2522  }
2523  .fc-content td:hover {
2524    background: #f3f3f3;
2525  }
2526  .listViewSetting.dropdown-menu {
2527    left: -150px;
2528  }
2529  .btn {
2530    font-weight: bold;
2531    background-color: none ;
2532    background-image: none;
2533    border-radius: 0 !important;
2534  }
2535  .btn:focus {
2536    outline: 0;
2537  }
2538  .btn-primary {
2539    background: #666666;
2540  }
2541  .btn-primary:hover {
2542    background: #404040;
2543  }
2544  .addButton {
2545    background: #ffffff;
2546    text-shadow: none;
2547    border-radius: 0 !important;
2548  }
2549  .addButton:hover {
2550    border-radius: 0 !important;
2551    background-position: 0 0;
2552    background: #ffffff;
2553  }
2554  .addButton i.caret {
2555    background-size: 0;
2556  }
2557  .saveButton,
2558  .btn-success {
2559    margin-right: 5px;
2560  }
2561  .cancelLink {
2562    cursor: pointer;
2563    text-decoration: none !important;
2564    color: #aa3434;
2565    margin: 6px 8px;
2566    font-size: 12px !important;
2567  }
2568  .cancelLink:hover {
2569    color: #aa3434 !important;
2570  }
2571  .addCustomRule {
2572    float: right;
2573  }
2574  .importMore {
2575    background: #ffffff;
2576  }
2577  .lastImport {
2578    background: #ffffff;
2579  }
2580  .undoImport {
2581    background: #da4f49;
2582  }
2583  .close {
2584    border: none;
2585    background: none repeat scroll 0 0 transparent;
2586    border: 0 none;
2587    cursor: pointer;
2588  }
2589  .resetButton {
2590    margin-top: 0 !important;
2591  }
2592  .vtGlyph {
2593    display: inline-block;
2594    width: 14px;
2595    height: 14px;
2596    line-height: 14px;
2597    vertical-align: text-top;
2598    background-image: url("../images/vtGlyph.png");
2599    background-position: 0 0;
2600    background-repeat: no-repeat;
2601    *margin-right: .3em;
2602  }
2603  .vticon-pageJump {
2604    background-position: 0 0;
2605  }
2606  .vticon-call-inbound {
2607    background-position: -14px 0;
2608  }
2609  .vticon-call-outbound {
2610    background-position: -28px 0;
2611  }
2612  #massEdit .cancelLinkContainer {
2613    padding: 5px 0;
2614    margin-left: 0.5em;
2615  }
2616  .ui-pnotify {
2617    z-index: 1000023;
2618  }
2619  /*Feedback UI*/
2620  .feedback {
2621    z-index: 10002;
2622  }
2623  .feedback .handle {
2624    z-index: 10003;
2625    display: block;
2626    position: fixed;
2627    bottom: 50px;
2628    left: -30px;
2629    left: 0\9;
2630    bottom: 100px\9;
2631    background: #2C2C2C;
2632    color: white;
2633    padding: 7px 15px;
2634    border: 1px solid gray;
2635    text-decoration: none;
2636    outline: none;
2637    -webkit-transform: rotate(270deg);
2638    -moz-transform: rotate(270deg);
2639    -o-transform: rotate(270deg);
2640    -ms-transform: rotate(270deg);
2641    transform: rotate(270deg);
2642    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand')";
2643    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-1, M22=0, sizingMethod='auto expand');
2644  }
2645  .feedback .handle:hover {
2646    text-decoration: none;
2647  }
2648  /* Footer */
2649  .vtFooter {
2650    text-align: center;
2651  }
2652  .vtFooter p {
2653    background: #666666;
2654    color: #ffffff;
2655    border-top: 1px solid #dddddd;
2656    padding: 1px 0;
2657    font-size: 0.9em;
2658    margin-bottom: 0;
2659  }
2660  .vtFooter p a {
2661    color: #ffffff;
2662  }
2663  /* Footer */
2664  /*****Loading message **********/
2665  .imageHolder {
2666    background: url('../images/loadback.png') repeat-y;
2667    background-position: center;
2668    padding: 10px 0;
2669  }
2670  .breadcrumbContainer {
2671    padding: 2% 2% 0 2%;
2672    -webkit-box-sizing: border-box;
2673    -moz-box-sizing: border-box;
2674    box-sizing: border-box;
2675    word-wrap: break-word;
2676    height: auto;
2677  }
2678  .breadcrumb {
2679    display: inline-block;
2680    height: auto;
2681    height: 40px;
2682  }
2683  .crumbs {
2684    height: 40px;
2685    margin: 0;
2686    padding: 0 20px 0 0;
2687    display: inline-block;
2688    font-family: sans-serif;
2689  }
2690  .crumbs li:after {
2691    content: '\0000a0';
2692    width: 0;
2693    height: 0;
2694    border-left: 19px solid #ECECEC;
2695    border-top: 20px solid transparent;
2696    border-bottom: 20px solid transparent;
2697    display: inline-block;
2698    position: relative;
2699    top: -20px;
2700    left: 18px;
2701    zoom: 1;
2702  }
2703  .crumbs li {
2704    height: 0;
2705    border-top: 20px solid #ECECEC;
2706    border-bottom: 20px solid #ECECEC;
2707    border-left: 20px solid transparent;
2708    display: inline-block;
2709    cursor: pointer;
2710    box-shadow: 0 1px #ddd;
2711    margin-right: 5px;
2712  }
2713  .crumbs li a {
2714    display: inline-block;
2715    float: left;
2716    margin-top: -13px;
2717    font-size: 14px;
2718    font-weight: bold;
2719    color: #666;
2720    text-decoration: none;
2721  }
2722  .crumbs li:hover {
2723    height: 0;
2724    border-top: 20px solid #737373;
2725    border-bottom: 20px solid #737373;
2726    box-shadow: 0 1px #737373;
2727  }
2728  .crumbs li:hover a {
2729    color: #ffffff;
2730  }
2731  .crumbs li:hover:after {
2732    border-left: 20px solid #737373 !important;
2733  }
2734  .crumbs li.active {
2735    height: 0;
2736    border-top: 20px solid #666666;
2737    border-bottom: 20px solid #666666;
2738    box-shadow: 0 1px #666666;
2739  }
2740  .crumbs li.active:after {
2741    border-left: 18px solid #666666 !important;
2742  }
2743  .stepText {
2744    display: inline-block;
2745    white-space: nowrap;
2746    overflow: hidden;
2747    font-size: 13px;
2748    vertical-align: bottom;
2749  }
2750  .active .stepText,
2751  .active .stepNum {
2752    color: #fff;
2753  }
2754  .stepNum {
2755    display: inline-block;
2756    padding: 0 5px;
2757    overflow: hidden;
2758    font-size: 20px;
2759    vertical-align: top;
2760    margin-top: 5px;
2761  }
2762  .greyStar {
2763    background-image: url("../images/stars.png");
2764    background-position: 20px 20px;
2765    height: 20px;
2766    width: 20px;
2767    display: inline-block;
2768  }
2769  .yellowStar {
2770    background-image: url('../images/stars.png');
2771    background-position: 0 20px;
2772    width: 20px;
2773    height: 20px;
2774    display: inline-block;
2775  }
2776  .blockUI {
2777    border-radius: 2px !important;
2778    border: 0 !important;
2779  }
2780  textarea.span11 {
2781    width: 100% !important;
2782    -webkit-box-sizing: border-box;
2783    -moz-box-sizing: border-box;
2784    box-sizing: border-box;
2785    word-wrap: break-word;
2786  }
2787  .popover .popover-inner {
2788    border-radius: 2px;
2789    font-size: 0.8em;
2790    box-shadow: 0;
2791  }
2792  .popover .popover-inner .popover-title {
2793    color: #444444;
2794    font-size: 15px;
2795  }
2796  .popover .popover-inner .close {
2797    color: #000000 !important;
2798    margin-top: 3px;
2799    opacity: 0.5 !important;
2800  }
2801  .popover .popover-inner .close:hover {
2802    opacity: 1 !important;
2803  }
2804  .popover .popover-inner td {
2805    padding: 3px 5px;
2806    overflow-wrap: break-word;
2807  }
2808  .popover .popover-inner .detailViewInfo {
2809    margin-top: 0;
2810    box-shadow: 0;
2811  }
2812  .popover .popover-inner .detailViewInfo .fieldLabel label {
2813    font-size: 1em;
2814  }
2815  #findDuplicate > .control-group {
2816    margin-bottom: 0;
2817    width: 400px;
2818  }
2819  #moveReports .modal-body {
2820    padding: 20px 40px;
2821  }
2822  #composeEmailContainer {
2823    padding: 0 20px;
2824  }
2825  #composeEmailContainer .MultiFile-wrap {
2826    display: inline-block;
2827  }
2828  #composeEmailContainer .MultiFile-intercepted .ui-wrapper {
2829    min-height: 400px;
2830  }
2831  #transferOwnershipContainer .select2-container.select2-container-multi {
2832    max-width: 220px;
2833  }
2834  .fieldInfo.in {
2835    overflow: visible !important;
2836    height: auto !important;
2837  }
2838  .moduleSelection {
2839    border-radius: 2px 2px 0 0 !important;
2840    border: 1px solid #dddddd !important;
2841    background-color: #f5f5f5;
2842    background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
2843    background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
2844    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
2845    background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
2846    background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
2847    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
2848    background-repeat: repeat-x;
2849    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
2850    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
2851    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
2852    color: #444444;
2853  }
2854  .convertLeadModules {
2855    margin-bottom: 2%;
2856    border: 1px none;
2857  }
2858  .moduleBlock {
2859    border-radius: 0px !important;
2860  }
2861  .overflowVisible {
2862    overflow: visible !important;
2863  }
2864  .convertLeadError {
2865    border: 3px solid #999999;
2866    background-color: #ffffff;
2867    width: 55%;
2868    position: relative;
2869    z-index: 10000000;
2870  }
2871  .convertLeadError table td {
2872    border-bottom: 1px solid #cccccc;
2873    nowrap: nowrap;
2874    width: 70%;
2875  }
2876  .bootbox,
2877  .alert {
2878    z-index: 1000023;
2879  }
2880  .chzn-container {
2881    vertical-align: middle;
2882  }
2883  .chzn-container .chzn-results li {
2884    margin-right: 7px;
2885  }
2886  .chzn-container .chzn-results .highlighted {
2887    background: #666666;
2888  }
2889  .select2-results .select2-highlighted {
2890    background: #666666;
2891  }
2892  .select2-result-label .filterActionImgs {
2893    margin-top: 3px;
2894  }
2895  .select2-result-label i {
2896    background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings-white.png");
2897  }
2898  .select2-container-multi .select2-choices .select2-search-choice {
2899    cursor: move;
2900  }
2901  .select2-search-field {
2902    display: block;
2903    width: 100%;
2904  }
2905  .ui-autocomplete-loading {
2906    background: url('../images/load.gif') no-repeat right center;
2907  }
2908  .ui-autocomplete {
2909    height: auto !important;
2910    border-radius: 1px !important;
2911  }
2912  .dropdown-menu.pull-right:after,
2913  .dropdown-menu.pull-right:before {
2914    right: 3px;
2915    left: auto;
2916    top: -5px;
2917    border-bottom-width: 6px;
2918  }
2919  a {
2920    color: #595959;
2921  }
2922  a:hover {
2923    color: #404040;
2924    text-decoration: none;
2925    cursor: pointer;
2926  }
2927  a:active,
2928  a:focus {
2929    outline: 0;
2930  }
2931  .well {
2932    border-radius: 2px;
2933    padding: 15px;
2934  }
2935  .verticalBottomSpacing {
2936    margin-bottom: 10px;
2937  }
2938  .mergeTables {
2939    margin-bottom: 0px;
2940  }
2941  .font-x-x-large {
2942    font-size: 18px;
2943    line-height: 28px;
2944  }
2945  img {
2946    max-width: 95%;
2947  }
2948  form {
2949    margin: 0;
2950  }
2951  .input-prepend .add-on,
2952  .input-append .add-on,
2953  .input-prepend.input-append .add-on:first-child,
2954  .input-prepend.input-append .btn:first-child {
2955    line-height: 22px;
2956    border-radius: 1px !important;
2957  }
2958  input,
2959  textarea,
2960  select,
2961  .uneditable-input,
2962  input[type="text"],
2963  input[type="password"],
2964  .ui-autocomplete-input,
2965  textarea,
2966  .uneditable-input,
2967  .chzn-container-single .chzn-single,
2968  .chzn-container-single .chzn-single div,
2969  .input-prepend .add-on,
2970  .input-append .add-on {
2971    border-radius: 1px;
2972  }
2973  .fc-state-default .fc-button-effect span {
2974    background: none;
2975  }
2976  .input-prepend.input-append input,
2977  .input-prepend.input-append select,
2978  .input-prepend.input-append .uneditable-input {
2979    -webkit-border-radius: 0;
2980    -moz-border-radius: 0;
2981    border-radius: 0;
2982  }
2983  .input-prepend.input-append .add-on:first-child,
2984  .input-prepend.input-append .btn:first-child {
2985    margin-right: -1px;
2986    -webkit-border-radius: 3px 0 0 3px;
2987    -moz-border-radius: 3px 0 0 3px;
2988    border-radius: 3px 0 0 3px;
2989  }
2990  .input-prepend.input-append .add-on:last-child,
2991  .input-prepend.input-append .btn:last-child {
2992    margin-left: -1px;
2993    -webkit-border-radius: 0 3px 3px 0;
2994    -moz-border-radius: 0 3px 3px 0;
2995    border-radius: 0 3px 3px 0;
2996  }
2997  .dateField {
2998    width: 183px;
2999  }
3000  .form-horizontal [class^="icon-"],
3001  .form-horizontal [class*=" icon-"] {
3002    vertical-align: baseline;
3003  }
3004  .timePicker {
3005    width: 8.5em !important;
3006    z-index: 1000029 !important;
3007  }
3008  .datepicker {
3009    z-index: 1000029 !important;
3010  }
3011  .colorpicker {
3012    z-index: 1029 !important;
3013  }
3014  .colorpicker input {
3015    width: 30px !important;
3016  }
3017  .colorpicker input[type="text"],
3018  .colorpicker input {
3019    color: #898989 !important;
3020  }
3021  .colorpicker_hex input {
3022    width: 45px !important;
3023  }
3024  .modal-body.accordion {
3025    margin-bottom: 0;
3026    -webkit-box-sizing: border-box;
3027    -moz-box-sizing: border-box;
3028    box-sizing: border-box;
3029    word-wrap: break-word;
3030  }
3031  .modal-open {
3032    overflow: hidden;
3033    /** modal will be having z-index as 10001 **/
3034  
3035  }
3036  .modal-open .datepicker,
3037  .modal-open .timePicker {
3038    z-index: 1000008 !important;
3039  }
3040  .modal-open .chzn-drop {
3041    z-index: 1000008 !important;
3042  }
3043  .modal-open .massEditContent,
3044  .tab-content,
3045  .overflowVisible {
3046    overflow: visible;
3047  }
3048  .select2-container-multi .select2-choices .select2-search-choice {
3049    cursor: move;
3050  }
3051  .removeNoFileChosen {
3052    color: transparent !important;
3053  }
3054  .modelContainer .modal-header {
3055    border-radius: 2px 2px 0 0;
3056  }
3057  .modelContainer form {
3058    border-radius: 0 0 2px 2px;
3059  }
3060  .hide {
3061    display: none;
3062  }
3063  i {
3064    cursor: pointer;
3065    text-decoration: none !important;
3066  }
3067  .marginbottomZero {
3068    margin-bottom: 0 !important;
3069  }
3070  .marginLeftZero {
3071    margin-left: 0 !important;
3072  }
3073  .clearfix {
3074    clear: both !important;
3075  }
3076  textarea {
3077    -webkit-box-sizing: border-box;
3078    -moz-box-sizing: border-box;
3079    box-sizing: border-box;
3080    word-wrap: break-word;
3081    width: 100%;
3082  }
3083  .textOverflowEllipsis {
3084    overflow: hidden;
3085    text-overflow: ellipsis;
3086    white-space: nowrap;
3087    width: 9em;
3088  }
3089  .margin0px {
3090    margin: 0 !important;
3091  }
3092  .padding10 {
3093    padding: 10px;
3094    padding-bottom: 0;
3095  }
3096  .padding20 {
3097    padding: 20px;
3098  }
3099  .pushDown {
3100    margin-top: 5px;
3101  }
3102  .boxSizingBorderBox {
3103    -webkit-box-sizing: border-box;
3104    -moz-box-sizing: border-box;
3105    box-sizing: border-box;
3106    word-wrap: break-word;
3107  }
3108  .boxSizingContentBox {
3109    -webkit-box-sizing: content-box;
3110    -moz-box-sizing: content-box;
3111    box-sizing: content-box;
3112  }
3113  .cursorPointer {
3114    cursor: pointer;
3115    text-decoration: none !important;
3116  }
3117  .zeroOpacity {
3118    opacity: 0;
3119    /*for IE*/
3120  
3121    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
3122    filter: alpha(opacity=0);
3123  }
3124  .dullOpacity {
3125    opacity: 0.8;
3126    /*for IE*/
3127  
3128    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
3129    filter: alpha(opacity=80);
3130  }
3131  .fullOpacity {
3132    opacity: 1;
3133    /*for IE*/
3134  
3135    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
3136    filter: alpha(opacity=100);
3137  }
3138  .redColor {
3139    color: red;
3140  }
3141  .highlightBackgroundColor {
3142    background: #eeeff2;
3143  }
3144  .contentsBackground {
3145    background: #ffffff;
3146    border: 1px solid #dddddd;
3147  }
3148  .textAlignCenter {
3149    text-align: center;
3150  }
3151  .textAlignRight {
3152    text-align: right;
3153  }
3154  .alignMiddle {
3155    vertical-align: middle;
3156  }
3157  .alignTop {
3158    vertical-align: top;
3159  }
3160  .padding1per {
3161    padding: 1%;
3162  }
3163  .paddingTop20 {
3164    padding-top: 20px;
3165  }
3166  .padding20px {
3167    padding: 20px;
3168  }
3169  .padding-bottom1per {
3170    padding-bottom: 1%;
3171  }
3172  .marginBottom10px {
3173    margin-bottom: 10px;
3174  }
3175  .displayInlineBlock {
3176    display: inline-block;
3177  }
3178  .backgroundImageNone {
3179    background-image: none;
3180  }
3181  .liStyleNone {
3182    list-style: none outside none;
3183  }
3184  .fontBold {
3185    font-weight: bold !important;
3186  }
3187  .icon-plus.icon-white {
3188    background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings.png") !important;
3189    opacity: 0.8;
3190  }
3191  .livesupport_tab,
3192  #userfeedback {
3193    display: none !important;
3194  }
3195  #reportDetails table tr td.summary {
3196    border-bottom: 0;
3197    border-top: 0;
3198  }
3199  #portalDetailViewHttpError {
3200    padding-bottom: 7px;
3201    margin-top: 50px;
3202    color: red;
3203    text-align: center;
3204  }
3205  .slidesjs-pagination {
3206      list-style: none;
3207  }
3208  .slidesjs-pagination li a {
3209      display: block;
3210      width: 13px;
3211      height: 0px;
3212      padding-top: 13px;
3213      background-image: url('../images/pagination.png');
3214      background-position: 0px 0px;
3215      float: left;
3216      overflow: hidden;
3217  }
3218  .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {
3219  background-position: 0 -13px;
3220  }
3221  .extensionStorebtn {
3222    background: #f08c39;
3223    background-image: -webkit-linear-gradient(top, #f08c39, #e68b3c);
3224    background-image: -moz-linear-gradient(top, #f08c39, #e68b3c);
3225    background-image: -ms-linear-gradient(top, #f08c39, #e68b3c);
3226    background-image: -o-linear-gradient(top, #f08c39, #e68b3c);
3227    background-image: linear-gradient(to bottom, #f08c39, #e68b3c);
3228    -webkit-border-radius: 2;
3229    -moz-border-radius: 2;
3230    border-radius: 2px;
3231    text-shadow: 0px 0px 1px #595959;
3232    color: #ffffff;
3233    font-size: 14px;
3234    font-weight: bold;
3235    padding: 8px 20px 8px 20px;
3236    text-decoration: none;
3237    border : 0px;
3238  }
3239  
3240  .extensionStorebtn:hover {
3241    background: #fc9f3c;
3242    background-image: -webkit-linear-gradient(top, #fc9f3c, #f08a3c);
3243    background-image: -moz-linear-gradient(top, #fc9f3c, #f08a3c);
3244    background-image: -ms-linear-gradient(top, #fc9f3c, #f08a3c);
3245    background-image: -o-linear-gradient(top, #fc9f3c, #f08a3c);
3246    background-image: linear-gradient(to bottom, #fc9f3c, #f08a3c);
3247    text-decoration: none;
3248  }
3249  .extensionSearch {
3250      padding: 8px 12px 8px 30px!important;
3251      margin: 6px 0 14px 0;
3252      box-shadow: inset 2px 2px 10px #ddd;
3253      border-radius: 2px !important;
3254      background: url('../images/search.png') no-repeat;
3255      background-position: 5px 6px;
3256  }
3257  .banner-container{
3258      border-bottom: 1px solid #FFFFFF;
3259      box-sizing: border-box;
3260  }
3261  
3262  .banner{
3263      margin: 0px 90px;
3264  }
3265  
3266  .bx-wrapper{
3267      margin: 0 auto 35px !important;
3268      padding-top: 17px !important;
3269  }
3270  .bx-wrapper li a{
3271      display: block;
3272  }
3273  .bx-wrapper a img{
3274      height: 100px;
3275      width: auto;
3276      margin: 0 auto;
3277  }
3278  
3279  .wide, 
3280  .table td.wide, 
3281  .listViewEntries td.wide, 
3282  td.listViewEntryValue.wide { 
3283       padding: 8px!important; 
3284  } 
3285  .medium, 
3286  .table td.medium, 
3287  .listViewEntries td.medium, 
3288  td.listViewEntryValue.medium { 
3289      padding: 5px 6px!important; 
3290  } 
3291  .narrow, 
3292  .table td.narrow, 
3293  .listViewEntries td.narrow, 
3294  td.listViewEntryValue.narrow { 
3295      padding: 2px 4px!important; 
3296  } 
3297  .table thead th.narrow { 
3298      vertical-align: middle; 
3299  } 
3300  td.listViewEntryValue .row-fluid input { 
3301      padding: 0; 
3302      margin-bottom: 0; 
3303  } 
3304  .listViewContentDiv { 
3305      position: relative; 
3306  }