﻿.x-btn-over {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;    
  border-color: #dcdcdc !important;  
  background-image: none !important;   
}

.x-btn-default {
	border-color: #dcdcdc !important;
}
.x-btn-default-small {    
	background-color: #fff !important;
	background-image: none !important;    
	border-color: #dcdcdc !important;
}

.x-btn-default-small .x-btn-inner {
	color: #515151;
	font: 11px / 17px arial, sans-serif;
	padding: 0px 5px;	
    -webkit-margin-before: 1px;
 }
 
 .x-btn-default-small-focus {
	border-color: #dcdcdc;
}
.x-btn-default-small-over {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
	/*background-color: #ececec;*/
    /*border-color: #dcdcdc;*/
}
.x-btn-default-small-menu-active, .x-btn-default-small-pressed {
	border-color: #dcdcdc !important;
}

.x-btn-default-medium {
	border-color: #dcdcdc !important;
}
.x-btn-default-medium {
    background-color: #fff !important;	
    background-image: none !important;	
}

.x-btn-default-medium .x-btn-inner {
 	color: #515151;
 	padding: 0 4px;
    -webkit-margin-before: 1px;
}

.x-btn-default-medium-focus {
	border-color: #dcdcdc;
}
.x-btn-default-medium-over {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;    
	border-color: #dcdcdc !important;
}
.x-btn-default-medium-menu-active, .x-btn-default-medium-pressed {
	border-color: #dcdcdc;
}

.x-btn-default-large-over {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;    
}

.x-toolbar-default {
 	border-color: #e0e3e5 !important;
}

.x-panel-header-title-default {
	color: #717171;
}

.x-panel-header-text-container-default {
	color: #717171;
}

.x-panel-body-default {
	border-color:#e0e3e5 !important;
}

.x-panel-header-default {
	background-color: #fff;
	border-color: none;
	border: none;
}

.x-panel-header-text-container-default-framed {
	color: #717171; 
	font: 12px arial, sans-serif;
	font-weight: bold;
}

.x-fieldset-header-text { 
  font: normal 13px open sans, arial,verdana,sans-serif;
  color: #717171;
}

.x-window-header-default {
    border-width: 1px !important;
} 

.x-form-text {
 	border-color: #d9d9d9;
	color: #333 !important;
 }
 
 .x-form-checkbox-focus {
 	background-position: 0px 0;	
}

.x-form-trigger-over {
 	background-position: -2px 2px;
}

.x-form-trigger-default .x-form-trigger-over {
 	background-position: -22px center !important;
}

.x-form-trigger-wrap-focus .x-form-trigger {
 	background-position: -68px 2px !important;
}
.x-form-trigger-wrap-focus .x-form-trigger-over {
 	background-position: -90px 2px !important;
}
.x-form-trigger-click, .x-form-trigger-wrap-focus .x-form-trigger-click {
     background-position: -46px 2px !important;
}

.x-grid-body {
 	border-color:#e0e3e5 !important;
	border-top-color: #e0e3e5 !important;
    border-top-width: 0px !important;
 }
 
 .x-column-header {
 	border-right: 1px solid #e0e3e5;
              font-weight: normal !important; 
}

.x-form-trigger {
	height: 25px;
    background-position: -2px 2px;
}

.x-form-trigger-wrap {
	border-color: #d9d9d9;
}

.x-grid-header-ct {
	border: 1px solid #e0e3e5 !important;
}

.x-grid-cell-inner {
    text-overflow: ellipsis !important;
}

.x-column-header-trigger {
   /*border-left: 1px solid #d9d9d9;*/
   border-left: 1px solid #e0e3e5;
}

.x-column-header-over, .x-column-header-sort-ASC, .x-column-header-sort-DESC { 
   background-color: #f2f2f3;
 }  
 
 .x-keyboard-mode .x-column-header.x-column-header-focus .x-column-header-inner:after {
   border: none !important;
 }
  
 .x-column-header-open {
   background-color: #f2f2f3;
}
   
.x-column-header-open .x-column-header-trigger  { 
   background-color: #f2f2f3;    
}

.x-column-header-last .x-column-header-over .x-column-header-trigger {
    /*border-right: 1px solid #e0e3e5;*/
    border-right: none;
}

 .x-grid-row-over .x-grid-td {
   background-color: #eef6fb;
 }
  
.x-grid-with-row-lines .x-grid-table-over-first { 
   border-top-color: #eef6fb;
}

 .x-grid-row-selected .x-grid-td { 
   background-color: #e2eff8;
   border-bottom-color:#e2eff8;
}

.x-grid-row-before-selected .x-grid-td {
   border-bottom-color:#e2eff8;    
 }  
  
.x-grid-with-row-lines .x-grid-table-selected-first {
   border-top-color: #e2eff8;  
}

.x-grid-row-before-focused .x-grid-td { 
   border-bottom-color: #e2eff8;
}

.x-grid-row-focused .x-grid-td { 
   border-bottom-color: #e2eff8;
}

.x-grid-row .x-grid-cell-selected { 
   background-color: #e2eff8 !important;
}

