[ Index ]

PHP Cross Reference of vtigercrm-6.1.0

title

Body

[close]

/layouts/vlayout/skins/orchid/ -> style.css (source)

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


Generated: Fri Nov 28 20:08:37 2014 Cross-referenced by PHPXref 0.7.1