:root{
	--button-color : ''; /* topbar icon background color */
	--button-color-hover: #051495; /*topbar icon hover color*/
	--button-background: rgba(255, 255, 255, 0.2); /* topbar home icon */
	--icon-menu-calendar: #8fe2fb;  /* sidemenu calender icon */
	--icon-menu-people: #d9534f;  /* sidemenu people icon */
  	--icon-menu-marketing: #5cb85c;  /* sidemenu sales and marketing icon */
  	--icon-menu-reporting: #bb7eff;  /* sidemenu report icon */
  	--icon-menu-insurance: #f0ad4e;  /* sidemenu insurance icon */
  	--icon-menu-investment: #0c9ee0;  /* sidemenu investments icon */
  	--icon-menu-ctm: #f268ea; /*sidemenu commission utility icon*/
  	--icon-menu-utility: #f6c586;  /*sidemenu utilities icon*/
  	--icon-menu-setup: #72b25b;  /*sidemenu setup icon*/
  	--icon-menu-integration: #f54d4d;  /*sidemenu integration icon*/
  	--side-menu-icon : 18px;  /*sidemenu icon size*/
  	--btn-success-color : #87b87f;  /*sidemenu calender day-view icon-color*/
	--btn-success-border : #87b87f;  /*sidemenu calender day-view icon-border*/
	--btn-info-color : #6fe0bb; /*sidemenu calender week-view icon-color*/
	--btn-info-border : #6fe0bb; /*sidemenu calender week-view icon-border*/
	--btn-danger-color : #d15b47; /*sidemenu new-task icon-color*/
	--btn-danger-border : #d15b47; /*sidemenu new-task icon-border*/
	--btn-warning-color : #ffb752; /*sidemenu new-calender activity icon-color*/
	--btn-warning-border : #ffb752; /*sidemenu new-calender activity icon-border*/
	--sidemenu-icon-size: auto;	/*sidemenu icon height size*/
	--sidemenu-people-view: "\f0c0"; /*sidemenu people icon*/	
	--sidemenu-calender-view: "\f073"; /*sidemenu calender icon*/
	--sidemenu-marketing-view: "\f0a1"; /*sidemenu marketing icon*/
	--sidemenu-reporting-view: "\f080"; /*sidemenu reporting icon*/
	--sidemenu-insurance-view: "\f0e9"; /*sidemenu insurance icon*/
	--sidemenu-investment-view: "\f155"; /*sidemenu investment icon*/
	--sidemenu-utility-view: "\f0ad"; /*sidemenu utility icon*/
	--sidemenu-setup-view: "\f085"; /*sidemenu setup icon*/
	--sidemenu-integration-view: "\f12e"; /*sidemenu integration icon*/
	--sidemenu-people-view2:''; /*sidemenu people icon path*/
	--sidemenu-calendar-view2:''; /*sidemenu calendar icon path*/
	--sidemenu-marketing-view2: ''; /*sidemenu marketing icon path*/
	--sidemenu-reporting-view2: ''; /*sidemenu reporting icon path*/
	--sidemenu-insurance-view2: ''; /*sidemenu insurance icon path*/
	--sidemenu-investment-view2: ''; /*sidemenu investment icon path*/
	--sidemenu-utility-view2: ''; /*sidemenu utility icon path*/
	--sidemenu-setup-view2: ''; /*sidemenu setup icon path*/
	--sidemenu-integration-view2: ''; /*sidemenu integration icon path*/
	--sidemnu-icon-space: 0px; /*sidemenu space between icon and name*/
	--sidemenu-btn-margin: 0px; /*sidemenu icon top margin*/
	--home-icon-mgn-left: 0px;
	--home-icon-position: initial;
}

HTML, BODY {
	margin: 0px;
	border: 0px;
	overflow: hidden;
	background-color: #FFFFFF;
}

#contentContainer IFrame{
	top:0px;
	height:100%;
	width:100%;
}

#locales{
	display:none;
	position:absolute;
	right:24px;
	padding: 2px 4px;
	top:0px;
	background-color: #ffffee;
	border: 1px solid silver;
}

#topLeftSideMenuGap{
	width:100%;
	height: 57px;
}

.smartSearch{
	border: 1px solid black;
	padding: 2px;
	background-color: window;
}

.smartSearch TD.active{
	background-color: #eee8aa;
}

.smartSearch TD.active A{
	color: #2e6e9e;
}

.clickToSearch{
	font: italic;
	font-size: 100%;	
}

#addNewOption,
#addNewOption1{
	left:-55px;
	width:200px;
	overflow-y:auto;
	overflow-x:hidden;
	top: 120%;
	max-height:400px;
}

