|
Server : Apache System : Linux srv.rainic.com 4.18.0-553.47.1.el8_10.x86_64 #1 SMP Wed Apr 2 05:45:37 EDT 2025 x86_64 User : rainic ( 1014) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/akaindir/public_html/crm/layouts/vlayout/skins/ |
Upload File : |
@import "../../../libraries/bootstrap/less/mixins.less";
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('../../../../resources/fonts/OpenSans-Regular-webfont.eot');
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');
}
body {
.gradientBar(@gradient1StrtColor,@gradient1EndColor);
width: 100%;
font-family : 'Open Sans',@baseFontFamily;
font-size : @baseFontSize !important;
line-height: 1.4;
color: @grayDarker;
}
#page{
width:100%;
background: @gray;
}
/** General **/
[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
*margin-left: 0;
}
.vtGlyph {
display: inline-block;
width: 14px;
height: 14px;
line-height: 14px;
vertical-align: text-top;
background-image: url("../images/vtGlyph.png");
background-position: 0 0;
background-repeat: no-repeat;
*margin-right: .3em;
}
.vticon-pageJump{
background-position: 0 0;
}
.vticon-call-inbound{
background-position: -14px 0;
}
.vticon-call-outbound{
background-position: -28px 0;
}
.themeLinkColor{
color: @themeLinkColor;
}
a{
.themeLinkColor;
&:hover{
.themeLinkColor;
outline: 0;
}
&:active, &:focus{
outline: 0;
}
}
//Fix for no file chosen issue with mutlifile plugin.
.removeNoFileChosen{
color: transparent !important;
}
th, th a, th:hover, th a:hover{
color:@headerTextColor;
text-decoration: none;
}
.backgroundImageNone {
background-image : none !important;
}
.horizontalAlignCenter {
margin : auto !important;
width : 100% !important;
}
.icon-inverted {
background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings-white.png");
}
i{
.cursorPointer;
}
hr{
border-top: 1px solid @lightColorBorder;
border-bottom: 1px solid @white;
margin : 1% 0% 1% 0% !important;
}
.themeTextColor{
color : @themeLinkColor;
}
.floatNone {
float : none !important;
}
.dropdownStylings{
.gradientBar(@gradient7StrtColor,@gradient4EndColor);
box-shadow : 1px 0px 7px @boxShadowColor;
}
.modal-footer-padding{
padding : 1px 24px 5px !important;
}
.modal-footer{
border-radius: 0 0 2px 2px;
}
.zeroPaddingAndMargin{
padding: 0px;
margin: 0px;
}
.marginLeftZero{
margin-left:0px !important;
}
.pushDownHalfper{
padding-top: 0.5%;
}
.pushUpandDown2per{
margin : 2% 0% 2% 0%;
}
.pushDown2per{
padding-top: 2%;
}
.padding1per{
padding: 1%;
}
.horizontalLeftSpacing{
padding: 0.5%;
}
.paddingLeft10px{
padding-left: 10px !important;
}
.paddingLeftRight10px{
padding-left: 10px;
padding-right: 10px;
}
.padding5per{
padding : 5%;
}
.marginRight5px{
margin-right: 5px;
}
.marginRight10px{
margin-right:10px;
}
.marginBottom10px{
margin-bottom: 10px;
}
.marginBottom5px{
margin-bottom: 5px;
}
.margin0px{
margin: 0px !important;
}
.verticalBottomSpacing{
margin-bottom: 1.2em;
}
.textAlignCenter{
text-align : center !important;
}
.textAlignRight{
text-align : right !important;
}
.textAlignLeft{
text-align : left !important;
}
.redColor {
color: red;
}
.paddingRight100{
padding-right : 100px;
}
.width100per{
width: 100%;
}
.btn-x-small {
font-size: 11px;
line-height: 14px;
padding: 4px 6px;
}
.marginLeftZero.span10{
width: 84.5% !important;
}
.displayInlineBlock{
display: inline-block !important;
}
.detailViewBlockHeader {
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
}
.blockHeader {
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
border:1px solid @gradient5StrtColor !important;
border-radius: 2px 2px 0 0 !important;
color: @headerTextColor;
}
.popover {
z-index : 1030 !important;
.popover-tooltip {
.popover-title {
.blockHeader;
font-size: @baseFontSize;
color: @headerTextColor;
}
.popover-content {
padding: 0 0 14px 0;
}
}
}
.quickWidgetContainer {
border-top: 2px solid @grayDark;
li{
margin-left: -6%;
a{
color : @generalLinkColor;
white-space : nowrap;
padding-left: 16%;
width : 125%;
&:hover{
.gradientBar(@gradient2StrtColor,@gradient2EndColor);
}
}
}
.quickWidgetHeader {
.gradientBar(@gradient16StrtColor,@gradient16EndColor);
.cursorPointer;
padding: 8px;
h5 {
color : @white;
}
}
.widgetContainer {
.gradientBar(@gradient9StrtColor,@gradient9EndColor);
border-bottom: 1px solid @lightColorBorder;
div{
.boxModelBorderBox;
}
}
}
.whitePageDivider{
border-bottom: 1px solid @pageDivider;
margin: 0 0 2% 0;
}
.fullWidthAlways{
min-width: 100%;
max-width: 100%;
}
.liStyleNone{
list-style: none outside none;
}
.fontBold {
font-weight: bold !important;
}
.dropdown-menu.pull-right {
right: 0;
left: auto !important;
cursor: pointer;
}
.zeroOpacity {
opacity : 0;
/*for IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.dullOpacity{
opacity: 0.8;
/*for IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.fullOpacity{
opacity : 1;
/*for IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.equalSplit{
td{
width:25%;
}
}
.sidebarTitleBlock {
margin: 6px 0;
}
.sidebarTitleBlock .titlePadding {
padding: 0 10px;
}
.blockMessageContainer{
.gradientBar(@gradient15StrtColor,@gradient15EndColor);
.message {
color : @borderColor;
font-size : @baseFontSize + 3;
}
}
.contentsBackground {
.gradientBar(@gradient6StrtColor,@gradient6EndColor);
}
.modelContainer{
.modal-header {
.contentsBackground() !important;
border-radius: 2px 2px 0 0;
}
form{
border-radius: 0 0 2px 2px;
}
}
.table tbody tr:hover td,
.table tbody tr:hover th{
background: none;
}
tr.collapseRow{
&>td{
border-left-width:0px;
.gradientBar(@gradient15StrtColor,@gradient15EndColor);
}
+tr{
&>td{
border-top-width:0px;
border-left-width:0px;
.gradientBar(@gradient15StrtColor,@gradient15EndColor);
}
}
}
.padding-left1per{
padding-left:1%;
}
.padding-right1per{
padding-right:1%;
}
.padding-bottom1per{
padding-bottom:1%;
}
.boxSizingBorderBox{
-webkit-box-sizing: border-box;
-moz-box-sizing : border-box;
box-sizing : border-box;
word-wrap : break-word;
}
.secondaryColor{
color: @secondaryTextColor;
}
// Mixin for border with color
.border(@borderValue,@color : @lightColorBorder) {
border : @borderValue solid;
border-color : @color !important;
}
//Mixin for textoverflow ellipsis
.textOverflowEllipsisMixin(@width,@textOverflow : ellipsis){
overflow : hidden;
text-overflow : @textOverflow;
white-space : nowrap;
width : @width;
}
//Mixin for text-shadow
.textShadow(@color : @textColor,@horizontal : 1px,@vertical : 1px,@spread : 1px,@shadowColor : @textShadowColor){
color : @color;
text-shadow : @horizontal @vertical @spread @shadowColor;
}
.boxModelBorderBox(){
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.squeezedWell {
padding : 0.7% !important;
.gradientBar(@gradient7StrtColor, @gradient7EndColor);
}
.font-x-small {
font-size : @baseFontSize - 2;
}
.font-x-x-large {
font-size : @baseFontSize + 6;
}
.font-x-large {
font-size : @baseFontSize + 3;
}
.roundedCorners .well {
&:first-child{
border-radius : 4px 0 0 4px; /* To give corners only left side */
}
&:last-child{
border-radius : 0 4px 4px 0; /* To give corners only right side */
}
border-radius : 0px;
}
.highLight{
.font-x-large;
}
.pushDown{
margin-top:6px;
}
.mergeTables {
margin-bottom: 0px;
}
.dropdown-menu.pull-right{
&:after,&:before{
right : 3px;
left : auto;
top: -5px;
border-bottom-width: 6px;
}
}
//Auto Complete Reference Field
.ui-autocomplete-loading {
background: url('../images/load.gif') no-repeat right center
}
//Auto Complete Reference Field
.box {
margin : 2%;
}
//Fix for background scroll when modal is open
.modal-open {
overflow : hidden;
/** modal will be having z-index as 10001 **/
.datepicker, .timePicker{
z-index : 1000008 !important;
}
}
// Select2 Plugin customization
.select2-container-multi .select2-choices .select2-search-choice {
cursor:move;
}
/** General complete **/
.modulesList{
margin-left: 2% !important;
}
.nav-list > li > a, .nav-list .nav-header {
margin-right : 0px;
}
#menubar_item_moduleManager{
color: @themeLinkColor !important;
}
#topMenus{
margin-bottom: 0px;
height: 30px;
.navbar-inner{
background: @menubarColor;
.menuBar .span9 {
height: 30px;
ul.nav{
margin-right: 0;
}
#commonMoreMenu li > a{
max-width: 100px;
overflow: hidden;
text-overflow : ellipsis;
}
}
}
.nav{
li.tabs, li.dropdown{
a{
padding: 5px 14px;
height: 20px;
color: @menubarTextColor;
&:hover{
color: @menubarTextHoverColor;
}
&.selected{
padding: 3px 15px;
background-color: @menubarSelectedLinkbgColor;
color: @menubarTextHoverColor;
.fontBold;
border-bottom: 4px solid @menuUnderlineColor;
}
}
}
}
.headerLinksContainer{
margin-right: 20px;
height: 30px;
.dropdown {
.dropdown-menu{
}
}
a:hover, a:active, a:focus{
text-decoration: none;
outline: none;
background-color: transparent;
}
&> span a img, &> span a.userName{
padding-top: 5px;
color: @menubarTextColor;
.cursorPointer;
.dullOpacity;
&:hover, &:active, &:focus{
.fullOpacity;
}
}
a.userName{
display: inline-block;
margin-left: 0px;
text-align: right;
.caret{
border-top: 4px solid @menubarTextColor;
margin: 8px 6px 10px 0;
}
}
}
}
.nav-collapse.collapse {
height: auto;
overflow: visible;
}
@media screen and (min-width: 1161px) {
#mediumNav, #shortNav, #headerLinksCompact{
display: none;
}
}
@media screen and (max-width: 1160px) and (min-width: 960px){
#largeNav, #shortNav,#headerLinksCompact, .adv-search, .notificationMessageHolder {
display: none;
}
.customFilterMainSpan .select2-container{
width:300px !important;
}
*{
zoom:1 !important;
}
}
@media screen and (max-width: 960px){
#mediumNav, #largeNav,#headerLinksBig, #commonMoreMenu,.nav.quickActions, #leftPanel, #toggleButton,.companyLogo,.notificationMessageHolder, .adv-search, .select-search .chzn-container.chzn-container-single{
display: none;
}
.bodyContents{
margin: 0 !important;
}
#rightPanel{
width: 100% !important;
}
.actionsContainer .span10{
.boxSizingBorderBox;
padding: 0 10px;
width: 100% !important;
}
.menuBar .span9, .span3#headerLinks{
width: 48%;
.boxSizingBorderBox;
.qCreate{
display: inline-block;
margin: 0px;
img{
margin-bottom: 3px;
margin-right: 5px;
}
}
}
.customFilterMainSpan .select2-container{
width:300px !important;
}
#quickCreateModules{
width: 100% !important;
padding: 0 !important;
}
.CompactQC{
max-height: 300px;
overflow-y: scroll;
overflow-x: hidden;
}
#headerLinksCompact{
display: inline-block;
float: right;
.btn-navbar{
display: inline-block;
margin-right: 3px;
margin-top: 2px;
float: none;
}
.dropdown-menu{
margin-right: 12px;
}
#compactquickCreate{
&:hover{
background: none;
}
.quickCreateModule :hover{
text-decoration: none;
}
}
}
}
#collapsedMenu{
display: block;
position: relative;
.dropdown-menu{
max-height: 300px;
overflow-y: scroll;
position: absolute;
z-index: 10000;
-webkit-overflow-scrolling: touch;
.shortDropdown{
padding: 10px;
position: relative;
-webkit-transform: translateZ(0);
}
.moduleNames{
&:hover{
.gradientBar(@gradient2StrtColor,@gradient2EndColor);
}
a{
font-size: 0.9em;
padding : 2% !important;
color: @generalLinkColor !important;
&:hover{
text-decoration : none;
color : @generalLinkColor;
}
}
}
}
}
.moreMenus{
&.leftAligned{
&:after,&:before{
left : 21px !important;
}
}
strong{
font-size: 1.1em;
}
&:after,&:before{
left : 292px !important;
}
width: 50em;
padding: 24%;
left: -270px;
border-radius : 2px;
hr{
border-color: @fc-style5;
}
div span .moduleNames{
&:hover{
.gradientBar(@gradient2StrtColor,@gradient2EndColor);
}
a{
font-size: 0.9em;
padding : 2% !important;
color: @generalLinkColor !important;
&:hover{
text-decoration : none;
color : @generalLinkColor;
}
}
}
}
.announcement{
.marStyle{
width:100%;
}
.hide;
background: @notificationBackground;
padding: 2px 0;
border-bottom: 1px solid @lightColorBorder;
max-height: 24px;
width:100%;
}
.fixedLayout {
position : fixed;
}
.commonActionsContainer{
.gradientBar(@gradient4EndColor,@gradient4EndColor);
height: 40px;
border: 0;
border-bottom: 1px solid @lightColorBorder;
padding: 0 1%;
margin-bottom: 0 !important;
.actionsContainer{
.boxSizingBorderBox;
padding-top: 2px;
}
.commonActionsButtonDropDown{
.gradientBar(@white,@white);
border: 1px solid @lightColorBorder;
right : -10px !important;
margin-top : 7px !important;
a{
.themeLinkColor;
}
}
}
.commonActionsContainer :before {
clear: both;
}
.searchElement{
min-width:600px;
margin-top: 2px;
margin-left: 15px;
.select-search{
.displayInlineBlock;
float: left;
min-width: 150px;
.chzn-container-single{
width: 100% !important;
.chzn-single{
border-radius:0 !important;
border: 0;
background: @gradient12StrtColor;
border: 1px solid @lightColorBorder;
border-right: 0;
padding-left: 20px;
height: 29px;
box-shadow: none !important;
div{
background: @gradient12StrtColor;
border-radius: 0px !important;
border-left: 0px !important;
}
}
}
.chzn-results{
max-height:450px;
overflow: hidden;
}
}
.searchBar{
.displayInlineBlock;
float: left;
min-width: 400px;
margin-left: -1px;
#globalSearchValue{
border: 1px solid @lightColorBorder;
border-radius:0 !important;
min-width: 200px;
height: 21px;
margin-bottom: 0;
}
.search-icon{
i{
.icon-inverted;
}
border: 1px solid @headerColor;
border-radius: 2px !important;
margin-left: 4px;
padding: 5px 20px;
background: @headerColor;
.dullOpacity;
cursor: pointer;
&:hover{
.fullOpacity;
}
}
}
}
#popupSearchButton{
i{
.icon-inverted;
}
border: 1px solid @headerColor;
border-radius: 2px !important;
margin-left: 8px;
padding: 4px 11px;
background: @headerColor;
.dullOpacity;
cursor: pointer;
&:hover{
.fullOpacity;
}
}
.notificationMessageHolder{
line-height: 14px;
text-align: center;
}
.quickActions{
margin-top: 4px !important;
.commonActionsButtonContainer .btn-group{
.dullOpacity;
&:hover{
.fullOpacity;
}
}
}
.adv-search a {
display: inline-block;
line-height: 26px;
margin-left: 7px;
cursor: pointer;
.textOverflowEllipsisMixin(135px,ellipsis);
.themeLinkColor;
}
/** Global Search **/
.globalSearchResults{
.highlightedHeader{
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
.textShadow(@headerTextColor,0px,0px,1px,@headerTextShadowColor);
}
#showFilter{
color : @headerTextColor;
}
.dropdownStylings;
.contents{
height:560px;
padding: 2% 3%;
ul{
li {
a{
&:hover{
.gradientBar(@gradient2StrtColor,@gradient2EndColor);
}
padding : 1%;
}
}
}
}
}
.searchHolder {
.globalSearchResults{
position:relative;
z-index:10001;
}
}
#quickCreateModules{
padding: 8px;
width: 450px;
.fullOpacity !important;
&:hover{
background: none !important;
.fullOpacity;
}
a.quickCreateModule{
&:hover{
.gradientBar(@gradient2StrtColor,@gradient2EndColor);
color: @generalLinkColor;
text-decoration: none;
}
}
}
#quickCreateBtn .dropdown-menu > .row-fluid > .span12 > .row-fluid > .span4 {
text-align: left;
}
#lastVisitedRecords > .recordNamesList > .row-fluid > .span10 {
text-align: left;
}
.actionButtons {
text-align: right;
width : 98%;
}
.searchTitle{
.gradientBar(@gradient4StrtColor,@gradient4EndColor);
height: 30px;
}
#advanceSearch{
float: left;
margin-top: -9px;
padding-left: 235px;
}
#advanceSearch a{
color : @generalLinkColor;
.cursorPointer;
}
.navbar .searchElement .dropdown-menu:after {
border-bottom-color: @borderColor;
border-bottom-style: solid;
border-bottom-width: 6px;
content: "";
.displayInlineBlock;
left: 80%;
position: absolute;
top: -6px;
}
.navbar .searchElement .dropdown-menu:before {
border-bottom-color: rgba(0, 0, 0, 0.2);
border-bottom-style: solid;
border-bottom-width: 7px;
content: "";
.displayInlineBlock;
left: 80%;
position: absolute;
top: -7px;
}
.searchTitle > .paddingHeader {
padding-left : 10px;
padding-top : 5px;
}
.quickActions .btn-group button{
height : 30px;
padding: 0px;
margin-right : 2px;
border : none;
background-color : none;
}
.lastVisitedLoadImage{
margin-left : 30%;
}
.quickCreateLoadImage{
margin-left : 45%;
}
.listViewPageDiv {
margin:0px 10px 0 15px;
}
.listViewTopMenuDiv{
#customFilter{
width: 350px !important;
}
}
#selectAllMsgDiv, #deSelectAllMsgDiv{
.hide;
background-color: @selectAllMsgDivColor;
padding: 0.01%;
.textAlignCenter;
}
#selectAllMsg, #deSelectAllMsg{
.cursorPointer;
color: @secondaryTextColor;
}
// Table Stylings //
//Table list view column responsiveness//
table tbody tr td a,table thead tr th a, .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td{
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
white-space: normal;
vertical-align: middle;
}
.table{
border-collapse: none !important;
.gradientBar(@tableBackgroundColor,@tableBackgroundColor);
margin-bottom: 0;
td a{
color: @generalLinkColor;
&:hover{
color: @themeLinkColor;
}
}
th, td{
border-top: 1px solid @lightColorBorder;
}
}
.table-bordered{
border: 1px solid @lightColorBorder !important;
border-radius: 2px;
}
.table-nobordered{
border : 0px !important;
th,td{
border : 0px !important;
}
}
/** ListView stylings **/
.listViewEntriesTable{
thead th{
vertical-align: middle;
}
th+td{
border-left: 0;
padding:6px 5px !important;
}
th+th{
border-left: 0;
padding:6px 5px !important;
}
td+th{
border-left: 0;
padding:10px 5px;
}
td+td{
border-left: 0;
padding:10px 5px;
}
tbody tr:hover td{
.gradientBar(@gradient2StrtColor,@gradient2EndColor);
.action{
display: inline;
}
}
tr.listViewEntries{
td .actions{
.zeroOpacity;
min-width: 60px;
}
&:hover{
td .actions{
.fullOpacity;
}
}
}
}
#accountHierarchyContainer table th, #accountHierarchyContainer table td{
border-left: 0;
padding:11px 5px;
}
/** ListView stylings **/
.alphabetSorting {
margin : 4px 0 !important;
height : 19px;
td {
line-height : 18px;
border : 1px solid transparent;
&:hover {
.gradientBar(@gradient2StrtColor,@gradient2EndColor);
//IE 8 Fix
border : 1px solid @grayLight;
border-width: 1px 1px 1px 0;
}
a{
color: @themeLinkColor;
text-decoration: none;
}
}
td.highlightBackgroundColor {
.gradientBar(@gradient2StrtColor,@gradient2EndColor);
//IE 8 Fix
border : 1px solid @grayLight;
border-width: 1px 1px 1px 0;
}
}
.quickLinksDiv{
p{
padding: 5% 0 0 11%;
height: 28px;
cursor: pointer;
margin-bottom: 5px;
}
}
.loadingImg{
margin-top: 8px;
margin-left: 19px;
margin-bottom: 8px;
}
.loadingWidgetMsg{
color: gray;
}
.widgetImg{
margin-left: 35px;
}
.bodyContents{
.border(2px,@borderColor);
margin-left: 15px;
margin-right: 15px;
.gradientBar(@gradient1StrtColor,@gradient1EndColor);
border-bottom-color: @secondaryBorderColor !important;
min-width: 1100px;
}
.dropdownStyles .title{
padding-bottom: 5px;
padding-left: 13px;
}
.dropdownStyles hr{
margin: 0 12px -2px;
border-color: @fc-style5;
}
#lastVisitedRecords li {
padding-left: 8px;
}
#lastVisitedRecords li a {
line-height: 0px;
color: @generalLinkColor;
}
.modelContainer {
min-width:450px;
}
//override bootstrap form
form {
margin:0px;
}
div.blockPage {
border: none !important;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child{
border-radius: 2px !important;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child{
border-radius: 2px !important;
}
.listViewHeaders{
margin-top: 2px;
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
border-radius: 2px;
th, th:hover{
color: @headerTextColor;
}
}
#customFilter_chzn, .select2-results{
.filterActionImgs {
padding: 2px 0;
i.filterActionImage{
//padding: 2px;
.icon-inverted;
}
}
}
.pageNumbers{
position: relative;
top: 5px;
}
.listViewActionsDiv{
padding: 5px 0;
.boxSizingBorderBox;
.btn-toolbar{
margin-top: 4px !important;
margin-bottom: 0px !important;
}
}
.listViewLoadingImage{
margin-left: 45%;
}
.listViewLoadingMsg{
color: @borderColor;
.fontBold;
margin-left: 34%;
}
.listViewLoadingImageBlock{
margin-top: 1%;
.gradientBar(@gradient1StrtColor,@gradient1EndColor);
}
.listViewEntriesDiv, .contents-topscroll{
margin-top:5px;
overflow-x: auto !important;
}
.modal-backdrop, .modal-backdrop.fade.in {
opacity: 0.2;
}
.recordNamesList > .row-fluid > .span10{
width: 101%;
}
.recordNamesList > .row-fluid > .span10 >.nav-list > li > a{
margin-right: 0px;
}
.recordNamesList > .row-fluid > .span10 >.nav-list > li[class="title"]{
color: @generalLinkColor;
}
.recordNamesList > .row-fluid > .span10 >.nav-list > li > a:hover{
color: @generalLinkColor;
}
.emptyRecordsDiv{
border: 1px solid @lightColorBorder;
.fontBold;
width: 100%;
text-align: center;
tbody tr td {
padding: 10em;
a{
vertical-align: baseline;
}
}
}
.btn-group.open .listViewBasicAction ,.btn-group.open .listViewSetting{
.floatNone;
left: auto;
right: 0;
}
form#EditView,.profileDetailView {
padding: 0 2%;
table{
margin-left : 3px;
th,td{
border-bottom : 1px solid @lightColorBorder!important;
border-top : none !important;
}
tr:last-child{
td{
border-bottom: none !important;
}
}
}
td.fieldLabel {
width: 20%;
label{
font-size: @baseFontSize;
margin-top:5px;
}
}
// Fix for Edit view document Description (Document Editor)
td.fieldValue[colspan="3"]{
width:80%;
}
td.fieldValue {
width: 30%;
}
th {
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
}
td.chznDropDown{
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
color: @generalLinkColor;
.fontBold;
}
}
form#EditView table td.chznDropDown{
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
color: @generalLinkColor;
.fontBold;
}
form#EditView table td.chznDropDown{
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
color: @generalLinkColor;
.fontBold;
}
.contentHeader {
padding: 15px;
padding-left: 5px;
line-height: 20px;
}
.buttonNormal {
.gradientBar(@gradient1EndColor,@gradient1EndColor);
}
.hide{
display: none;
}
.padding10 {
padding: 10px;
}
.padding20{
padding: 20px;
}
.listViewEntries{
.cursorPointer;
}
.alignMiddle{
vertical-align: middle !important;
}
.actionImagesAlignment{
margin-right:3px;
}
.alignBottom {
vertical-align: bottom;
}
.alignTop{
vertical-align: top;
}
.cursorPointer {
cursor: pointer;
}
.dropdown-menu li:hover,
.dropdown-menu li a:hover,
.dropdown-menu li.active > a,
.dropdown-menu li.active > a:hover,
#widthType li:hover{
color: @generalLinkColor;
.gradientBar(@gradient2StrtColor,@gradient2EndColor);
}
.filterActions{
line-height: 80%;
list-style: none outside none;
margin-left: 10px;
padding: 7px 7px 8px;
cursor: pointer;
margin-left: -3px;
li{
padding: 3px 3px 3px 20px;
&:hover{
.gradientBar(@gradient2StrtColor,@gradient2EndColor);
}
}
}
.chzn-container.chzn-container-single{
font-size: 12px !important;
vertical-align: middle;
.chzn-results .highlighted {
color: @generalLinkColor;
.gradientBar(@gradient2StrtColor,@gradient2EndColor);
}
}
/* Footer */
.vtFooter {
.gradientBar(@gradient4StrtColor,@gradient4EndColor);
text-align: center;
p{
border-top: 1px solid @lightColorBorder;
padding: 1px 0;
font-size: 0.9em;
margin-bottom:0;
a {
color: @themeLinkColor;
}
}
}
/* Footer */
/* Detail View */
.detailViewContainer{
.detailViewTitle{
max-height: 50px;
padding:0px 10px 0px 10px;
width: 98%;
margin-bottom: 0.7em;
.detailViewPagingButton{
margin-top: 0.7em;
}
.recordLabel {
width: 100%;
}
}
}
.detailViewInfo .details{
.gradientBar(@gradient6StrtColor,@gradient6EndColor);
border: 1px solid @lightColorBorder;
border-left: 0;
min-height:650px;
.boxSizingBorderBox;
.contents{
padding : 1.5%;
.gradientBar(@containerColor1,@containerColor2);
.fieldLabel label {
font-size:@baseFontSize;
}
}
}
#detailView {
margin : 0px;
.summaryView{
p{
margin-bottom : 0 !important;
}
}
.table tbody tr:hover,
.table tbody tr:hover{
&:hover{
.gradientBar(@gradient2StrtColor,@gradient2EndColor);
.cursorPointer;
}
}
}
.widgetContainer > div{
padding-top:5px;
border-top:1px double @lightColorBorder;
}
//To remove border-right for related list of campaigns and line items heading
.relatedContents table.listViewEntriesTable tr.listViewEntries td:nth-child(2), #lineItemTab.table tr td:nth-child(2){
border-right: 0 !important;
}
//
//Related tabs in detail view
.related{
min-width: 16.5%; /*before element is a span10 element */
float:left;
&:focus{
outline: none;
}
.nav{
li{
margin-left: -1px;
opacity:0.5;
.cursorPointer;
&:hover{
opacity:1;
}
a{
border: 1px solid @lightColorBorder;
border-left: 0;
margin: 0 0 1px 0;
border-radius : 0 2px 2px 0;
color: @relatedListText !important;
&:hover{
background-color: @gradient8StrtColor;
}
}
}
li.active {
opacity:1;
a{
border-color: @lightColorBorder !important;
.gradientBar(@containerColor1,@containerColor2);
color: @generalLinkColor;
}
}
}
}
.relatedContents {
overflow-x:auto !important;
}
//Related tabs in detail view Ends Here
/* Detail View */
/* CustomFilter View */
#CustomView{
max-width : 96.5%;
}
.filterHeaders{
line-height: 40px;
}
.standardFilterDiv{
width: 1000px;
}
.filterConditionsDiv{
background: none;
}
.advanceFilterCondition{
background-color: @lightColorBorder;
.border(2px,@darkColorBorder);
border-radius: 0;
padding: 12px 0 0 0;
}
.standardFilterDiv .standardFilterChosenSelect{
width : 200px !important;
}
.columnsSelectDiv .columnsSelect{
width : 100% !important;
}
.horizontalDivider{
border-color: @lightColorBorder;
}
/* CustomFilter View */
.popupBackgroundColor{
.gradientBar(@gradient4StrtColor,@gradient4EndColor);
}
.popupContainer{
.gradientBar(@gradient6StrtColor,@gradient6EndColor);
padding-top: 10px;
}
.popupSearchContainer {
text-align: center;
}
.popupPaging {
margin-bottom: 0px;
.gradientBar(@gradient6StrtColor,@gradient6EndColor);
min-height : 3.5em;
.paddingLeftRight10px;
}
.popupEntriesDiv{
.paddingLeftRight10px;
.gradientBar(@gradient6StrtColor,@gradient6EndColor);
}
.popupTable{
margin-left: 0 !important;
margin-bottom: 0 !important;
th {
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
.textShadow(@headerTextColor,0,0,1px,@headerTextShadowColor);
}
td{
padding-left: 4%;
padding-right: 4%;
}
}
.height20{
height: 20px;
}
// Title Bar
.titleBar {
.gradientBar(@gradient6StrtColor,@gradient6EndColor);
padding: 5px;
}
// Summary ListView
.summaryListView {
background: transparent;
.item {
border-bottom: 1px solid @lightColorBorder;
padding: 5px;
}
}
//Mass Actions
#massActionDiv{
margin-left: -34%;
width: 73%;
.gradientBar(@gradient1EndColor,@gradient1StrtColor);
border: 7px solid @grayLighter;
border-radius: 0 0 0 0;
height : 500px;
}
.massEditTabs{
margin-left: 2%;
border-bottom: none;
margin-bottom: -1px;
padding-bottom: 1px;
li{
.gradientBar(@gradient1EndColor,@gradient1EndColor);
border: 1px solid @lightColorBorder;
border-bottom: 0;
border-radius: 2px 2px 0 0;
margin-right: 3px;
&:hover {
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
}
a{
border: none;
color : @tabTextColor;
&:hover {
color : @tabTextColorHover;
background: none;
border: none;
}
}
}
li.active{
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
a{
color : @tabTextColorHover;
background: none;
border: none;
&:hover {
background: none;
border: none;
color : @tabTextColorHover;
}
}
}
}
.massEditContent{
overflow: visible !important;
}
.massEditTable{
.gradientBar(@gradient1EndColor,@gradient1EndColor);
border-radius: 2px;
.border(1px, @lightColorBorder);
border-top: 3px solid @headerColor !important;
z-index : 100;
td{
border-left: none !important;
font-size: 12px;
input#imagename{
height : 25px;
}
input[type=image]{
height : 21px;
}
}
td.fieldLabel{
text-align: right;
label{
font-size: @baseFontSize;
margin-top:5px;
}
}
}
.massEditFooter,.commentFooter{
input{
border: 1px solid @lightColorBorder;
border-radius: 0px;
box-shadow: 0 0 2px @boxShadowColor;
}
}
// TreeView
.treeView {
ul {
list-style-type: circle;
li {
margin: 5px 0;
}
}
}
// Global Modal
#globalmodal {
.hide;
width: auto;
height: auto;
}
// Slider control
.mini-slider-control {
width: 50px;
}
.mini-slider-control + div {
margin-left: 15px;
}
.mini-slider-control .ui-slider-handle {
top: -0.2em;
height: 1.0em;
width: 1.0em;
border-radius: 10px;
}
.mini-slider-control[data-value="0"] .ui-slider-handle {
background: gray;
background-image : url('../images/black.png');
}
.mini-slider-control[data-value="1"] .ui-slider-handle {
background: orange;
background-image : url('../images/yellow.png');
}
.mini-slider-control[data-value="2"] .ui-slider-handle {
background: green;
background-image : url('../images/green.png');
}
.paddingLeft20{
padding-left: 20px !important;
}
.paddingTop10{
padding-top: 10px;
}
.paddingTop20{
padding-top: 20px;
}
// Settings > Groups //
#s2id_memberList, .groupMembersColors{
.Users{
background-color : @users !important;
.backgroundImageNone;
}
.Groups {
background-color : @groups !important;
.backgroundImageNone;
}
.Roles{
background-color : @roles !important;
.backgroundImageNone;
}
.RoleAndSubordinates{
background-color : @rolesAndSubordinates !important;
.backgroundImageNone;
}
}
//Spacing between Summary widgets
.widget_contents{
margin-top: 5px;
}
// Comments block
.commentContainer{
padding: 10px 10px 10px 20px ;
border-radius: 2px;
hr{
margin: 0 !important;
}
.addCommentBlock .commentsControls{
display: inline-block;
}
.commentsList > .liStyleNone > .commentDetails{
.commentDiv{
width:100%;
}
}
.commentDetails{
background:@bodyColor;
border: 1px solid #ccc;
margin-bottom: 5px;
border-radius: 2px;
padding: 10px 10px 5px;
display: inline-block;
min-width: 400px;
.boxSizingBorderBox;
.commentDiv{
width: 380px;
}
}
.commentorInfo{
p{
margin-bottom: 0;
}
.commentorName{
color: @generalLinkColor;
&:hover{
color: @linkColorHover;
}
}
}
.addCommentBlock {
.gradientBar(@bodyColor,@bodyColor);
border: 1px solid @lightColorBorder;
padding: 12px 12px 5px;
min-height: 115px;
margin-top: 15px;
display: block;
.commentcontent{
box-shadow: inset 0px 0px 8px -5px @boxShadowColor !important;
padding : 8px !important;
.boxSizingBorderBox;
width: 100%;
resize: none;
}
}
.commentInfoContent{
padding: 1px 0;
word-wrap : break-word;
}
}
.commentTitle {
.span1 {
.boxSizingBorderBox;
img{
min-width:32px;
min-height:32px;
}
}
}
.commentsList > ul{
margin-left: 0;
}
.singleComment{
.editedStatus{
.boxSizingBorderBox;
padding: 5px 0 5px 32px;
p{
margin-bottom: 0;
}
}
.commentActionsDiv{
display: none;
p{
margin-bottom: 0;
}
}
&:hover{
.commentActionsDiv{
display: block;
margin-bottom: 3px;
}
}
}
// Recent Comments block
.recentComments{
margin: 0;
padding: 0;
.boxSizingBorderBox;
.commentDiv{
min-width: 100%;
}
.addCommentBlock{
background: none;
border: 0;
display: block;
}
.commentDetails{
display: block;
}
}
.singleComment:hover .commentActions .replyComment{
.displayInlineBlock;
}
.commentActionsContainer{
a{
&:hover{
text-decoration : none;
}
}
.editStatus{
padding:5px 2px;
.boxSizingBorderBox;
p{
margin-bottom: 0;
}
}
}
// Settings > Studio > Edit Fields //
.createFieldModal{
border-radius: 2px;
}
.layoutContent{
border-top: 3px solid @headerColor !important;
}
//Recent Activities
.recentActivitiesContainer{
.unstyled{
li {
margin-top: 10px;
div {
margin-left: 5px;
}
}
}
.updateInfoContainer{
word-wrap : break-word;
}
}
.rightAlignedCalendar{
z-index : 10000;
&:before,&:after{
right : 15% !important;
left : auto !important;
}
.gradientBar(@gradient7StrtColor,@gradient4EndColor);
box-shadow : 1px 0px 7px @boxShadowColor;
margin-top : 7px !important;
}
//Send Email
.SendEmailFormStep1{
padding : 10px 10px 17px;
}
.SendEmailFormStep2{
padding : 0% 2%;
line-height : 18px;
.contentsBackground();
}
.emailTemplatesContainer{
.gradientBar(@gradient6StrtColor,@gradient6EndColor);
}
.sendEmailBlock{
left: 25% !important;
top: 6% !important;
min-width: 50%;
}
/** Advance Search **/
form[name="advanceFilterForm"]{
padding: 0 20px;
}
#advanceSearchContainer {
background-color : @white;
position: relative;
left: -150px;
top: 3px;
.filterContainer{
padding: 0 20px;
}
}
.filterHolder {
#advanceSearchContainer {
position: relative;
left: 1px;
top: 0;
border-left: 1px solid @lightColorBorder !important;
z-index:10001;
}
}
//Export
#exportForm{
h4{
margin-top : 2%;
}
.exportContents{
.border(2px);
margin-top: 2%;
background-color: @lightColorBorder;
}
}
//Import
.searchUIBasic{
border-collapse: separate !important;
border-spacing: 10px !important;
margin: 0 10%;
.importContents{
border-radius : 2px !important;
.border(1px);
background-color: @white;
padding: 15px;
}
.listRow{
.listViewHeaders > td{
color: @generalLinkColor;
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
}
.defaultInputTextContainer{
max-width: 87% !important;
margin-bottom : 0 !important;
}
}
.ImportResultsList{
.gradientBar(@gradient6StrtColor,@gradient6EndColor);
}
}
//Line Items
// fix for line item taxmode, currency background header block
#lineItemTab.table{
tr:first-child{
&:hover th~td{
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
}
}
tr:nth-child(2){
&:hover td{
background : none;
}
}
}
.lineItemTable tr:hover td {
width: 0%;
div.finalDiscountUI table tr td {
background: none !important;
}
div.discountUI table tr td{
background: none !important;
}
div#shipping_handling_div table tr td{
background: none !important;
}
span.taxDivContainer div table tr td{
background: none !important;
}
div.finalTaxUI table tr td{
background: none !important;
}
}
// Fix complete
.lineItemResult{
width: 70.5% !important;
a:hover{
color: @themeLinkColor;
}
}
.lineItemInputBox{
width: 45%;
float: right;
text-align: right;
}
.smallInputBox{
width: 45%;
height: 12px;
}
.lineItemCommentBox{
width: 70%;
height: 40px;
}
.inventoryLineItemHeader{
float:left;
margin: 7px;
.textShadow(@headerTextColor,0,0,1px,@headerTextShadowColor);
}
//Clean up the below css
.discountUI, .taxUI, .finalDiscountUI , .finalTaxUI, #shipping_handling_div{
position: absolute;
left: 65.8%;
width: 27%;
z-index: 500;
.gradientBar(@gradient6StrtColor,@gradient6EndColor);
box-shadow : 1px 0px 7px @lightColorBorder;
background-color : @gradient7StrtColor;
border-radius : 6px;
.table tbody tr:first-child th:first-child{
border-radius : 4px 0 0 0 !important;
}
.table tbody tr:first-child th:last-child{
border-radius : 0 4px 0 0 !important;
}
}
.LineItemDirectPriceReduction{
width: 65% !important;
}
.selectedQuickLink{
background-color : @headerColor;
background-repeat: repeat-x;
background-size: 100% 100%;
a{
color: @headerTextColor;
font-size: 15px;
&:hover{
text-decoration: none;
}
}
}
.unSelectedQuickLink{
a{
.textShadow(@textColor,1px,-1px,1px,@textShadowColor);
font-size: 15px;
margin-top: 12%;
&:hover{
text-decoration: none;
}
}
&:hover{
.gradientBar(@gradient2StrtColor,@gradient2EndColor);
}
}
.cursorDefault{
cursor: default;
}
.btn{
background-color: none ;
background-image: none;
border-radius: 0 !important;
&:focus{
outline: 0;
}
}
.addButton{
.gradientBar(@addButton,@addButton);
color: @headerTextColor;
text-shadow: none;
border-radius: 0 !important;
&:hover{
border-radius: 0 !important;
box-shadow: 0 0 1px @boxShadowColor !important;
background-position: 0 0;
color: @headerTextColor;
.gradientBar(@addButton,@addButton);
}
.caret{
border-top-color: @textShadowColor;
}
i{
.icon-inverted;
}
i.caret{
background-size:0;
}
}
.saveButton{
.gradientBar(@saveButton,@saveButton);
.textShadow(@textShadowColor,0px,0px,2px,@textColor);
.marginRight5px;
&:hover{
box-shadow: 0 0 1px @boxShadowColor !important;
border: solid 0 0 0px @basicButtonBorderColorOnHover;
}
}
.cancelLink{
.cursorPointer;
color: @deleteButton;
margin: 6px 0 6px 8px;
font-size : @baseFontSize !important;
&:hover{
color: @deleteButton !important;
}
}
.importMore{
.gradientBar(@addButton,@addButton);
.textShadow(@textColor,1px,1px,1px,@textShadowColor);
&:hover{
box-shadow: 1px 1px 3px @boxShadowColor !important;
border-style: solid;
border-color: @darkColorBorder !important;
}
}
.lastImport{
.gradientBar(@importLastImportedRecords,@importLastImportedRecords);
.textShadow(@textColor,1px,1px,1px,@textShadowColor);
&:hover{
box-shadow: 1px 1px 3px @boxShadowColor !important;
border-style: solid;
border-color: @darkColorBorder !important;
}
}
.undoImport{
.gradientBar(@importUndoLastImport,@importUndoLastImport);
.textShadow(@textColor,1px,1px,1px,@textShadowColor);
&:hover{
box-shadow: 1px 1px 3px @boxShadowColor !important;
border-style: solid;
border-color: @darkColorBorder !important;
}
}
.close{
border : none;
background: none repeat scroll 0 0 transparent;
border: 0 none;
cursor: pointer;
}
#massEdit .cancelLinkContainer{
padding: 5px 0;
margin-left: 0.5em;
}
#composeEmailContainer{
.modal-header{
border-bottom: none !important;
}
.MultiFile-wrap{
float: left;
}
}
//Reports
.reportContents{
margin-left : 1%;
.reportHeader{
margin-top : 1%;
}
.calculationHeaders {
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
}
#report_step2{
.block{
margin-bottom : 2%;
.row{
margin-bottom : 1%;
}
}
}
}
.detailViewHeaders {
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
}
// BreadCrumbs Css
#reportBreadCrumbs {
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
border-radius: 3px 3px 3px 3px;
font-size: 14px;
margin: 2% 0 1% 1%;
padding: 7px 22px;
border : 0;
li {
.displayInlineBlock;
.textShadow(@headerTextColor,0px,0px,1px,@headerTextShadowColor);
}
.divider {
color: @headerTextColor;
padding: 0 5px;
text-shadow : none;
}
.active {
.textShadow(@headerTextColor,0px,0px,1px,@headerTextShadowColor);
.fontBold;
}
}
.textOverflowEllipsis{
.textOverflowEllipsisMixin(9em,ellipsis);
}
.widgetTextOverflowEllipsis{
.textOverflowEllipsisMixin(86%,ellipsis);
}
#detailView,#EditView{
.table{
.gradientBar(@tableBackgroundColor,@tableBackgroundColor);
.boxSizingBorderBox;
th,td{
border-bottom : 1px solid @lightColorBorder!important;
border-left : none !important;
border-top : none !important;
}
td{
&.fieldValue{
textarea{
.boxSizingBorderBox;
width:100%;
}
}
&:last-child{
border-right: none !important;
}
}
tr:last-child{
td{
border-bottom: none !important;
}
}
}
select[name*="time_zone"]{
width: 350px !important;
}
}
//jqplot style
.jqplot-point-label {
font-size: inherit;
}
//Dashboard style
.gridster ul li {
list-style:none outside none;
border-radius: 1px;
.gradientBar(@gradient6StrtColor,@gradient6EndColor);
position: absolute;
border: 2px solid @gradient14EndColor;
overflow-y : hidden;
&[data-sizey="1"]
.dashboardWidgetContent{
height : 268px;
padding: 10px;
div table tr{
border-bottom:1px solid @lightColorBorder;
}
}
.dashboardWidgetHeader{
.gradientBar(@gradient14StrtColor,@gradient14EndColor);
padding: 2px 5px;
cursor: move;
th, .dashboardTitle{
color: @headerTextColor;
}
select#historyType{
width:100px;
margin-bottom:0px;
}
td.refresh{
span{
position:relative;
}
}
}
.widgeticons {
height:30px;
margin-right:30px;
visibility: hidden;
a {
cursor: pointer;
text-decoration: none;
i{
.icon-inverted;
}
}
}
.dashboardTitle {
float: left;
}
.filterContainer{
background-color : @gradient4StrtColor;
position : absolute;
.border(2px,@lightColorBorder);
margin-left: -7px;
margin-right : 3px;
margin-top : 4px;
padding: 8px 0;
border-radius: 0 0 10px 10px;
box-shadow: 0 5px 8px -5px @boxShadowColor;
div{
span{
margin-top: 6px;
}
}
}
.widgetChartContainer{
margin-left:10px;
}
}
.dashboardHeader{
.paddingTop20;
.paddingRight100;
.dropdown-menu{
min-width:100%;
text-align: left;
}
}
#defaultValuesElementsContainer{
visibility: hidden;
height: 0px;
}
.opertaionNotPermitted{
border: 3px solid rgb(153, 153, 153);
background-color: rgb(255, 255, 255);
width: 55%;
position: relative;
z-index: 100000020;
.genHeader{
border-bottom: 1px solid rgb(204, 204, 204);
nowrap: nowrap;
width:70%;
}
}
div#chart2{
height:300px;
width:500px;
}
//Convert lead
.convertLeadError{
border: 3px solid rgb(153, 153, 153);
background-color: rgb(255, 255, 255);
width: 55%;
position: relative;
z-index: 10000000;
table td{
border-bottom: 1px solid rgb(204, 204, 204);
nowrap:nowrap;
width:70%;
}
}
//Report stylings
.printReport{
width:100%;
border:1px solid @black;
border-collapse:collapse;
}
.printReport tr td{
border:1px dotted @black;
text-align:left;
}
.printReport tr th{
border-bottom:2px solid @darkColorBorder;
border-left:1px solid @darkColorBorder;
border-top:1px solid @darkColorBorder;
border-right:1px solid @darkColorBorder;
}
.printReportContainer{
tr td{
border:0px solid @darkColorBorder;
h3{
color: @generalLinkColor;
}
}
}
.mainContainer{
margin-top: 69px;
& > .span2.row-fluid{// side Bar stylings.
min-height:635px;
background: @containerColor1;
padding-top: 15px;
}
.hero-unit{
height:500px;
}
.contentsDiv {
min-height:635px;
border-left: 1px solid @lightColorBorder;
padding-top: 3px;
background-color:@white;
position: relative;
}
}
//Calendar view style
.fc-header-title h2 {
font-size: 18px;
}
.fc-button-inner {
border: 0 !important;
}
.fc-button-effect {
display: none;
}
.multiCurrencyEditUI{
.border(@borderColor, @lightColorBorder);
background-color : @gradient7StrtColor;
border-radius : 6px;
table{
margin: 0% !important;
td{
text-align : center;
vertical-align : middle !important;
width : auto;
}
}
.detailedViewHeader{
td{
background-color: @gradient4StrtColor !important;
}
}
}
.fc-event{
min-height: 14px !important;
}
.fc-event-style1,.fc-event-style1 .fc-event-skin { background: @fc-style1; border-color: @fc-style1; font-weight: normal; text-shadow: none; }
.fc-event-style2,.fc-event-style2 .fc-event-skin { background: @fc-style2; border-color: @fc-style2; font-weight: normal; text-shadow: none; }
.fc-event-style3,.fc-event-style3 .fc-event-skin { background: @fc-style3; border-color: @fc-style3; font-weight: normal; text-shadow: none; }
.fc-event-style4,.fc-event-style4 .fc-event-skin { background: @fc-style4; border-color: @fc-style4; font-weight: normal; text-shadow: none; }
.fc-event-style5,.fc-event-style5 .fc-event-skin { background: @fc-style5; border-color: @fc-style5; font-weight: normal; text-shadow: none; }
.fc-event-style6,.fc-event-style6 .fc-event-skin { background: @fc-style6; border-color: @fc-style6; font-weight: normal; text-shadow: none; }
.fc-event-style7,.fc-event-style7 .fc-event-skin { background: @fc-style7; border-color: @fc-style7; font-weight: normal; text-shadow: none; }
.fc-event-style8,.fc-event-style8 .fc-event-skin { background: @fc-style8; border-color: @fc-style8; font-weight: normal; text-shadow: none; }
#calendarview th {
color : @black;
}
//Convert Lead
.fieldInfo.in{
overflow:visible !important;
height: auto !important;
}
.moduleSelection{
border-radius: 2px 2px 0 0 !important;
border: 1px solid @headerColor !important;
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
color: @headerTextColor;
.fontBold;
}
.convertLeadModules{
margin-bottom: 2%;
border: 1px none;
}
.moduleBlock{
border-radius: 0px !important;
}
.overflowVisible{
overflow:visible !important;
}
//Datetime picker style
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
//Time picker styles
.timePicker{
width: 8.5em !important;
//layout editor drop down should show
z-index: 1029 !important;
}
.datepicker {
//layout editor drop down should show
z-index: 1029 !important;
}
//Color picker styles
.colorpicker {
//color picker should highlight than full calendar view
z-index: 1029 !important;
//color picker input override by bootstrap
input {
width : 30px !important;
}
//color picker input color overriding by editview inputs
input[type="text"], input {
color : #898989 !important;
}
}
//color picker input override by bootstrap
.colorpicker_hex input {
width : 45px !important;
}
//Account Hierarchy
#accountHierarchyContainer .listViewEntries td a{
color: @generalLinkColor !important;
}
.highlightBackgroundColor td{
.gradientBar(@gradient2StrtColor,@gradient2EndColor);
}
.logo, .imageContainer {
img {
height:40px;
width: 10em !important;
}
}
//Used for confirmation message box
.messageBox{
padding: 7%;
max-width: 320px;
}
//Used to remove border-right for my preferences heading
#myPrefHeading{
border-right: 0 !important;
}
/* My Preferences Header */
#prefPageHeader{
.boxSizingBorderBox;
max-height: 70px;
padding: 6px 1.5%;
width: 100%;
margin: 0;
.logo{
min-width: 57px;
max-width: 57px;
img{
width: 4em;
height: 4em;
min-width: 57px;
}
}
}
/* Calendar Mass Edit */
.calendarMassEdit{
min-width : 400px;
.controlElements{
min-height: 20px;
padding: 20px;
}
}
/**BootStrap Updated Css (Should be removed once we update bootstrap**/
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
margin-right: -1px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
margin-left: -1px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
/* Guider-JS */
.guider .guider_title {
line-height: 24px;
}
// Feedback UI
.feedback {
z-index: 10002;
}
.feedback .handle {
z-index: 10003;
display: block;
position: fixed;
bottom: 50px;
left: -30px;
bottom: 100px\9;
background: #2C2C2C;
color: white;
padding: 7px 15px;
border:1px solid gray;
text-decoration: none;
outline: none;
// http://scottgale.com/blog/css-vertical-text/2010/03/01/
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
// IE8 Rotate
// http://www.boogdesign.com/examples/transforms/matrix-calculator.html
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand');
}
.feedback .handle:hover {
text-decoration: none;
}
#popupContents{
.form-actions{
margin: 0px !important;
border-top: none !important;
}
}
.summaryImg{
box-shadow: 0 0 4px @black inset;
border-radius : 2px;
}
.massEditActiveField,.selectedListItem{
.gradientBar(@gradient2StrtColor,@gradient2EndColor);
}
.ui-pnotify{
z-index: 10002;
}
.companyLogo {
img {
height: 3em;
width: 12em !important;
}
}
.wide {
padding-top:11px !important;
padding-bottom:11px !important;
}
.medium {
padding-top:6px !important;
padding-bottom:6px !important;
}
.narrow {
padding-top:2px !important;
padding-bottom:2px !important;
}
#widthType{
min-width: 100px !important;
li i{
margin-left: 7px;
}
}
//Summary view of contacts,leads,accounts
.recordDetails, .summaryWidgetContainer{
background-color: @summaryWidgetColor;
padding: 15px;
border: 1px solid @summaryWidgetBorderColor;
margin-bottom: 20px;
.summaryViewEntries td{
vertical-align: top;
}
}
/*opacity applied for summary view edit, comment actions, activity widget edit*/
.summaryViewEntries .summaryViewEdit, .activityStatus .editStatus, .addedCalendars .actionImage{
.zeroOpacity;
}
.summaryViewEntries:hover .fieldValue .summaryViewEdit, .activityStatus:hover .editStatus, .addedCalendars:hover .actionImage{
.fullOpacity;
}
.summary-table{
width: 100%;
background-color: @summaryWidgetColor;
}
.recordDetails hr{
margin : 5px 0 10px 0 !important;
}
.activityEntries{
padding: 6px 0;
hr{
margin : 5px 0 10px 0 !important;
}
}
.summaryWidgetContainer{
.widget_header{
padding-bottom: 10px;
border-bottom: 1px solid @lightColorBorder;
h3{
color: @themeLinkColor;
font-weight: normal;
}
}
}
//Calendar Settings
.calendarSettingsContainer{
width : 700px;
.control-label{
width : 26%;
}
}
//Edit view text color should be same for all fields
input[type="text"], input, textarea{
color: #444444 !important;
font-family: 'Open Sans',@baseFontFamily !important;
}
#listViewPageJumpDropDown, #relatedListPageJumpDropDown{
.padding5per;
.listViewPagingInput {
height : 12px;
width : 75%;
margin : 0px 5px 0px 5px;
}
}
.emailPreview{
padding : 20px 0px 15px 0px;
background-color: @white;
.mailInfo{
color : @grayLight;
.textShadow(@grayLight,0px,0px,1px,@grayLight);
}
.well{
background-color : none !important;
}
hr{
border-bottom: 1px solid @summaryWidgetBorderColor;
margin : 5px 0 10px 0 !important;
}
}
.emailPreviewHeader{
h3{
color : @white;
}
}
//tagCloud
.tagCloudContainer{
.deleteTag{
opacity : 0;
}
.tag:hover .deleteTag {
opacity : 1;
}
}
#tagCloud {
word-wrap: break-word;
}
.relatedPopup {
border-radius : 0px !important;
}
.horizontalLeftSpacingForSummaryWidgetContents{
margin-left: 1.8em !important;
}
.bootbox {
z-index : 1000003;
}
.modal-backdrop {
z-index : 1000002;
}
.vtReminder-icon {
background: url('../images/Events.png') no-repeat right center
}
// Settings page Css
.settingsIndexPage{
.moduleBlock{
border: 1px solid @lightColorBorder;
min-height: 54px;
&:hover{
.unpin{
opacity : 0.4;
.displayInlineBlock;
&:hover {
opacity : 0.8;
}
}
}
}
#settingsShortCutsContainer{
min-height : 350px;
}
}
#settingsQuickWidgetContainer {
.quickWidgetHeader{
.gradientBar(@gradient16StrtColor,@gradient16EndColor);
}
h5{
color : @navLinkColor;
}
.widgetContainer > div {
&:hover{
.selectedListItem;
}
}
.widgetContainer{
.gradientBar(@gradient9StrtColor,@gradient9EndColor);
.selectedMenuItem {
background-color : @gradient2StrtColor;
border-bottom : 1px solid @lightColorBorder !important;
border-top : 1px solid @lightColorBorder !important;
.fontBold;
a{
color : @textColor;
}
}
border-bottom : 3px solid @secondaryBorderColor;
.menuItem{
a{
color : @textColor;
&:hover{
text-decoration : none;
}
}
&:hover{
.pinUnpinShortCut{
.displayInlineBlock;
opacity : 0.8;
&:hover {
opacity : 1;
}
}
}
}
}
}
// overwriting tax calculations modal-header
.blockUI{
border-radius: 2px !important;
}
//Customer Portal
.portalModuleRow{
cursor: move;
&:hover{
background-color : @lightColorBorder !important;
}
}
//Sharing Access Stylings
#EditSharingAccess{
.table-bordered{
border-collapse: collapse !important;
}
.equalSplit{
tr td{
width: 22% !important;
}
.customRuleTable{
thead tr th:first-child, tbody tr td:first-child{
width: 8% !important;
}
thead tr th:last-child, tbody tr td:last-child{
width: 12% !important;
}
}
}
}
.sharingAccessDetails{
.gradientBar(@tableBackgroundColor,@tableBackgroundColor);
tr.collapseRow{
border-top: 2px solid @gray !important;
&>td{
.gradientBar(@tableBackgroundColor,@tableBackgroundColor);
}
+tr{
border-bottom: 2px solid @gray !important;
:hover th, :hover td{
background-color: @tableBackgroundColor;
}
hr{
margin: 0 0 8px;
}
&>td{
.gradientBar(@tableBackgroundColor,@tableBackgroundColor);
}
}
}
thead tr th, tbody tr td{
border-left: none;
}
}
.customRuleEntries:hover td .actions .actionImages{
.fullOpacity;
}
.customRuleTable{
.gradientBar(@tableBackgroundColor,@tableBackgroundColor);
thead tr th, tbody tr td{
border-left: 1px solid @grayLight !important;
}
th{
color: @themeLinkColor;
}
}
//Module Manager - general class to apply opacity to actions
.opacity{
.actions{
.zeroOpacity;
}
&:hover {
.actions{
.fullOpacity;
}
background-color: @rowHoverColor1 !important;
}
}
.settingsHeader{
.font-x-x-large;
color : @headerColor;
}
.collectiveGroupMembers{
border : 2px solid @grayLighter;
.groupLabel{
background-color : @grayLighter;
}
}
//General class for theme table color
.themeTableColor {
.gradientBar(@tableBackgroundColor,@tableBackgroundColor);
}
//General class for textarea autosize
.textarea-autosize{
min-width: 100%;
box-shadow: inset 0 0 4px @boxShadowColor !important;
padding : 8px !important;
resize: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.editViewMiniSlider {
a{
border-style : none !important;
margin-top : 1px;
}
}
//Picklist Editor
.pickListValue{
cursor: move;
&:hover{
background-color : @lightColorBorder !important;
}
}
//Picklist dependency
.selectedCell {
background-color: lightBlue;
white-space: nowrap;
}
.unselectedCell {
background-color: @grayLighter;
color: @separatorColor;
white-space : nowrap;
}
.pickListDependencyTable {
tbody tr:hover td {
background-color: none !important;
}
}
.overWriteAddOnStyles{
.floatNone;
.displayInlineBlock;
padding-top: 3px !important;
padding-bottom: 5px !important;
}
//Workflows
.workFlowContents .form-horizontal{
.control-label {
width: 225px !important;
}
.controls{
margin-left: 245px !important;
}
}
//layout Editor
.border1px {
border: 1px solid @lightColorBorder;
}
.layoutBlockHeader {
.gradientBar(@gradient5StrtColor,@gradient5EndColor);
.blockLabel {
color : @headerTextColor;
}
}
.blockFieldsList {
.editFields {
margin-left : 0.5% !important;
//default value ui- multi select values ui breaking
.dropdown-menu a {
padding : 0px !important;
}
}
.editFields:hover{
background-color : @lightColorBorder !important;
}
}
#importModules .contents{
margin-left: 2.2%;
}
.extensionWidgetContainer{
background-color: @white;
border: 1px solid @summaryWidgetBorderColor;
min-height: 200px;
padding: 2%;
.extension_contents{
margin-top: 2%;
.contentsBackground;
border: 1px solid @lightColorBorder;
padding: 15px 20px;
.slimScrollDiv{
padding-right: 10px;
}
}
.extension_contents{
margin-top: 5%;
.slimScrollDiv{
padding-right: 10px;
}
}
.extensionDescription {
line-height: 20px;
}
.extensionInfo{
padding-top: 5%;
}
}
.conditionGroup{
border: 1px solid @lightColorBorder;
padding: 5px;
.border-radius(2px);
.contents, .header{
padding : 1%;
}
.addCondition{
margin: 1% 0;
}
}
//Horizontal top scroll
.contents-topscroll, #reportDetails{
overflow-x: scroll;
overflow-y: hidden;
}
.bottomscroll-div {
display : inline;
}
//Control the overlapping of cells (due to many rows+cell) during reporting
//Observed specially in Chrome having 1000+ rows with 9 cells.
#reportDetails table tr{
th{
border-left: none;
}
td {
padding: 5px;
}
}
//Breadcrumb styles
.crumbs li.active,.crumbs li.active:hover {
background-position: 0 -49px;
}
.crumbs li.active a,.crumbs li.active:hover a {
color: @white;
}
.active {
.stepNum {
color: @white;
}
}
.stepNum {
display: inline-block;
overflow: hidden;
font-size: 2em;
color: @grayDarker;
}
.breadcrumbContainer {
width: 100%;
height: 60px;
padding-top: 30px;
}
.stepText {
display: inline-block;
white-space: nowrap;
overflow: hidden;
width: 168px;
margin-left: 10px;
font-size: 1.2em;
margin-top: 1px;
font-weight: bold;
}
#breadcrumb {
float: left;
display: block;
width: 100%;
text-align: center;
box-sizing: border-box;
ul.crumbs {
list-style: none outside none;
width: 100%;
margin-left: 0;
}
}
.crumbs {
li:hover {
background-position: 0 -98px;
position: relative;
}
li.last.active {
background-position: 0 -49px;
}
li:first-child{
margin-left:0;
}
li {
display: inline-block;
line-height: 47px;
margin-left: -15px;
background-image: @breadCrumbImage;
background-repeat: no-repeat;
background-position: 0 0;
position: relative;
height: 50px;
text-align: left;
min-width: 240px;
a {
padding-left: 10%;
color: @grayDark;
}
}
li.last.active:hover {
background-position: 0 -49px;
}
li.last:hover {
background-position: 0 -98px;
}
}
//css used for engagement level in contacts and leads
.greyStar {
background-image: url("../images/stars.png");
background-position: 20px 20px;
height: 20px;
width: 20px;
display: inline-block;
}
.yellowStar {
background-image: url('../images/stars.png');
background-position: 0 20px;
width: 20px;
height: 20px;
display: inline-block;
}
//css used for left panel show or hide
.toggleButton {
background: @headerColor;
font-weight: bold;
padding: 50px 2px;
position: absolute;
top: 40%;
cursor: pointer;
width: 10px;
z-index:1;
}
.toggleButton .icon-chevron-left {
background-position: -434px -72px !important;
.icon-inverted;
}
.toggleButton .icon-chevron-right {
background-position: -460px -72px !important;
.icon-inverted;
}
.nonEditableValuesDiv {
border: 1px solid @grayLight;
background-color: @grayLighter;
border-radius: 2px;
}
.mailConveterDesc {
height:350px;
width:96%;
border: 1.5px solid;
border-radius:10px;
border-color:#dddddd;
font-size:11pt;
margin-top: 55px;
margin-left: 20px;
}
#mailBoxLabel {
margin-top:15px;
margin-left: -18px;
font-size: 12pt;
width: 75px;
}
.mailBoxDropdownWrapper {
height: 49px;
width: 70%;
background: url('../images/mailbox-icon.png') no-repeat 5px 5px;
overflow: hidden;
border: 1px solid #dddddd;
}
.mailBoxDropdown {
background: transparent url('../images/downArrowBlue.png') no-repeat 236px 13px;
width: 110%;
height: 50px;
font-size: 14pt;
color: #0065a6;
padding: 10px 55px;
padding-right: 0;
}
#mailConverterDragIcon {
margin-top: 12px;
}
#mailConverterBody {
padding-top: 20px;
margin-left: 0px;
}
.mailConverterRuleBlock {
font-size:14px;
line-height: 30px;
border: 1.5px solid;
border-color:#dddddd;
}
.mailConverterRuleLegend {
font-size: 12pt;
color: #0065a6;
margin-bottom:10px;
background: #EEE;
}
#mailConverterStats {
font-size: 10pt;
margin-top: 5px;
margin-left: -10px;
}
.addMailBoxBlock {
border: 1.5px solid;
border-color: #dddddd;
margin-left: 83px;
margin-top: 20px;
padding-top: 30px;
padding-left: 200px;
padding-bottom: 20px;
padding-right: 30px;
font-size: 11pt;
}
.rightAligned {
text-align: right;
}
input.listSearchContributor{
margin-bottom : 0px !important;
}
.listSearchContributor {
min-width : 125px !important;
}
.backgroundColor {
background-color: @containerColor1 !important;
}