.x-mask {
   background-image: url("/files/img/loading.gif") !important;
   background-position: center center !important;
   background-repeat: no-repeat !important;
   background: transparent;
   height: 100%;
   left: 0;
   position: absolute;
   text-align: center;
   top: 0;
   width: 100%;
}

.x-mask-msg {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid #BFBFBF;
    left: 0;
    padding: 2px;
    position: absolute;
    top: 0;
    z-index: 20001;
}
.x-mask-msg-text {
    background-color: #EEEEEE;
    background-image: url("images/loadmask/loading.gif");
    background-position: 5px center;
    background-repeat: no-repeat;
    color: #222222;
    cursor: wait;
    font: 11px Helvetica Neue,Arial,sans-serif;
    padding: 5px 10px 5px 25px;
}

.x-mask-msg-inner{
  padding:0;
  background-color:transparent;
  font:normal 11px 'Trebushet MS', 'Lucida Sans Unicode',arial,verdana,sans-serif;
  border: none;
  color:#222222;
  }
 
 .x-mb-memo {
   padding: 5px 4px;
  } 

 .x-mb-tb-menu {
   background: linear-gradient(#2D2D2D, #4A4A4A) repeat scroll 0 0 rgba(0, 0, 0, 0);
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
   box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); 
   border-color: #9fc54d !important;
   border-style: none none solid;
   border-width: medium medium 3px !important;	
}

 .x-mb-menu {
   background: linear-gradient(#2D2D2D, #4D4D4D) repeat scroll 0 0 rgba(0, 0, 0, 0);  
}

.x-mb-menu-active {
   background-color: #9fc54d !important;
   background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 12px);
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
 }

.x-mb-label-menu {
    color: #FFF;
    font-size: 1.083em;
    font-weight: bold;
    text-decoration: none;
}

.x-mb-label-menu-active {
  color: #FFF !important;
}  

.x-mb-label-shadow {
  font-family: open sans, roboto, arial, sans-serif !important;
  font-size: 11px;
  font-color: #aaa;
  text-shadow: 0 2px 0 #fff;
}

 .x-pindent {
  text-indent: 6px;
  font: normal 12px arial, sans-serif;
}

.x-lindent {
  text-indent: 11px;
  font: normal 12px arial, sans-serif;
}

.x-tindent {
  text-indent: 11px;
  font: normal 12px arial, sans-serif;
  color: #9F9F9F;
} 

.x-mb-search {
 background-image: url("/files/img/search.png") !important;
 background-repeat: no-repeat;
 background-position: 0px 4px;
 padding: 3px 26px;
 }

.x-mb-search-home::-webkit-input-placeholder {
    color: #E1E1E1;
}
 
.x-mb-search-home  {
 background-image: url("/files/img/home-search.png") !important;
 background-repeat: no-repeat;
 background-position: 6px 5px;
 padding: 3px 31px;
 border-radius: 5px;
 box-shadow: none !important;
 color: #fff !important;
}
 
 .x-btn-min-height {
 height: 23px !important;
}

.x-btn-min-line-height { 
  line-height: 15px !important;
}

.x-scroll-user-msg {
  overflow:hidden !important;
 }

.x-scroll-msg {
 border-top: 1px solid #F5F5F5 !important;
 }
 
.x-scroll-msg-over {
  overflow-y:auto !important;
 }
 
.x-chat-fixed {
  top: auto !important;
  left: auto !important;
  bottom: 0px;	
  position: fixed !important;
  z-index:100;
}

.x-chat-msg {
  overflow-x:hidden;
  overflow-y:auto;
}


.x-profile-topic {
  border-left: 1px solid #f5f5f5 !important;
  border-right: 1px solid #f5f5f5 !important;
  border-bottom: 1px solid #f5f5f5 !important;
  border-radius:3px;
}