DIV.LINKBAR
{
	position: relative;
	overflow-x: hidden;
	WIDTH: 100%;
	padding : 0px 10px 0px 23px;
}

TABLE.LINKBAR
{
    MARGIN: 5px 0px 0px 0px;
    Height: 20px;
    border-collapse: collapse;    
}

TABLE.LINKBARNEW
{
    MARGIN: 0px 0px 0px 0px;
    border-collapse: collapse;    
}

TD.LINK
{
	position: relative;    
    cursor: pointer;
    padding: 2px 12px 1px 12px;
    font-size: 12px;
    font-style: Arial;
    background-color: #8f98b3;
    color: white;
    filter: ;
}

TD.CURRENTLINK
{
	position: relative;
    border-bottom: none;
    cursor: default;
    padding: 2px 12px 1px 12px;
    font: 13px Arial bold;
    color: black;    
}

TD.LINKMORE{
	text-align:right;
}

TD.LINKGAP
{
    WIDTH: 2px;
    padding: 0px;
}
TD.LINKFILLER
{
    WIDTH: 100%;
    filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr=#8f98b3, startColorstr=#8f98b3, gradientType='0');
}

TD.LINKFILLERSTART
{
    WIDTH: 5%;
    filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr=rgb(114, 155, 185), startColorstr=rgb(114, 155, 185), gradientType='0');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot);
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url(https://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnZ2MAKAc2x4R1uOSeegc5U.eot);
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnZ2MAKAc2x4R1uOSeegc5U.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url(https://themes.googleusercontent.com/static/fonts/opensans/v8/EInbV5DfGHOiMmvb1Xr-hnZ2MAKAc2x4R1uOSeegc5U.eot);
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/EInbV5DfGHOiMmvb1Xr-hnZ2MAKAc2x4R1uOSeegc5U.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}


.color-skyblue{ color:#8fe2fb!important}
.color-red{ color:#d9534f!important}
.color-green{ color:#5cb85c!important}
.color-purple{ color:#bb7eff!important}
.color-yellow{ color:#f0ad4e!important}
.color-brown{ color:#f6c586!important}
.color-blue{ color:#0c9ee0!important}
.color-green2{ color:#72b25b!important}
.color-red2{ color:#f54d4d!important}
.color-pink{ color:#f268ea!important}
.color-orange{ color:#ff9053!important}
.font-18{ font-size: var(--side-menu-icon)!important;}
.font-20{ font-size:20px!important;}

.icon-menuCalendar:before {
    content: var(--sidemenu-calender-view);
}
#sideMenu .menuCalendar .icon-menuCalendar{
    color: var(--icon-menu-calendar);
    content: var(--sidemenu-calendar-view2);
    height: var(--sidemenu-icon-size)!important;
    padding-right: var(--sidemnu-icon-space);
}

.icon-menuPeople:before {
   content: var(--sidemenu-people-view);
}
li#mySideBar_li_menuPeople .icon-menuPeople {
    color:var(--icon-menu-people);
    content: var(--sidemenu-people-view2);
    height: var(--sidemenu-icon-size)!important;
    padding-right: var(--sidemnu-icon-space);
}

.icon-menuWFSYS:before {
    content: "\f013";
}

.icon-menuWFSYS:before {
    color:#0c9ee0!important;
}

.icon-menuMarketing:before {
    content: var(--sidemenu-marketing-view);
}
li#mySideBar_li_menuMarketing .icon-menuMarketing {
    color: var(--icon-menu-marketing);
    content: var(--sidemenu-marketing-view2);
    height: var(--sidemenu-icon-size)!important;
    padding-right: var(--sidemnu-icon-space);
}

.icon-menuReporting:before {
    content: var(--sidemenu-reporting-view);
}
li#mySideBar_li_menuReporting .icon-menuReporting {
    color: var(--icon-menu-reporting);
    content: var(--sidemenu-reporting-view2);
    height: var(--sidemenu-icon-size)!important;
    padding-right: var(--sidemnu-icon-space);
}

.icon-menuInsurance:before {
    content: var(--sidemenu-insurance-view);
}

li#mySideBar_li_menuInsurance .icon-menuInsurance {
    color: var(--icon-menu-insurance);
    content: var(--sidemenu-insurance-view2);
    height: var(--sidemenu-icon-size)!important;
    padding-right: var(--sidemnu-icon-space);
}

.icon-menuInvestment:before {
    content: var(--sidemenu-investment-view);
}
li#mySideBar_li_menuInvestment .icon-menuInvestment {
    color: var(--icon-menu-investment);
    content: var(--sidemenu-investment-view2);
    height: var(--sidemenu-icon-size)!important;
    padding-right: var(--sidemnu-icon-space);
}

.icon-menuCTM:before {
    content: "\f0e3";
}
.icon-menuCTM {
    color: var(--icon-menu-ctm);
}

.icon-menuCallcenter:before {
    content: "\f098";
}
.icon-menuCallcenter {
    color:#ff9053!important;
}

.icon-menuServiceMain:before {
    content: "\f044";
}
.icon-menuServiceMain {
    color:#8fe2fb!important;
}

.icon-menuWorkflow:before {
    content: "\f1de";
}
.icon-menuWorkflow {
    color:#bb7eff;
}

.icon-menuUtility:before {
    content: var(--sidemenu-utility-view);
}
li#mySideBar_li_menuUtility .icon-menuUtility {
    color: var(--icon-menu-utility);
    content: var(--sidemenu-utility-view2);
    height: var(--sidemenu-icon-size)!important;
    padding-right: var(--sidemnu-icon-space);
}

.icon-menuSetup:before {
    content: var(--sidemenu-setup-view);
}
li#mySideBar_li_menuSetup .icon-menuSetup {
    color: var(--icon-menu-setup);
    content: var(--sidemenu-setup-view2);
    height: var(--sidemenu-icon-size)!important;
    padding-right: var(--sidemnu-icon-space);
}

.icon-menuIntegration:before {
    content: var(--sidemenu-integration-view);
}
li#mySideBar_li_menuIntegration .icon-menuIntegration {
    color: var(--icon-menu-integration);
    content: var(--sidemenu-integration-view2);
    height: var(--sidemenu-icon-size)!important;
    padding-right: var(--sidemnu-icon-space);
}

.alertCount {
	-webkit-background-clip: padding-box;
	display: inline-block;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	font-size: 10px;
	-webkit-font-smoothing: subpixel-antialiased;
	line-height: normal;
	min-height: 13px;
	background-color: #dc0d17;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fa3c45), to(#dc0d17));
	background-image: -webkit-linear-gradient(#fa3c45, #dc0d17);
	color: #fff;
	padding: 1px 3px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
	-webkit-border-radius: 2px;
  	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
  	
}

.topbarFaButton {
	font-size:1.3em !important;
	vertical-align:baseline !important;
	color: var(--button-color);
}

.topbarFaButton:hover {
	color: var(--button-color-hover);
}

.homeImg{
	margin-top:10px;
	float:left;
	margin-left: var(--home-icon-mgn-left);
	position: var(--home-icon-position);
}

.homeImg > a{
	background: var(--button-background);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	padding: 3px 10px;
	margin: 0px 0px 0px 10px;
	line-height: 20px;
	height: 24px;
	color: #FFF;
}

#sidebar{
	scrollbar-base-color:;
	scrollbar-arrow-color: #B1BAC1;
	scrollbar-3dlight-color: #11161A;
	scrollbar-darkshadow-color: #11161A;
	scrollbar-face-color: #B1BAC1;
	scrollbar-shadow-color: #11161A;
	scrollbar-track-color: #11161A;
	scrollbar-highlight-color:#11161A;
}

.fourbtn > .btn-success {
    background-color: var(--btn-success-color)!important;
    border-color: var(--btn-success-border);
    background-image:  none!important;
}

.fourbtn > .btn-info {
    background-color: var(--btn-info-color)!important;
    border-color: var(--btn-info-border);
    background-image:  none!important;
}

.fourbtn > .btn-danger {
    background-color: var(--btn-danger-color)!important;
    border-color: var(--btn-danger-border);
    background-image:  none!important;
}

.fourbtn > .btn-warning {
    background-color: var(--btn-warning-color)!important;
    border-color: var(--btn-warning-border);
    background-image:  none!important;
}

.fourbtn > .btn {
    margin : var(--sidemenu-btn-margin) 5px 0px;
}

.TEXTITEM{
	COLOR: #b1bac1;
	font-family: "Open Sans", HelveticaNeue, Helvetica, Arial;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
}

.COLORBLOCK{
	width:14px;
	height:14px;
}

#colorpane{
	width:100%;
	overflow:auto;
	scrollbar-base-color: #222a2d;
	scrollbar-arrow-color: #ededed;
	scrollbar-3dlight-color: #222a2d;
	scrollbar-darkshadow-color: #222a2d;
	scrollbar-face-color: #222a2d;
	scrollbar-highlight-color: #222a2d;
	scrollbar-shadow-color: #222a2d;
	scrollbar-track-color: #222a2d;
}