mirror of
https://github.com/VTECRM/vtenext.git
synced 2026-02-26 16:18:47 +00:00
2496 lines
40 KiB
SCSS
2496 lines
40 KiB
SCSS
/*************************************
|
|
* SPDX-FileCopyrightText: 2009-2020 Vtenext S.r.l. <info@vtenext.com>
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
************************************/
|
|
|
|
/* SOFTED - COLOR THEME */
|
|
|
|
/* crmv@82419 */
|
|
|
|
/* Import variables */
|
|
@import 'vars/variables';
|
|
|
|
/* Import colors */
|
|
@import 'vars/colors';
|
|
|
|
/* Import mixins */
|
|
@import 'vars/mixins';
|
|
|
|
/* Import material theme */
|
|
@import 'vte_material';
|
|
|
|
/* Import fonts */
|
|
@import 'fonts';
|
|
|
|
/* Override some material styles */
|
|
/* And override other styles */
|
|
.navbar-nav > li {
|
|
padding-bottom: 0px;
|
|
padding-top: 0px;
|
|
|
|
&.shrink {
|
|
a {
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
padding-top: 2px !important;
|
|
|
|
.userAvatar {
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.active {
|
|
color: $vte-submenu;
|
|
}
|
|
}
|
|
.navbar-nav > li > a, .navbar-brand {
|
|
padding-top: 6px !important;
|
|
padding-bottom: 0 !important;
|
|
height: 34px;
|
|
}
|
|
.navbar {
|
|
min-height:34px; // crmv@97692
|
|
}
|
|
|
|
.pagination {
|
|
label {
|
|
margin-bottom: 0px;
|
|
}
|
|
.pagenumber {
|
|
width: 40px;
|
|
height: 20px;
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
div.radio-horiz {
|
|
display: inline-block;
|
|
|
|
label {
|
|
padding-left: 30px;
|
|
}
|
|
}
|
|
|
|
/* crmv@16131m crmv@23344 */
|
|
|
|
body {
|
|
background-color: $vte-body-bg;
|
|
font-family: $font-family-base;
|
|
font-weight: 400;
|
|
}
|
|
|
|
input {
|
|
//outline: none;
|
|
border: 0px;
|
|
}
|
|
|
|
textarea {
|
|
width:95%;
|
|
height:70px;
|
|
//border:1px solid $grey-300;
|
|
outline: none;
|
|
}
|
|
|
|
a {
|
|
text-decoration:none;
|
|
color:$vte-text-title;
|
|
}
|
|
|
|
.badge {
|
|
// change the default appearence of badges
|
|
&.vte-top-badge {
|
|
position: absolute;
|
|
top: -4px;
|
|
right: -10px;
|
|
z-index: 2;
|
|
font-size: 10px;
|
|
cursor: pointer;
|
|
background-color: $vte-button-delete;
|
|
}
|
|
}
|
|
|
|
div.fixedLay1 {
|
|
position:fixed;
|
|
}
|
|
|
|
|
|
/* morphsuit activation */
|
|
.morphsuitactivationbody {
|
|
background-color: $vte-box-light-bg;
|
|
}
|
|
.morphsuittable {
|
|
background-color:$white;
|
|
border-bottom:1px solid $grey-500;
|
|
border-left:1px solid $grey-500;
|
|
border-right:1px solid $grey-500;
|
|
line-height:23px;
|
|
}
|
|
.morphsuittab {
|
|
background:url(images/headermorphsuit.png);
|
|
height:52px;
|
|
cursor:pointer;
|
|
}
|
|
.morphsuitlink {
|
|
color:$white;
|
|
}
|
|
#logoMorphsuit {
|
|
display:none;
|
|
}
|
|
/* end morphsuit activation */
|
|
|
|
#lv_user_id, #viewname {
|
|
width: 100px;
|
|
}
|
|
|
|
#winMax {
|
|
text-align:center;
|
|
z-index:0;
|
|
text-decoration:none;
|
|
width:100%;
|
|
background-image:url(images/bg_minimizer.png);
|
|
}
|
|
|
|
.margintop{
|
|
margin-top:3px;
|
|
}
|
|
|
|
.small {
|
|
font-size: $vte_font_size;
|
|
color: $vte-text;
|
|
}
|
|
|
|
.big {
|
|
font-size: $vte_font_size;
|
|
line-height: 18px;
|
|
color: $vte-text;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.componentName {
|
|
font-size: 18px;
|
|
line-height: 18px;
|
|
color: $vte-text-title;
|
|
padding:10px;
|
|
}
|
|
|
|
.genHeaderBig{
|
|
font-size: 16px;
|
|
line-height: 19px;
|
|
color: $vte-text;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.genHeaderSmall{
|
|
font-size: 14px;
|
|
line-height: 16px;
|
|
color: $vte-text;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.moduleName {
|
|
font-size: 14px;
|
|
color:$vte-text-title;
|
|
}
|
|
|
|
.hdrNameBg {
|
|
background-color: $white;
|
|
}
|
|
|
|
/* header style - start */
|
|
|
|
div#vte_menu {
|
|
z-index:20;
|
|
width:100%;
|
|
top: 0px;
|
|
left: 0px;
|
|
}
|
|
|
|
.hdrBg {
|
|
background-color: $vte-primary;
|
|
}
|
|
|
|
.hdrBg table {
|
|
height: 34px;
|
|
}
|
|
|
|
.tabSelected {
|
|
background-color: $vte-menusep;
|
|
}
|
|
|
|
.tabUnSelected {}
|
|
|
|
.tabUnSelected:hover {
|
|
background-color: $vte-menusep;
|
|
}
|
|
|
|
.tabSelected, .tabUnSelected {
|
|
padding: 7px 10px;
|
|
border-left: 1px solid $vte-menusep;
|
|
}
|
|
|
|
.tabSelected a, .tabUnSelected a {
|
|
color:white;
|
|
font-size: $vte_font_size;
|
|
}
|
|
|
|
.tabSelected a:hover, .tabUnSelected a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.tabMenuRight {
|
|
border-left: 1px solid $vte-menusep;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
}
|
|
|
|
.tabMenuOptions {}
|
|
|
|
.menuSeparation {
|
|
border-bottom: 1px solid $grey-300;
|
|
}
|
|
|
|
.level2Bg {
|
|
color: $vte-text-title;
|
|
font-size: 11px;
|
|
background-color: $vte-submenu;
|
|
}
|
|
|
|
.page-heading {
|
|
background-color: $vte-submenu;
|
|
border-bottom: 1px solid $separator-color;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.level2Bg a{
|
|
color: $vte-text-title;
|
|
}
|
|
|
|
.level2SelTab{
|
|
font-weight:bold;
|
|
padding-left:20px;
|
|
padding-right:20px;
|
|
padding-top:5px;
|
|
padding-bottom:5px;
|
|
}
|
|
|
|
.level2UnSelTab{
|
|
padding-left:20px;
|
|
padding-right:20px;
|
|
padding-top:5px;
|
|
padding-bottom:5px;
|
|
}
|
|
|
|
.level3Bg {
|
|
font-size: 12px;
|
|
background-color: $white;
|
|
border-bottom: 1px solid $grey-300;
|
|
color: $vte-text;
|
|
}
|
|
|
|
.level4Bg {
|
|
font-size: 12px;
|
|
background-color: $white;
|
|
color: $vte-text;
|
|
}
|
|
|
|
/* header style - end */
|
|
|
|
.userAvatar {
|
|
-webkit-border-radius:8px;
|
|
-moz-border-radius:8px;
|
|
border-radius:8px;
|
|
}
|
|
|
|
.sep1 {
|
|
background: $white;
|
|
padding-left: 1px;
|
|
}
|
|
|
|
.showPanelBg {}
|
|
|
|
.hdrLink {
|
|
font-size: 14px;
|
|
text-decoration:none;
|
|
color:$vte-text-title;
|
|
}
|
|
|
|
#showPanelTopLeft {
|
|
visibility:hidden;
|
|
}
|
|
#showPanelTopRight {
|
|
visibility:hidden;
|
|
}
|
|
#border2pxpopup {
|
|
border:2px solid $grey-300;
|
|
}
|
|
|
|
.moduleSearch, .basicSearch {
|
|
|
|
position: relative;
|
|
|
|
.cancelIcon {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 20px;
|
|
top: 1px;
|
|
|
|
img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.vteicon, .vteicon2, .icon-module {
|
|
vertical-align: middle;
|
|
color: $grey-400;
|
|
text-shadow: none;
|
|
|
|
&:hover {
|
|
color: $grey-500;
|
|
}
|
|
}
|
|
}
|
|
|
|
.searchIcon {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 2px;
|
|
|
|
img {
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
|
|
&.advIconSearch {
|
|
.advSearchIcon {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 2px;
|
|
right: 0px;
|
|
}
|
|
.searchIcon {
|
|
right: 20px;
|
|
}
|
|
.cancelIcon {
|
|
right: 40px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.basicSearch {
|
|
// stupid fix for basic search
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.globalSearch {
|
|
|
|
float:right;
|
|
padding-right:5px;
|
|
position: relative;
|
|
|
|
.searchIcon {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 2px;
|
|
|
|
img {
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
}
|
|
|
|
.searchBox {
|
|
/*border: 0px;
|
|
* font-size: 11px;
|
|
* padding-left:2px;
|
|
* width:180px;
|
|
* background-color:$white;
|
|
*/
|
|
width:180px;
|
|
height:25px;
|
|
}
|
|
|
|
@import 'tables';
|
|
|
|
/* Detailed View classes starts +++++++++++++++++++++++ */
|
|
.dvHeaderText{
|
|
font-size: $vte_font_size;
|
|
color:$vte-text-title;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.dvInnerHeader, .detailedViewHeader {
|
|
padding: 0px 15px 0px 15px;
|
|
height: 40px;
|
|
color: $vte-text;
|
|
background-color: $vte-submenu;
|
|
}
|
|
|
|
div.dvInnerHeader,
|
|
div.detailedViewHeader {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
padding: 0px 15px 0px 15px;
|
|
height: 40px;
|
|
margin-bottom: 10px;
|
|
|
|
& .dvInnerHeaderTitle {
|
|
font-weight: bold;
|
|
}
|
|
|
|
& .dvInnerHeaderRight {
|
|
margin-left: auto;
|
|
}
|
|
}
|
|
|
|
.recordTitle1 {
|
|
font-size: $vte_font_size;
|
|
font-weight:bold;
|
|
color: $vte-text-record;
|
|
}
|
|
|
|
/* crmv@98866 */
|
|
.dvtSelectedCell {
|
|
padding: 5px 20px;
|
|
font-weight:bold;
|
|
color: black;
|
|
line-height:20px;
|
|
border-bottom: 3px solid $primary;
|
|
}
|
|
|
|
.dvtSelectedCell a {
|
|
text-decoration:none;
|
|
color: black;
|
|
cursor: default;
|
|
}
|
|
|
|
.dvtSelectedCellBottom {
|
|
border-left:1px solid $vte-thin-border;
|
|
border-bottom:1px solid $vte-thin-border;
|
|
border-top: none;
|
|
border-right:1px solid $vte-thin-border;
|
|
padding-left:20px;
|
|
padding-right:20px;
|
|
background:$white url(images/tab.gif) bottom repeat-x;
|
|
font-weight:bold;
|
|
color: black;
|
|
line-height:20px;
|
|
}
|
|
|
|
.dvtUnSelectedCell {
|
|
padding-left:20px;
|
|
padding-right:20px;
|
|
background: $white ;
|
|
cursor:pointer;
|
|
color: black;
|
|
}
|
|
|
|
.dvtUnSelectedCell a {
|
|
color: #BBBBBB !important;
|
|
font-weight: 700;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* crmv@26896 */
|
|
.dvtUnSelectedCell:Hover {
|
|
background-color:$vte-box-verylight-bg;
|
|
}
|
|
/* crmv@26896e */
|
|
|
|
.dvtTabCache {
|
|
}
|
|
/* crmv@98866 end */
|
|
|
|
.dvtTabCacheBottom {
|
|
border-top:1px solid $vte-thin-border;
|
|
}
|
|
|
|
.dvtTabCacheBottom {
|
|
border-top:1px solid $vte-thin-border;
|
|
}
|
|
|
|
.dvtContentSpace {
|
|
/*border-left:1px solid $vte-thin-border;*/
|
|
/*border-right:1px solid $vte-thin-border;*/
|
|
/*border-bottom:1px solid $vte-thin-border;*/
|
|
padding-left:0px;
|
|
}
|
|
|
|
/* crmv@3085m */
|
|
.dvtCellLabel, .cellLabel {
|
|
/*background:$white;
|
|
* color:$grey-700;
|
|
* padding-left:3px;
|
|
* padding-right:3px;
|
|
* white-space:nowrap;
|
|
*/
|
|
@extend .control-label;
|
|
font-weight:normal;
|
|
font-size: 12px;
|
|
color: $vte-field-label;
|
|
}
|
|
|
|
.dvtCellInfo, .cellInfo, .dvtCellInfoOn, .dvtCellInfoM, .dvtCellInfoMOn {
|
|
/*position: relative;
|
|
* padding:5px;
|
|
* min-height:15px;
|
|
* border:1px solid $grey-400;
|
|
*/
|
|
//-moz-border-radius: 5px; /* Firefox e browser basati su Mozilla */
|
|
//-webkit-border-radius: 5px; /* Safari, Chrome e browser basati su WebKit */
|
|
//border-radius: 5px; /* standard CSS3 */
|
|
@extend .form-group;
|
|
min-height: 25px;
|
|
|
|
input, select {
|
|
height: 25px;
|
|
}
|
|
font-size:14px;
|
|
}
|
|
|
|
.dvtCellInfoOff { // crmv@97237
|
|
min-height: 25px;
|
|
|
|
input, select {
|
|
height: 25px;
|
|
}
|
|
font-size:14px;
|
|
}
|
|
|
|
.dvtCellInfo, .dvtCellInfoOn {
|
|
|
|
&.field-horiz {
|
|
> input {
|
|
display: inline-block;
|
|
}
|
|
|
|
.dropdownjs {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
}
|
|
|
|
.detailCellInfo {
|
|
border-bottom: 1px solid $vte-field;
|
|
border-spacing: 2px;
|
|
}
|
|
|
|
.dvtCellInfo {
|
|
}
|
|
|
|
.dvtCellInfo:hover {
|
|
}
|
|
|
|
.dvtCellInfoOn {
|
|
}
|
|
|
|
.dvtCellInfoOff {
|
|
background-color: $vte-field-disabled;
|
|
//@extend
|
|
}
|
|
|
|
.dvtCellInfoM, .dvtCellInfoMOn {
|
|
background-color: $vte-field-mandatory;
|
|
//@extend .has-warning;
|
|
}
|
|
|
|
.dvtCellInfoM:hover {
|
|
background-color: saturate($vte-field-mandatory, 5%);
|
|
}
|
|
|
|
.dvtCellInfoImgLx {
|
|
top: 2px;
|
|
left: 5px;
|
|
position: absolute;
|
|
}
|
|
|
|
.dvtCellInfoImgRx {
|
|
top: 2px;
|
|
right: 5px;
|
|
position: absolute;
|
|
}
|
|
/*
|
|
. *dvtCellInfo input, .dvtCellInfo select, .dvtCellInfoOn input, .dvtCellInfoOn select,
|
|
.dvtCellInfoM input, .dvtCellInfoM select, .dvtCellInfoMOn input, .dvtCellInfoMOn select {
|
|
border: 0px;
|
|
}
|
|
*/
|
|
/* crmv@3085me */
|
|
|
|
/* crmv@57221 */
|
|
.dvtCellInfoOldStyle {
|
|
width: auto;
|
|
overflow: auto;
|
|
}
|
|
/* crmv@57221e */
|
|
|
|
.rightMailMerge {
|
|
border:1px solid $grey-300;
|
|
}
|
|
|
|
.rightMailMergeHeader {
|
|
padding:5px;
|
|
color:$grey-700;
|
|
}
|
|
|
|
.rightMailMergeContent {
|
|
padding:5px;
|
|
background-color:$white;
|
|
}
|
|
|
|
/* crmv@15771 */
|
|
.detailedViewTextBoxHour,.detailedViewTextBoxOneHour,.detailedViewTextBoxOneHourOnlyRead {
|
|
font-size: 11px;
|
|
color: $vte-text;
|
|
border:1px solid $grey-400;
|
|
padding-left:5px;
|
|
width:90%;
|
|
background-color:$white;
|
|
}
|
|
/* crmv@15771e */
|
|
|
|
/* crmv@3085m */
|
|
.detailedViewTextBox, .detailedViewTextBoxOn {
|
|
/*font-size: 12px;
|
|
* color: $vte-text;
|
|
* border:0px;
|
|
* padding:0px;
|
|
* margin:0px;
|
|
* width:100%;
|
|
* background-color:transparent;
|
|
*/
|
|
@extend .form-control;
|
|
width:100%;
|
|
|
|
&.input-inline {
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
|
|
.detailedViewTextBox[readonly] {
|
|
border: 0;
|
|
background-image: none;
|
|
}
|
|
.dvtCellInfoOff {
|
|
//border: 0;
|
|
background-image: none;
|
|
position: relative;
|
|
}
|
|
|
|
textarea.detailedViewTextBox.vertical {
|
|
resize: vertical;
|
|
}
|
|
|
|
.detailBlockContent {
|
|
overflow: auto;
|
|
margin-bottom: 15px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.editBlockContent {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.editBlock {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
/* crmv@3085me */
|
|
|
|
.advSearch {
|
|
padding:10px;
|
|
border-left:1px solid $grey-200;
|
|
border-right:1px solid $grey-200;
|
|
border-bottom:1px solid $grey-200;
|
|
overflow:auto;
|
|
width:600px;
|
|
height:150px;
|
|
background-color: $vte-box-light-bg2;
|
|
}
|
|
|
|
.textbox {
|
|
border:1px solid $grey-500;
|
|
background-color:$white;
|
|
|
|
font-size: 11px;
|
|
width:120px;
|
|
padding:2px;
|
|
}
|
|
|
|
.mx {
|
|
}
|
|
|
|
.calListTable td{
|
|
border-bottom:1px solid $grey-200;
|
|
border-left:1px solid $grey-200;
|
|
}
|
|
|
|
.calDIV {
|
|
width:100%;
|
|
border:1px solid $white;
|
|
|
|
}
|
|
|
|
.calDayHour {
|
|
border:1px solid $vte-box-light-border;
|
|
background-color:$vte-box-light-bg;
|
|
}
|
|
|
|
.calAddEvent {
|
|
position:absolute;
|
|
z-index:10000;
|
|
width:500px;
|
|
left:200px;
|
|
top:150px;
|
|
background-color:$white;
|
|
}
|
|
.addEventInnerBox {
|
|
border:1px dotted $grey-300;
|
|
}
|
|
|
|
.cellNormal {
|
|
border:0px;
|
|
background-color:$white;
|
|
}
|
|
|
|
.EventToDo{
|
|
|
|
}
|
|
|
|
.thumbnail{
|
|
background-color:$white;
|
|
padding: 7px;
|
|
border: 1px solid $grey-300;
|
|
float: left;
|
|
margin-right: 10px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.padTab{
|
|
vertical-align:top;
|
|
}
|
|
|
|
#user{position:relative;left:0px;top:0px;width:100%;display:block;}
|
|
|
|
#communication{position:relative;left:0px;top:0px;width:100%;display:block;}
|
|
|
|
#config{position:relative;left:0px;top:0px;width:100%;display:block;}
|
|
|
|
#userTab{position:relative;left:0px;top:0px;width:100%;display:none;}
|
|
|
|
#one{
|
|
position:relative;
|
|
display:block;
|
|
width:245px;
|
|
}
|
|
|
|
#mnuTab1{
|
|
position:relative;
|
|
overflow:auto;
|
|
width:100%;
|
|
display:none;
|
|
}
|
|
|
|
#mnuTab2{
|
|
position:relative;
|
|
overflow:auto;
|
|
width:100%;
|
|
display:none;
|
|
}
|
|
|
|
/* End of Settings */
|
|
|
|
.bggray{
|
|
background-color: $grey-300;
|
|
}
|
|
|
|
.bgwhite{
|
|
background-color: $white;
|
|
}
|
|
|
|
.copy{
|
|
font-size:9px;
|
|
|
|
}
|
|
|
|
#basicTab{
|
|
position:relative;
|
|
overflow:auto;
|
|
width:100%;
|
|
display:block;
|
|
}
|
|
|
|
#moreTab{
|
|
position:relative;
|
|
overflow:auto;
|
|
width:100%;
|
|
display:none;
|
|
}
|
|
|
|
/* Added for Advanced Search*/
|
|
|
|
#one{
|
|
position:relative;
|
|
display:block;
|
|
width:245px;
|
|
}
|
|
|
|
|
|
@import 'dashboard';
|
|
|
|
/* menu */
|
|
|
|
a.submenu{
|
|
|
|
font-size:11px;
|
|
padding-top:5px;
|
|
padding-bottom:5px;
|
|
padding-left:10px;
|
|
border-bottom:1px solid $grey-400;
|
|
background-color:$grey-200;
|
|
color:$vte-text;
|
|
text-align:left;
|
|
text-decoration:none;
|
|
display:block;
|
|
}
|
|
|
|
a.submenu:Hover{
|
|
background-color:$grey-300;
|
|
|
|
font-size:11px;
|
|
padding-top:5px;
|
|
padding-bottom:5px;
|
|
padding-left:10px;
|
|
border-bottom:1px solid $grey-400;
|
|
color:$vte-text;
|
|
text-align:left;
|
|
text-decoration:none;
|
|
display:block;
|
|
}
|
|
|
|
@import 'clock';
|
|
|
|
.leftFormBorder1 {
|
|
border: 1px solid $vte-box-medium-border;
|
|
background-color: $white;
|
|
opacity:.7;
|
|
}
|
|
|
|
@import 'calculator';
|
|
|
|
@import 'charts'; // crmv@82770
|
|
|
|
@import 'rss';
|
|
|
|
|
|
|
|
|
|
/* New Styles */
|
|
.mnuTab{
|
|
|
|
font-size:$vte_font_size;
|
|
color:$vte-text;
|
|
width:100%;
|
|
border:0px solid $black;
|
|
}
|
|
|
|
.mnuTab tr td{
|
|
border-bottom:1px solid $grey-200;
|
|
padding-left:5px;
|
|
vertical-align:middle;
|
|
}
|
|
/* profile */
|
|
|
|
.prvPrfBigText {
|
|
|
|
font-size: 14px;
|
|
}
|
|
|
|
.prvPrfTopBg {
|
|
background-color:$grey-200;
|
|
}
|
|
|
|
.prvPrfBottomBg {
|
|
background-color:$grey-200;
|
|
}
|
|
|
|
.prvPrfOutline {
|
|
border:1px solid $grey-200;
|
|
}
|
|
|
|
.prvPrfTexture {
|
|
background:url(../images/prvPrfTexture1.gif);
|
|
}
|
|
|
|
.prvPrfHoverOn {
|
|
background-color: $vte-box-light-bg2;
|
|
}
|
|
|
|
/* Organization */
|
|
|
|
.orgTab{
|
|
|
|
font-size:11px;
|
|
font-weight:normal;
|
|
color:$grey-700;
|
|
border:0px solid $grey-500;
|
|
border-collapse:collapse;
|
|
width:100%;
|
|
}
|
|
|
|
.orgTab tr th{
|
|
text-align:left;
|
|
|
|
font-size:$vte_font_size;
|
|
text-decoration:none;
|
|
font-weight:bold;
|
|
height:20px;
|
|
padding-left:5px;
|
|
}
|
|
|
|
.orgTab tr td{
|
|
|
|
font-size:11px;
|
|
text-decoration:none;
|
|
font-weight:normal;
|
|
padding-left:5px;
|
|
height:20px;
|
|
border-bottom:1px solid $grey-400;
|
|
border-right:1px solid $grey-400;
|
|
}
|
|
|
|
/* Groups */
|
|
.groupli{
|
|
margin-left:20px;
|
|
|
|
font-weight:normal;
|
|
font-size:$vte_font_size;
|
|
text-decoration:none;
|
|
color:$grey-900;
|
|
list-style-type:none;
|
|
text-align:left;
|
|
}
|
|
|
|
/* tree menu */
|
|
|
|
/*Oraganization Edit Features */
|
|
|
|
#orgLay{
|
|
font-size:11px;
|
|
text-align:left;
|
|
width:500px;
|
|
border:3px solid $grey-400;
|
|
background-color:$white;
|
|
display:block;
|
|
position:absolute;
|
|
left:0px;
|
|
top:0px;
|
|
z-index: 21;
|
|
}
|
|
|
|
/* Role */
|
|
|
|
#roleLay{
|
|
font-size:11px;
|
|
text-align:left;
|
|
width:300px;
|
|
display:none;
|
|
position:absolute;
|
|
}
|
|
|
|
.classBtn{
|
|
text-decoration:none;
|
|
font-weight:normal;
|
|
font-size:10px;
|
|
background-color:$grey-300;
|
|
border-bottom:2px solid $grey-500;
|
|
border-right:2px solid $grey-500;
|
|
border-top:2px solid $grey-100;
|
|
border-left:2px solid $grey-100;
|
|
color:$vte-text;
|
|
text-align:center;
|
|
padding-top:3px;
|
|
padding-bottom:3px;
|
|
}
|
|
|
|
.txtBox{
|
|
width:85%;
|
|
border:1px solid $grey-700;
|
|
font-size:11px;
|
|
}
|
|
|
|
/* crmv@25356 */
|
|
.txtBox1{
|
|
border: 1px solid $grey-300;
|
|
min-height: 20px;
|
|
width: 100%;
|
|
}
|
|
/* crmv@25356e */
|
|
|
|
/* IMPORT LEADS */
|
|
|
|
.leadTable{
|
|
border:3px solid $grey-400;
|
|
border-collapse:collapse;
|
|
}
|
|
|
|
.leadTable tr td{
|
|
}
|
|
|
|
.genHeaderGray{
|
|
|
|
font-size: 14px;
|
|
line-height: 16px;
|
|
color: $grey-600;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.genHeaderGrayBig{
|
|
|
|
font-size: 18px;
|
|
line-height: 16px;
|
|
color: $grey-600;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.importBox{
|
|
width:125px;
|
|
border:1px solid $grey-700;
|
|
|
|
font-size:11px;
|
|
}
|
|
|
|
/* PICK LIST */
|
|
ul li{
|
|
padding-bottom:2px;
|
|
padding-top:2px;
|
|
}
|
|
/* MY PREFERENCES */
|
|
|
|
/* CSS FOR REPORTS */
|
|
|
|
/* crmv@29686 */
|
|
.reportRowTitle {
|
|
color: $white;
|
|
background-color: lighten(desaturate($vte-primary, 20%), 20%);;
|
|
}
|
|
|
|
.reportRow0 {
|
|
background-color: $vte-submenu;
|
|
}
|
|
|
|
.reportRow1 {
|
|
background-color: $white;
|
|
|
|
}
|
|
/* crmv@29686e */
|
|
|
|
.reportHdr{
|
|
background-color:$grey-300;
|
|
font-size:$vte_font_size;
|
|
font-weight:bold;
|
|
vertical-align:middle;
|
|
text-align:left;
|
|
height:30px;
|
|
border-bottom:2px solid $grey-500;
|
|
color:$vte-text;
|
|
padding-left:10px;
|
|
}
|
|
|
|
#reportLay{
|
|
width:300px;
|
|
border:1px solid $grey-300;
|
|
padding-top:5px;
|
|
position:absolute;
|
|
display:none;
|
|
z-index:2000;
|
|
}
|
|
|
|
#locateMap{
|
|
width:150px;
|
|
background-color:$grey-400;
|
|
border:1px solid $grey-300;
|
|
padding-top:5px;
|
|
position:absolute;
|
|
display:none;
|
|
z-index:2000;
|
|
}
|
|
|
|
a.reportMnu{
|
|
font-size:11px;
|
|
color: $vte-text-title;
|
|
text-decoration:none;
|
|
display:block;
|
|
width:155px;
|
|
height:20px;
|
|
border-bottom:1px solid $grey-300;
|
|
padding-left:20px;
|
|
padding-top:3px;
|
|
}
|
|
|
|
a.reportMnu:Hover{
|
|
font-size:11px;
|
|
color: $vte-text-title;
|
|
text-decoration:underline;
|
|
display:block;
|
|
width:155px;
|
|
height:20px;
|
|
border-bottom:1px solid $grey-300;
|
|
padding-left:20px;
|
|
padding-top:3px;
|
|
}
|
|
|
|
#Generate{
|
|
position:relative;
|
|
width:100%;
|
|
text-align:center;
|
|
display:none;
|
|
}
|
|
/* END OF REPORT */
|
|
|
|
/* WEB MAIL */
|
|
a.webMnu{
|
|
font-size:$vte_font_size;
|
|
color:$vte-text-title;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a.webMnu:Hover{
|
|
font-size:$vte_font_size;
|
|
color:$vte-text-title;
|
|
text-decoration:none;
|
|
background-color:$vte-box-light-bg;
|
|
}
|
|
|
|
/* END OF WEB MAIL */
|
|
|
|
/* POPUP */
|
|
|
|
a.alpha{
|
|
font-size:11px;
|
|
color:gray;
|
|
text-decoration:none;
|
|
padding-Left:5px;
|
|
padding-right:5px;
|
|
border:1px dotted $grey-400;
|
|
background-color: $vte-help-box;
|
|
}
|
|
|
|
a.alpha:hover{
|
|
font-size:11px;
|
|
color:gray;
|
|
text-decoration:underline;
|
|
padding-Left:5px;
|
|
padding-right:5px;
|
|
border:1px dotted $grey-400;
|
|
background-color: $vte-help-box;
|
|
}
|
|
|
|
|
|
.fontBold{
|
|
font-size:$vte_font_size;
|
|
color:$vte-text;
|
|
text-decoration:none;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.style_Gray{
|
|
color:gray;
|
|
}
|
|
|
|
/* End of Home Page */
|
|
|
|
@import 'home';
|
|
|
|
@import 'modulehome'; /* crmv@83340 */
|
|
|
|
@import 'listview';
|
|
|
|
|
|
/* Calendar */
|
|
.calHdr{
|
|
background-image:url(images/light-bg-cal.gif);
|
|
background-repeat:repeat-x;
|
|
background-position:left top;
|
|
}
|
|
|
|
.calSel{
|
|
background: $white;
|
|
border-top: 3px solid $vte-primary;
|
|
border-bottom: 0px solid $grey-300;
|
|
border-right:1px solid $grey-300;
|
|
text-align:center;
|
|
color:$vte-text;
|
|
font-weight:bold;
|
|
text-transform:uppercase;
|
|
width:8%;
|
|
}
|
|
|
|
.calAddButton {
|
|
border: 1px solid $grey-300;
|
|
background:$white url(images/calAddButton.gif) repeat-x;
|
|
cursor:pointer;
|
|
height:30px;
|
|
line-height:25px;
|
|
}
|
|
|
|
.calInnerBorder {
|
|
border-left:2px solid $grey-300;
|
|
border-right:2px solid $grey-300;
|
|
border-bottom:2px solid $grey-300;
|
|
}
|
|
|
|
.calBorder {
|
|
border-left: 1px solid $grey-300;
|
|
border-right: 1px solid $grey-300;
|
|
border-bottom: 1px solid $grey-300;
|
|
background: $white;
|
|
|
|
}
|
|
.calTopRight {
|
|
border-right: 1px solid $grey-300;
|
|
}
|
|
|
|
.calUnSel{
|
|
color:$vte-text;
|
|
font-weight:normal;
|
|
text-align:center;
|
|
width:8%;
|
|
border-right:1px solid $grey-300;
|
|
}
|
|
|
|
a.calMnu{
|
|
font-size:11px;
|
|
color:$vte-text-title;
|
|
text-decoration:none;
|
|
display:block;
|
|
height:20px;
|
|
padding-left:5px;
|
|
padding-top:3px;
|
|
}
|
|
|
|
a.calMnu:Hover{
|
|
font-size:11px;
|
|
color:$vte-text-title;
|
|
text-decoration:underline;
|
|
display:block;
|
|
height:20px;
|
|
padding-left:5px;
|
|
padding-top:3px;
|
|
}
|
|
|
|
.bgwhite{
|
|
background-color: $white;
|
|
}
|
|
.copy{
|
|
font-size:9px;
|
|
|
|
}
|
|
|
|
#mnuTab{
|
|
position:relative;
|
|
width:100%;
|
|
display:block;
|
|
}
|
|
|
|
#mnuTab2{
|
|
position:relative;
|
|
overflow:auto;
|
|
width:100%;
|
|
display:none;
|
|
}
|
|
.style1 {
|
|
color: $red;
|
|
}
|
|
|
|
.event{
|
|
background-color: $vte-primary;
|
|
border:2px solid $grey-300;
|
|
text-align:left;
|
|
width:100%;
|
|
position:relative;
|
|
left:0px;
|
|
top:0px;
|
|
vertical-align:middle;
|
|
padding:1px;
|
|
}
|
|
|
|
#hrView{
|
|
display:block;
|
|
}
|
|
|
|
.calendarNav{
|
|
font-size:16px;
|
|
color: $vte-text-title;
|
|
white-space:nowrap;
|
|
text-align:center;
|
|
font-weight:bold;
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
background:$white none repeat scroll 0%;
|
|
}
|
|
|
|
#addEventDropDown{
|
|
position:absolute;
|
|
display:none;
|
|
width:150px;
|
|
border:1px solid $grey-300;
|
|
left:0px;
|
|
top:0px;
|
|
overflow:visible;
|
|
z-index:5000;
|
|
}
|
|
|
|
.calAction{
|
|
width:175px;
|
|
background-color:$grey-400;
|
|
border:1px solid $grey-300;
|
|
padding-top:5px;
|
|
position:absolute;
|
|
display:none;
|
|
z-index:2000;
|
|
}
|
|
|
|
.calSettings{
|
|
position:absolute;
|
|
z-index:20000;
|
|
width:500px;
|
|
left:200px;
|
|
top:150px;
|
|
background-color:$white;
|
|
}
|
|
|
|
.outer{
|
|
border-bottom:1px solid $grey-400;
|
|
border-left:1px solid $grey-400;
|
|
border-right:1px solid $grey-400;
|
|
}
|
|
|
|
.calTxt{
|
|
width:50%;
|
|
border:1px solid $grey-400;
|
|
|
|
font-size:11px;
|
|
text-align:left;
|
|
padding-left:5px;
|
|
}
|
|
|
|
#leadLay{
|
|
position:relative;
|
|
width:100%;
|
|
float:left;
|
|
visibility:hidden;
|
|
padding:5px;
|
|
z-index:10000;
|
|
}
|
|
|
|
/* End of Calendar */
|
|
|
|
/* Cal Year View */
|
|
.eventDay{
|
|
background-color: $vte-submenu;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.currDay{
|
|
background: $vte-menusep url(images/toolbar-bg.png) repeat scroll 0%;
|
|
border:1px solid $grey-300;
|
|
font-weight:bold;
|
|
text-decoration:underline;
|
|
}
|
|
|
|
.currDay a{
|
|
color:$white;
|
|
font-weight:bold;
|
|
text-decoration:underline;
|
|
}
|
|
|
|
/* End of Cal Year View */
|
|
|
|
/* Level 2 Menu Selected*/
|
|
|
|
level2Sel{
|
|
color:$vte-text;
|
|
font-weight:bold;
|
|
text-decoration:underline;
|
|
}
|
|
|
|
#DeleteLay{}
|
|
|
|
#CurrencyDeleteLay{
|
|
|
|
font-size:11px;
|
|
text-align:left;
|
|
width:450px; /* crmv@42266 */
|
|
}
|
|
|
|
@import 'reports'; // crmv@96742
|
|
|
|
.statechange {
|
|
position:absolute;
|
|
visibility:hidden;
|
|
left:10px;
|
|
top:20px;
|
|
width:300px;
|
|
border:3px solid $grey-400;
|
|
background-color:$white;
|
|
}
|
|
|
|
#PopupLay{
|
|
position:absolute;
|
|
|
|
font-size:11px;
|
|
text-align:left;
|
|
width:500px;
|
|
border:3px solid $grey-400;
|
|
background-color:$white;
|
|
padding:5px;
|
|
display:none;
|
|
left:100px;
|
|
top:100px;
|
|
}
|
|
|
|
#folderLay{
|
|
width:500px;
|
|
border:1px solid $grey-300;
|
|
padding-top:5px;
|
|
position:absolute;
|
|
display:none;
|
|
}
|
|
|
|
/* MY SITES */
|
|
|
|
.h2 {
|
|
font-size:18px;
|
|
line-height:20px;
|
|
}
|
|
|
|
.gray {
|
|
color:gray;
|
|
}
|
|
|
|
ul {
|
|
list-style:circle;
|
|
line-height:20px;
|
|
padding-left:5px;
|
|
margin-left:20px;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.heading2 {
|
|
|
|
font-size: 16px;
|
|
line-height: 16px;
|
|
font-weight:bold;
|
|
color: $vte-text;
|
|
}
|
|
|
|
/* crmv@30683 */
|
|
.settingsUI {
|
|
text-align:left;
|
|
background:$white;
|
|
}
|
|
|
|
.settingsTabHeader {
|
|
text-align:left;
|
|
font-size: $vte_font_size;
|
|
line-height:30px;
|
|
font-weight:bold;
|
|
color:$vte-text;
|
|
background-color:$vte-submenu;
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
border-top: $black;
|
|
}
|
|
|
|
.settingsTabList {
|
|
text-align:left;
|
|
font-size: 11px;
|
|
color: $vte-text;
|
|
background-color: $vte-wizard-tab;
|
|
/*border: 1px solid $white;*/
|
|
|
|
&.settingsTabListMouse:hover {
|
|
background-color: lighten($vte-wizard-tab, 2%);
|
|
}
|
|
|
|
margin: 2px;
|
|
cursor: pointer;
|
|
line-height: 3rem;
|
|
padding: 1rem 1rem;
|
|
font-weight: normal;
|
|
padding-left: 15px;
|
|
border: 1px solid #FFFFFF;
|
|
}
|
|
|
|
.settingsTabSelected {
|
|
text-align:left;
|
|
font-size: 11px;
|
|
color:$vte-text;
|
|
background-color: $vte-wizard-tab-selected;
|
|
|
|
&.settingsTabListMouse:hover {
|
|
background-color: lighten($vte-wizard-tab-selected, 2%);
|
|
}
|
|
|
|
margin: 2px;
|
|
cursor: pointer;
|
|
line-height: 3rem;
|
|
padding: 1rem 1rem;
|
|
font-weight: normal;
|
|
padding-left: 15px;
|
|
border: 1px solid #FFFFFF;
|
|
}
|
|
/* crmv@30683e */
|
|
|
|
.settingsTabList, .settingsTabSelected {
|
|
.vteicon, .vteicon2, .icon-module {
|
|
font-size: 30px;
|
|
vertical-align: middle;
|
|
color: $vte-text-title;
|
|
}
|
|
}
|
|
|
|
/* crmv@30976 */
|
|
.settingsTabListMouse {
|
|
cursor: pointer;
|
|
}
|
|
/* crmv@30976e */
|
|
|
|
.settingsSelectedUI {
|
|
padding-bottom: 5px;
|
|
background-color:$white;
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.settingsIconDisplay {
|
|
font-size: 11px;
|
|
line-height:14px;
|
|
padding:10px;
|
|
color:$vte-text;
|
|
background-color:$white;
|
|
padding-left:10px;
|
|
}
|
|
|
|
.settingsSelUITopLine{}
|
|
|
|
.tableHeading{
|
|
background:$white url(images/level2Bg.gif) repeat-x scroll center bottom;
|
|
}
|
|
|
|
.colHeader{
|
|
background-color:$white;
|
|
background-repeat:repeat-x;
|
|
background-image:url(images/mailSubHeaderBg-grey.gif);
|
|
border-left:1px solid $white;
|
|
border-top:1px solid $grey-300;
|
|
border-right:1px solid $grey-300;
|
|
border-bottom:1px solid $grey-300;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.cellLabel {
|
|
background-color:$white;
|
|
border-bottom:1px solid $vte-box-verylight-bg;
|
|
color:$grey-700;
|
|
}
|
|
|
|
.cellText {
|
|
color:$grey-900;
|
|
border-bottom:1px solid $vte-box-verylight-bg;
|
|
}
|
|
|
|
.listTable{
|
|
border-left:1px solid $grey-400;
|
|
border-right:1px solid $grey-400;
|
|
border-bottom:1px solid $grey-400;
|
|
}
|
|
|
|
.listTableRow{
|
|
border-bottom:1px solid $grey-200;
|
|
border-right:1px solid $grey-200;
|
|
border-bottom:1px solid $grey-200;
|
|
border-bottom:1px solid $grey-200;
|
|
}
|
|
|
|
.listRow{
|
|
border-bottom:2px solid $grey-200;
|
|
}
|
|
|
|
.listTableTopButtons{
|
|
background: $white;
|
|
}
|
|
|
|
@import 'buttons';
|
|
|
|
//crmv@104533
|
|
.search {
|
|
@extend .btn-primary;
|
|
}
|
|
//crmv@104533e
|
|
|
|
.inactive {
|
|
color:$grey-500;
|
|
}
|
|
|
|
.active {
|
|
color: $success;
|
|
}
|
|
|
|
.simpleSave {
|
|
color: $vte-button-save;
|
|
}
|
|
|
|
.simpleCancel {
|
|
color: $vte-button-delete;
|
|
}
|
|
|
|
/* Buttons ends */
|
|
.treeTable1{
|
|
padding:0px;
|
|
}
|
|
|
|
.cellBottomDotLine {
|
|
border-bottom-width: 2px;
|
|
border-bottom-style: dotted;
|
|
border-bottom-color: $grey-400;
|
|
background-color:$grey-200;
|
|
}
|
|
|
|
.crmFormList{
|
|
border:1px solid $grey-400;
|
|
width:90%;
|
|
height:120px;
|
|
}
|
|
|
|
.cellBottomDotLinePlain {
|
|
border-bottom-width: 2px;
|
|
border-bottom-style: dotted;
|
|
border-bottom-color: $grey-400;
|
|
}
|
|
|
|
.thickBorder {
|
|
border: 2px solid $grey-500;
|
|
}
|
|
|
|
.trackerHeading {
|
|
background-color:$grey-200;
|
|
}
|
|
|
|
.trackerListBullet {
|
|
border-right:1px dotted $grey-400;
|
|
background-color:$grey-50;
|
|
}
|
|
|
|
.trackerList {
|
|
border-bottom:1px solid $grey-200;
|
|
}
|
|
|
|
/* Table Definitions */
|
|
.crmTable {
|
|
border:1px solid $grey-300;
|
|
}
|
|
|
|
.crmTableRow {
|
|
border-bottom:1px dotted $grey-300;
|
|
border-right:1px dotted $grey-300
|
|
}
|
|
|
|
/* Inventory */
|
|
.lineOnTop {
|
|
border-top:1px solid $grey-500;
|
|
}
|
|
|
|
.discountUI {
|
|
width:350px; /* crmv@42024 */
|
|
position:absolute;
|
|
display:none;
|
|
}
|
|
|
|
.TaxShow{
|
|
border:3px;
|
|
}
|
|
|
|
.TaxHide{
|
|
display:none;
|
|
}
|
|
|
|
/* Layer Popup */
|
|
.layerPopup {
|
|
position:absolute;
|
|
}
|
|
|
|
.layerPopupHeading {
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
font-weight: bold;
|
|
padding: 10px;
|
|
}
|
|
|
|
.layerHeadingULine {
|
|
border-bottom: 2px solid $vte-text-title;
|
|
}
|
|
|
|
.layerPopupTransport {}
|
|
|
|
.reportsListTable {
|
|
background-color:white;
|
|
border-left:1px solid $grey-300;
|
|
border-right:1px solid $grey-300;
|
|
border-bottom:1px solid $grey-300;
|
|
}
|
|
|
|
.reportGenerateTable{
|
|
background: $white;
|
|
border-left:2px dotted $vte-primary;
|
|
border-right:2px dotted $vte-primary;
|
|
border-bottom:2px dotted $vte-primary;
|
|
}
|
|
|
|
.reportCreateBottom{
|
|
background-color: $vte-submenu;
|
|
}
|
|
|
|
.importLeadUI{
|
|
background-color:white;
|
|
}
|
|
|
|
/* Drop Down Menu */
|
|
.drop_mnu_all{
|
|
position:fixed;
|
|
z-index:1000000001;
|
|
min-width:300px;
|
|
display:none;
|
|
padding:0px;
|
|
text-align:left;
|
|
overflow-x:hidden;
|
|
overflow-y:hidden;
|
|
margin-top: 0px;
|
|
border-top:0px;
|
|
border-left: 1px solid $vte-submenusep;
|
|
border-right: 1px solid $vte-submenusep;
|
|
border-bottom: 1px solid $vte-submenusep;
|
|
background-color: $vte-submenu;
|
|
}
|
|
|
|
.drop_mnu{
|
|
position:fixed;
|
|
left:0px;
|
|
top:0px;
|
|
z-index:1000000001;
|
|
border-left: 1px solid $vte-submenusep;
|
|
border-right: 1px solid $vte-submenusep;
|
|
border-bottom: 1px solid $vte-submenusep;
|
|
width:150px;
|
|
display:none;
|
|
padding:0px;
|
|
text-align:left;
|
|
overflow-x:hidden;
|
|
overflow-y:hidden;
|
|
background-color: $vte-submenu;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
a.drop_down {
|
|
width:150px;
|
|
text-align:left;
|
|
font-size: 11px;
|
|
line-height:20px;
|
|
font-weight:normal;
|
|
padding:2px 5px 2px 5px;
|
|
display:block;
|
|
}
|
|
|
|
a.drop_down:Hover, a.drop_down_hover {
|
|
padding:2px 5px 2px 5px;
|
|
width:150px;
|
|
text-align:left;
|
|
font-weight:normal;
|
|
text-decoration:none;
|
|
color: $white;
|
|
background-color: $vte-menusep;
|
|
}
|
|
|
|
.bgwhite{
|
|
background-color: $white;
|
|
}
|
|
|
|
|
|
@import 'loaders/veil';
|
|
|
|
/* crmv@91082 */
|
|
|
|
/* crmv@170412 */
|
|
.login_overlay {}
|
|
#mask_login {}
|
|
/* crmv@170412e */
|
|
|
|
#logout_reason_msg {
|
|
width: 100%;
|
|
text-align: center;
|
|
padding-top: 10px;
|
|
position: absolute;
|
|
}
|
|
/* crmv@91082e */
|
|
|
|
.optioncontainer{
|
|
vertical-align: middle;
|
|
height: 100%;
|
|
width: 100%;
|
|
position: absolute;
|
|
z-index: 90000;
|
|
}
|
|
|
|
.options{
|
|
vertical-align: middle;
|
|
margin-left: 25%;
|
|
margin-top: 16%;
|
|
width:650px;
|
|
background-color: $white;
|
|
border: 2px solid $grey-900;
|
|
position: relative;
|
|
text-align: left;
|
|
z-index: 80000;
|
|
}
|
|
|
|
.options h2{
|
|
border-bottom: 1px solid $vte-text-title;
|
|
margin: 0;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* Recalculate Disable Ends */
|
|
|
|
.hide_tab{display:none;}
|
|
|
|
.show_tab{display:block;} /* crmv@30014 */
|
|
|
|
.winmarkModulesusr{
|
|
/* removed */
|
|
}
|
|
|
|
.winmarkRSS{
|
|
/* removed */
|
|
}
|
|
|
|
.winmarkDashboardusr{
|
|
/* removed */
|
|
}
|
|
|
|
.groupname{
|
|
width:125px;
|
|
}
|
|
|
|
.winmarkModulesdef{
|
|
background-position:bottom left;
|
|
background-repeat:repeat-x;
|
|
}
|
|
|
|
/*added for the hanlder of the div in the home page */
|
|
.headerrow{
|
|
cursor:move;
|
|
}
|
|
|
|
.repBox{
|
|
width:100px;
|
|
border:1px solid $grey-700;
|
|
font-size:11px;
|
|
}
|
|
|
|
.repBox1{
|
|
width:200px;
|
|
border:1px solid $grey-700;
|
|
font-size:11px;
|
|
}
|
|
|
|
.warning {
|
|
color: $vte-text-title;
|
|
}
|
|
|
|
.multiCurrencyEditUI{
|
|
border:3px solid $grey-400;
|
|
width:500px;
|
|
padding:5px;
|
|
position:absolute;
|
|
background-color:$white;
|
|
display:none;
|
|
}
|
|
|
|
.multiCurrencyDetailUI{
|
|
border:3px solid $grey-400;
|
|
width:250px;
|
|
padding:5px;
|
|
position:absolute;
|
|
background-color:$white;
|
|
display:none;
|
|
}
|
|
|
|
.colData{
|
|
border-right:1px solid $grey-300;
|
|
}
|
|
|
|
.thickborder{
|
|
border:3px solid $grey-400;
|
|
}
|
|
|
|
/* feedback or help message */
|
|
.helpmessagebox {
|
|
padding: 2px;
|
|
margin: 0 0 2px 0;
|
|
// crmv@104568
|
|
//background-color: $vte-help-box;
|
|
//border: 1px solid $vte-help-box-border;
|
|
// crmv@104568e
|
|
}
|
|
|
|
/* crmv@20047 */
|
|
TD.altaltnav {
|
|
cursor: pointer;
|
|
}
|
|
|
|
TD.altnav {
|
|
padding-right: 10px;
|
|
}
|
|
/* crmv@20047e crmv@23344e */
|
|
|
|
/* crmv@26512 */
|
|
.webmailbutton a:hover {
|
|
text-decoration: none;
|
|
}
|
|
/* crmv@26512e */
|
|
|
|
/* crmv@26986 */
|
|
.crmvDiv, .discountUI, .layerPopup {
|
|
background-color: $vte-dropdown-bg;
|
|
@include shadow-z-2();
|
|
border-radius: $border-radius-base;
|
|
padding: 5px;
|
|
}
|
|
.crmvDivContent {
|
|
max-height:500px;
|
|
overflow-x:hidden;
|
|
overflow-y:auto;
|
|
}
|
|
.closebutton, a.fancybox-close {
|
|
position:absolute;
|
|
top:-15px;
|
|
left:-15px;
|
|
width:30px;
|
|
height:30px;
|
|
background:transparent url('../../include/js/jquery_plugins/fancybox/fancybox.png') -40px 0px;
|
|
cursor:pointer;
|
|
display:block;
|
|
}
|
|
/* crmv@26986e */
|
|
|
|
/* crmv@48501 */
|
|
.notTbl {
|
|
border: 1px solid $grey-300;
|
|
background: $vte-box-light-bg2;
|
|
}
|
|
/* crmv@48501e */
|
|
|
|
label {
|
|
cursor:pointer;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
/* crmv@29079 */
|
|
.detailedViewModCommTextBox, .detailedViewModCommTextBoxOn, #editareaModComm, .detailedViewModCommTextBox, .tbl_ModCommReplies {
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
width: 100%;
|
|
}
|
|
.detailedViewModCommTextBox {
|
|
height: 22px;
|
|
}
|
|
.detailedViewModCommTextBoxOn {
|
|
height: 70px;
|
|
}
|
|
.dataField, .dataFieldReply {
|
|
padding-top: 5px;
|
|
}
|
|
.dataLabel, .dataLabelReply {
|
|
padding-bottom: 5px;
|
|
}
|
|
.dataField, .dataLabel, .dataContent {
|
|
/*background: $vte-submenu;*/
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
.dataFieldReply, .dataLabelReply {
|
|
background: $white;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
.dataImg, .dataImgReply {
|
|
vertical-align: top;
|
|
text-align: center;
|
|
width: 32px;
|
|
padding: 2px;
|
|
}
|
|
.dataImg {
|
|
/*background: $vte-submenu;*/
|
|
}
|
|
.dataImgReply {
|
|
background: $white;
|
|
}
|
|
.ModCommAnswerBox, .ModCommReplies {
|
|
/*background: $vte-submenu;*/
|
|
}
|
|
.ModCommUnseen {
|
|
background: saturate(lighten($vte-primary, 40%), 50%);
|
|
}
|
|
#ModComments_sub {
|
|
position: absolute;
|
|
border-left:1px solid $grey-300;
|
|
border-right:1px solid $grey-300;
|
|
border-bottom:1px solid $grey-300;
|
|
width:150px;
|
|
padding:0px;
|
|
text-align:left;
|
|
overflow-x:hidden;
|
|
overflow-y:hidden;
|
|
background-color: $vte-submenu;
|
|
}
|
|
/* crmv@29079e */
|
|
/* crmv@30850 */
|
|
.dataId {
|
|
display: none;
|
|
}
|
|
/* crmv@30850e */
|
|
/* crmv@30967 */
|
|
.lview_folder_tooltip {
|
|
display: none;
|
|
position: absolute;
|
|
width: 200px;
|
|
}
|
|
|
|
.lview_folder_table {
|
|
width: 100%;
|
|
}
|
|
|
|
.lview_folder_td {
|
|
text-align: center;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.lview_folder_desc {
|
|
color: $grey-600;
|
|
margin: 6px;
|
|
}
|
|
|
|
.lview_foldertt_table {
|
|
background-color: $white;
|
|
width: 100%;
|
|
}
|
|
|
|
.lview_foldertt_title {
|
|
padding: 2px;
|
|
}
|
|
|
|
.lview_foldertt_row {
|
|
padding: 1px;
|
|
|
|
border-left: 1px solid $grey-300;
|
|
border-right: 1px solid $grey-300;
|
|
}
|
|
|
|
.lview_foldertt_lastrow {
|
|
padding: 1px;
|
|
|
|
border-left: 1px solid $grey-300;
|
|
border-right: 1px solid $grey-300;
|
|
border-bottom: 1px solid $grey-300;
|
|
}
|
|
|
|
.lview_folder_pencil {
|
|
position: absolute;
|
|
padding: 10px;
|
|
background-color: #F5F5F5;
|
|
color: $vte-text;
|
|
border-radius: 10px;
|
|
right: 0px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.lview_folder_img {
|
|
max-width: 140px;
|
|
width: 100%;
|
|
margin: 0px auto;
|
|
}
|
|
/* crmv@30967e */
|
|
|
|
.disabled {
|
|
color: gray;
|
|
}
|
|
|
|
.NotificationDiv {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.notificationItem {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.notificationItem:not(:first-child) {
|
|
border-top: 1px solid $vte-thin-border;
|
|
}
|
|
|
|
.notificationItem td {
|
|
padding: 0px;
|
|
}
|
|
|
|
.ButtonsListContestualSmall, .ButtonsListContestualLarge {
|
|
margin-left: 5px;
|
|
padding-left: 5px;
|
|
white-space: nowrap;
|
|
border-left: 1px solid $vte-submenusep;
|
|
}
|
|
|
|
@import 'messages';
|
|
|
|
/* crmv@3085m */
|
|
.turbolift {
|
|
margin-left: 2px;
|
|
&.nav-stacked li:first-child {
|
|
border-top: 1px solid $vte-button-border;
|
|
}
|
|
&.nav-stacked>li+li {
|
|
margin-top: 0px;
|
|
}
|
|
}
|
|
.turboliftEntry, .turboliftEntrySelected, .turboliftEntry1, .turboliftEntry2 {
|
|
padding: 2px;
|
|
min-height: 30px;
|
|
cursor:pointer;
|
|
|
|
/*margin-top: 5px;
|
|
* padding: 5px;
|
|
* font-size: $vte_font_size;
|
|
* outline: medium none;
|
|
* button::-moz-focus-inner { border: 0; };
|
|
*/
|
|
}
|
|
|
|
// crmv@104568
|
|
.turboliftEntry, .turboliftEntryWithImage {
|
|
|
|
.turboliftLabel {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
//width: 80%;
|
|
}
|
|
|
|
}
|
|
// crmv@104568e
|
|
|
|
.turboliftEntry {
|
|
/*color: $grey-800;
|
|
* border: 1px solid $vte-submenu;
|
|
* background-color: $vte-submenu;
|
|
* box-sizing: border-box;
|
|
*/
|
|
@include turboliftEntryBase;
|
|
background-color: $white;
|
|
|
|
.badge {
|
|
background-color: $vte-primary;
|
|
margin-top: 4px;
|
|
}
|
|
.vteicon, .vteicon2, .icon-module {
|
|
color: $vte-primary;
|
|
}
|
|
}
|
|
.turboliftEntrySelected {
|
|
@include turboliftEntryBase;
|
|
background-color: $vte-primary;
|
|
color: $white;
|
|
|
|
.badge {
|
|
background-color: $white;
|
|
color: $vte-primary;
|
|
margin-top: 4px;
|
|
}
|
|
.vteicon, .vteicon2, .icon-module {
|
|
color: $white;
|
|
}
|
|
}
|
|
|
|
/*
|
|
. *turboliftEntrySelected {
|
|
color: $white;
|
|
border: 1px solid $vte-primary;
|
|
background-color: $vte-primary;
|
|
}
|
|
.turboliftEntry1, .turboliftEntry2 {
|
|
color: $grey-800;
|
|
border: 1px solid $grey-100;
|
|
background-color: $grey-100;
|
|
}
|
|
.turboliftEntry:hover, .turboliftEntry1:hover {
|
|
Filter: Alpha(opacity = 70);
|
|
-moz-opacity: 0.7;
|
|
opacity: 0.7;
|
|
}
|
|
.turboliftEntry a {
|
|
text-decoration: none;
|
|
}
|
|
.turboliftEntryWithImage {
|
|
padding:0px;
|
|
height:25px;
|
|
}
|
|
*/
|
|
|
|
|
|
/* crmv@3085me */
|
|
.highlighted {
|
|
color: $white;
|
|
background-color: $vte-menusep;
|
|
}
|
|
/* crmv@45561 */
|
|
.errorString {
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
/* crmv@45561e */
|
|
/* crmv@59091 */
|
|
.pdfActionWrap {
|
|
display: table;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.pdfActionImage {
|
|
float: left;
|
|
width: 20%;
|
|
display: table;
|
|
height: 100%;
|
|
}
|
|
.pdfActionText {
|
|
float: right;
|
|
width: 80%;
|
|
height: 100%;
|
|
display: table;
|
|
}
|
|
.pdfActionImage a, .pdfActionText a {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
/* crmv@59091e */
|
|
|
|
#moduleTable {
|
|
height: 50px;
|
|
background-color: #ECEFF1;
|
|
text-indent: 10px;
|
|
}
|
|
|
|
#txtdatetimeshow_new {
|
|
border: 0px none;
|
|
}
|
|
|
|
.ui-widget-content {
|
|
background-image: none;
|
|
background-color: $white;
|
|
}
|
|
|
|
//crmv@100495
|
|
i.button-image.vteicon,
|
|
i.button-image.vteicon2,
|
|
i.button-image.icon-module {
|
|
color: $white;
|
|
font-size: 17px;
|
|
vertical-align: middle;
|
|
}
|
|
//crmv@100495e
|
|
|
|
// crmv@187568 moved crmv@100972 in processmaker.scss
|
|
|
|
//crmv@93990
|
|
.editoptions select {
|
|
max-width: 400px;
|
|
}
|
|
//crmv@93990e
|
|
|
|
// crmv@102879
|
|
.tablefield_table {
|
|
//border-bottom: 1px solid $grey-400;
|
|
}
|
|
|
|
.tablefield_cell {
|
|
padding: 4px;
|
|
/*border-right: 1px solid $grey-400;
|
|
|
|
&:last-child {
|
|
border-right: none;
|
|
}*/
|
|
}
|
|
|
|
.tablefield_hcell {
|
|
padding: 4px;
|
|
/*border-bottom: 1px solid $grey-400;
|
|
border-right: 1px solid $grey-400;
|
|
|
|
&:last-child {
|
|
border-right: none;
|
|
}*/
|
|
}
|
|
|
|
// crmv@102879e
|
|
|
|
//crmv@104566
|
|
.history_line {
|
|
padding: 5px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.history_line_title {
|
|
min-height: 30px;
|
|
position: relative;
|
|
}
|
|
.history_line_title:before {
|
|
content: '';
|
|
background: $vte-submenu;
|
|
height: 100%;
|
|
width: 2px;
|
|
position: absolute;
|
|
left: -20px;
|
|
top: 30px;
|
|
bottom: 0;
|
|
margin-left: -1px;
|
|
}
|
|
.history_line_img {
|
|
float: left;
|
|
width: 30px;
|
|
}
|
|
.history_line_info {
|
|
margin-left: 30px;
|
|
}
|
|
.history_line_user_img, .history_line_user_name {
|
|
float: left;
|
|
padding-right: 5px;
|
|
font-weight: bold;
|
|
}
|
|
.history_line_date {
|
|
position: relative;
|
|
top: -5px;
|
|
}
|
|
//crmv@104566e
|
|
|
|
.listViewCounts {
|
|
display: none;
|
|
}
|
|
|
|
.vte-collection-empty {
|
|
display: flex;
|
|
align-items: center;
|
|
min-height: 100%;
|
|
|
|
.collection-item {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
|
|
.circle {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100px;
|
|
height: 100px;
|
|
background-color: $vte-primary;
|
|
line-height: 100px;
|
|
text-align: center;
|
|
border-radius: 100px;
|
|
|
|
& i.vteicon, & i.vteicon2, & i.icon-module {
|
|
flex: 1;
|
|
font-size: 70px;
|
|
color: $white;
|
|
}
|
|
}
|
|
|
|
.title {
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.DetailViewWidget {
|
|
background-color: $white;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.qcform {
|
|
& .modal-content .modal-body {
|
|
padding: 10px;
|
|
}
|
|
}
|
|
|
|
.mainContainer {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
|
|
& > .row {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
|
|
& > .col-sm-12 {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
@import 'utilities';
|
|
|
|
@import 'fancybox';
|
|
|
|
@import 'calendar';
|
|
|
|
@import 'calendar_resources'; // crmv@194723
|
|
|
|
@import 'reminder';
|
|
|
|
@import 'simplelistview';
|
|
|
|
@import 'progressbar';
|
|
|
|
@import 'kanban';
|
|
|
|
@import 'autocomplete'; // crmv@94525
|
|
|
|
@import 'loaders/circle';
|
|
|
|
@import 'icons';
|
|
|
|
@import 'eventspop'; /* crmv@103922 */
|
|
|
|
@import 'notification'; /* crmv@164368 */
|
|
|
|
@import 'droparea'; /* crmv@167019 */
|
|
|
|
@import 'droparea_form'; /* crmv@176893 */
|
|
|
|
@import 'mynotes'; /* crmv@168573 */
|
|
|
|
@import 'popup';
|
|
|
|
@import 'wizard';
|
|
|
|
@import 'editreport';
|
|
|
|
@import 'newsletter';
|
|
|
|
@import 'plugins/jquery-ui'; // crmv@193430
|
|
|
|
@import 'settings/_settings';
|