.x-profile-btn {
    background-image: linear-gradient(#FFFFFF, #F5F8FA);
    border: 1px solid #E1E8ED;
}
	
.x-profile-btn:hover {
  background-color: #F5F8FA;
}

.x-profile-label-seguir {
   margin-left: 8px;
}

.x-profile-label-msg {
   margin-left: 9px;
}

.x-profile-icons {
   background-image: url("/files/img/ULiW-1aQO-b.png") !important;
   clip: rect(0px, 9px, 12px, 0px);
}

.x-profile-editlb {
  font: bold 11px helvetica, arial, trebushet ms, sans-serif;
  color: #287397; 
}

.x-profile-editlb:hover {
  text-decoration: underline;
}

.x-profile-shadow {
  box-shadow: 0 0 30px #888 !important;
  border-radius: 3px !important;
  background-color: #fff;
  border-width: 0px !important
}  

.x-profile-memo-text {
  overflow: hidden;
  box-shadow: none !important;
  font: 12px arial, sans-serif;
  background-color: #F9F9F9 !important; 
  color: #666;
 }
 
 .x-panel-edit-container {
  border-left: 1px solid #f1f1f1 !important;
  border-right: 1px solid #f1f1f1 !important;
  border-bottom: 1px solid #f1f1f1 !important;
  border-radius:4px;
}

.x-panel-detail-header { 
  background-color: #fff;
}   

.x-panel-filter {
  border: 1px solid #f1f1f1 !important;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.x-entity-nav {
  cursor: pointer;
  margin-right: 7px; #4272db
 }

.x-entity-icons{
  background-image: url("/files/img/entity_icons.png") !important; 
}


.x-grid-cell-selected {
  background-color: #fff !important; 
}

.x-edit-action-grid {
  color: #004891;
  cursor: pointer;
}

.x-edit-action-grid:hover  {
  text-decoration: underline; 
}

.x-detail-action-grid  {
   cursor: pointer;
   text-transform: capitalize;
}	

.x-detail-action-grid:hover  {
  text-decoration: underline; 
}

.x-detail-sep {
  border-bottom: 1px solid #f1f1f1;
}

.x-img-action-grid {
  cursor: pointer;
}  

.x-ldet-map {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
  position: absolute;
  transform: skewX(22.6deg);
  transform-origin: 0 0 0;  
}

 .x-rdet-map {
   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
  position: absolute;
  transform: skewX(-22.6deg);
  transform-origin: 0 0 0;  
 }

 .x-column-header { 
    border-right: 1px solid #e0e3e5;
    background-color: #f2f2f3;
    background-image: none;
}	

.x-grid-header-ct  {
  background-image: none;
}

.x-item-disabled .x-tbar-page-first { 
    background-image: none;
}	

.x-item-disabled .x-tbar-page-prev { 
    background-image: none;
}	

.x-item-disabled .x-tbar-page-next { 
    background-image: none;
}	

.x-item-disabled .x-tbar-page-last { 
    background-image: none;
}	

.x-toolbar-text-default {
  color: #4b4c4c;
}

.x-toolbar-text { 
  font-family:  open sans, arial, sans-serif;
  font-size: 13px;
}  

.x-tbar-page-first::before {
    content: "";
}

.x-tbar-page-first {
    background-image: none !important;;
	font-family: FontAwesome;
	font-size: 20px;
	top: -5px;
	padding: 1px 1px;
	color: #919191;
}

.x-tbar-page-prev::before {
    content: "";
}

.x-tbar-page-prev {
    background-image: none !important;
	font-family: FontAwesome;
	font-size: 20px;
	top: -5px;
	padding: 1px 2px;
	color: #919191;
}

.x-tbar-page-next::before {
    content: "";
 }

.x-tbar-page-next {
    background-image: none !important;
	font-family: FontAwesome;
	font-size: 20px;
	color: #919191;
	padding: 1px 5px;
	top: -5px;
}

.x-tbar-page-last::before {
    content: "";
}

.x-tbar-page-last {
    background-image: none !important;
	font-family: FontAwesome;
	font-size: 20px;
	color: #919191;
	padding: 1px 3px;
	top: -5px;
}

.x-tbar-page-number {
    width: 35px !important;
}

.x-tbar-loading::before {
    content: "";
}

.x-tbar-loading {
    background-image: none !important;
	font-family: FontAwesome;
	font-size: 14px;
	border: none;
	color: #919191;
	padding: 1px 2px;
	top: -1px;
}

.x-btn-default-toolbar-small {
    background-color: transparent;
    background-image: none;
    border-radius: 0px;    
	border-color: transparent;
}

.x-btn-default-toolbar-small-over {
    background-color: transparent;
    background-image: none;
    border-radius: 0px;    
}

.x-btn-default-toolbar-small-focus {
    background-color: #ececec;
    background-image: none;
    border-color: #dbdbdb;
}
.x-btn-default-toolbar-small-over {
    background-color: #ececec;
    background-image: none;
    border-color: #dbdbdb;
}

.x-btn-plain-toolbar-small {
    background-color: transparent;
    background-image: none;
    border-radius: 0px;    
	border-color: transparent;
}

.x-btn-plain-toolbar-small-over {
    background-color: transparent;
    background-image: none;
    border-radius: 0px;    
}

.x-btn-plain-toolbar-small-focus {
    background-color: #ececec;
    background-image: none;
    border-color: #dbdbdb;
}
.x-btn-plain-toolbar-small-over {
    background-color: #ececec;
    background-image: none;
    border-color: #dbdbdb;
}

.x-mb-btn-submit { 
   background: #f8f8f8 none repeat scroll 0 0;
   border: 1px solid rgba(0, 0, 0, 0.1);
}   

.x-mb-home-bg {
  background: linear-gradient(#f4f3f3, #f3f0eb) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.x-mb-login-bg {
  background: rgba(0, 0, 0, 0) url("/files/img/login-bg-man-tablet.jpg") no-repeat scroll right center / contain;
}

.x-form-focus {
  border-color: rgba(121, 187, 238, 0.75);
  box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
}

.x-form-trigger-wrap .x-form-text {
  box-shadow: none !important;
}

.x-form-trigger-wrap-focus .x-form-trigger-wrap {
  border-color: rgba(121, 187, 238, 0.75) !important;
  box-shadow: 0 0 5px rgba(82, 168, 236, 0.5) !important;
}

.x-form-trigger-wrap-default .x-form-trigger-wrap-focus {
  border-color: rgba(121, 187, 238, 0.75) !important;
  box-shadow: 0 0 5px rgba(82, 168, 236, 0.5) !important;
}

#fmhome_edsearch_0-triggerWrap,#fmattach_fuattach_0-triggerWrap.x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
  box-shadow: none;
}

#fmattach_fuattach_0-button.x-file-area {
  border: none;
}

