[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: #008d4c;
  57    background-image: -moz-linear-gradient(top, #008d4c, #008d4c);
  58    background-image: -ms-linear-gradient(top, #008d4c, #008d4c);
  59    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008d4c), to(#008d4c));
  60    background-image: -webkit-linear-gradient(top, #008d4c, #008d4c);
  61    background-image: -o-linear-gradient(top, #008d4c, #008d4c);
  62    background-image: linear-gradient(top, #008d4c, #008d4c);
  63    background-repeat: repeat-x;
  64    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008d4c', endColorstr='#008d4c', GradientType=0);
  65    border-color: #008d4c #008d4c #004123;
  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: #002715;
  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: #005a31;
  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: #008d4c;
  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: #002715;
 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: #008d4c;
 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: #008d4c;
 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: #002715;
 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: #224937;
 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: #008d4c;
 465    border: 1px solid #00743e;
 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: #005a31;
 596    background-image: -moz-linear-gradient(top, #005a31, #005a31);
 597    background-image: -ms-linear-gradient(top, #005a31, #005a31);
 598    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#005a31), to(#005a31));
 599    background-image: -webkit-linear-gradient(top, #005a31, #005a31);
 600    background-image: -o-linear-gradient(top, #005a31, #005a31);
 601    background-image: linear-gradient(top, #005a31, #005a31);
 602    background-repeat: repeat-x;
 603    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005a31', endColorstr='#005a31', GradientType=0);
 604    border-color: #005a31 #005a31 #000e07;
 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 #005a31;
 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: #008d4c;
 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: #008d4c;
 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  
 907  .gridster ul li.dashboardWidget .widgeticons {
 908    min-width: 50px;
 909    height: 30px;
 910    margin-right: 30px;
 911    visibility: hidden;
 912  }
 913  .gridster ul li.dashboardWidget .widgeticons a {
 914    cursor: pointer;
 915    text-decoration: none;
 916  }
 917  .gridster ul .widgetChartContainer {
 918    margin-left: 10px;
 919  }
 920  .listViewPageDiv {
 921    margin: 11px 0;
 922  }
 923  .customFilterMainSpan {
 924    width: 100%;
 925  }
 926  .customFilterMainSpan .select2-container {
 927    width: 95% !important;
 928  }
 929  .select2-container .select2-choice {
 930    border-radius: 2px;
 931    background: #ffffff;
 932    border-color: #dddddd;
 933    font-size: 14px;
 934    letter-spacing: 0.01em;
 935    color: #2b2b2b;
 936  }
 937  .select2-container .select2-choice div {
 938    border-radius: 0;
 939    border-left: 0;
 940    background: #ffffff;
 941  }
 942  .select2-drop {
 943    border-color: #dddddd;
 944  }
 945  .select2-drop .select2-no-results {
 946    padding: 1px 10px;
 947  }
 948  .select2-drop ul.filterActions {
 949    list-style: none !important;
 950  }
 951  .select2-drop ul.filterActions li {
 952    cursor: pointer;
 953  }
 954  .ui-autocomplete .ui-menu-item #ui-active-menuitem {
 955    background: #008d4c;
 956    border-radius: 0;
 957  }
 958  li.ui-timepicker-selected,
 959  .ui-timepicker-list li:hover,
 960  .ui-timepicker-list:hover .ui-timepicker-selected:hover {
 961    background: #008d4c;
 962  }
 963  /*Do not shrink select2 input box in layout editor*/
 964  #relatedTabOrder .select2-input {
 965    min-width: 200px;
 966  }
 967  .alphabetSorting .alphabetSearch a {
 968    vertical-align: middle;
 969    display: inline-block;
 970    margin-bottom: 2px;
 971  }
 972  .alphabetSorting .alphabetSearch:hover {
 973    background: #eeeff2;
 974  }
 975  .listViewActions .settingsIcon {
 976    display: inline-block;
 977    margin-left: 5px;
 978  }
 979  .listViewActions > .btn-group {
 980    min-width: 105px;
 981  }
 982  #listViewPageJumpDropDown,
 983  #relatedListPageJumpDropDown {
 984    left: -60px;
 985  }
 986  .pageNumbers {
 987    display: inline-block;
 988    margin-right: 5px;
 989    margin-top: 6px;
 990    vertical-align: top;
 991  }
 992  .pageNumbers .totalNumberOfRecords {
 993    margin: 0 5px;
 994  }
 995  .listSearchContributor {
 996    min-width: 100px;
 997    margin-bottom: 0 !important;
 998  }
 999  .contents-topscroll,
1000  #reportDetails {
1001    overflow-x: auto !important;
1002    overflow-y: visible;
1003  }
1004  .contents-bottomscroll {
1005    overflow-x: auto !important;
1006  }
1007  .bottomscroll-div,
1008  .topscroll-div {
1009    display: table;
1010    min-width: 100%;
1011  }
1012  .listViewLoadingImageBlock {
1013    background: none;
1014    border-radius: 0px;
1015    box-shadow: none;
1016    text-align: center;
1017  }
1018  .detailViewContainer {
1019    padding: 0 20px;
1020  }
1021  .userPreferences .contents {
1022    padding-left: 0 !important;
1023  }
1024  .userPreferences .details {
1025    border-right: 0 !important;
1026  }
1027  .detailViewTitle {
1028    padding: 1.5% 0 0 1%;
1029    -webkit-box-sizing: border-box;
1030    -moz-box-sizing: border-box;
1031    box-sizing: border-box;
1032    word-wrap: break-word;
1033  }
1034  .detailViewTitle .recordLabel {
1035    font-size: 16px;
1036    font-weight: bold;
1037    width: 20em;
1038  }
1039  .detailViewTitle .detailViewButtoncontainer {
1040    margin-top: 8px;
1041  }
1042  .detailViewTitle .detailViewPagingButton {
1043    margin-top: 8px;
1044    padding-right: 10px;
1045    -webkit-box-sizing: border-box;
1046    -moz-box-sizing: border-box;
1047    box-sizing: border-box;
1048    word-wrap: break-word;
1049  }
1050  .detailViewTitle .btn-toolbar {
1051    margin: 0;
1052  }
1053  .detailview-table th,
1054  .detailview-table td {
1055    vertical-align: middle;
1056  }
1057  .detailview-table th label,
1058  .detailview-table td label {
1059    margin-bottom: 3px;
1060  }
1061  .detailViewInfo {
1062    box-shadow: 0 -4px 4px -4px #959595;
1063    margin-top: 10px;
1064  }
1065  .detailViewInfo .contents {
1066    padding: 2.2% 0 0 2.2%;
1067    min-height: 450px;
1068  }
1069  .detailViewInfo .details {
1070    min-height: 600px;
1071    padding-right: 1.5%;
1072    border-right: 4px solid #008d4c;
1073    padding-bottom: 10px;
1074  }
1075  .detailViewInfo .related .nav-pills .active > a,
1076  .detailViewInfo .related .nav-pills .active > a:hover {
1077    background: #008d4c;
1078    border-radius: 1px;
1079    margin-top: 0;
1080    margin-bottom: 2px;
1081  }
1082  .fieldLabel {
1083    width: 20%;
1084    background: #f7f7f9;
1085  }
1086  .summaryView {
1087    border: 1px solid #eaeaea;
1088    -webkit-box-shadow: 1px 1px 3px #dddddd;
1089    -moz-box-shadow: 1px 1px 3px #dddddd;
1090    box-shadow: 1px 1px 3px #dddddd;
1091    border-radius: 2px;
1092    background: #ffffff;
1093    margin-bottom: 10px;
1094    padding: 25px 20px 5px;
1095    -webkit-box-sizing: border-box;
1096    -moz-box-sizing: border-box;
1097    box-sizing: border-box;
1098    word-wrap: break-word;
1099  }
1100  .summaryView .summary-table tr.summaryViewEntries:last-child .fieldValue,
1101  .summaryView .summary-table tr.summaryViewEntries:last-child .fieldLabel {
1102    border-bottom: 1px solid #dddddd;
1103  }
1104  .summaryView .summaryViewEntries .fieldLabel {
1105    vertical-align: top;
1106    padding: 5px 0 5px 5%;
1107    border-top: 1px solid #dddddd;
1108    border-right: 1px solid #dddddd;
1109  }
1110  .summaryView .summaryViewEntries .fieldValue {
1111    vertical-align: top;
1112    padding: 5px 0 5px 5%;
1113    border-top: 1px solid #dddddd;
1114  }
1115  .summaryView .summaryViewEntries:hover .summaryViewEdit {
1116    opacity: 1;
1117    /*for IE*/
1118  
1119    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
1120    filter: alpha(opacity=100);
1121  }
1122  .summaryView .summaryViewEntries .summaryViewEdit {
1123    opacity: 0;
1124    /*for IE*/
1125  
1126    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1127    filter: alpha(opacity=0);
1128  }
1129  .summaryView .toggleViewByMode {
1130    margin: 8px 0;
1131  }
1132  .summaryWidgetContainer {
1133    border-radius: 2px;
1134    -webkit-box-shadow: 1px 1px 3px #dddddd;
1135    -moz-box-shadow: 1px 1px 3px #dddddd;
1136    box-shadow: 1px 1px 3px #dddddd;
1137    border: 1px solid #eaeaea;
1138    background: #ffffff;
1139    margin-bottom: 10px;
1140    padding: 15px;
1141  }
1142  .summaryWidgetContainer .widget_header {
1143    padding-bottom: 10px;
1144    padding-top: 0;
1145    border-bottom: 1px solid #dddddd;
1146  }
1147  .summaryWidgetContainer .widget_header button,
1148  .summaryWidgetContainer .widget_header > .span8,
1149  .summaryWidgetContainer .widget_header > .span9 {
1150    margin: 0;
1151  }
1152  .summaryWidgetContainer .widget_header h4 {
1153    padding-top: 7px;
1154  }
1155  .summaryWidgetContainer .widget_contents {
1156    padding-top: 10px;
1157  }
1158  .summaryWidgetContainer .widget_contents .span4 {
1159    width: 40.4255%;
1160  }
1161  .commentContainer .commentTitle {
1162    -webkit-box-sizing: border-box;
1163    -moz-box-sizing: border-box;
1164    box-sizing: border-box;
1165    word-wrap: break-word;
1166    margin-bottom: 10px;
1167  }
1168  .commentContainer .commentTitle textarea {
1169    width: 100%;
1170    -webkit-box-sizing: border-box;
1171    -moz-box-sizing: border-box;
1172    box-sizing: border-box;
1173    word-wrap: break-word;
1174  }
1175  .recordDetails .squeezedWell {
1176    padding: 3% 2%;
1177    min-height: 105px;
1178    -webkit-box-sizing: border-box;
1179    -moz-box-sizing: border-box;
1180    box-sizing: border-box;
1181    word-wrap: break-word;
1182  }
1183  /*#EditView{
1184      input[type="radio"]{
1185          margin: -2px 3px 0 0 !important;
1186      }
1187  }*/
1188  .recordEditView .contentHeader {
1189    padding: 1.5% 0;
1190  }
1191  .recordEditView .table .fieldLabel,
1192  .recordEditView .table .fieldValue {
1193    vertical-align: middle;
1194  }
1195  .recordEditView .table tbody tr:hover td,
1196  .recordEditView .table tbody tr:hover th {
1197    background: #f7f7f9;
1198  }
1199  .commentContainer {
1200    border-radius: 2px;
1201  }
1202  .commentContainer hr {
1203    margin: 0 !important;
1204  }
1205  .commentContainer .addCommentBlock .commentsControls {
1206    display: inline-block;
1207  }
1208  .commentContainer .commentsList > .liStyleNone > .commentDetails .commentDiv {
1209    width: 100%;
1210  }
1211  .commentContainer .commentDetails {
1212    background: #ffffff;
1213    border: 1px solid #dddddd;
1214    margin-bottom: 5px;
1215    border-radius: 2px;
1216    padding: 10px 10px 5px;
1217    display: inline-block;
1218    min-width: 400px;
1219    -webkit-box-sizing: border-box;
1220    -moz-box-sizing: border-box;
1221    box-sizing: border-box;
1222    word-wrap: break-word;
1223  }
1224  .commentContainer .commentDetails .commentDiv {
1225    width: 380px;
1226  }
1227  .commentContainer .commentorInfo p {
1228    margin-bottom: 0;
1229  }
1230  .commentContainer .addCommentBlock {
1231    background-color: #eeeff2;
1232    background-image: -moz-linear-gradient(top, #eeeff2, #eeeff2);
1233    background-image: -ms-linear-gradient(top, #eeeff2, #eeeff2);
1234    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeff2), to(#eeeff2));
1235    background-image: -webkit-linear-gradient(top, #eeeff2, #eeeff2);
1236    background-image: -o-linear-gradient(top, #eeeff2, #eeeff2);
1237    background-image: linear-gradient(top, #eeeff2, #eeeff2);
1238    background-repeat: repeat-x;
1239    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeff2', endColorstr='#eeeff2', GradientType=0);
1240    border-color: #eeeff2 #eeeff2 #c3c6d1;
1241    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1242    border: 1px solid #dddddd;
1243    padding: 12px 12px 5px;
1244    min-height: 115px;
1245    margin-top: 15px;
1246    display: block;
1247  }
1248  .commentContainer .addCommentBlock .commentcontent {
1249    padding: 8px !important;
1250    -webkit-box-sizing: border-box;
1251    -moz-box-sizing: border-box;
1252    box-sizing: border-box;
1253    word-wrap: break-word;
1254    width: 100%;
1255    resize: none;
1256  }
1257  .commentContainer .commentInfoContent {
1258    padding: 1px 0;
1259    word-wrap: break-word;
1260  }
1261  .commentTitle .span1 {
1262    -webkit-box-sizing: border-box;
1263    -moz-box-sizing: border-box;
1264    box-sizing: border-box;
1265    word-wrap: break-word;
1266  }
1267  .commentTitle .span1 img {
1268    min-width: 32px;
1269    min-height: 32px;
1270  }
1271  .commentsList > ul {
1272    margin-left: 0;
1273  }
1274  .singleComment .editedStatus {
1275    -webkit-box-sizing: border-box;
1276    -moz-box-sizing: border-box;
1277    box-sizing: border-box;
1278    word-wrap: break-word;
1279    padding: 5px 0 5px 32px;
1280  }
1281  .singleComment .editedStatus p {
1282    margin-bottom: 0;
1283  }
1284  .singleComment .commentActionsDiv {
1285    display: none;
1286  }
1287  .singleComment .commentActionsDiv p {
1288    margin-bottom: 0;
1289  }
1290  .singleComment:hover .commentActionsDiv {
1291    display: block;
1292    margin-bottom: 3px;
1293  }
1294  .recentComments {
1295    margin: 0;
1296    padding: 0;
1297    -webkit-box-sizing: border-box;
1298    -moz-box-sizing: border-box;
1299    box-sizing: border-box;
1300    word-wrap: break-word;
1301  }
1302  .recentComments .commentDiv {
1303    min-width: 100%;
1304  }
1305  .recentComments .addCommentBlock {
1306    border: 0;
1307    margin-top: 0;
1308    display: block;
1309  }
1310  .recentComments .commentDetails {
1311    display: block;
1312  }
1313  .singleComment:hover .commentActions .replyComment {
1314    display: inline-block;
1315  }
1316  .commentActionsContainer a:hover {
1317    text-decoration: none;
1318  }
1319  .commentActionsContainer .editStatus {
1320    padding: 5px 2px;
1321    -webkit-box-sizing: border-box;
1322    -moz-box-sizing: border-box;
1323    box-sizing: border-box;
1324    word-wrap: break-word;
1325  }
1326  .commentActionsContainer .editStatus p {
1327    margin-bottom: 0;
1328  }
1329  .table {
1330    background: #ffffff;
1331  }
1332  .table-bordered {
1333    border-radius: 1px;
1334    margin-bottom: 0;
1335  }
1336  .table-bordered th {
1337    border-top: 1px solid #ffffff !important;
1338  }
1339  .table th {
1340    background-color: #f5f5f5;
1341    background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
1342    background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
1343    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
1344    background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
1345    background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
1346    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
1347    background-repeat: repeat-x;
1348    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
1349    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
1350    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1351    text-shadow: 0px 1px #ffffff;
1352    color: #444444;
1353  }
1354  .listViewEntriesTable.table-bordered th + th,
1355  .listViewEntriesTable.table-bordered td + td,
1356  .listViewEntriesTable.table-bordered th + td,
1357  .listViewEntriesTable.table-bordered td + th {
1358    border-left: 0;
1359  }
1360  /*
1361  .table-bordered th + th, .table-bordered td + td, .table-bordered th + td, .table-bordered td + th{
1362      border-left-color: @lightColorBorder;
1363  }
1364  .listViewEntriesTable tbody tr td{
1365      border-left: 1px solid @lightColorBorder;
1366  }
1367  .listViewEntriesTable tbody tr td:first-child{
1368      border-left: 0 none;
1369  }
1370  .listViewEntriesTable tbody td:last-child{
1371      border-left: 0;
1372  }*/
1373  .table-bordered thead:first-child tr:first-child th:first-child,
1374  .table-bordered tbody:first-child tr:first-child td:first-child {
1375    border-radius: 1px 0 0;
1376  }
1377  .equalSplit td:nth-child(odd) {
1378    width: 20%;
1379  }
1380  .equalSplit td:nth-child(even) {
1381    width: 30%;
1382  }
1383  td.fieldValue input,
1384  td.fieldValue .input-append {
1385    margin-bottom: 0;
1386  }
1387  .actionImage,
1388  .actionImages {
1389    opacity: 0;
1390    /*for IE*/
1391  
1392    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1393    filter: alpha(opacity=0);
1394  }
1395  .listViewHeaders a {
1396    color: #444444;
1397  }
1398  .listViewEntriesDiv .listViewHeaders th {
1399    background-color: #f5f5f5;
1400    background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
1401    background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
1402    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
1403    background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
1404    background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
1405    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
1406    background-repeat: repeat-x;
1407    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
1408    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
1409    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1410    border-bottom: 1px solid #dddddd;
1411  }
1412  .listViewEntriesDiv,
1413  .listViewEntriesDiv td {
1414    overflow: visible;
1415  }
1416  .listViewEntriesTable .listViewHeaders a.listViewHeaderValues {
1417    color: #444444;
1418  }
1419  .listViewEntriesTable .listViewHeaders a.listViewHeaderValues:hover {
1420    text-decoration: none;
1421  }
1422  .listViewEntriesTable .listViewHeaders a.listViewHeaderValues .icon-chevron-down.icon-white,
1423  .listViewEntriesTable .listViewHeaders a.listViewHeaderValues .icon-chevron-up.icon-white {
1424    background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings.png");
1425    opacity: 0.7;
1426    margin-top: 1px;
1427  }
1428  .listViewEntriesTable td.listViewEntryValue,
1429  .listViewEntries td {
1430    vertical-align: middle;
1431    cursor: pointer;
1432    overflow: visible;
1433    padding:5px;
1434  }
1435  .listViewEntriesTable td.listViewEntryValue:hover .actionImages,
1436  .listViewEntries td:hover .actionImages,
1437  .listViewEntriesTable td.listViewEntryValue:hover .actions,
1438  .listViewEntries td:hover .actions {
1439    opacity: 1;
1440    /*for IE*/
1441  
1442    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
1443    filter: alpha(opacity=100);
1444  }
1445  /*opacity applied for summary view edit, comment actions, activity widget edit*/
1446  .summaryViewEntries .summaryViewEdit,
1447  .activityStatus .editStatus,
1448  .addedCalendars .actionImage {
1449    opacity: 0;
1450    /*for IE*/
1451  
1452    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1453    filter: alpha(opacity=0);
1454  }
1455  .summaryViewEntries:hover .fieldValue .summaryViewEdit,
1456  .activityStatus:hover .editStatus,
1457  .addedCalendars:hover .actionImage {
1458    opacity: 1;
1459    /*for IE*/
1460  
1461    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
1462    filter: alpha(opacity=100);
1463  }
1464  .listViewEntriesTable tr:hover td .actions .actionImages {
1465    opacity: 1;
1466    /*for IE*/
1467  
1468    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
1469    filter: alpha(opacity=100);
1470  }
1471  .listViewBasicAction.dropdown-menu {
1472    width: 100%;
1473  }
1474  .listViewBasicAction.dropdown-menu input {
1475    border-radius: 2px;
1476    height: 24px;
1477    margin-bottom: 0;
1478    margin-top: -2px;
1479    width: 100%;
1480    -webkit-box-sizing: border-box;
1481    -moz-box-sizing: border-box;
1482    box-sizing: border-box;
1483    word-wrap: break-word;
1484  }
1485  .emptyRecordsDiv {
1486    width: 100%;
1487    border: 1px solid #dddddd;
1488    -webkit-box-sizing: border-box;
1489    -moz-box-sizing: border-box;
1490    box-sizing: border-box;
1491    word-wrap: break-word;
1492    text-align: center;
1493    font-size: 16px;
1494    padding: 5% 0;
1495  }
1496  .emptyRecordsDiv td {
1497    -webkit-box-sizing: border-box;
1498    -moz-box-sizing: border-box;
1499    box-sizing: border-box;
1500    word-wrap: break-word;
1501    text-align: center;
1502    font-size: 16px;
1503    padding: 5% 0;
1504  }
1505  .CustomFilterViewTitle {
1506    padding-top: 1%;
1507  }
1508  #CustomView .filterActions {
1509    padding-bottom: 20px;
1510    overflow: hidden;
1511  }
1512  .select2-container.select2-container-multi.columnsSelect {
1513    width: 100% !important;
1514  }
1515  .filterConditionsDiv {
1516    padding-bottom: 0;
1517  }
1518  .conditionGroup .header {
1519    margin-bottom: 20px;
1520    font-size: 1.2em;
1521  }
1522  .conditionGroup .contents .conditionRow {
1523    margin-bottom: 10px;
1524  }
1525  .conditionGroup .contents .conditionRow select,
1526  .conditionGroup .contents .conditionRow input {
1527    width: 90%;
1528  }
1529  .conditionGroup .contents .conditionRow .chzn-results li {
1530    line-height: 20px;
1531  }
1532  .conditionGroup .deleteCondition {
1533    vertical-align: bottom;
1534  }
1535  .searchUIBasic {
1536    border-collapse: separate !important;
1537    border-spacing: 10px !important;
1538    margin: 0 10%;
1539  }
1540  .searchUIBasic .importContents {
1541    border: 1px solid #eaeaea;
1542    -webkit-box-shadow: 1px 1px 3px #dddddd;
1543    -moz-box-shadow: 1px 1px 3px #dddddd;
1544    box-shadow: 1px 1px 3px #dddddd;
1545    border-radius: 2px;
1546    background: #ffffff;
1547    margin-bottom: 10px;
1548    padding: 25px 20px 5px;
1549    -webkit-box-sizing: border-box;
1550    -moz-box-sizing: border-box;
1551    box-sizing: border-box;
1552    word-wrap: break-word;
1553  }
1554  .searchUIBasic .listRow .listViewHeaders > td {
1555    color: #008d4c;
1556  }
1557  .searchUIBasic .listRow .defaultInputTextContainer {
1558    max-width: 87% !important;
1559    margin-bottom: 0 !important;
1560  }
1561  #lineItemTab.table tr:first-child:hover th ~ td {
1562    background-color: #f3f3f4;
1563    background-image: -moz-linear-gradient(top, #f3f3f4, #f3f3f4);
1564    background-image: -ms-linear-gradient(top, #f3f3f4, #f3f3f4);
1565    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f4), to(#f3f3f4));
1566    background-image: -webkit-linear-gradient(top, #f3f3f4, #f3f3f4);
1567    background-image: -o-linear-gradient(top, #f3f3f4, #f3f3f4);
1568    background-image: linear-gradient(top, #f3f3f4, #f3f3f4);
1569    background-repeat: repeat-x;
1570    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f4', endColorstr='#f3f3f4', GradientType=0);
1571    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
1572    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1573  }
1574  #lineItemTab.table tr:nth-child(2):hover td {
1575    background: none;
1576  }
1577  .lineItemTable tr td {
1578    width: 0%;
1579  }
1580  .lineItemTable tr td div.finalDiscountUI,
1581  .lineItemTable tr td div.discountUI,
1582  .lineItemTable tr td div#shipping_handling_div,
1583  .lineItemTable tr td div.taxUI,
1584  .lineItemTable tr td div.finalTaxUI {
1585    border: 2px solid #c4c4c4;
1586    border-radius: 2px;
1587  }
1588  .lineItemTable tr td div.finalDiscountUI table tr td,
1589  .lineItemTable tr td div.discountUI table tr td,
1590  .lineItemTable tr td div#shipping_handling_div table tr td,
1591  .lineItemTable tr td div.taxUI table tr td,
1592  .lineItemTable tr td div.finalTaxUI table tr td,
1593  .lineItemTable tr td div.finalDiscountUI table tr th,
1594  .lineItemTable tr td div.discountUI table tr th,
1595  .lineItemTable tr td div#shipping_handling_div table tr th,
1596  .lineItemTable tr td div.taxUI table tr th,
1597  .lineItemTable tr td div.finalTaxUI table tr th {
1598    border-left: 0;
1599  }
1600  .lineItemTable tr:hover td {
1601    width: 0%;
1602  }
1603  .lineItemTable tr:hover td div.finalDiscountUI table tr td {
1604    background: none !important;
1605  }
1606  .lineItemTable tr:hover td div.discountUI table tr td {
1607    background: none !important;
1608  }
1609  .lineItemTable tr:hover td div#shipping_handling_div table tr td {
1610    background: none !important;
1611  }
1612  .lineItemTable tr:hover td span.taxDivContainer div table tr td {
1613    background: none !important;
1614  }
1615  .lineItemTable tr:hover td div.finalTaxUI table tr td {
1616    background: none !important;
1617  }
1618  .lineItemResult {
1619    width: 70.5% !important;
1620  }
1621  .lineItemResult a:hover {
1622    color: #008d4c;
1623  }
1624  .lineItemInputBox {
1625    width: 45%;
1626    float: right;
1627    text-align: right;
1628  }
1629  .smallInputBox {
1630    width: 45%;
1631    height: 12px;
1632  }
1633  .lineItemCommentBox {
1634    width: 70%;
1635    height: 40px;
1636  }
1637  .inventoryLineItemHeader {
1638    float: left;
1639    margin: 7px;
1640  }
1641  .discountUI,
1642  .taxUI,
1643  .finalDiscountUI,
1644  .finalTaxUI,
1645  #shipping_handling_div {
1646    position: absolute;
1647    left: 46%;
1648    width: 27%;
1649    z-index: 500;
1650    box-shadow: 1px 0px 7px #dddddd;
1651    border-radius: 6px;
1652  }
1653  .discountUI table.table,
1654  .taxUI table.table,
1655  .finalDiscountUI table.table,
1656  .finalTaxUI table.table,
1657  #shipping_handling_div table.table {
1658    margin-bottom: 0;
1659  }
1660  .discountUI .table tbody tr:first-child th:first-child,
1661  .taxUI .table tbody tr:first-child th:first-child,
1662  .finalDiscountUI .table tbody tr:first-child th:first-child,
1663  .finalTaxUI .table tbody tr:first-child th:first-child,
1664  #shipping_handling_div .table tbody tr:first-child th:first-child {
1665    border-radius: 4px 0 0 0 !important;
1666  }
1667  .discountUI .table tbody tr:first-child th:last-child,
1668  .taxUI .table tbody tr:first-child th:last-child,
1669  .finalDiscountUI .table tbody tr:first-child th:last-child,
1670  .finalTaxUI .table tbody tr:first-child th:last-child,
1671  #shipping_handling_div .table tbody tr:first-child th:last-child {
1672    border-radius: 0 4px 0 0 !important;
1673  }
1674  .LineItemDirectPriceReduction {
1675    width: 65% !important;
1676  }
1677  th.htColHeader,
1678  .handsontable thead th {
1679    background-color: #f5f5f5;
1680    background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
1681    background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
1682    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
1683    background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
1684    background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
1685    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
1686    background-repeat: repeat-x;
1687    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
1688    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
1689    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1690    border-bottom: 1px solid #dddddd;
1691    padding: 6px 2px;
1692  }
1693  .contentHeader {
1694    padding: 15px;
1695    padding-left: 5px;
1696    line-height: 20px;
1697  }
1698  .contentsDiv > div {
1699    padding: 0 20px;
1700  }
1701  #settingsQuickWidgetContainer .widgetContainer.accordion-body {
1702    border-bottom: none !important;
1703    border-bottom: 3px solid #dddddd;
1704  }
1705  #settingsQuickWidgetContainer .widgetContainer.accordion-body > div:hover {
1706    background: #eeeff2;
1707  }
1708  #settingsQuickWidgetContainer .widgetContainer.accordion-body .selectedMenuItem {
1709    background-color: #eeeff2;
1710    border-bottom: 1px solid #dddddd !important;
1711    border-top: 1px solid #dddddd !important;
1712    font-weight: bold;
1713  }
1714  #settingsQuickWidgetContainer .widgetContainer.accordion-body .selectedMenuItem a {
1715    color: #444444;
1716  }
1717  #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem a {
1718    color: #444444;
1719  }
1720  #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem a:hover {
1721    text-decoration: none;
1722  }
1723  #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem:hover .pinUnpinShortCut {
1724    display: inline-block;
1725    margin-top: 3px;
1726    opacity: 0.8;
1727  }
1728  #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem:hover .pinUnpinShortCut:hover {
1729    opacity: 1;
1730  }
1731  #settingsShortCutsContainer {
1732    -webkit-box-sizing: border-box;
1733    -moz-box-sizing: border-box;
1734    box-sizing: border-box;
1735    word-wrap: break-word;
1736    padding: 1% 3%;
1737  }
1738  #settingsShortCutsContainer .moduleBlock {
1739    min-height: 60px;
1740  }
1741  #settingsShortCutsContainer .span3.moduleBlock:hover .unpin {
1742    display: inline-block;
1743    opacity: 0.4;
1744  }
1745  #settingsShortCutsContainer .span3.moduleBlock:hover .unpin:hover {
1746    opacity: 0.8;
1747  }
1748  .widget_header {
1749    padding: 12px 0 3px;
1750  }
1751  .widget_header h3,
1752  .widget_header button {
1753    margin-top: 5px;
1754  }
1755  .widget_header h3.btn-success,
1756  .widget_header button.btn-success {
1757    margin-top: 0;
1758  }
1759  .settingsIndexPage .settingsSummary {
1760    text-align: center;
1761    margin-top: 10px;
1762  }
1763  .settingsIndexPage .settingsSummary a {
1764    display: inline-block;
1765    background: #f3f3f4;
1766    color: #444444;
1767    border-radius: 2px;
1768    min-width: 200px;
1769    padding: 20px 0 10px;
1770    border: 1px solid #dddddd;
1771  }
1772  .settingsIndexPage .settingsSummary a .summaryText {
1773    display: inline-block;
1774    margin-top: 20px;
1775    font-size: 15px;
1776  }
1777  .settingsIndexPage .settingsSummary a:hover .summaryText,
1778  .settingsIndexPage .settingsSummary a:hover .summaryCount {
1779    color: #008d4c;
1780  }
1781  .settingsIndexPage .moduleBlock h5 {
1782    font-size: 1.2em;
1783    margin-bottom: 5px;
1784  }
1785  .settingsIndexPage .moduleBlock:hover {
1786    background: #f3f3f4;
1787  }
1788  #userPageHeader {
1789    padding: 8px 0 0;
1790  }
1791  #userPageHeader #userHeading h3 {
1792    margin-top: 10px;
1793  }
1794  .treeView li {
1795    border-left: 4px solid #dddddd;
1796    list-style: none;
1797    padding-top: 15px;
1798  }
1799  .treeView li .toolbar-handle {
1800    margin-left: 10px;
1801    position: relative;
1802  }
1803  .treeView li .toolbar-handle .btn {
1804    margin: 0px;
1805  }
1806  .treeView li .toolbar-handle a:before {
1807    background: none repeat scroll 0 0 #DDDDDD;
1808    content: " ";
1809    display: inline-block;
1810    height: 4px;
1811    left: -10px;
1812    position: absolute;
1813    top: 12px;
1814    width: 10px;
1815  }
1816  .treeView .btn {
1817    margin-bottom: 10px;
1818  }
1819  .profilesEditView tr.blockHeader th {
1820    text-align: center;
1821  }
1822  .profilesEditView tr.blockHeader th:first-child {
1823    text-align: left;
1824  }
1825  .profilesEditView input {
1826    margin-right: 5px;
1827  }
1828  .profilesEditView tr td.row-fluid table.table {
1829    border-left: none;
1830    margin-bottom: 20px;
1831  }
1832  .profilesEditView tr:hover td.row-fluid {
1833    background: none;
1834  }
1835  .profilesEditView tr:hover td.row-fluid table.table tr td {
1836    background: none;
1837  }
1838  .profilesEditView tr:hover td.row-fluid table.table tr:hover td {
1839    background: none;
1840  }
1841  .profilesEditView tr:hover td.row-fluid table.table td {
1842    background: #f3f3f4;
1843  }
1844  #s2id_memberList li > div,
1845  .groupMembersColors li > div {
1846    margin-left: 10px;
1847  }
1848  #s2id_memberList .Users,
1849  .groupMembersColors .Users {
1850    background-color: #f99984 !important;
1851    padding: 5px;
1852    margin-bottom: 2px;
1853    background-image: none;
1854  }
1855  #s2id_memberList .Groups,
1856  .groupMembersColors .Groups {
1857    background-color: #acd5ff !important;
1858    background-image: none;
1859    padding: 5px;
1860    margin-bottom: 2px;
1861  }
1862  #s2id_memberList .Roles,
1863  .groupMembersColors .Roles {
1864    background-color: #ffec98 !important;
1865    background-image: none;
1866    padding: 5px;
1867    margin-bottom: 2px;
1868  }
1869  #s2id_memberList .RoleAndSubordinates,
1870  .groupMembersColors .RoleAndSubordinates {
1871    background-color: #c4dea2 !important;
1872    background-image: none;
1873    padding: 5px;
1874    margin-bottom: 2px;
1875  }
1876  .collectiveGroupMembers {
1877    border: 1px solid #dddddd;
1878    border-top: 0;
1879  }
1880  .collectiveGroupMembers ul {
1881    padding: 0;
1882    margin: 0;
1883  }
1884  .collectiveGroupMembers ul li {
1885    padding: 4px 0;
1886    -webkit-box-sizing: border-box;
1887    -moz-box-sizing: border-box;
1888    box-sizing: border-box;
1889    word-wrap: break-word;
1890  }
1891  .collectiveGroupMembers ul li a {
1892    display: inline-block;
1893    -webkit-box-sizing: border-box;
1894    -moz-box-sizing: border-box;
1895    box-sizing: border-box;
1896    word-wrap: break-word;
1897    width: 100%;
1898    margin: 0;
1899  }
1900  .collectiveGroupMembers ul li.groupLabel {
1901    background-color: #f3f3f4;
1902    border-bottom: 1px solid #dddddd;
1903    border-top: 1px solid #dddddd;
1904    padding: 10px 5px;
1905    margin: 0;
1906    color: #444444;
1907  }
1908  .mini-slider-control {
1909    width: 50px;
1910  }
1911  .mini-slider-control + div {
1912    margin-left: 15px;
1913  }
1914  .mini-slider-control .ui-slider-handle {
1915    border: 0;
1916    border-radius: 50%;
1917    height: 16px;
1918    top: -2px;
1919    width: 16px;
1920    cursor: pointer;
1921  }
1922  .mini-slider-control .ui-slider-handle:focus {
1923    outline: none;
1924  }
1925  .ui-widget-content {
1926    border-radius: 6px;
1927    border-color: #ffffff;
1928    box-shadow: 0 0 3px -1px inset;
1929    margin-top: 2px;
1930    margin-left: 5px;
1931    height: 12px;
1932  }
1933  .ui-slider-disabled {
1934    opacity: 0.5;
1935    border-color: #dddddd;
1936    box-shadow: none;
1937    cursor: not-allowed;
1938  }
1939  .ui-slider-disabled .ui-slider-handle {
1940    cursor: not-allowed;
1941  }
1942  .ui-slider-disabled + div {
1943    opacity: 0.5;
1944    cursor: not-allowed;
1945  }
1946  .mini-slider-control[data-value="0"] .ui-slider-handle {
1947    background: #7d7e7d;
1948    /* Old browsers */
1949  
1950    background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
1951    /* FF3.6+ */
1952  
1953    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
1954    /* Chrome,Safari4+ */
1955  
1956    background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
1957    /* Chrome10+,Safari5.1+ */
1958  
1959    background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
1960    /* Opera 11.10+ */
1961  
1962    background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
1963    /* IE10+ */
1964  
1965    background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
1966    /* W3C */
1967  
1968    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
1969    /* IE6-9 */
1970  
1971  }
1972  .mini-slider-control[data-value="1"] .ui-slider-handle {
1973    background: #ffb76b;
1974    /* Old browsers */
1975  
1976    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
1977    /* FF3.6+ */
1978  
1979    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb76b), color-stop(0%, #ffa73d), color-stop(49%, #ff7c00), color-stop(100%, #ff7f04));
1980    /* Chrome,Safari4+ */
1981  
1982    background: -webkit-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
1983    /* Chrome10+,Safari5.1+ */
1984  
1985    background: -o-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
1986    /* Opera 11.10+ */
1987  
1988    background: -ms-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
1989    /* IE10+ */
1990  
1991    background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
1992    /* W3C */
1993  
1994    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0);
1995    /* IE6-9 */
1996  
1997  }
1998  .mini-slider-control[data-value="2"] .ui-slider-handle {
1999    background: #bfd255;
2000    /* Old browsers */
2001  
2002    background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
2003    /* FF3.6+ */
2004  
2005    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfd255), color-stop(79%, #8eb92a), color-stop(100%, #72aa00), color-stop(100%, #9ecb2d));
2006    /* Chrome,Safari4+ */
2007  
2008    background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
2009    /* Chrome10+,Safari5.1+ */
2010  
2011    background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
2012    /* Opera 11.10+ */
2013  
2014    background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
2015    /* IE10+ */
2016  
2017    background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
2018    /* W3C */
2019  
2020    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
2021    /* IE6-9 */
2022  
2023  }
2024  #moduleManagerContents {
2025    padding-bottom: 10px;
2026  }
2027  #moduleManagerContents .moduleManagerBlock .moduleName {
2028    margin-top: 4px;
2029  }
2030  #moduleManagerContents .moduleManagerBlock .btn-group.open .dropdown-menu {
2031    left: -144%;
2032  }
2033  #moduleManagerContents .modulesTable td {
2034    width: 50%;
2035  }
2036  #importModules .contents .row-fluid {
2037    margin-bottom: 2.2%;
2038  }
2039  .extensionWidgetContainer {
2040    background-color: #ffffff;
2041    border: 1px solid #dddddd;
2042    min-height: 200px;
2043    padding: 2%; 
2044    background: #fafafa;
2045    box-shadow: 0px 0px 10px -4px #777;
2046  }
2047  .extensionWidgetContainer .extension_contents {
2048    margin-top: 2%;
2049    background: #ffffff;
2050    padding: 10px;
2051    box-sizing: border-box;
2052    max-height: 160px;
2053  }
2054  .extension_contents:hover {
2055      border-radius: 4px;
2056  }
2057  .thumbnailImage {
2058      height: 130px;
2059      width: 130px;
2060      float: right;
2061  }
2062  .extensionWidgetContainer .extension_contents .slimScrollDiv {
2063    padding-right: 10px;
2064  }
2065  .extensionWidgetContainer .extension_header .font-x-x-large {
2066    font-size: 1.5em;
2067    padding-left: 3px;
2068    font-weight: bold;
2069    color: #008d4c;
2070  }
2071  .extensionWidgetContainer .extensionDescription {
2072    line-height: 20px;
2073  }
2074  .extensionWidgetContainer .extensionInfo {
2075    padding-top: 5px;
2076  }
2077  .extensionWidgetContainer .extensionInfo .rating, .extensionDetails .rating{
2078      vertical-align: middle;
2079      margin-top: 2px;
2080      display: inline-block;
2081  }
2082  .extensionDetails .authorInfo{
2083      margin : 3px 0;
2084  }
2085  .extensionDetails .extensionDetailActions{
2086      padding: 15px 0;
2087  }
2088  .extensionWidgetContainer .tab-pane .bx-wrapper .imageSlider{
2089      margin: 0;
2090  }
2091  .sliderImage{
2092      width: 90%;
2093      height: 360px;
2094  }
2095  .opacity .actions {
2096    opacity: 0;
2097    /*for IE*/
2098  
2099    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2100    filter: alpha(opacity=0);
2101  }
2102  .opacity:hover .actions {
2103    opacity: 1;
2104    /*for IE*/
2105  
2106    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
2107    filter: alpha(opacity=100);
2108  }
2109  .sharingAccessDetails {
2110    margin-bottom: 30px;
2111  }
2112  .sharingAccessDetails td,
2113  .sharingAccessDetails th {
2114    text-align: center;
2115    vertical-align: middle !important;
2116  }
2117  .sharingAccessDetails tr td:first-child,
2118  .sharingAccessDetails tr th:first-child {
2119    text-align: left;
2120  }
2121  .sharingAccessDetails td.row-fluid > div {
2122    display: block;
2123  }
2124  .sharingAccessDetails .customRuleContainer:hover {
2125    background: none;
2126  }
2127  .sharingAccessDetails hr {
2128    border-bottom: 1px solid #bcbcbc;
2129  }
2130  .sharingAccessDetails .title {
2131    padding: 1%;
2132    -webkit-box-sizing: border-box;
2133    -moz-box-sizing: border-box;
2134    box-sizing: border-box;
2135    word-wrap: break-word;
2136  }
2137  .sharingAccessDetails .title .rulehead {
2138    padding-top: 5px;
2139  }
2140  .sharingAccessDetails .customRuleEntries:hover .actionImages {
2141    opacity: 1;
2142    /*for IE*/
2143  
2144    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
2145    filter: alpha(opacity=100);
2146  }
2147  .layoutContent {
2148    border-top: 4px solid #008d4c;
2149  }
2150  .layoutContent #moduleBlocks .editFieldsTable {
2151    margin-bottom: 20px;
2152  }
2153  .layoutContent #moduleBlocks .editFieldsTable .fieldLabel {
2154    background: none;
2155  }
2156  .layoutContent #moduleBlocks .editFieldsTable .layoutBlockHeader {
2157    background-color: #f5f5f5;
2158    background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
2159    background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
2160    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
2161    background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
2162    background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
2163    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
2164    background-repeat: repeat-x;
2165    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
2166    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
2167    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
2168    text-shadow: 0px 1px #ffffff;
2169    border-top: 1px solid #ffffff;
2170    border-bottom: 1px solid #dddddd;
2171  }
2172  .layoutContent #moduleBlocks .editFieldsTable .layoutBlockHeader .blockLabel {
2173    padding-top: 13px;
2174  }
2175  .layoutContent #moduleBlocks .editFieldsTable .layoutBlockHeader .blockActions .btn-group {
2176    margin-top: 5px;
2177  }
2178  .layoutContent #moduleBlocks .editFieldsTable .layoutBlockHeader .blockActions .btn-group .dropdown-menu {
2179    left: -100%;
2180  }
2181  .layoutContent .relatedTabModulesList {
2182    padding: 2% 1%;
2183  }
2184  .fieldDetailsForm .search-choice-close {
2185    padding: 0;
2186  }
2187  .border1px {
2188    border: 1px solid #dddddd;
2189  }
2190  .blockFieldsList .opacity {
2191    margin-left: 0.5% !important;
2192  }
2193  .blockFieldsList .opacity .dropdown-menu a {
2194    padding: 0px !important;
2195  }
2196  .blockFieldsList .opacity a.dropdown-toggle.editFieldDetails {
2197    box-shadow: none;
2198  }
2199  .blockFieldsList .editFields .dropdown-menu {
2200    z-index: 1000003;
2201    padding: 0;
2202    left: -215px;
2203    position: absolute;
2204  }
2205  .blockFieldsList .editFields .dropdown-menu .modal-header {
2206    border-width: 0;
2207    border-bottom-width: 1px;
2208  }
2209  .blockFieldsList .editFields .dropdown-menu .modal-header .cancel {
2210    padding-right: 0;
2211    font-weight: bold;
2212  }
2213  .blockFieldsList .editFields .dropdown-menu .modal-footer .cancel {
2214    padding: 0 8px 0 3px;
2215  }
2216  .blockFieldsList .editFields:hover {
2217    background: #f3f3f4 !important;
2218  }
2219  #modulePickListValuesContainer .layoutContent {
2220    padding-left: 2%;
2221  }
2222  #modulePickListValuesContainer .layoutContent .selectedCell,
2223  #modulePickListValuesContainer .layoutContent .selectedListItem {
2224    background: #5affb3;
2225    white-space: nowrap;
2226  }
2227  #modulePickListValuesContainer .layoutContent .pickListValue {
2228    cursor: pointer;
2229  }
2230  .nonEditableValuesDiv .nonEditablePicklistValues {
2231    margin-left: 0;
2232  }
2233  .nonEditableValuesDiv .nonEditablePicklistValues li {
2234    padding: 3px 15px;
2235    margin-bottom: 2px;
2236    background: #E0F2FF;
2237  }
2238  .popover {
2239    z-index: 1000023 !important;
2240  }
2241  .popover-content .fieldLabel {
2242    width: 35%;
2243    white-space: normal;
2244  }
2245  #dependencyGraph .tableHeading {
2246    text-align: center;
2247    padding-top: 30px;
2248    font-size: 1.2em;
2249    font-weight: bold;
2250  }
2251  #dependencyGraph .depandencyTable {
2252    border: 1px solid #dddddd;
2253    background: #f3f3f4;
2254  }
2255  #dependencyGraph .depandencyTable .blockHeader {
2256    border-bottom: 1px solid #dddddd;
2257  }
2258  #dependencyGraph .depandencyTable .picklistValueMapping {
2259    border-bottom: 1px solid #dddddd;
2260  }
2261  #dependencyGraph .dependencyMapping {
2262    text-align: center;
2263    border-left: 1px solid #dddddd;
2264    border-right: 1px solid #dddddd;
2265    background: #ffffff;
2266  }
2267  #dependencyGraph .dependencyMapping .mCSB_container {
2268    margin-bottom: 16px !important;
2269  }
2270  #dependencyGraph .dependencyMapping .pickListDependencyTable {
2271    border: 0;
2272  }
2273  #dependencyGraph .dependencyMapping .pickListDependencyTable .blockHeader th {
2274    background: #f3f3f4;
2275    border-bottom: 1px solid #dddddd;
2276  }
2277  #dependencyGraph .dependencyMapping .pickListDependencyTable .selectedCell {
2278    background: #5affb3;
2279  }
2280  .webformFieldInfo {
2281    margin-bottom: 250px;
2282  }
2283  .targetFieldsTableContainer input[type="text"] {
2284    min-width: 100px;
2285  }
2286  #customRecordNumbering.table thead th {
2287    vertical-align: middle;
2288  }
2289  .addMailBoxBlock {
2290    margin-left: 83px;
2291    padding: 0 !important;
2292    font-size: 12px;
2293  }
2294  .addMailBoxStep {
2295    background: #ffffff;
2296    padding: 30px 0;
2297    border: 1px solid #dddddd;
2298    border-radius: 1px;
2299    min-height: 170px;
2300  }
2301  .mailConveterDesc {
2302    height: 350px;
2303    width: 96%;
2304    border: 1.5px solid;
2305    border-radius: 2px;
2306    border-color: #dddddd;
2307    font-size: 11pt;
2308    margin-top: 55px;
2309    margin-left: 20px;
2310    background: #ffffff;
2311  }
2312  #mailBoxLabel {
2313    margin-top: 15px;
2314    margin-left: -18px;
2315    font-size: 12pt;
2316    width: 75px;
2317  }
2318  .mailBoxDropdownWrapper {
2319    height: 49px;
2320    width: 70%;
2321    background: url('../images/mailbox-icon.png') no-repeat 5px 5px;
2322    overflow: hidden;
2323    border: 1px solid #dddddd;
2324  }
2325  .mailBoxDropdown {
2326    background: transparent url('../images/downArrowBlue.png') no-repeat 236px 13px;
2327    width: 110%;
2328    height: 50px;
2329    font-size: 14pt;
2330    color: #0065a6;
2331    padding: 10px 55px;
2332    padding-right: 0;
2333  }
2334  #mailConverterDragIcon {
2335    margin-top: 12px;
2336  }
2337  #mailConverterBody {
2338    padding-top: 20px;
2339    margin-left: 0px;
2340  }
2341  .ruleHead {
2342    padding: 6px 0;
2343    background: #d8d8dc;
2344  }
2345  .mailConverterRuleBlock {
2346    font-size: 14px;
2347    line-height: 30px;
2348    border: 1.5px solid;
2349    border-color: #dddddd;
2350  }
2351  .mailConverterRuleLegend {
2352    font-size: 14px;
2353    color: #0065a6;
2354    margin-bottom: 10px;
2355    background: #f3f3f4;
2356  }
2357  #mailConverterStats {
2358    font-size: 10pt;
2359    margin-top: 5px;
2360    margin-left: -10px;
2361  }
2362  .addMailBoxBlock {
2363    border-color: #dddddd;
2364    margin-left: 83px;
2365    margin-top: 20px;
2366    padding-top: 30px;
2367    padding-left: 200px;
2368    padding-bottom: 20px;
2369    padding-right: 30px;
2370    font-size: 11pt;
2371  }
2372  .taskTypeUi > .row-fluid {
2373    margin: 10px 0;
2374  }
2375  #taskListContainer .listViewEntriesTable tr td:last-child {
2376    border-left: 1px solid #dddddd;
2377  }
2378  #workflow_step2 > .row-fluid {
2379    padding: 20px;
2380    -webkit-box-sizing: border-box;
2381    -moz-box-sizing: border-box;
2382    box-sizing: border-box;
2383    word-wrap: break-word;
2384    min-height: 400px;
2385  }
2386  #open_email_con .detailViewTitle {
2387    padding: 0;
2388  }
2389  #open_email_con .detailViewTitle .detailViewPagingButton {
2390    margin-top: 0;
2391    padding-right: 0;
2392  }
2393  #foldersList .nav-list {
2394    padding-right: 0;
2395  }
2396  .massEditTable th + th,
2397  .massEditTable td + td,
2398  .massEditTable th + td,
2399  .massEditTable td + th {
2400    border-left: 0;
2401  }
2402  .nav.massEditTabs {
2403    margin-bottom: 0;
2404    border-bottom: 0;
2405  }
2406  .nav.massEditTabs li.active a {
2407    background: #008d4c;
2408    color: #ffffff;
2409    margin-left: 10px;
2410  }
2411  .nav.massEditTabs li a:hover {
2412    border-bottom: 1px solid #008d4c;
2413  }
2414  .massEditContent {
2415    border-top: 3px solid #008d4c;
2416  }
2417  .calendarSettingsContainer {
2418    width: 700px;
2419  }
2420  .calendarSettingsContainer .control-label {
2421    width: 26%;
2422  }
2423  #calendarSettings {
2424    margin: 1px 0 3px;
2425  }
2426  .calendarMassEdit {
2427    min-width: 400px;
2428  }
2429  .fc-state-default .fc-button-effect {
2430    top: 100% !important;
2431  }
2432  .fc-event-style1,
2433  .fc-event-style1 .fc-event-skin {
2434    background: #17309a;
2435    border-color: #17309a;
2436    font-weight: normal;
2437    text-shadow: none;
2438  }
2439  .fc-event-style2,
2440  .fc-event-style2 .fc-event-skin {
2441    background: #3a87ad;
2442    border-color: #3a87ad;
2443    font-weight: normal;
2444    text-shadow: none;
2445  }
2446  .fc-event-style3,
2447  .fc-event-style3 .fc-event-skin {
2448    background: #aa6705;
2449    border-color: #aa6705;
2450    font-weight: normal;
2451    text-shadow: none;
2452  }
2453  .fc-event-style4,
2454  .fc-event-style4 .fc-event-skin {
2455    background: #953b39;
2456    border-color: #953b39;
2457    font-weight: normal;
2458    text-shadow: none;
2459  }
2460  .fc-event-style5,
2461  .fc-event-style5 .fc-event-skin {
2462    background: #545252;
2463    border-color: #545252;
2464    font-weight: normal;
2465    text-shadow: none;
2466  }
2467  .fc-event-style6,
2468  .fc-event-style6 .fc-event-skin {
2469    background: #87865d;
2470    border-color: #87865d;
2471    font-weight: normal;
2472    text-shadow: none;
2473  }
2474  .fc-event-style7,
2475  .fc-event-style7 .fc-event-calendarMassEditskin {
2476    background: #c71585;
2477    border-color: #c71585;
2478    font-weight: normal;
2479    text-shadow: none;
2480  }
2481  .fc-event-style8,
2482  .fc-event-style8 .fc-event-skin {
2483    background: #006400;
2484    border-color: #006400;
2485    font-weight: normal;
2486    text-shadow: none;
2487  }
2488  #calendarview th {
2489    color: #000000;
2490  }
2491  .fc-agenda-divider + div {
2492    overflow-y: visible !important;
2493  }
2494  .fc-button {
2495    border-radius: 0 !important;
2496    padding: 5px 10px !important;
2497  }
2498  .fc-button:active .fc-button-inner {
2499    background: transparent;
2500  }
2501  .fc-button:active .fc-button-inner .fc-button-content {
2502    color: #ffffff;
2503  }
2504  .fc-button.fc-state-active .fc-button-inner .fc-button-content,
2505  .fc-button:active .fc-button-inner .fc-button-content {
2506    color: #000000 !important;
2507    background: transparent;
2508    background-image: none;
2509  }
2510  .fc-header-title h2 {
2511    font-size: 15px;
2512    line-height: 20px;
2513  }
2514  .fc-widget-header {
2515    padding: 7px 0px !important;
2516    color: #666;
2517    background: #eee;
2518    border-color: #ccc;
2519  }
2520  .fc-content {
2521    background: #fff;
2522    margin-top: 15px;
2523  }
2524  .fc-content td:hover {
2525    background: #f3f3f3;
2526  }
2527  .listViewSetting.dropdown-menu {
2528    left: -150px;
2529  }
2530  .btn {
2531    font-weight: bold;
2532    background-color: none ;
2533    background-image: none;
2534    border-radius: 0 !important;
2535  }
2536  .btn:focus {
2537    outline: 0;
2538  }
2539  .btn-primary {
2540    background: #008d4c;
2541  }
2542  .btn-primary:hover {
2543    background: #004123;
2544  }
2545  .addButton {
2546    background: #ffffff;
2547    text-shadow: none;
2548    border-radius: 0 !important;
2549  }
2550  .addButton:hover {
2551    border-radius: 0 !important;
2552    background-position: 0 0;
2553    background: #ffffff;
2554  }
2555  .addButton i.caret {
2556    background-size: 0;
2557  }
2558  .saveButton,
2559  .btn-success {
2560    margin-right: 5px;
2561  }
2562  .cancelLink {
2563    cursor: pointer;
2564    text-decoration: none !important;
2565    color: #aa3434;
2566    margin: 6px 8px;
2567    font-size: 12px !important;
2568  }
2569  .cancelLink:hover {
2570    color: #aa3434 !important;
2571  }
2572  .addCustomRule {
2573    float: right;
2574  }
2575  .importMore {
2576    background: #ffffff;
2577  }
2578  .lastImport {
2579    background: #ffffff;
2580  }
2581  .undoImport {
2582    background: #da4f49;
2583  }
2584  .close {
2585    border: none;
2586    background: none repeat scroll 0 0 transparent;
2587    border: 0 none;
2588    cursor: pointer;
2589  }
2590  .resetButton {
2591    margin-top: 0 !important;
2592  }
2593  .vtGlyph {
2594    display: inline-block;
2595    width: 14px;
2596    height: 14px;
2597    line-height: 14px;
2598    vertical-align: text-top;
2599    background-image: url("../images/vtGlyph.png");
2600    background-position: 0 0;
2601    background-repeat: no-repeat;
2602    *margin-right: .3em;
2603  }
2604  .vticon-pageJump {
2605    background-position: 0 0;
2606  }
2607  .vticon-call-inbound {
2608    background-position: -14px 0;
2609  }
2610  .vticon-call-outbound {
2611    background-position: -28px 0;
2612  }
2613  #massEdit .cancelLinkContainer {
2614    padding: 5px 0;
2615    margin-left: 0.5em;
2616  }
2617  .ui-pnotify {
2618    z-index: 1000023;
2619  }
2620  /*Feedback UI*/
2621  .feedback {
2622    z-index: 10002;
2623  }
2624  .feedback .handle {
2625    z-index: 10003;
2626    display: block;
2627    position: fixed;
2628    bottom: 50px;
2629    left: -30px;
2630    left: 0\9;
2631    bottom: 100px\9;
2632    background: #2C2C2C;
2633    color: white;
2634    padding: 7px 15px;
2635    border: 1px solid gray;
2636    text-decoration: none;
2637    outline: none;
2638    -webkit-transform: rotate(270deg);
2639    -moz-transform: rotate(270deg);
2640    -o-transform: rotate(270deg);
2641    -ms-transform: rotate(270deg);
2642    transform: rotate(270deg);
2643    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand')";
2644    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-1, M22=0, sizingMethod='auto expand');
2645  }
2646  .feedback .handle:hover {
2647    text-decoration: none;
2648  }
2649  /* Footer */
2650  .vtFooter {
2651    text-align: center;
2652  }
2653  .vtFooter p {
2654    background: #008d4c;
2655    color: #ffffff;
2656    border-top: 1px solid #dddddd;
2657    padding: 1px 0;
2658    font-size: 0.9em;
2659    margin-bottom: 0;
2660  }
2661  .vtFooter p a {
2662    color: #ffffff;
2663  }
2664  /* Footer */
2665  /*****Loading message **********/
2666  .imageHolder {
2667    background: url('../images/loadback.png') repeat-y;
2668    background-position: center;
2669    padding: 10px 0;
2670  }
2671  .breadcrumbContainer {
2672    padding: 2% 2% 0 2%;
2673    -webkit-box-sizing: border-box;
2674    -moz-box-sizing: border-box;
2675    box-sizing: border-box;
2676    word-wrap: break-word;
2677    height: auto;
2678  }
2679  .breadcrumb {
2680    display: inline-block;
2681    height: auto;
2682    height: 40px;
2683  }
2684  .crumbs {
2685    height: 40px;
2686    margin: 0;
2687    padding: 0 20px 0 0;
2688    display: inline-block;
2689    font-family: sans-serif;
2690  }
2691  .crumbs li:after {
2692    content: '\0000a0';
2693    width: 0;
2694    height: 0;
2695    border-left: 19px solid #ECECEC;
2696    border-top: 20px solid transparent;
2697    border-bottom: 20px solid transparent;
2698    display: inline-block;
2699    position: relative;
2700    top: -20px;
2701    left: 18px;
2702    zoom: 1;
2703  }
2704  .crumbs li {
2705    height: 0;
2706    border-top: 20px solid #ECECEC;
2707    border-bottom: 20px solid #ECECEC;
2708    border-left: 20px solid transparent;
2709    display: inline-block;
2710    cursor: pointer;
2711    box-shadow: 0 1px #ddd;
2712    margin-right: 5px;
2713  }
2714  .crumbs li a {
2715    display: inline-block;
2716    float: left;
2717    margin-top: -13px;
2718    font-size: 14px;
2719    font-weight: bold;
2720    color: #666;
2721    text-decoration: none;
2722  }
2723  .crumbs li:hover {
2724    height: 0;
2725    border-top: 20px solid #00a75a;
2726    border-bottom: 20px solid #00a75a;
2727    box-shadow: 0 1px #00a75a;
2728  }
2729  .crumbs li:hover a {
2730    color: #ffffff;
2731  }
2732  .crumbs li:hover:after {
2733    border-left: 20px solid #00a75a !important;
2734  }
2735  .crumbs li.active {
2736    height: 0;
2737    border-top: 20px solid #008d4c;
2738    border-bottom: 20px solid #008d4c;
2739    box-shadow: 0 1px #008d4c;
2740  }
2741  .crumbs li.active:after {
2742    border-left: 18px solid #008d4c !important;
2743  }
2744  .stepText {
2745    display: inline-block;
2746    white-space: nowrap;
2747    overflow: hidden;
2748    font-size: 13px;
2749    vertical-align: bottom;
2750  }
2751  .active .stepText,
2752  .active .stepNum {
2753    color: #fff;
2754  }
2755  .stepNum {
2756    display: inline-block;
2757    padding: 0 5px;
2758    overflow: hidden;
2759    font-size: 20px;
2760    vertical-align: top;
2761    margin-top: 5px;
2762  }
2763  .greyStar {
2764    background-image: url("../images/stars.png");
2765    background-position: 20px 20px;
2766    height: 20px;
2767    width: 20px;
2768    display: inline-block;
2769  }
2770  .yellowStar {
2771    background-image: url('../images/stars.png');
2772    background-position: 0 20px;
2773    width: 20px;
2774    height: 20px;
2775    display: inline-block;
2776  }
2777  .blockUI {
2778    border-radius: 2px !important;
2779    border: 0 !important;
2780  }
2781  textarea.span11 {
2782    width: 100% !important;
2783    -webkit-box-sizing: border-box;
2784    -moz-box-sizing: border-box;
2785    box-sizing: border-box;
2786    word-wrap: break-word;
2787  }
2788  .popover .popover-inner {
2789    border-radius: 2px;
2790    font-size: 0.8em;
2791    box-shadow: 0;
2792  }
2793  .popover .popover-inner .popover-title {
2794    color: #444444;
2795    font-size: 15px;
2796  }
2797  .popover .popover-inner .close {
2798    color: #000000 !important;
2799    margin-top: 3px;
2800    opacity: 0.5 !important;
2801  }
2802  .popover .popover-inner .close:hover {
2803    opacity: 1 !important;
2804  }
2805  .popover .popover-inner td {
2806    padding: 3px 5px;
2807    overflow-wrap: break-word;
2808  }
2809  .popover .popover-inner .detailViewInfo {
2810    margin-top: 0;
2811    box-shadow: 0;
2812  }
2813  .popover .popover-inner .detailViewInfo .fieldLabel label {
2814    font-size: 1em;
2815  }
2816  #findDuplicate > .control-group {
2817    margin-bottom: 0;
2818    width: 400px;
2819  }
2820  #moveReports .modal-body {
2821    padding: 20px 40px;
2822  }
2823  #composeEmailContainer {
2824    padding: 0 20px;
2825  }
2826  #composeEmailContainer .MultiFile-wrap {
2827    display: inline-block;
2828  }
2829  #composeEmailContainer .MultiFile-intercepted .ui-wrapper {
2830    min-height: 400px;
2831  }
2832  #transferOwnershipContainer .select2-container.select2-container-multi {
2833    max-width: 220px;
2834  }
2835  .fieldInfo.in {
2836    overflow: visible !important;
2837    height: auto !important;
2838  }
2839  .moduleSelection {
2840    border-radius: 2px 2px 0 0 !important;
2841    border: 1px solid #dddddd !important;
2842    background-color: #f5f5f5;
2843    background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
2844    background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
2845    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
2846    background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
2847    background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
2848    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
2849    background-repeat: repeat-x;
2850    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
2851    border-color: #f3f3f4 #f3f3f4 #cbcbcf;
2852    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
2853    color: #444444;
2854  }
2855  .convertLeadModules {
2856    margin-bottom: 2%;
2857    border: 1px none;
2858  }
2859  .moduleBlock {
2860    border-radius: 0px !important;
2861  }
2862  .overflowVisible {
2863    overflow: visible !important;
2864  }
2865  .convertLeadError {
2866    border: 3px solid #999999;
2867    background-color: #ffffff;
2868    width: 55%;
2869    position: relative;
2870    z-index: 10000000;
2871  }
2872  .convertLeadError table td {
2873    border-bottom: 1px solid #cccccc;
2874    nowrap: nowrap;
2875    width: 70%;
2876  }
2877  .bootbox,
2878  .alert {
2879    z-index: 1000023;
2880  }
2881  .chzn-container {
2882    vertical-align: middle;
2883  }
2884  .chzn-container .chzn-results li {
2885    margin-right: 7px;
2886  }
2887  .chzn-container .chzn-results .highlighted {
2888    background: #008d4c;
2889  }
2890  .select2-results .select2-highlighted {
2891    background: #008d4c;
2892  }
2893  .select2-result-label .filterActionImgs {
2894    margin-top: 3px;
2895  }
2896  .select2-result-label i {
2897    background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings-white.png");
2898  }
2899  .select2-container-multi .select2-choices .select2-search-choice {
2900    cursor: move;
2901  }
2902  .select2-search-field {
2903    display: block;
2904    width: 100%;
2905  }
2906  .ui-autocomplete-loading {
2907    background: url('../images/load.gif') no-repeat right center;
2908  }
2909  .ui-autocomplete {
2910    height: auto !important;
2911    border-radius: 1px !important;
2912  }
2913  .dropdown-menu.pull-right:after,
2914  .dropdown-menu.pull-right:before {
2915    right: 3px;
2916    left: auto;
2917    top: -5px;
2918    border-bottom-width: 6px;
2919  }
2920  a {
2921    color: #00743e;
2922  }
2923  a:hover {
2924    color: #004123;
2925    text-decoration: none;
2926    cursor: pointer;
2927  }
2928  a:active,
2929  a:focus {
2930    outline: 0;
2931  }
2932  .well {
2933    border-radius: 2px;
2934    padding: 15px;
2935  }
2936  .verticalBottomSpacing {
2937    margin-bottom: 10px;
2938  }
2939  .mergeTables {
2940    margin-bottom: 0px;
2941  }
2942  .font-x-x-large {
2943    font-size: 18px;
2944    line-height: 28px;
2945  }
2946  img {
2947    max-width: 95%;
2948  }
2949  form {
2950    margin: 0;
2951  }
2952  .input-prepend .add-on,
2953  .input-append .add-on,
2954  .input-prepend.input-append .add-on:first-child,
2955  .input-prepend.input-append .btn:first-child {
2956    line-height: 22px;
2957    border-radius: 1px !important;
2958  }
2959  input,
2960  textarea,
2961  select,
2962  .uneditable-input,
2963  input[type="text"],
2964  input[type="password"],
2965  .ui-autocomplete-input,
2966  textarea,
2967  .uneditable-input,
2968  .chzn-container-single .chzn-single,
2969  .chzn-container-single .chzn-single div,
2970  .input-prepend .add-on,
2971  .input-append .add-on {
2972    border-radius: 1px;
2973  }
2974  .fc-state-default .fc-button-effect span {
2975    background: none;
2976  }
2977  .input-prepend.input-append input,
2978  .input-prepend.input-append select,
2979  .input-prepend.input-append .uneditable-input {
2980    -webkit-border-radius: 0;
2981    -moz-border-radius: 0;
2982    border-radius: 0;
2983  }
2984  .input-prepend.input-append .add-on:first-child,
2985  .input-prepend.input-append .btn:first-child {
2986    margin-right: -1px;
2987    -webkit-border-radius: 3px 0 0 3px;
2988    -moz-border-radius: 3px 0 0 3px;
2989    border-radius: 3px 0 0 3px;
2990  }
2991  .input-prepend.input-append .add-on:last-child,
2992  .input-prepend.input-append .btn:last-child {
2993    margin-left: -1px;
2994    -webkit-border-radius: 0 3px 3px 0;
2995    -moz-border-radius: 0 3px 3px 0;
2996    border-radius: 0 3px 3px 0;
2997  }
2998  .dateField {
2999    width: 183px;
3000  }
3001  .form-horizontal [class^="icon-"],
3002  .form-horizontal [class*=" icon-"] {
3003    vertical-align: baseline;
3004  }
3005  .timePicker {
3006    width: 8.5em !important;
3007    z-index: 1000029 !important;
3008  }
3009  .datepicker {
3010    z-index: 1000029 !important;
3011  }
3012  .colorpicker {
3013    z-index: 1029 !important;
3014  }
3015  .colorpicker input {
3016    width: 30px !important;
3017  }
3018  .colorpicker input[type="text"],
3019  .colorpicker input {
3020    color: #898989 !important;
3021  }
3022  .colorpicker_hex input {
3023    width: 45px !important;
3024  }
3025  .modal-body.accordion {
3026    margin-bottom: 0;
3027    -webkit-box-sizing: border-box;
3028    -moz-box-sizing: border-box;
3029    box-sizing: border-box;
3030    word-wrap: break-word;
3031  }
3032  .modal-open {
3033    overflow: hidden;
3034    /** modal will be having z-index as 10001 **/
3035  
3036  }
3037  .modal-open .datepicker,
3038  .modal-open .timePicker {
3039    z-index: 1000008 !important;
3040  }
3041  .modal-open .chzn-drop {
3042    z-index: 1000008 !important;
3043  }
3044  .modal-open .massEditContent,
3045  .tab-content,
3046  .overflowVisible {
3047    overflow: visible;
3048  }
3049  .select2-container-multi .select2-choices .select2-search-choice {
3050    cursor: move;
3051  }
3052  .removeNoFileChosen {
3053    color: transparent !important;
3054  }
3055  .modelContainer .modal-header {
3056    border-radius: 2px 2px 0 0;
3057  }
3058  .modelContainer form {
3059    border-radius: 0 0 2px 2px;
3060  }
3061  .hide {
3062    display: none;
3063  }
3064  i {
3065    cursor: pointer;
3066    text-decoration: none !important;
3067  }
3068  .marginbottomZero {
3069    margin-bottom: 0 !important;
3070  }
3071  .marginLeftZero {
3072    margin-left: 0 !important;
3073  }
3074  .clearfix {
3075    clear: both !important;
3076  }
3077  textarea {
3078    -webkit-box-sizing: border-box;
3079    -moz-box-sizing: border-box;
3080    box-sizing: border-box;
3081    word-wrap: break-word;
3082    width: 100%;
3083  }
3084  .textOverflowEllipsis {
3085    overflow: hidden;
3086    text-overflow: ellipsis;
3087    white-space: nowrap;
3088    width: 9em;
3089  }
3090  .margin0px {
3091    margin: 0 !important;
3092  }
3093  .padding10 {
3094    padding: 10px;
3095    padding-bottom: 0;
3096  }
3097  .padding20 {
3098    padding: 20px;
3099  }
3100  .pushDown {
3101    margin-top: 5px;
3102  }
3103  .boxSizingBorderBox {
3104    -webkit-box-sizing: border-box;
3105    -moz-box-sizing: border-box;
3106    box-sizing: border-box;
3107    word-wrap: break-word;
3108  }
3109  .boxSizingContentBox {
3110    -webkit-box-sizing: content-box;
3111    -moz-box-sizing: content-box;
3112    box-sizing: content-box;
3113  }
3114  .cursorPointer {
3115    cursor: pointer;
3116    text-decoration: none !important;
3117  }
3118  .zeroOpacity {
3119    opacity: 0;
3120    /*for IE*/
3121  
3122    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
3123    filter: alpha(opacity=0);
3124  }
3125  .dullOpacity {
3126    opacity: 0.8;
3127    /*for IE*/
3128  
3129    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
3130    filter: alpha(opacity=80);
3131  }
3132  .fullOpacity {
3133    opacity: 1;
3134    /*for IE*/
3135  
3136    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
3137    filter: alpha(opacity=100);
3138  }
3139  .redColor {
3140    color: red;
3141  }
3142  .highlightBackgroundColor {
3143    background: #eeeff2;
3144  }
3145  .contentsBackground {
3146    background: #ffffff;
3147    border: 1px solid #dddddd;
3148  }
3149  .textAlignCenter {
3150    text-align: center;
3151  }
3152  .textAlignRight {
3153    text-align: right;
3154  }
3155  .alignMiddle {
3156    vertical-align: middle;
3157  }
3158  .alignTop {
3159    vertical-align: top;
3160  }
3161  .padding1per {
3162    padding: 1%;
3163  }
3164  .paddingTop20 {
3165    padding-top: 20px;
3166  }
3167  .padding20px {
3168    padding: 20px;
3169  }
3170  .padding-bottom1per {
3171    padding-bottom: 1%;
3172  }
3173  .marginBottom10px {
3174    margin-bottom: 10px;
3175  }
3176  .displayInlineBlock {
3177    display: inline-block;
3178  }
3179  .backgroundImageNone {
3180    background-image: none;
3181  }
3182  .liStyleNone {
3183    list-style: none outside none;
3184  }
3185  .fontBold {
3186    font-weight: bold !important;
3187  }
3188  .icon-plus.icon-white {
3189    background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings.png") !important;
3190    opacity: 0.8;
3191  }
3192  .livesupport_tab,
3193  #userfeedback {
3194    display: none !important;
3195  }
3196  #reportDetails table tr td.summary {
3197    border-bottom: 0;
3198    border-top: 0;
3199  }
3200  #portalDetailViewHttpError {
3201    padding-bottom: 7px;
3202    margin-top: 50px;
3203    color: red;
3204    text-align: center;
3205  }
3206  .slidesjs-pagination {
3207      list-style: none;
3208  }
3209  .slidesjs-pagination li a {
3210      display: block;
3211      width: 13px;
3212      height: 0px;
3213      padding-top: 13px;
3214      background-image: url('../images/pagination.png');
3215      background-position: 0px 0px;
3216      float: left;
3217      overflow: hidden;
3218  }
3219  .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {
3220  background-position: 0 -13px;
3221  }
3222  .extensionStorebtn {
3223    background: #f08c39;
3224    background-image: -webkit-linear-gradient(top, #f08c39, #e68b3c);
3225    background-image: -moz-linear-gradient(top, #f08c39, #e68b3c);
3226    background-image: -ms-linear-gradient(top, #f08c39, #e68b3c);
3227    background-image: -o-linear-gradient(top, #f08c39, #e68b3c);
3228    background-image: linear-gradient(to bottom, #f08c39, #e68b3c);
3229    -webkit-border-radius: 2;
3230    -moz-border-radius: 2;
3231    border-radius: 2px;
3232    text-shadow: 0px 0px 1px #595959;
3233    color: #ffffff;
3234    font-size: 14px;
3235    font-weight: bold;
3236    padding: 8px 20px 8px 20px;
3237    text-decoration: none;
3238    border : 0px;
3239  }
3240  
3241  .extensionStorebtn:hover {
3242    background: #fc9f3c;
3243    background-image: -webkit-linear-gradient(top, #fc9f3c, #f08a3c);
3244    background-image: -moz-linear-gradient(top, #fc9f3c, #f08a3c);
3245    background-image: -ms-linear-gradient(top, #fc9f3c, #f08a3c);
3246    background-image: -o-linear-gradient(top, #fc9f3c, #f08a3c);
3247    background-image: linear-gradient(to bottom, #fc9f3c, #f08a3c);
3248    text-decoration: none;
3249  }
3250  .extensionSearch {
3251      padding: 8px 12px 8px 30px!important;
3252      margin: 6px 0 14px 0;
3253      box-shadow: inset 2px 2px 10px #ddd;
3254      border-radius: 2px !important;
3255      background: url('../images/search.png') no-repeat;
3256      background-position: 5px 6px;
3257  }
3258  .extensionSearch:focus {
3259      width: 65%;
3260      -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
3261      transition: width 1s;
3262  }
3263  .banner-container{
3264      border-bottom: 1px solid #FFFFFF;
3265      box-sizing: border-box;
3266  }
3267  
3268  .banner{
3269      margin: 0px 90px;
3270  }
3271  
3272  .bx-wrapper{
3273      margin: 0 auto 35px !important;
3274      padding-top: 17px !important;
3275  }
3276  .bx-wrapper li a{
3277      display: block;
3278  }
3279  .bx-wrapper a img{
3280      height: 100px;
3281      width: auto;
3282      margin: 0 auto;
3283  }
3284  
3285  .wide, 
3286  .table td.wide, 
3287  .listViewEntries td.wide, 
3288  td.listViewEntryValue.wide { 
3289       padding: 8px!important; 
3290  } 
3291  .medium, 
3292  .table td.medium, 
3293  .listViewEntries td.medium, 
3294  td.listViewEntryValue.medium { 
3295      padding: 5px 6px!important; 
3296  } 
3297  .narrow, 
3298  .table td.narrow, 
3299  .listViewEntries td.narrow, 
3300  td.listViewEntryValue.narrow { 
3301      padding: 2px 4px!important; 
3302  } 
3303  .table thead th.narrow { 
3304      vertical-align: middle; 
3305  } 
3306  td.listViewEntryValue .row-fluid input { 
3307      padding: 0; 
3308      margin-bottom: 0; 
3309  } 
3310  .listViewContentDiv { 
3311      position: relative; 
3312  }