@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: @seperatorColor;
    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;
}