.x-window-body {
  -moz-box-shadow: 0 0 15px #E5E5E5;
  background-color:#dfe8f6;
}

.x-window-default {
  background-color:#f2f2f2;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-style:solid;
  border-color:#a9a9a9;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  border-width:1px;
  padding:4px;
}

.x-window-body-default{
  border-color:#ddd;
  background:#e0e0e0;
  color:black
}

.x-window-header-default{
  border: none;
  font-size:11px;
  border-color:#a9a9a9;
  zoom:1;
}

.x-window-header-default .x-tool-img {
    /*background-color: #ced9e7;*/
	background-color: transparent;
}

.x-window-header-text-default{
  color:#333333;
  font-weight:normal;
  line-height:normal;
  font-family:open sans,arial,verdana,sans-serif;
  font-size:13px;
  padding: 2px;
}  

.x-window-header-default-top {
    background-color: #F2F2F2;
    border-width: 1px;
}

.x-panel-header-default .x-tool-img {
    background-color: transparent;
}

.x-tool-img {
   /*background-image: url("/files/img/tool-sprites.gif");*/
   background-image: url("/files/img/twitter_web_sprite_icons.png") !important;
   height: 15px;
   /*margin: 0;*/
   margin: 4px 2px;
   overflow: hidden;
   width: 15px;
}

.x-tool-close {
    background-position: -40px -510px;
}

.x-feed-icon::before {
    content: "";
}

.x-feed-icon {
    font-family: FontAwesome !important;
    font-size: 15px !important;
    color: #bbb;
}

.x-feed-link::before {
    content: "";
}

.x-feed-link {
    font-family: FontAwesome !important;
    font-size: 13px !important;
    color: #bbb;
}
  
.x-feed-arrow {
    background-image: url("/files/img/chattersupersprite.png?v=194-2") !important;
    background-position: 0 -274px !important;
    /*display: none;*/
    height: 10px !important;
    /*margin-left: -8px;*/
    position: absolute;
    width: 13px !important;
    z-index: 2;
}

.x-search-icon::before {
    content: "";
}
 
.x-search-icon {
   font-family: FontAwesome !important;
   font-size: 13px !important;
   color: #bbb !important;
}

.x-btn-default-toolbar-small {
  background-color: #f6f6f6;
  border-radius: 0;
  border-style: solid;
  border-color: #e4e4e4;
  border-width: 1px;
  padding: 7px;
}

.x-btn-default-toolbar-small .x-btn-inner { 
   color: #606060;
   font-family: open sans, arial;
   font-size: 13px;
   font-weight: 400;
 }  

.x-btn-plain-toolbar-small {
  background-color: #f6f6f6;
  border-radius: 0;
  border-style: solid;
  border-color: #e4e4e4;
  border-width: 1px;
  padding: 7px;
  -webkit-box-shadow: nome! Important;
}

.x-btn-plain-toolbar-small .x-btn-inner { 
   color: #606060;
   font-family: open sans, arial;
   font-size: 13px;
   font-weight: 400;
 }  

.x-calendar-label {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    border-color: #70A6CA;
    border-style: solid;
    border-width: 4px 1px 1px;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 18px !important;
    margin: 0;
    overflow: hidden;
    padding: 1px 4px 4px;
    text-align: center;
    z-index: 100;
}	

.x-calendar-icon::before {
    content: "";
}
 
.x-calendar-icon {
   font-family: FontAwesome !important;
   font-size: 14px !important;
   color: #717171 !important;
   padding: 3px 5px;
  /*-webkit-padding-before: 3px;*/
}

.x-calendar-panel-title {
  visibility: hidden !important;
}

.x-calendar-weeks .x-calendar-weeks-cell {
   border-color: #f3f3f3;
}

.x-calendar-header .x-calendar-header-cell{
   border: 1px solid #f3f3f3
}

.x-calendar-weeks-large .x-calendar-weeks-day-text {
 font-size: 11px;
 color: #606060;
}

.x-calendar-header-large .x-calendar-header-cell {
 font-size: 11px;
 font-weight: 300;
 color: #999;
 border-bottom-width: 1px;
}
f
.x-calendar-weeks .x-calendar-weeks-day-text {
  color: #606060;
 }

 .x-calendar-weeks-past-cell {
  background: #f8f8f8;
 } 
 
 .x-today-cell-highlight-day {
  background-color: #f8f8f8;
} 

.x-calendar-days-large .x-calendar-days-time {
  font-size: 11px;
}

.x-calendar-days .x-calendar-days-time {
  border-bottom: 1px solid #f3f3f3;
}

.x-calendar-days .x-calendar-days-time-ct {
  background-color: #fff;
  border-left: 0px;
  border-right: 1px solid #f3f3f3;
} 

.x-calendar-header .x-calendar-header-gutter { 
  background-color: #fff;
} 

.x-calendar-days .x-calendar-days-header-gutter {
  background-color: #fff;
  border: 1px solid #f3f3f3;
  border-left: 0px !important;
} 

.x-btn.x-btn-menu-active.x-btn-default-toolbar-small, .x-btn.x-btn-pressed.x-btn-default-toolbar-small {
  background-image: none !important;
} 

.x-calendar-days .x-calendar-days-day-column { 
  border-right: 1px solid #f3f3f3;
} 

.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-small, .x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-toolbar-small {
  -webkit-box-shadow: #e4e4e4 0 1px 0px 0 inset, #e4e4e4 0 -1px 0px 0 inset, #e4e4e4 -1px 0 0px 0 inset, #e4e4e4 1px 0 0px 0 inset
}

.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small {
  -webkit-box-shadow: #e4e4e4 0 1px 0px 0 inset, #e4e4e4 0 -1px 0px 0 inset, #e4e4e4 -1px 0 0px 0 inset, #e4e4e4 1px 0 0px 0 inset
}                               

.x-keyboard-mode .x-btn-focus.x-btn-default-small  {
  -webkit-box-shadow: #e4e4e4 0 1px 0px 0 inset, #e4e4e4 0 -1px 0px 0 inset, #e4e4e4 -1px 0 0px 0 inset, #e4e4e4 1px 0 0px 0 inset
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-small, .x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-small {
  box-shadow: none:
 }

.x-calendar-days .x-calendar-days-marker {
  border-bottom: 1px solid #f3f3f3;
} 

.x-calendar-days .x-calendar-days-allday-empty-cell {
    border-bottom: 1px solid #f3f3f3;
} 

.x-mb-del {
    font-family: "Font Awesome 5 Pro" !important;
    font-size: 12px !important;
    /*font-weight: 300 !important;*/
}

.x-mb-del::before {
   content: "";
   color: #e65c5c;   
}

.x-mb-circle-checked {
   font-family: "Font Awesome 5 Pro" !important;
}

.x-mb-circle-checked::before {
   content: "";
   /*color: #9fc54d;*/
}

/*.x-mb-opp-checklist {
   font-family: "Font Awesome 5 Pro" !important;
}

.x-mb-opp-checklist::before {
    content: "";
}*/

.x-mb-calendar-bt {
   font: 11px arial, sans-serif;
   color: #515151;
   border-radius: 3px;
   border: 1px solid #dcdcdc;
   background-color: #fff;
   padding: 3px 5px;
  /*-webkit-padding-before: 3px;*/
   height: 23px;
}

.x-mb-calendar-bt:hover {
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);    
   border-color: #dcdcdc;
}

.x-mb-oppstat {
    font-family: "Font Awesome 5 Pro" !important;
    font-size: 28px !important;
    font-weight: 300 !important;
}

.x-mb-opp-today::before {
    content: "";
    color: #e65c5c;   
}

.x-mb-opp-standby::before {
    content: "";
    color: orange;  
}

.x-mb-opp-win::before {
    content: "";
    color: #9fc54d;
}

.x-mb-opp-lost::before {
    content: "";
    color: gray;
}

.x-mb-opp-canceled::before {
    content: "";
    color: gray;
}

.x-mb-oppstat-bt {
   font: 12px arimo, arial, "font awesome 5 pro", sans-serif !important;
    color: #515151 !important;
    border-left: 1px solid #dcdc;
    border-top: 1px solid #dcdc;
    border-bottom: 1px solid #dcdc;
    background-color: #fff;
    padding: 6px 6px;
    height: 27px;
}

.x-mb-opp-today-bt-def::before {
    content: "";
    color: #515151;
}

.x-mb-opp-today-bt-act::before {
    content: "";
    color: white;
}

.x-mb-opp-today-bt-act {
    color: #fff !important;
    border-left: 1px solid #e65c5c;
    border-top: 1px solid #e65c5c;
    border-bottom: 1px solid #e65c5c;
    background-color: #e65c5c;
    padding: 6px 6px;
    height: 27px;
}

.x-mb-opp-standby-bt-def::before {
    content: "";
    color: #515151;  
}

.x-mb-opp-standby-bt-act::before {
    content: "";
    color: white;  
}

.x-mb-opp-standby-bt-act {
    color: #fff !important;
    border-left: 1px solid orange;
    border-top: 1px solid orange;
    border-bottom: 1px solid orange;
    background-color: orange;
    padding: 6px 6px;
    height: 27px;
}

.x-mb-opp-win-bt-def::before {
    content: "";
    color: #515151;
}

.x-mb-opp-win-bt-act::before {
    content: "";
    color: white;
}

.x-mb-opp-win-bt-act {
    color: #fff !important;
    border-left: 1px solid #9fc54d;
    border-top: 1px solid #9fc54d; 
    border-bottom: 1px solid #9fc54d; 
    background-color: #9fc54d; 
    padding: 6px 6px;
    height: 27px;
}

.x-mb-opp-lost-bt-def::before {
    content: "";
    color: gray;
}

.x-mb-opp-lost-bt-act::before {
    content: "";
    color: white;
}

.x-mb-opp-lost-bt-act {
    color: #fff !important;
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    background-color: gray;
    padding: 6px 6px;
    height: 27px;
}

.x-mb-opp-canceled-bt-def::before {
    content: "";
    color: #515151;
}

.x-mb-opp-canceled-bt-act::before {
    content: "";
    color: white;
}

.x-mb-opp-canceled-bt-act {
    color: #fff !important;
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    background-color: gray;
    padding: 6px 6px;
    height: 27px;
}

.x-mb-oppview-bt {
    color: #515151 !important;
    border-left: 1px solid #dcdc;
    border-top: 1px solid #dcdc;
    border-bottom: 1px solid #dcdc;
    background-color: #fff;
    height: 26px;
}

.x-mb-opp-list-bt-def::before {
    font-family: "Font Awesome 6 Pro" !important;
    color: #6c9330;
}

.x-mb-opp-funnel-bt-def::before {
    font-family: "Font Awesome 6 Pro" !important;
    color: #6c9330;
}

.x-mb-opp-list-bt-act {
    font-family: "Font Awesome 6 Pro" !important;
    border-left: 1px solid #9fc54d;
    border-right: 1px solid #9fc54d;
    border-top: 1px solid #9fc54d;
    border-bottom: 1px solid #9fc54d;
    background-color: #f9f9f9;
}

.x-mb-opp-funnel-bt-act {
    font-family: "Font awesome 6 Pro" !important;
    border-left: 1px solid #9fc54d;
    border-right: 1px solid #9fc54d !important;
    border-top: 1px solid #9fc54d;
    border-bottom: 1px solid #9fc54d;
    background-color: #f9f9f9;
}

.x-mb-act-topuser::before {
    content: "";
}

.x-mb-funnel::before {
    content: "";
    color: #fff;
}

.x-mb-newlead::before {
    content: "";
    color: #fff;
}

.x-mb-newtask::before {
    content: "";
    color: #fff;
}

.x-mb-contactday::before {
    content: "";
    color: #fff;
}

.x-mb-birth::before {
    content: "";
    color: #fff;
}

.x-mb-search-bt {
   font-family: "Font Awesome 5 Pro" !important;
   font-size: 11px !important;
   color: #515151;
   border-radius: 3px;
   border: 1px solid #dcdcdc;
   background-color: #fff;
   padding: 5px 7px;
  /*-webkit-padding-before: 5px;*/
   height: 27px;
}

.x-mb-search-bt:hover {
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);    
   border-color: #dcdcdc;
}

.x-mb-search-bt::before {
    content: "";
    font-size: 14px;
    color: #999;
}
 
.x-mb-circle::before {
  content: "";
}

.x-mb-circle {
  font-family: "Font Awesome 5 Pro" !important;
  font-weight: 300 !important;
}

.x-mb-msg-home::before {
  content: "";
  color: white;
}

.x-mb-msg-home {
    font-family: FontAwesome;
    font-size: 14px;
}

.x-mb-leadstat {
    font-family: "Font Awesome 5 Pro" !important;
    font-size: 28px !important;
    font-weight: 300 !important;
}

.x-mb-face-meh::before {
  content: "\f11a";
  /*color: #b2b2b2;*/
}

.x-mb-face-smile::before {
  content: "\f118";
  /*color: #97b35a;*/
}

.x-mb-face-frown::before {
  content: "\f119";
  /*color: #f8b672;*/
}

/* Ext Calendar styles */

.ext-cal-ct {
  border-bottom: none;
  border-right: none;
  border-top: 1px solid #f3f3f3;
  top: 2px;
  font-family: arial,sans-serif;
 }

.ext-cal-hd-day { 
   font-weight: 300;
   font-size: 11px;
   color: #999;
}

.ext-cal-dayview .ext-cal-body-ct { 
   border-top: 1px solid #f3f3f3;
}   

.ext-cal-day-today { 
   /*background: #f6f9fc none repeat scroll 0 0;*/
   background: #fff none repeat scroll 0 0;
}

.ext-cal-month-hd .ext-cal-hd-day {
    border-left: none;
	border-right: none;
}

.ext-cal-month-hd .ext-cal-hd-days-tbl {
    border-top: 1px solid #f3f3f3;
}

.ext-cal-monthview .ext-cal-body-ct {
    border-bottom: none; 
    border-left:  none;
    top: 21px;
}

.ext-cal-dayview .ext-cal-gutter-rt { 
   width: 17px;
}   

/* Month view week link boxes */
.ext-cal-monthview .ext-cal-week-link,
.ext-cal-monthview .ext-cal-week-link-hd {
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #fefefe;
    border-top: 1px solid #e0e3e5;
    border-right: 1px solid #e0e3e5;
    font-size: 10px;
    color: #999;
    padding: 3px 0 0;
    text-align: center;
    cursor: pointer;
}

.ext-cal-monthview .ext-cal-wk-ct { 
    top: 3px;
 } 
 
 .ext-cal-monthview .ext-cal-hd-ct { 
    top: -3px;
    padding-top: 2px;
  }

.ext-cal-hd-days-tbl {
    background: #fefefe none repeat scroll 0 0;
}

td.ext-cal-dtitle { 
   font-family: arial,sans-serif;
   color: #606060;
} 
td.ext-cal-dtitle-first {
    /*border-top: 1px solid #f3f3f3;*/
	border-top: none;
}

.ext-cal-dayview .ext-cal-hd-days-tbl { 
   background-color: #fff;
 }  
 
 .ext-cal-dayview .ext-cal-bg-row-div {
   border-top: 1px solid #f3f3f3;
 } 
 
 .ext-cal-dayview .ext-cal-bg-tbl { 
   border-bottom: none;
   border-right: none;
   margin-top: -2px;
 }
 
 .ext-cal-hd-ct {
    border-bottom: 1px solid #f3f3f3;
}
 
 .ext-cal-day-col { 
   border-top: 1px solid #f3f3f3;
   border-left: 1px solid #f3f3f3;
 }
 
 .ext-cal-day-time-inner { 
   border-bottom: 1px solid #f3f3f3; 
   height: 41;
 }
 
 .ext-cal-day-times { 
   border-top: 1px solid #f3f3f3; 
   /*border-right: 1px solid #f3f3f3;*/
   color: #606060;
   background-color: #fff;
 }
 
 .ext-cal-day-col .ext-cal-evr,
.ext-cal-day-col .ext-cal-evi {
    width: 102% !important;
}

.ext-cal-day-col .ext-color-1,
.ext-dd-drag-proxy .ext-color-1,
.ext-color-1-ad,
.ext-color-1-ad .ext-cal-evm,
.ext-color-1 .ext-cal-picker-icon,
.ext-color-1-x dl,
.ext-color-1-x .ext-cal-evb { 
   background-color: #5fa2dd;
}

.ext-cal-evr { 
  border-radius: 0px;
}  

.x-btn-wrap-default-small.x-btn-arrow-right:after {
  content: "";
  padding: 1px;
}

.x-datepicker {
    width: 250px;
}

.x-datepicker-header {
   background-color: #f5f5f5;
   padding: 7px;
}

.x-datepicker-column-header { 
    background-color: #f5f5f5;
    color: #606060;
    font: 400 13px "Open Sans","Helvetica Neue",helvetica,arial,verdana,sans-serif;
	padding: 1px;
} 

.x-datepicker-column-header-inner {
    line-height: 20px;
	padding: 0 11px 1px 0;
}

.x-datepicker-date {
    color: #404040;
    font: 300 13px/28px "Open Sans","Helvetica Neue",helvetica,arial,verdana,sans-serif;
	padding: 0 11px 0 0;
}

.x-datepicker-cell {
	border-width: 0px;
}

.x-datepicker-today { 
   background-color: transparent;
   border: none;
}

.x-datepicker-footer, .x-monthpicker-buttons {
    background-color: #fff;
    padding: 6px 0;
}

.x-datepicker-footer .x-btn, .x-monthpicker-buttons .x-btn { 
  background-color: #f6f6f6;
  border-color: #e4e4e4;
  border-radius: 0px;
  padding: 5px 3px;
}

.x-datepicker-selected div.x-datepicker-date { 
   background-color: #5fa2dd;
   font-weight: 300;
}

.x-monthpicker-item { 
   font: 300 13px "Open Sans","Helvetica Neue",helvetica,arial,verdana,sans-serif;
}

.x-monthpicker-item-inner {
    line-height: 26px;
	margin: 0px -10px 0px 12px;
}

.x-monthpicker-months { 
   width: 130;
}

.x-monthpicker-item a.x-monthpicker-selected { 
  background-color: #5fa2dd;
  color: #fff;
}

.x-monthpicker-months .x-monthpicker-item { 
   padding: 0 1px 0 8px;
   width: 56px;
}

.x-monthpicker-yearnav {
    height: 39px;
}
.x-monthpicker-yearnav-button-ct {
    padding: 3px 0 0 24px;
}

.x-monthpicker-yearnav-prev::before {
   content: ""; 
}

.x-monthpicker-yearnav-prev { 
   background-image: none;
   font: 16px/1 FontAwesome;
   color: #919191;
   text-decoration: none;
} 

.x-monthpicker-yearnav-next::before {
   content: ""; 
}

.x-monthpicker-yearnav-next { 
   background-image: none;
   font: 16px/1 FontAwesome;
   color: #919191;
   text-decoration: none;
} 

.x-monthpicker-yearnav-button {
  margin-top : 7px;
}  

.x-datepicker-selected .x-datepicker-date {
    background-color: #5fa2dd !important;
	color: #fff !important;
    font-weight: 300;
}

.x-datepicker-month::after {
  /*content: "";*/
   content: none !important;
}

.x-datepicker-month {
   color: #919191;
   font: 16px/1 fontAwesome
}

.x-datepicker-month .x-btn {
   background-color: transparent !important;
 }

.x-datepicker-month .x-btn-inner { 
   font-size: 13px;
   color: #404040;
}

.x-datepicker-month .x-btn-over {
    background: #f5f5f5 none repeat scroll 0 0 !important;
    border-color: transparent;
	box-shadow: none !important;
}

.x-datepicker-month .x-btn-split-right { 
  background-image: none;
  font: 16px/1 FontAwesome;
  color: #919191;
  text-decoration: none;
  padding: 2px 3px 0px 0px;
}

.x-datepicker-prev::before { 
   content: "";
}

.x-datepicker-prev { 
   background-image: none;
   font: 16px/1 FontAwesome;
   left: 8;
} 

.x-datepicker-next::before { 
   content: "";
}

.x-datepicker-next { 
   background-image: none;
   font: 16px/1 FontAwesome;
   right: 8;
} 

.x-datepicker-arrow { 
   background-color: #f5f5f5;
   color: #919191;
   top: 11px;
   text-decoration: none;
}

.x-datepiker-icon {
   border: none !important;
   box-shadow: none !important;
}

.x-grid-item-selected {
  background-color: #d2e2ef !important;
}

#fmhome_fmdashboard_fmcalendar_dtcalendar_0-triggerWrap.x-form-trigger-wrap-focus {
  border: none !important;
  box-shadow: none !important;
}

/*#fmhome_edsearch_0-inputEl.x-field-default-form-focus {
   background-image: url("/files/img/home-search.png") !important;
   background-repeat: no-repeat;
   background-position: 6px 5px;
   padding: 3px 31px;
   color: #fff !important;
}*/

.x-form-date-trigger::before {
   content: "";
}   

.x-form-date-trigger {
  background-image: none !important;
  color: #909090;
  font: 14px fontAwesome;
  padding: 5px 2px;
  -webkit-padding-before: 6px;
}

.x-keyboard-mode .x-mask.x-focus {
  border-width: 0px !important;
}

.x-social-icon {
  font: 14px fontAwesome;
}

.x-mb-email-lb {
   font: 11px arial, sans-serif;
   color: #515151;
   border-radius: 3px;
   border: 1px solid #dcdcdc;
   background-color: #fff;
   padding: 6px 12px;
}

.x-mb-email-lb:hover {
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);    
   border-color: #dcdcdc;
}

.x-mb-scroll-search, .x-mb-scroll-notify {
  overflow-x:hidden !important;
  box-shadow: 0 0 30px #888 !important;
  border: 1px solid #f5f5f5;
  z-index: 100;
 }

.x-mb-search-lb, .x-mb-notify-lb {
  display: inline-block;
  font: 14px arial, sans-serif !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 350px !important;
}

.x-mb-ellipsis-lb {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.x-mb-setup-hover { 
   border-left: 4px solid #9fc54d;
   left: 20px !important;
   margin-left: -20px;
   padding: 0px 27px 2px;
   color: #333 !important;
}

.x-mb-fa-lock {
  -webkit-margin-before: 2px;
}

.ie .x-mb-fa-lock {
  margin-top: 2px !important;
}

.x-mb-funnel-top-right-radius {
  border-top-right-radius: 6px;
}

.x-detail-action-grid  {
   cursor: pointer;
   text-transform: capitalize;
}	

.x-detail-action-grid:hover  {
  text-decoration: underline; 
}

.x-mb-file-grid {
  background-position: -2px 0px;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 1px 15px;
 }

 .x-mb-file_image {
 background-image: url("/images/image.png") !important;
 }
 
 .x-mb-file_pdf {
 background-image: url("/images/pdf.png") !important;
 }
 
 .x-mb-file_xls {
 background-image: url("/images/xls.png") !important;
 }
 
 .x-mb-file_zip {
 background-image: url("/images/zip.png") !important;
 }
 
 .x-mb-file_word {
 background-image: url("/images/word.png") !important;
 }
 
 .x-mb-file_other {
 background-image: url("/images/file.png") !important;
 }

/*HichCharts*/  
.highcharts-drilldown-axis-label, .highcharts-drilldown-data-label  {
   fill: #606060 !important;
   text-decoration:none !important;
   font-weight: normal !important;
}

.highcharts-drilldown-data-label text{
  fill: #606060 !important;
  text-decoration:none !important;
  font-weight: normal !important;
}

.highcharts-drilldown-data-label tspan  {
   fill: #606060 !important;
   font-weight: normal !important;
}

.highcharts-button {
  display: none !important;
}

.hc-cat-title {
  font-size: 12px;
  font-family: helvetica, arial, sans-serif;
  fill: #606060 !important;
}

.highcharts-axis-line {
  stroke: #e6e6e6 !important;
}

.highcharts-subtitle { 
  font-family: open sans, arial, sans-serif !important;
  text-align: center !important;
 } 
