@font-face {
    font-family: 'Montserrat';
    src: url(montserratFont/Montserrat-Light.otf);
}
.small-dbl-box-footer-isDisabled {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
  visibility:hidden !important;
}
.small-dbl-box-footer-isDisabled > a {
  color: currentColor;
  display: inline-block;  /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
  visibility:hidden !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #222D32 !important;
    border-color: #222D32 !important;
}

table._ecotablehistory th{
font-size:11px !important;
}
table._ecotablehistory td{
font-size:10px !important;
}
/*--------------------*/

.eco-small-box {
	overflow: hidden !important;
	opacity : 0.45 !important;
	white-space:nowrap !important;
	overflow: hidden !important;
    border-radius: .25rem !important;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.3) !important;
    display: block !important;
    margin-bottom: 10px !important;
    position: relative !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	cursor: hand !important;
}
.eco-small-box2 {
	overflow: hidden !important;
	opacity : 0.45 !important;
	white-space:nowrap !important;
	overflow: hidden !important;
    border-radius: .25rem !important;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.3) !important;
    display: block !important;
    margin-bottom: 10px !important;
    position: relative !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	cursor: default !important;
}

.eco-small-box>.inner{
	padding:5px !important
	
}
.eco-small-box2>.inner{
	padding:5px !important
	
}

.eco-small-box>.eco-small-box-footer {
    
    background-color: rgba(0,0,0,.002) !important;
    color: rgba(255,255,255,.8) !important;
	white-space:nowrap !important;
	overflow: hidden !important;
	display: block !important;
    padding: 3px 0 !important;
    position: relative !important;
    text-align: right !important;
    text-decoration: none !important;
    z-index: 10 !important;
	font-size:18px !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.eco-small-box2>.eco-small-box-footer2 {
    
    background-color: rgba(0,0,0,.002) !important;
    color: rgba(255,255,255,.8) !important;
	white-space:nowrap !important;
	overflow: hidden !important;
	display: block !important;
    padding: 3px 0 !important;
    position: relative !important;
    text-align: right !important;
    text-decoration: none !important;
    z-index: 10 !important;
	font-size:18px !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.eco-small-box>.eco-small-box-footer:hover {
	cursor: pointer !important;
}
.eco-small-box2>.eco-small-box-footer2:hover {
	cursor: pointer !important;
}

.small-dbl-box-footer {
	white-space:nowrap !important;
  width: 50% !important;
  display: inline-block !important;
  overflow: hidden !important;
}
.small-dbl-box-footer2 {
	white-space:nowrap !important;
  width: 50% !important;
  display: inline-block !important;
  overflow: hidden !important;
}

.eco-small-box h3{font-size:29px  !important;font-weight:bold  !important;margin:0 0 20 0   !important;white-space:nowrap !important;padding: 0px !important;}
.eco-small-box2 h3{font-size:29px  !important;font-weight:bold  !important;margin:0 0 20 0   !important;white-space:nowrap !important;padding: 0px !important;}

.eco-small-box p{font-size:14px !important;font-weight:bold !important;white-space:nowrap !important;overflow: hidden !important;

	margin-top: 0 !important;
    margin-bottom: 1rem !important;
}
.eco-small-box2 p{font-size:14px !important;font-weight:bold !important;white-space:nowrap !important;overflow: hidden !important;

	margin-top: 0 !important;
    margin-bottom: 1rem !important;
}


.eco-small-box p>small{display:block;color:#f9f9f9;font-size:11px;margin-top:5px !important}
.eco-small-box2 p>small{display:block;color:#f9f9f9;font-size:11px;margin-top:5px !important}


.eco-small-box h3,.eco-small-box p{z-index:5 !important}
.eco-small-box2 h3,.eco-small-box p{z-index:5 !important}


.eco-small-box .icon{-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:absolute;top:5px;right:10px;z-index:0;font-size:90px;color:rgba(0,0,0,0.15);padding: 5px 0px 0px 0px !important;}
.eco-small-box2 .icon{-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:absolute;top:5px;right:10px;z-index:0;font-size:90px;color:rgba(0,0,0,0.15);padding: 5px 0px 0px 0px !important;}

.eco-small-box:hover{opacity : 0.95 !important; text-decoration:none;color:#f9f9f9 !important}
.eco-small-box2:hover{opacity : 0.95 !important; text-decoration:none;color:#f9f9f9 !important}

.eco-small-box:hover .icon{font-size:85px !important}
.eco-small-box2:hover .icon{font-size:85px !important}
/*@media (max-width:767px){.eco-small-box{text-align:center}.eco-small-box .icon{display:none}.eco-small-box p{font-size:12px}}*/

.ebg-gray{color:#000;background-color:#d2d6de !important}
.ebg-gray-light{background-color:#f7f7f7 !important}
.ebg-black{background-color:#111 !important}
.ebg-red{background-color:#dd4b39 !important}
.ebg-yellow{background-color:#f39c12 !important}
.ebg-aqua{background-color:#00c0ef !important}
.ebg-blue{background-color:#0073b7 !important}
.ebg-light-blue{background-color:#3c8dbc !important}
.ebg-green{background-color:#00a65a !important}
.ebg-navy{background-color:#001f3f !important}
.ebg-teal{background-color:#39cccc !important}
.ebg-olive{background-color:#3d9970 !important}
.ebg-lime{background-color:#01ff70 !important}
.ebg-orange{background-color:#ff851b !important}
.ebg-fuchsia{background-color:#f012be !important}
.ebg-purple{background-color:#605ca8 !important}
.ebg-maroon{background-color:#d81b60 !important}
.ebg-gray-active{color:#000;background-color:#b5bbc8 !important}
.ebg-black-active{background-color:#000 !important}
.ebg-red-active{background-color:#d33724 !important}
.ebg-yellow-active{background-color:#db8b0b !important}
.ebg-aqua-active{background-color:#00a7d0 !important}
.ebg-blue-active{background-color:#005384 !important}
.ebg-light-blue-active{background-color:#357ca5 !important}
.ebg-green-active{background-color:#008d4c !important}
.ebg-navy-active{background-color:#001a35 !important}
.ebg-teal-active{background-color:#30bbbb !important}
.ebg-olive-active{background-color:#368763 !important}
.ebg-lime-active{background-color:#00e765 !important}
.ebg-orange-active{background-color:#ff7701 !important}
.ebg-fuchsia-active{background-color:#db0ead !important}
.ebg-purple-active{background-color:#555299 !important}
.ebg-maroon-active{background-color:#ca195a !important}
.ebg-green-enov8-1{background-color:#41AD4E !important}
.ebg-green-enov8-2{background-color:#62B76C !important}
.ebg-available{background-color:#018001 !important}
.ebg-green-config{background-color:#41AD4E !important}
.ebg-red-config{background-color:#d33724 !important}
.ebg-amber-config{background-color:#ff851b !important}
.ebg-orange-config{background-color:#ff4500 !important}
.ebg-all-config{background-color:#357ca5 !important}

.ebg-gray-b{color:#000;background-color:#d2d6de !important; opacity : 1 !important;}
.ebg-gray-light-b{background-color:#f7f7f7 !important; opacity : 1 !important;}
.ebg-black-b{background-color:#111 !important; opacity : 1 !important;}
.ebg-red-b{background-color:#dd4b39 !important; opacity : 1 !important;}
.ebg-yellow-b{background-color:#f39c12 !important; opacity : 1 !important;}
.ebg-aqua-b{background-color:#00c0ef !important; opacity : 1 !important;}
.ebg-blue-b{background-color:#0073b7 !important; opacity : 1 !important;}
.ebg-light-blue-b{background-color:#3c8dbc !important; opacity : 1 !important;}
.ebg-green-b{background-color:#00a65a !important; opacity : 1 !important;}
.ebg-navy-b{background-color:#001f3f !important; opacity : 1 !important;}
.ebg-teal-b{background-color:#39cccc !important; opacity : 1 !important;}
.ebg-olive-b{background-color:#3d9970 !important; opacity : 1 !important;}
.ebg-lime-b{background-color:#01ff70 !important; opacity : 1 !important;}
.ebg-orange-b{background-color:#ff851b !important; opacity : 1 !important;}
.ebg-fuchsia-b{background-color:#f012be !important; opacity : 1 !important;}
.ebg-purple-b{background-color:#605ca8 !important; opacity : 1 !important;}
.ebg-maroon-b{background-color:#d81b60 !important; opacity : 1 !important;}
.ebg-gray-active-b{color:#000;background-color:#b5bbc8 !important; opacity : 1 !important;}
.ebg-black-active-b{background-color:#000 !important; opacity : 1 !important;}
.ebg-red-active-b{background-color:#d33724 !important; opacity : 1 !important;}
.ebg-yellow-active-b{background-color:#db8b0b !important; opacity : 1 !important;}
.ebg-aqua-active-b{background-color:#00a7d0 !important; opacity : 1 !important;}
.ebg-blue-active-b{background-color:#005384 !important; opacity : 1 !important;}
.ebg-light-blue-active-b{background-color:#357ca5 !important; opacity : 1 !important;}
.ebg-green-active-b{background-color:#008d4c !important; opacity : 1 !important;}
.ebg-navy-active-b{background-color:#001a35 !important; opacity : 1 !important;}
.ebg-teal-active-b{background-color:#30bbbb !important; opacity : 1 !important;}
.ebg-olive-active-b{background-color:#368763 !important; opacity : 1 !important;}
.ebg-lime-active-b{background-color:#00e765 !important; opacity : 1 !important;}
.ebg-orange-active-b{background-color:#ff7701 !important; opacity : 1 !important;}
.ebg-fuchsia-active-b{background-color:#db0ead !important; opacity : 1 !important;}
.ebg-purple-active-b{background-color:#555299 !important; opacity : 1 !important;}
.ebg-maroon-active-b{background-color:#ca195a !important; opacity : 1 !important;}
.ebg-green-enov8-1-b{background-color:#41AD4E !important; opacity : 1 !important;}
.ebg-green-enov8-2-b{background-color:#62B76C !important; opacity : 1 !important;}
.ebg-available-b{background-color:#018001 !important; opacity : 1 !important;}
.ebg-green-config-b{background-color:#41AD4E !important; opacity : 1 !important;}
.ebg-red-config-b{background-color:#d33724 !important; opacity : 1 !important;}
.ebg-amber-config-b{background-color:#ff851b !important; opacity : 1 !important;}
.ebg-orange-config-b{background-color:#ff4500 !important; opacity : 1 !important;}
.ebg-all-config-b{background-color:#357ca5 !important; opacity : 1 !important;}


.loginText{
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-size: 11px !important;
	 
}
/*anno*/
.anno-content{
	color:222D32 !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;


}
.noicon .x-tree-icon-leaf {
   display:none !important;
}
.noicon .x-tree-elbow-img {
    width: 0px;
    height: 20px;
    margin-right: 0;
}
.anno-inner{
	background:#FFFFFF !important;
}
.anno .anno-inner .anno-btn-container .anno-btn{
	background:#1E282C !important;
}

/* toast styles */
.toast-top-right {
  top: 50px !important;
  right: 0px !important;
}
/*html2canvas*/
.x-grid-cell-inner {
   color:#1E282C !important;
}
.x-grid-body .x-grid-table-focused-first {
   border: none !important;
	outline:none !important;
}
/*div.x-grid-view.x-fit-item.x-grid-view-default.x-unselectable{
	background-color: #FFFFFF !important; 
	
	border: none !important;
	outline:none !important;
}*/
/* grid body styles */
.x-column-header .x-column-header-inner{
	
	/*border-top: 1px solid #CDCDCD !important;
	border-bottom: 1px solid #CDCDCD !important;*/
}
.x-column-header .x-column-header-inner {

    white-space: nowrap !important;
    overflow: hidden !important;
	position: relative !important;
	width: 100% !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-size: 14px !important;
	font-weight: bold !important;
    background: #FAFAFA !important;
	/*color: white;*/
}
.x-grid-header-ct{
	 background: #FAFAFA !important;
}
.x-column-header .x-column-header-inner:hover {
    
	font-weight: normal !important;
    background: #F2F2F2 !important;
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
	/*color: white;*/
}


.my-grid-cls .x-grid {
    background: #FFFFFF !important;
}

 .x-grid-cell {
	box-sizing: border-box !important;
	
}

.othersOrglockedByMe .x-cell {
	background-color:: #545454 !important;
	filter: alpha(opacity=70) !important;
	opacity: .70 !important;
	
}
.othersOrglockedByMe .x-grid-cell-inner  {
	color:#FF0202 !important;
}
.othersOrglockedByOthers .x-cell {
	background-color:: #545454 !important;
	filter: alpha(opacity=70) !important;
	opacity: .70 !important;
	
}
.othersOrglockedByOthers .x-grid-cell-inner  {
	color:#afafaf !important;
}
.othersOrgNotlocked .x-cell {
	background-color:: #545454 !important;
	filter: alpha(opacity=70) !important;
	opacity: .70 !important;
	
}
.othersOrgNotlocked .x-grid-cell-inner  {
	color:#000000 !important;
}

.lockedByMe .x-cell {
	background-color:: #999999 !important;
	filter: alpha(opacity=90) !important;
	opacity: .90 !important;
}
.lockedByMe .x-grid-cell-inner {
	color:#FF0202 !important;
}
.lockedByOthers .x-cell {
	background-color:: #999999 !important;
	filter: alpha(opacity=90) !important;
	opacity: .90 !important;
}
.lockedByOthers .x-grid-cell-inner {
	color:#afafaf !important;
}
.southError{
	color:#FF0202 !important;
}
.hidden{
    display: none !important;
}
.editcell {
    background-color: #FFFFFF !important;
}
.readonlycell {
    background-color: #F2F2F2 !important;
}


.dGridCellContainer {

    white-space: nowrap !important;
    overflow: hidden !important;
	position: relative !important;
	width: 100% !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-size: 1.1em !important;
	-webkit-border-radius: 4px 4px 4px 4px !important;
    -moz-border-radius: 4px 4px 4px 4px !important;
    -ms-border-radius: 4px 4px 4px 4px !important;
    -o-border-radius: 4px 4px 4px 4px !important;
    border-radius: 4px 4px 4px 4px !important;
	
}

.x-grid-cell-inner {
    overflow: hidden !important;
    padding: 12px 11px 11px 11px !important;
	/*height : 38px !important;*/
    white-space: nowrap !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
  	font-size: 1.1em !important;
	border: 0px  !important;
  
}
/*form*/
/*.x-form-element {
	padding-left:5px !important;
	position:relative !important;
}*/
.x-fieldset-header-text {
    font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
    font-size: 15px !important;
	font-weight: bold !important;
	color: #0b112a !important;
    padding: 2px 0px 2px 0px !important;
	margin-top: 2px !important;
    
	
}
/*.x-fieldset {
    border: 1px solid #e5e5e5 !important;
    padding: 15px 10px !important;
    margin: 15px 10px 5px !important;
}*/
.x-fieldset-header{
	    margin-top: 2px !important;
		margin-bottom: 2px !important;
		border-bottom: 0px solid #0b112a !important;

}
.x-grid-editor .x-form-spinner-up {
    height: 11px !important;
}
.x-grid-editor .x-form-spinner-down {
    height: 10px !important;
}

.fieldLabelLogin label{
	font-weight: bold !important;

    padding: 8px 0px 6px 2px !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-size: 15px !important;
}
.fieldLabel label{
	font-weight: bold !important;

    padding: 8px 0px 6px 2px !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-size: 13px !important;
}
.medFieldLabel label{
	font-weight: bold !important;
    padding: 8px 0px 6px 2px !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-size: 14px !important;
}
.medFieldLabel2 label{
	/*font-weight: bold !important;*/
    padding: 8px 0px 6px 2px !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-size: 14px !important;
}
.medFieldLabelGlobalCombo label{
	font-weight: bold !important;
	color: #000000 !important;
    padding: 8px 0px 6px 2px !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-size: 15px !important;

	padding-top:2px !important;
}
.x-window-default {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px !important;
    padding: 0px !important;
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF !important;
}
.x-window-header-default-top {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px !important;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 1px 1px 1px 1px !important;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    background-color: #2C3B41 !important;
}
.x-message-box .x-window-body {
    background-color: #FFFFFF !important;
     border-width: 0; 
}

.x-form-field{
	height: 22px !important;
	width: 100%;
	outline: none;
	border: none;
	border-bottom: 1px solid #BBBBBB;
    background-image:none;
	background:#fafafa !important;
	
	-webkit-box-shadow: inset 0px 0px 2px 0px #fafafa; 
    -moz-box-shadow: inset 0px 0px 2px 0px #fafafa;
     box-shadow: inset 0px 0px 2px 0px #fafafa; 
	 
	-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;;
    -o-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;

}
.loginField .x-form-field{
	height: 35px !important;
	width: 100%;
	outline: none;
	border: none;
	border-bottom: 1px solid #BBBBBB;
    background-image:none;
	background:#fafafa !important;
	
	-webkit-box-shadow: inset 0px 0px 2px 0px #fafafa; 
    -moz-box-shadow: inset 0px 0px 2px 0px #fafafa;
     box-shadow: inset 0px 0px 2px 0px #fafafa; 
	 
	-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;;
    -o-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;

}
.x-form-type-password input.x-form-invalid-field{
	border-bottom: 2px solid #CE3A09 !important;
}

.x-form-type-text input.x-form-invalid-field{
	border-bottom: 2px solid #CE3A09 !important;
}
.x-form-textarea{
	height: 38px !important;

}
.x-form-focus {
    border-bottom: 2px solid #46D368 !important;
}
.x-form-field:focus{
	height: 22px !important;
	width: 100%;
	outline: none;
	border: none;
	border-bottom: 2px solid #46D368 !important;
    background-image:none;
	background:#fafafa !important;
	
   /* -webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
    -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
     box-shadow: inset 0px 0px 4px 0px #3BA648; 
	 */
	-webkit-transition:all .1s linear !important; 
	-o-transition:all .1s linear !important;
	transition:all .1s linear !important;
	

}
.loginField .x-form-field:focus{
	height: 35px !important;
	width: 100%;
	outline: none;
	border: none;
	border-bottom: 2px solid #46D368;
    background-image:none;
	background:#fafafa !important;
	
   /* -webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
    -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
     box-shadow: inset 0px 0px 4px 0px #3BA648; 
	 */
	-webkit-transition:all .1s linear !important; 
	-o-transition:all .1s linear !important;
	transition:all .1s linear !important;
	

}
.x-form-textarea:focus{
	height: 38px !important;

}
div.x-panel-body.x-grid-body.x-panel-body-custom2.x-layout-fit.x-panel-body-custom2{
	border-width: 1px; 
    border-style: solid; 
    border-color: #AFAFAF !important;
    background: #FFFFFF; 
	/*-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;;
    -o-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;*/
}

.x-boundlist {
    border-width: 1px; 
    border-style: solid; 
    border-color: #AFAFAF !important;
    background: #FFFFFF; 
	/*-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;;
    -o-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;*/
}
.x-boundlist-item-selected  {
	background: #c8d2d5 !important;
    border-color: #c8d2d5 !important;
}
li.x-boundlist-item.x-boundlist-selected{
	background: #c8d2d5 !important;
    border-color: #c8d2d5 !important;
}

.x-boundlist-item-over  {
    background: #c8d2d5 !important;
    border-color: #c8d2d5 !important;
}

.x-boundlist-item {
    padding: 4px 4px 4px 4px !important;
    line-height: 20px;
    cursor: pointer;
    cursor: hand;
    position: relative;
    zoom: 1;
    border-width: 0px;
    border-style: solid;
    border-color: #AFAFAF !important;
	background: #FFFFFF; 
}
/*#login .x-form .x-panel-body {
    background-color: transparent;
    padding: 0;
}*/
.x-toolbar-footer {
    background: transparent;
    border: 0;
    margin: 3px 0 0;
	
    padding: 25px 10px 15px 10px;
}
.x-panel-default-framed {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    padding: 0px 0px 0px 0px;
    border-width: 0px;
    border-style: solid;
    background-color: #fafafa;
}
.x-panel-body-default-framed {
    background: #fafafa;
    border-color: #fafafa;
    color: black;
    font-size: 12px;
    font-size: normal;
    border-width: 0;
    border-style: solid;
}
 
/*tooltip*/
.x-tip {
	width: auto !important;
	
	/*color: #ffffff !important;*/
	
	/*filter: alpha(opacity=90) !important;
	opacity: .90 !important;*/
	
	/*background:#1E282C !important;*/
	background:-webkit-gradient(linear, 0 top, 0 bottom, color-stop(0.18, #fafafa), color-stop(0.64, #f0f0f0)) !important;
	background:-moz-linear-gradient(center bottom, #f0f0f0 34%, #fafafa 82%) repeat scroll 0 0 transparent !important;
	background:-ms-linear-gradient(bottom, #f0f0f0 34%, #fafafa 82%) repeat scroll 0 0 transparent !important;
	background:linear-gradient(center bottom, #f0f0f0 34%, #fafafa 82%) repeat scroll 0 0 transparent !important;
	border-radius:3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	border:1px solid #BBBBBB !important;
	/*-moz-box-shadow: 1px 1px 2px 2px #1E282C,
					 1px -1px 2px -2px #1E282C !important;
	-webkit-box-shadow: 1px 1px 2px 2px #1E282C,
						1px -1px 2px -2px #1E282C !important;
	-o-box-shadow: 1px 1px 2px 2px #1E282C,
				   1px -1px 2px -2px #1E282C !important;
	box-shadow: 1px 1px 2px 2px #1E282C,
				1px -1px 2px -2px #1E282C !important;*/
}

.x-tip-body {
  font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
  font-size: 11px !important;
  width: auto !important;
}
.x-tip-body span {
    width: auto !important;
	
}
.x-tip-form-invalid, .x-tip-body-form-invalid {
    width: 150px !important;
}

.x-tip-body-form-invalid li {
    margin-top: 0px !important;
	margin-bottom: 0px !important;
    margin-left: 15px !important;
	color: #182226 !important;
	font: normal !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-weight: none !important;
	font-size: 12px !important;
}
.x-tip-header {
	/*padding:0.15em !important;*/
}

.x-tip-header-text {
	padding:0.15em !important;
}

.x-tip-body {
	padding:0.15em !important;
}

.x-tip-body div:first-child {
	margin-bottom:0.15em !important;
}
/*Mask Style*/
.x-mask-msg{
	background: #414E54 !important;
	border: 0px  !important;
	border-radius : 10px !important;
	
}
.x-mask{
	filter: alpha(opacity=25) !important;
	opacity: .25 !important;
	background: grey !important;
    padding: 5px 5px 5px 5px !important;
	border: 0px  !important;

}
.x-mask-msg-inner{
	background: #414E54 !important;
	padding: 5px 5px 5px 5px !important;
	border-radius : 10px !important;
	border: 0px  !important;
	color: #182226 !important;
	font: normal !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-weight: none !important;
	font-size: 14px !important;

}
.x-mask-msg-text {
    padding: 63px 0 0 !important;
    background-image: url(../images/mask.gif)!important;
	background-size:contain !important;
    background-repeat: no-repeat !important;
    background-position: center 0 !important;
	color: #fff;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px rgba(16, 27, 57, 1), 0 0 30px rgba(16, 27, 57, 1), 0 0 40px rgba(16, 27, 57, 1), 0 0 55px rgba(16, 27, 57, 1), 0 0 75px rgba(16, 27, 57, 1);
	text-align: center;
	
}
/*-----------------------------------*/
.treeBtnCls{
	background:#1E282C !important;
	background-repeat: no-repeat !important;
	padding: 0px 0px 2px 0px !important;
    border-width: 1px;
    border-color: #1E282C;
    border-style: solid;
	border-radius: 0;
	 
   	 
}

div.x-trigger-index-1.x-form-trigger.icon-triggersearch20-white {
 
	background:transparent;
	background-repeat: no-repeat !important;
    width: 22px;
    height: 22px;
	border-width: 0 0 1px;
    border-color: transparent;
    border-style: solid;
}
div.x-trigger-index-0.x-form-trigger.icon-x-mark20-white.x-form-trigger-first {
   
	background:transparent;
	background-repeat: no-repeat !important;
    width: 22px;
	height: 22px;
    border-width: 0 0 1px;
    border-color: transparent;
    border-style: solid;
}

div.x-trigger-index-1.x-form-trigger.icon-triggersearch-white {
 
	background:transparent;
	background-repeat: no-repeat !important;
    width: 17px;
    
	border-width: 0 0 1px;
    border-color: transparent;
    border-style: solid;
}
div.x-trigger-index-0.x-form-trigger.icon-x-mark-white.x-form-trigger-first {
   
	background:transparent;
	background-repeat: no-repeat !important;
    width: 17px;
	
    border-width: 0 0 1px;
    border-color: transparent;
    border-style: solid;
}
div.x-trigger-index-1.x-form-trigger.icon-triggersearch {
 
	background:transparent;
	background-repeat: no-repeat !important;
    width: 17px;
    
	border-width: 0 0 1px;
    border-color: transparent;
    border-style: solid;
}

div.x-trigger-index-0.x-form-trigger.icon-x-mark.x-form-trigger-first {
   
	background:transparent;
	background-repeat: no-repeat !important;
    width: 17px;
	
    border-width: 0 0 1px;
    border-color: transparent;
    border-style: solid;
}
.x-form-trigger {
   
    width: 17px;
	
    border-width: 0 0 1px;
    border-color: #1E282C;
    border-style: solid;
}
.x-form-trigger {
    
    width: 17px;
	
    border-width: 0 0 0px;
    border-color: #1E282C;
    border-style: solid;
}

div.x-trigger-index-1.x-form-trigger.x-form-spinner-down{
	background-image: url(../icons/spinner-small.gif) !important;

}
div.x-trigger-index-0.x-form-trigger.x-form-spinner-up{
	background-image: url(../icons/spinner-small.gif) !important;

}


div.x-trigger-index-0.x-form-trigger.x-form-trigger-first{
	background: url(../icons/trigger-square.gif);
	background-repeat: no-repeat !important;
    width: 17px;
	
    border-width: 0 0 0px;
    border-color: #1E282C;
    border-style: solid;
}
/*div.x-trigger-index-0.x-form-trigger.x-form-trigger-first{
	background: url(../icons/triggersearch2.png);
	background-repeat: no-repeat !important;
    width: 17px;
	
    border-width: 0 0 0px;
    border-color: #1E282C;
    border-style: solid;
}*/
.x-trigger-cell {
    background-color: transparent !important;
} 



.mySearch .x-form-field{
	
	background:#2C3B41 !important;
	border-color:#2C3B41 !important;
	border-width:0px!important;
	
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
    color: #ffffff !important;
	font-weight:normal !important;
	text-align: center;
	font-size: 0.9em !important; 
	
	
	
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;;
    -o-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
} 


.mySearch .x-form-focus{

	background:#414E54 !important;
	border-color:#414E54 !important;
	border-width:0px!important;
	
	-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
    -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
     box-shadow: inset 0px 0px 4px 0px #3BA648; 
	 
	-webkit-transition:all .1s linear !important; 
	-o-transition:all .1s linear !important;
	transition:all .1s linear !important;
} 
.mySearch2 .x-form-field{
	
	background:#FAFAFA !important;
	border-color:#FAFAFA !important;
	border-width:0px!important;
	
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
    color: #1E282C !important;
	font-weight:normal !important;
	text-align: center;
	font-size: 0.9em !important; 
	
	-webkit-box-shadow: inset 0px 0px 4px 0px #AFAFAF; 
    -moz-box-shadow: inset 0px 0px 4px 0px #AFAFAF;
     box-shadow: inset 0px 0px 4px 0px #AFAFAF; 
	 
	-webkit-transition:all .1s linear !important; 
	-o-transition:all .1s linear !important;
	transition:all .1s linear !important;
	
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;;
    -o-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
} 
.mySearch2 .x-form-focus{

	background:#FFFFFF !important;
	border-color:#FFFFFF !important;
	border-width:0px!important;
	
	-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
    -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
     box-shadow: inset 0px 0px 4px 0px #3BA648; 
	 
	-webkit-transition:all .1s linear !important; 
	-o-transition:all .1s linear !important;
	transition:all .1s linear !important;
} 
.mySearch3 .x-form-field{
	
	background:#2C3B41 !important;
	border-color:#2C3B41 !important;
	border-width:0px!important;
	
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
    color: #ffffff !important;
	font-weight:normal !important;
	text-align: center;
	font-size: 0.9em !important; 
	
	
	
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;;
    -o-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
} 


.mySearch3 .x-form-focus{

	background:#414E54 !important;
	border-color:#414E54 !important;
	border-width:0px!important;
	
	-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
    -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
     box-shadow: inset 0px 0px 4px 0px #3BA648; 
	 
	-webkit-transition:all .1s linear !important; 
	-o-transition:all .1s linear !important;
	transition:all .1s linear !important;
} 
/*myToolbar*/
.x-field-toolbar .x-form-text {
    height: 30px !important;
    line-height: 20px !important;
}
.myTBar2.x-toolbar-default{
	border-color:#bec2c6!important;
	border-width:0px!important;
	background-image:none!important;
	background-color:#bec2c6!important;

	padding:10px 5px 10px 5px !important;
	/*background-shadow: 0 0 5px #bec2c6, 0 0 10px #bec2c6, 0 0 20px rgba(16, 27, 57, 1), 0 0 30px rgba(16, 27, 57, 1), 0 0 40px rgba(16, 27, 57, 1), 0 0 55px rgba(16, 27, 57, 1), 0 0 75px rgba(16, 27, 57, 1);
	background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#62B76C),color-stop(100%,#62B76C))!important;
	background-image:-webkit-linear-gradient(top,#62B76C,#62B76C)!important;
	background-image:-moz-linear-gradient(top,#62B76C,#62B76C)!important;
	background-image:-o-linear-gradient(top,#62B76C,#62B76C)!important;
	background-image:linear-gradient(top,#62B76C,#62B76C)!important;*/
}
.myTBar.x-toolbar-default{
	border-color:#AFAFAF!important;
	border-width:0px!important;
	background-image:none!important;
	background-color:#1E282C!important;
	/*background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#5F5D5E),color-stop(100%,#5F5D5E))!important;
	background-image:-webkit-linear-gradient(top,#5F5D5E,#5F5D5E)!important;
	background-image:-moz-linear-gradient(top,#5F5D5E,#5F5D5E)!important;
	background-image:-o-linear-gradient(top,#5F5D5E,#5F5D5E)!important;
	background-image:linear-gradient(top,#5F5D5E,#5F5D5E)!important;*/
}
/*all other Toolbar*/
.x-toolbar-default{
	border-color:#AFAFAF!important;
	border-width:0px 0px 0px 0px!important;
	background-image:none!important;
	background-color:#FAFAFA!important;
	/*background-color:#FFFFFF!important;*/
	/*background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#D4D4D4),color-stop(100%,#D4D4D4))!important;
	background-image:-webkit-linear-gradient(top,#AFAFAF,#D4D4D4)!important;
	background-image:-moz-linear-gradient(top,#AFAFAF,#D4D4D4)!important;
	background-image:-o-linear-gradient(top,#AFAFAF,#D4D4D4)!important;
	background-image:linear-gradient(top,#AFAFAF,#D4D4D4)!important;*/
}
/* accordion background styles */
.x-accordion-hd .x-panel-header-text-container{
	color:#FFFFFF !important;
	padding: 4px 4px 3px 4px !important;
	/*font-weight:bold !important;*/
	font-size: 14px !important;
	font-size: normal !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	
	
}
.x-accordion-item .x-accordion-hd{
	background:#1E282C !important;
	border-color:#1E282C !important;
	border-width:0px!important;
	border-color:#3BA648 !important;
	border-width:0px 0px 0px 4px !important;
	
	
}
.x-accordion-item:hover .x-accordion-hd:hover .x-panel-header-text-container{
	color:#FFFFFF !important;
	padding: 4px 4px 3px 4px !important;
	/*font-weight:bold !important;*/
	font-size: 14px !important;
	font-size: normal !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.x-accordion-item:hover .x-accordion-hd:hover{
	border-color:#3BA648 !important;
	border-width:0px 0px 0px 4px !important;
}
.x-accordion-item .x-accordion-hd-expanded{
	border-color:#3BA648 !important;
	border-width:0px 0px 0px 4px !important;
}

.x-accordion-item .x-collapsed{
	border-color:#3BA648 !important;
	border-width:0px 0px 0px 0px !important;
}
.x-accordion-item .x-collapsed .x-panel-header-text-container{
	/*color:#D4D4D4 !important;*/
	color:#8AA4AF !important;
	padding: 4px 4px 3px 4px !important;
	font-weight:normald !important;
	font-size: 14px !important;
	font-size: normal !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.x-accordion-item .x-accordion-hd-sibling-expanded{
	background:#1E282C !important;
	border-color:#1E282C !important;
	border-width:0px!important;


}
.x-accordion-hd-sibling-expanded {
     -webkit-box-shadow: inset 0 0 0 0 #1E282C; 
    -moz-box-shadow: inset 0 0 0 0 #1E282C;
     box-shadow: inset 0 0 0 0 #1E282C; 
}

 
/*ecosystem pre loader styles */
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}
/*ecosystem header styles */
.header {
    background:  #1E282C !important;
    font-size: 26px !important;
    color: #FFFFFF !important;
    padding: 0px 0px 2px 0px !important;
    font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.header2 {
	
    background:  #FAFAFA !important;
    font-size: 26px !important;
    color: #1E282C !important;
    padding: 2px 0px 2px 0px !important;
	border: solid 1px #AFAFAF!important;
	border-width:1px 1px 0px 1px!important;
    font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
/* login background styles */
#background {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
    z-index: 0 !important;
	
}
#background1 {
    cursor: pointer !important;
	width: 80% !important;
    height: 80% !important;
    position: absolute !important;
    left: 3px !important;
	right: 5px !important;
    top: 7px !important;
	bottom: 5px !important;
    z-index: 0 !important;
	font-size: 22px !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

#helpico
{
    background: url('../icons/exclusive.png') no-repeat !important;
    width:16px !important; 
    height:16px !important;
	position: relative; !important;
	left: 0 !important;
	top: -4 !important;  
	vertical-align:top !important;
    float: left !important;
}
/*popup window header styles */
.x-window-header-text {
    text-align: center !important;
    font-size: 17px !important;
    font-weight: bold !important;
    font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
    color: #FFFFFF !important;
	
}
.x-window-header-text-container {
    text-align: left !important;
    padding: 14px 14px 14px 14px !important;
    background: #2C3B41 !important;
}
.x-form-display-field{
    text-align: center !important;
    font-size: 14px !important;
    font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.x-window-header-customWindow {
    /*font-weight: bold !important;*/
    background:  #2C3B41 !important;
    font-size: 15px !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.x-window-header-customWindowMed {
    /*font-weight: bold !important;*/
    background:  #2C3B41 !important;
    font-size: 14px !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
/*btn style*/
.x-btn {
	background:#FAFAFA !important;
	border-color:#E7E7E7 !important;
    border-width: 1px 1px 1px 1px !important;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;;
    -o-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}
.x-btn-noicon{
	background:#FAFAFA !important;
	border-color:#E7E7E7 !important;
    border-width: 1px 1px 1px 1px !important;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;;
    -o-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}
.x-btn:hover{
  text-decoration: none !important;
 /* background:transparent !important;*/
  /*border-color:#3BA648 !important;
  border-width: 1px 1px 1px 1px !important;

  -webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
  -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
  box-shadow: inset 0px 0px 4px 0px #3BA648; 
	
   -webkit-transition:all .3s linear !important; 
   -o-transition:all .3s linear !important;
   transition:all .3s linear !important;*/
}


.x-btn:focus{
   text-decoration: none !important;
   background:transparent !important;

   /*border-color:#3BA648 !important;
   border-width: 1px 1px 1px 1px !important;

   -webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; 
	
	-webkit-transition:all .3s linear !important; 
	-o-transition:all .3s linear !important;
	transition:all .3s linear !important;*/
}

.x-btn-inner{
	 /* font-weight: bold !important;*/
	 font-size: 13px !important; 
	 color: #182226 !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.x-btn-noicon:hover{
    text-decoration: none !important;
	
    border-color:#3BA648 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#F2F2F2 !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.x-btn-noicon:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #182226 !important; 
	 text-align: center !important;
	 text-style: bold !important;
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.x-btn-noicon:focus .x-btn-inner{
   text-decoration: none !important;
   background:transparent !important;

   	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #182226 !important; 
	 text-align: center !important;
	 text-style: bold !important;
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.x-btn-pressed{
	text-style: bold !important;
	
	border-style: solid;
    border-color:#3BA648 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#F2F2F2 !important;
}

.btnCls, .medbtncls{
	 background:#FAFAFA !important;
}

.btnCls .x-btn-inner{

	 /* font-weight: bold !important;*/
	 font-size: 13px !important; 
	 color: #182226 !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}


.medbtncls .x-btn-inner{

	/* font-weight: bold !important;*/
	 font-size: 13px !important; 
	 color: #182226 !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtncls:hover, .btnCls:hover{
	border-color:#3BA648 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#F2F2F2 !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}

.medbtncls:hover .x-btn-inner, .btnCls:hover  .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #182226 !important; 
	 text-align: center !important;
	 text-style: bold !important;
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}


.medbtncls:focus .x-btn-inner, .btnCls:focus  .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #182226 !important; 
	 text-align: center !important;
	 text-style: bold !important;
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}



/*-------My Item btn1---------*/
.medbtnclsMyItem1{
   background:#4597af !important;
   border-color:#4597af !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclsMyItem1 .x-btn-inner{

	 font-weight: normal !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclsMyItem1:hover{
	border-color:#57BDDB !important;
    border-width: 1px 1px 1px 1px !important;
	background:#57BDDB !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclsMyItem1:hover .x-btn-inner{
	 font-weight: normal !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclsMyItem1:focus{
	border-color:#4597af !important;
    border-width: 1px 1px 1px 1px !important;
	background:#4597af !important;
	
}

.medbtnclsMyItem1:focus .x-btn-inner{
	 font-weight: normal !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
/*-------My Item btn1---------*/
.medbtnclsMyItem2{
   background:#8a8a8a !important;
   border-color:#8a8a8a !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclsMyItem2 .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclsMyItem2:hover{
	border-color:#6d6d6d !important;
    border-width: 1px 1px 1px 1px !important;
	background:#6d6d6d !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclsMyItem2:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclsMyItem2:focus{
	border-color:#8a8a8a !important;
    border-width: 1px 1px 1px 1px !important;
	background:#8a8a8a !important;
	
}

.medbtnclsMyItem2:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}



/*-------Assigned Item btn1---------*/
.medbtnclsAssignedItem1{
   background:#0074D9 !important;
   border-color:#0074D9 !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclsAssignedItem1 .x-btn-inner{

	 font-weight: normal !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclsAssignedItem1:hover{
	border-color:#66abe8 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#66abe8 !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #0074D9; 
   -moz-box-shadow: inset 0px 0px 4px 0px #0074D9;
   box-shadow: inset 0px 0px 4px 0px #0074D9; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclsAssignedItem1:hover .x-btn-inner{
	 font-weight: normal !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclsAssignedItem1:focus{
	border-color:#0074D9 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#0074D9 !important;
	
}

.medbtnclsAssignedItem1:focus .x-btn-inner{
	 font-weight: normal !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
/*-------Assigned Item btn1---------*/
.medbtnclsAssignedItem2{
   background:#8a8a8a !important;
   border-color:#8a8a8a !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclsAssignedItem2 .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclsAssignedItem2:hover{
	border-color:#6d6d6d !important;
    border-width: 1px 1px 1px 1px !important;
	background:#6d6d6d !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #0074D9; 
   -moz-box-shadow: inset 0px 0px 4px 0px #0074D9;
   box-shadow: inset 0px 0px 4px 0px #0074D9; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclsAssignedItem2:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclsAssignedItem2:focus{
	border-color:#8a8a8a !important;
    border-width: 1px 1px 1px 1px !important;
	background:#8a8a8a !important;
	
}

.medbtnclsAssignedItem2:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

/*-------login btn---------*/
.medbtnclsLogin{
   background:#3BA648 !important;
   border-color:#3BA648 !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclsLogin .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 15px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclsLogin:hover{
	border-color:#55C362 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#55C362 !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclsLogin:hover .x-btn-inner{
	 font-weight: normal !important;
	 font-size: 15px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 text-style: bold !important;
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclsLogin:focus .x-btn-inner{
	 font-weight: normal !important;
	 font-size: 15px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 text-style: bold !important;
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
/*-------forgotPassword btn---------*/
.medbtnclsForgot{
	 background:#FAFAFA !important;
	border-color:#FAFAFA !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclsForgot .x-btn-inner{

	/* font-weight: bold !important;*/
	 font-size: 12px !important; 
	 color: #182226 !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclsForgot:hover{
	border-color:#F2F2F2 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#F2F2F2 !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclsForgot:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 12px !important; 
	 color: #182226 !important; 
	 text-align: center !important;
	 text-style: bold !important;
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclsForgot:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 12px !important; 
	 color: #182226 !important; 
	 text-align: center !important;
	 text-style: bold !important;
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

/*-------My Item btn1---------*/
.medbtnclsclearfilter{
   background:#82c68a !important;
   border-color:#82c68a !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclsclearfilter .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclsclearfilter:hover{
	border-color:#69ac71 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#69ac71 !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclsclearfilter:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclsclearfilter:focus{
	border-color:#82c68a !important;
    border-width: 1px 1px 1px 1px !important;
	background:#82c68a !important;
	
}

.medbtnclsclearfilter:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
/*-------My Item btn1---------*/
.medbtnclsclearfilter2{
   background:#8a8a8a !important;
   border-color:#8a8a8a !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclsclearfilter2 .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclsclearfilter2:hover{
	border-color:#6d6d6d !important;
    border-width: 1px 1px 1px 1px !important;
	background:#6d6d6d !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclsclearfilter2:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclsclearfilter2:focus{
	border-color:#8a8a8a !important;
    border-width: 1px 1px 1px 1px !important;
	background:#8a8a8a !important;
	
}

.medbtnclsclearfilter2:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
/*-------My Item btn1---------*/
.medbtnclsdetailview{
   background:#8a8a8a !important;
   border-color:#8a8a8a !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclsdetailview .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclsdetailview:hover{
	border-color:#6d6d6d !important;
    border-width: 1px 1px 1px 1px !important;
	background:#6d6d6d !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclsdetailview:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclsdetailview:focus{
	border-color:#8a8a8a !important;
    border-width: 1px 1px 1px 1px !important;
	background:#8a8a8a !important;
	
}

.medbtnclsdetailview:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
/*-------My Item btn1---------*/
.medbtnclsdownload{
   background:#99CD68 !important;
   border-color:#99CD68 !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclsdownload .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclsdownload:hover{
	border-color:#7aa453 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#7aa453 !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclsdownload:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclsdownload:focus{
	border-color:#99CD68 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#99CD68 !important;
	
}

.medbtnclsdownload:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
/*-------My Item btn1---------*/
.medbtnclsmailobject{
   background:#8a8a8a !important;
   border-color:#8a8a8a !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclsmailobject .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclsmailobject:hover{
	border-color:#6d6d6d !important;
    border-width: 1px 1px 1px 1px !important;
	background:#6d6d6d !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclsmailobject:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclsmailobject:focus{
	border-color:#8a8a8a !important;
    border-width: 1px 1px 1px 1px !important;
	background:#8a8a8a !important;
	
}

.medbtnclsmailobject:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
/*-------My Item btn1---------*/
.medbtnclsaddobject{
   background:#3BA648 !important;
   border-color:#3BA648 !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclsaddobject .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclsaddobject:hover{
	border-color:#359540 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#359540 !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclsaddobject:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclsaddobject:focus{
	border-color:#3BA648 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#3BA648 !important;
	
}

.medbtnclsaddobject:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
/*-------My Item btn1---------*/
.medbtnclssaveobject{
   background:#3BA648 !important;
   border-color:#3BA648 !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclssaveobject .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclssaveobject:hover{
	border-color:#359540 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#359540 !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclssaveobject:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclssaveobject:focus{
	border-color:#3BA648 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#3BA648 !important;
	
}

.medbtnclssaveobject:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

/*-------My Item btn1---------*/
.medbtnclsdeleteobject{
   background:#D9534F !important;
   border-color:#D9534F !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclsdeleteobject .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclsdeleteobject:hover{
	border-color:#ad423f !important;
    border-width: 1px 1px 1px 1px !important;
	background:#ad423f !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclsdeleteobject:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclsdeleteobject:focus{
	border-color:#D9534F !important;
    border-width: 1px 1px 1px 1px !important;
	background:#D9534F !important;
	
}

.medbtnclsdeleteobject:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
/*-------My Item btn1---------*/
.medbtnclscancelobject{
   background:#D9534F !important;
   border-color:#D9534F !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclscancelobject .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclscancelobject:hover{
	border-color:#ad423f !important;
    border-width: 1px 1px 1px 1px !important;
	background:#ad423f !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclscancelobject:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclscancelobject:focus{
	border-color:#D9534F !important;
    border-width: 1px 1px 1px 1px !important;
	background:#D9534F !important;
	
}

.medbtnclscancelobject:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

/*-------My Item btn1---------*/
.medbtnclscopyobject{
   background:#007dcc !important;
   border-color:#007dcc !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclscopyobject .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclscopyobject:hover{
	border-color:#0064a3 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#0064a3 !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclscopyobject:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclscopyobject:focus{
	border-color:#007dcc !important;
    border-width: 1px 1px 1px 1px !important;
	background:#007dcc !important;
	
}

.medbtnclscopyobject:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
/*-------My Item btn1---------*/
.medbtnclsgoback{
   background:#007dcc !important;
   border-color:#007dcc !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclsgoback .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclsgoback:hover{
	border-color:#0064a3 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#0064a3 !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclsgoback:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclsgoback:focus{
	border-color:#007dcc !important;
    border-width: 1px 1px 1px 1px !important;
	background:#007dcc !important;
	
}

.medbtnclsgoback:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
/*-------My Item btn1---------*/
.medbtnclsexecuteobject{
   background:#007dcc !important;
   border-color:#007dcc !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclsexecuteobject .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclsexecuteobject:hover{
	border-color:#0064a3 !important;
    border-width: 1px 1px 1px 1px !important;
	background:#0064a3 !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclsexecuteobject:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclsexecuteobject:focus{
	border-color:#007dcc !important;
    border-width: 1px 1px 1px 1px !important;
	background:#007dcc !important;
	
}

.medbtnclsexecuteobject:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

/*-------My Item btn1---------*/
.medbtnclseditobject{
   background:#f0ad4e !important;
   border-color:#f0ad4e !important;
   border-width: 1px 1px 1px 1px !important;
}
.medbtnclseditobject .x-btn-inner{

	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.medbtnclseditobject:hover{
	border-color:#c08a3e !important;
    border-width: 1px 1px 1px 1px !important;
	background:#c08a3e !important;
   /*-webkit-box-shadow: inset 0px 0px 4px 0px #3BA648; 
   -moz-box-shadow: inset 0px 0px 4px 0px #3BA648;
   box-shadow: inset 0px 0px 4px 0px #3BA648; */
	
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.medbtnclseditobject:hover .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.medbtnclseditobject:focus{
	border-color:#f0ad4e !important;
    border-width: 1px 1px 1px 1px !important;
	background:#f0ad4e !important;
	
}

.medbtnclseditobject:focus .x-btn-inner{
	 font-weight: bold !important;
	 font-size: 13px !important; 
	 color: #FFFFFF !important; 
	 text-align: center !important;
	 /*text-style: bold !important;*/
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}


/*-------accordion btn---------*/

.accordionbtncls{
	 border-color:#1E282C !important;
	 border-width:1px 1px 1px 1px !important;
	 background:  #1E282C !important;
	 border-radius:4px !important;
   	 
}
.accordionbtncls2{
	 
	 background-color:#2C3B41!important;
	 
	 border-color:#2C3B41 !important;
	 border-width:1px 1px 1px 1px !important;
	 background:  #2C3B41 !important;
	 border-radius:4px !important;
   	 
}
.overaccordionbtncls{
	background-image:none !important;
	 background-color:#1E282C !important;
	 border-radius:2px !important;
	 border-color:#3BA648 !important;
	 border-width:0px 0px 0px 4px !important;
	/* -webkit-box-shadow: inset 0 0 6px #3BA648;*/
     background:  #1E282C !important;
	
	/*background-color:#1E282C!important;
	border-width:1px 1px 1px 1px !important;
	border-color:#1E282C !important;
	
	background:  #1E282C !important;
	border-radius:4px !important;*/
	
	
}
/*-------Nadge Btn---------*/
.x-btn-hasBadge {
    overflow: visible;
}

.x-btn-badgeCls {
    font-size: 11px;
    position: absolute;
    top: -10px;
    right: 2px;
    display: inline-block;
    width: auto;
    font-weight: bold;
    color: white;
    text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0px;
 /* reset el estilo */
    padding: 1px 2px;
    background-image: none;
    background-color: #FF0202;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff1a1a), color-stop(3%, #e60000), color-stop(100%, #b30000));
    background-image: -webkit-linear-gradient(top, #ff1a1a,#e60000 3%,#b30000);
    background-image: linear-gradient(top, #ff1a1a,#e60000 3%,#b30000);
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0.1em 0.1em;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0.1em 0.1em;
    z-index: 12;
}

.has-badge {
    overflow: visible !important;
}

.hide-badge {
    display: none !important;
}
/*------------------*/


div.x-box-scroller.x-menu-scroll-top.x-unselectable{
	background:  transparent !important;
}
div.x-box-scroller.x-menu-scroll-bottom.x-unselectable{
	background:  transparent !important;
}

.profilebtncls{
	 background-image:none !important;
	 background-color:#1E282C !important;
	 
	 border-color:#1E282C !important;
	 border-width:0px !important;
	 background:  #1E282C !important;
	 border-radius:0px !important;
   	 
}
.profilebtncls .x-btn-inner{
	 background-color:#1E282C!important;
	 font-weight: bold !important;
	 font-size: 14px !important; 
	 color: #FFFFFF !important; 
	 text-align: left !important;
	 text-style: bold !important;
	 font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	 border-radius:0px !important;
}
.x-pressedaccordionbtncls{
	 background-image:none !important;
	 background-color:#1E282C !important;
	 border-radius:2px !important;
	 border-color:#3BA648 !important;
	 border-width:0px 0px 0px 4px !important;
	/* -webkit-box-shadow: inset 0 0 6px #3BA648;*/
     background:  #1E282C !important;
   
}




/*tree font styles */
.x-tree-expander {
  cursor: hand !important;
}

/* line 7, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x-tree-arrows .x-tree-expander {
  background-image: url(../icons/arrows.gif) !important;
}
/* line 11, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x-tree-arrows .x-tree-expander-over .x-tree-expander {
  background-position: -32px center !important;
}
/* line 15, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander {
  background-position: -16px center !important;
}
/* line 19, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander-over .x-tree-expander {
  background-position: -48px center !important;
}




/*.large-font .x-tree-node-text:hover{
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
    color: #ffffff !important;
	font-weight:normal !important;
	text-align: center;
	font-size: 1.1em !important;  
}*/
.large-font .x-tree-node-text  {
    line-height:20px !important;
	padding: 5px 5px 5px 2px !important;
	cursor: hand !important;
	font-size: 1.1em !important;  
    font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-weight:normal !important;
	color: #8AA4AF;
	
}


.large-font .x-grid-cell-inner-treecolumn:hover .x-tree-node-text{
 	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
    color: #ffffff !important;
	font-weight:normal !important;
	text-align: center;
	font-size: 1.1em !important; 
	-webkit-transition:color .3s linear !important; 
	-o-transition:color .3s linear !important;
	transition:color .3s linear !important;
}
.large-font-leaf .x-grid-cell-inner-treecolumn:hover .x-tree-node-text{
 	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
    color: #ffffff !important;
	font-weight:normal !important;
	text-align: center;
	font-size: 1.1em !important; 
	-webkit-transition:color .3s linear !important; 
	-o-transition:color .3s linear !important;
	transition:color .3s linear !important;
}

/*.large-font-leaf .x-grid-cell-inner-treecolumn:hover  .x-tree-icon{
	width: 16px;
  	height: 20px;
  	background-image: url(../icons/emhome.svg)!important;
    background-repeat: no-repeat !important;
}*/
.large-font-leaf .x-tree-node-text  {
    line-height:20px !important;
	padding: 5px 5px 5px 2px !important;
	
	cursor: hand !important;
	font-size: 1.1em !important;  
    font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-weight:normal !important;
	color: #8AA4AF !important;
    
}
.medium-font .x-tree-node-text  {
    cursor: hand !important;
	line-height:20px !important;
	padding: 5px 5px 5px 2px !important;
	font-size: 1em !important;  
    font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	color: #182226 !important;
    font-size:normal !important;
}
.small-font .x-tree-node-text  {
    cursor: hand !important;
	line-height:20px !important;
	padding: 5px 5px 5px 2px !important;
	font-size: 1em !important;  
    font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	
	color: #182226 !important;
    font-size:normal !important;
}

/*masterTab panel*/

.x-tabbar-scroll-left {
	background-image: url(../icons/tab-left.png)!important;
    background-repeat: no-repeat !important;
	height: 100% !important;
}
.x-tabbar-scroll-right {
	background-image: url(../icons/tab-right.png)!important;
    background-repeat: no-repeat !important;
	height: 100% !important;

}


.x-tab-bar-default-top {
    padding: 0px 0px 0px 0px !important;
	border-width: 0px !important;
	left: 0px !important;

}
.x-tab-bar-strip-default-top {
    border-width: 0px 0 0 0 !important;
    height: 0px !important;
}

.x-tab-default-top {
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	-moz-box-shadow: -1px 1px 2px 3px #414E54,
					 -1px -1px 2px -3px #414E54 !important;
	-webkit-box-shadow: -1px 1px 2px 3px #414E54,
						-1px -1px 2px -3px #414E54 !important;
	-o-box-shadow: -1px 1px 2px 3px #414E54,
				   -1px -1px 2px -3px #414E54 !important;
	box-shadow: -1px 1px 2px 3px #414E54,
				-1px -1px 2px -3px #414E54 !important;
	/*-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;*/
	border-width: 0px !important;
	border-color: #414E54 !important;
}



.x-tab-bar .x-tab-bar-body .x-box-inner .x-tab {
	padding-top: 10px !important;
    height: 36px !important; 
	background: #FAFAFA;
}
.x-tab-bar :hover.x-tab-bar-body :hover .x-box-inner :hover .x-tab :hover {
	background: #F2F2F2 !important;
}
.x-tab-top-active {    
	background: #414E54 !important;
	/*color: #fff;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px rgba(16, 27, 57, 1), 0 0 30px rgba(16, 27, 57, 1), 0 0 40px rgba(16, 27, 57, 1), 0 0 55px rgba(16, 27, 57, 1), 0 0 75px rgba(16, 27, 57, 1);
	text-align: center;*/
}

.x-tab-default .x-tab-inner {
	padding: 0px 16px 4px 18px !important;
	height: 30px !important; 
    font-weight:normal !important;
	color:#182226 !important;
	
	font-size: 14px !important;
    font-size: normal !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	text-align: center  !important;
	
}

.x-tab-active .x-tab-inner{
    padding: 0px 16px 4px 18px !important;
	/*font-weight:bold !important;*/
	color:#FFFFFF !important;
	
	font-size: 14px !important;
    font-size: normal !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	
}
.x-tab-bar{
    position: absolute !important;
}
.x-tab-bar-strip {
    top: 36px !important; 
}

.x-tab-bar .x-tab-bar-body {
    line-height:40px !important;
	
    background:  #414E54 !important;
	
}

.x-tab-bar .x-tab-bar-body .x-box-inner {
	/*padding-top: 15px !important;*/
    height: 36px !important; 
	background:  #FAFAFA !important;
	border-width:0px 0px 4px 0px !important;
	border-style:solid !important;
	border-color:#414E54 !important;
}



.x-tab-bar .x-tab-bar-body .x-box-inner .x-tab button {
    height: 16px !important; 
    line-height: 16px !important; 
	
	
}
.x-border-box .x-tab-bar-top .x-tab-bar-body-default-plain{
	height : 13px !important; 
	
}


.x-tab-default-top{
	border-width:0px 0px 0px 0px !important;
	border-style:solid !important;
	border-color:#414E54 !important;
	

}
.masterTab.x-tab-default-top{
	border-width:2px 0px 0px 0px !important;
	border-style:solid !important;
	border-color:#CE3A09 !important;
	

}
/*--------------------------------------------*/
.x-grid-cell {
    border: none !important;
	outline:none !important;
}
.cell-green .x-grid-cell-inner {
    border: solid 1px #3BA648 !important;
	
}
.cell-red .x-grid-cell-inner {
 	 /*border: solid 1px #FF0202 !important;*/
	 
	border-bottom: 2px solid #CE3A09 !important;
   
	
	
	-webkit-box-shadow: inset 0px 0px 2px 0px #F2F2F2; 
    -moz-box-shadow: inset 0px 0px 2px 0px #F2F2F2;
     box-shadow: inset 0px 0px 2px 0px #F2F2F2; 
	 
	-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;;
    -o-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
	
	-webkit-transition:all .1s linear !important; 
	-o-transition:all .1s linear !important;
	transition:all .1s linear !important;
}

.cell-blue .x-grid-cell-inner {
    border: solid 1px blue !important;
	
}
.x-grid-row-focused{
    border: none !important;
	outline:none !important;
	
}
.x-grid-row-focused .x-grid-cell {
	background-color: #dbe3e7 !important; 
	
	border: none !important;
	outline:none !important;
    
	
}

.x-grid-row-over .x-grid-cell { 
    background-color: #c4d1d7 !important;
    
	border: none !important;
	outline:none !important;
   
	
} 

.x-grid-row-selected .x-grid-cell { 
    background-color: #dbe3e7 !important; 
    
	border: none !important;
	outline:none !important;
	
}
.navpanel .x-grid-tree-node-expanded .x-tree-node-text {
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
    color: #ffffff !important;
	font-weight:normal !important;
	text-align: center;
	/*font-weight: bold!important;*/
	font-size: 1.1em !important;  
}

.navpanel .x-grid-row-selected .x-grid-cell .x-tree-node-text {
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
    color: #ffffff !important;
	font-weight:normal !important;
	text-align: center;
	
	font-size: 1.1em !important;  
}

/*-------------------------------------*/
/*panel Custom Style for tab grid char layout parent*/
/*-------------------------------------*/

.navpanel 
{
	background-color: #2c3b41!important;
}

.navpanel .x-grid-cell
{
	background-color:#2c3b41!important;
}

.navpanel .x-grid-row-selected .x-grid-cell, .x-grid-row-selected .x-grid-rowwrap-div
{	background-color:#414e54 !important;
	/*background-color:#414e54 !important;
	colour: #ffffff!important;
	font-weight: bold!important;
	font-colour: #ffffff!important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;*/
	
	
	
}


/*-----------------------------------*/
/*border layout*/
.x-border-layout-ct{
	border-color: #FFFFFF !important;
	background: #D4D8DC !important;
}
/*-----------------------------------*/

/*menu*/
.x-grid-header-ct{
	border: none !important;
}


.myMenuPanel{
	/*filter: alpha(opacity=96) !important;
	opacity: .96 !important;*/
	border: 0px solid #FFFFFF !important;
	
}
.myMenuPanel .x-menu-body {
	background: #2c3b41 !important;
}
.x-panel-body-myMenu {
    font-size: 14px !important;
	
}

.x-panel-myMenu{
    border: 0px solid #FFFFFF !important;
    padding: 0 !important;
}
.x-panel-body-myMenu{
    background: #2c3b41 !important;
    border-color: #2c3b41 !important;
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-style: solid !important;
	
}

.x-panel-header-myMenu {
    background-image: none !important;
    color:#FFFFFF !important;
	background-color:  #1E282C !important;
	/*font-weight:bold !important;*/
	font-size: 14px !important;
	font-size: normal !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

/*div.x-box-inner.x-vertical-box-overflow-body{
	 outline:none !important;
	 border:none !important;
	 background-color:#1E282C !important;
	 border-color:#1E282C !important;
	 border-width:0px !important;
	 background:  #1E282C !important;
	 border-radius:0px !important;
}*/
/*div.x-component.x-box-item.x-component-default.x-menu-item.x-menu-item-plain{
	 outline:none !important;
	 border:none !important;
	 border-color:#1E282C !important;
	 background:  #1E282C !important;
	 border-radius:0px !important;
}*/

.x-panel-header-myMenu-horizontal-noborder {
    padding: 9px 9px 9px 9px !important;
}
.x-panel-header-myMenu-horizontal {
   padding: 9px 9px 9px 9px !important;
}
/*panel Custom Style for tab grid char layout parent*/
/*-------------------------------------*/
.x-panel-body-custom {
    font-size: 14px !important;
}

.x-panel-custom{
    border: 0px solid #FFFFFF !important;
    padding: 0 !important;
}

.x-panel-body-custom {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-style: solid !important;
	
}
.x-panel-header-custom {
    background-image: none !important;
    color:#FFFFFF !important;
	background:  #2C3B41 !important;
	/*font-weight:bold !important;*/
	font-size: 14px !important;
	font-size: normal !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.x-panel-header-custom-horizontal-noborder {
   padding: 9px 9px 9px 9px !important;
}
.x-panel-header-custom-horizontal {
   padding: 9px 9px 9px 9px !important;
}

/*--------------------------------------------*/
/*All panel Style*/
.x-panel-header-horizontal {
   padding: 9px 9px 9px 9px !important;
}
.x-panel-header-horizontal-noborder {
   padding: 9px 9px 9px 9px !important;
}
/*.x-panel-header-vertical {
   padding: 9px 9px 9px 9px !important;
}
.x-panel-header-vertical-noborder {
   padding: 9px 9px 9px 9px !important;
}*/
.x-panel-header-vertical {
   padding: 0px!important;
}
.x-panel-header-vertical-noborder {
   padding: 0px !important;
}
div[id*='westRegion-placeholder-innerCt'].x-box-inner {
	width: 0px !important;
}
.x-panel-body{
    /*background: #FFFFFF !important;*/
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-style: solid !important;
}
/*--------------------------------------------*/
/*panel Custom2 Style for leaf panel with border also for sub tree*/
.x-panel-body-custom2 {
    font-size: 14px !important;
}

.x-panel-custom2{
    border: 0px solid #FFFFFF !important;
    padding: 0 !important;
}
.x-panel-body-custom2{
   background: #FFFFFF !important;
    /*border-color: #a9acb0 !important;*/
	border-color: #d4d8dc !important;
    color: #FAFAFA !important;
    border-width: 1px !important;
    border-style: solid !important;
	
	
}
.x-panel-header-custom2 {
    background-image: none !important;
    color:#FFFFFF !important;
	background:  #2C3B41 !important;
	/*font-weight:bold !important;*/
	font-size: 14px !important;
	font-size: normal !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.x-panel-header-custom2-horizontal-noborder {
    padding: 9px 9px 9px 9px !important;
}
.x-panel-header-custom2-horizontal {
   padding: 9px 9px 9px 9px !important;
}
/*--------------------------------------------*/
/*panel Custom3 Style tab layout function and also for border*/
.x-panel-body-custom3 {
    font-size: 14px !important;
}

.x-panel-custom3{
    border: 0px solid #FFFFFF !important;
    padding: 0 !important;
}
.x-panel-body-custom3{
    /*background: #a9acb0 !important;
    border-color: #a9acb0 !important;*/
	background: #d4d8dc !important;
    border-color: #d4d8dc !important;
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-style: solid !important;
    overflow: auto; /*Rohit Bootstrap Scroll*/
	
}

.x-panel-header-custom3 {
    background-image: none !important;
    color:#FFFFFF !important;
	background:  #2C3B41 !important;
	/*font-weight:bold !important;*/
	font-size: 14px !important;
	font-size: normal !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.x-panel-header-custom3-horizontal-noborder {
    padding: 9px 9px 9px 9px !important;
}
.x-panel-header-custom3-horizontal {
    padding: 9px 9px 9px 9px !important;
}


/*--------------------------------------------*/
/*panel Custom4 Style tab layout function and also for border*/
.x-panel-body-custom4 {
    font-size: 14px !important;
}

.x-panel-custom4{
    border: 0px solid #FFFFFF !important;
    padding: 0 !important;
}
.x-panel-body-custom4{
    /*background: #a9acb0 !important;
    border-color: #a9acb0 !important;*/
	background: #d4d8dc !important;
    border-color: #d4d8dc !important;
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-style: solid !important;
   
	
}

.x-panel-header-custom4 {
    background-image: none !important;
    color:#FFFFFF !important;
	background:  #2C3B41 !important;
	/*font-weight:bold !important;*/
	font-size: 14px !important;
	font-size: normal !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}
.x-panel-header-custom4-horizontal-noborder {
    padding: 9px 9px 9px 9px !important;
}
.x-panel-header-custom4-horizontal {
    padding: 9px 9px 9px 9px !important;
}


/*--------------------------------------------*/

.rect-chart {
  display: block !important;
  margin: auto !important;
  margin-top: 10px !important;
  font-size: 12px !important;
  color:#ffffff !important;
  font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

.stretch {
    width: 100% !important;
    height: 100% !important;
}
.padding {
    padding: 10px !important;
    margin: 10px !important;
}






/*Impact Matrix Style*/
div[id*='impactMatrix_'][id$='-titleEl'].x-column-header-inner{
	
	background:#FAFAFA !important;
	background-color: #FAFAFA !important;
}
div[id*='impactMatrix_'].x-column-header.x-column-header-align-left.x-box-item.x-column-header-default.x-unselectable{
	/*border-top: 1px solid #CDCDCD !important;
	border-bottom: 1px solid #CDCDCD !important;*/
	background:#FAFAFA !important;
	background-color: #FAFAFA !important;
}
span[id*='impactHeader'][id$='-titleEl'], div[id*='impactHeader'][id$='-titleEl']{
padding-top: 100px !important;
	
	height:200px !important;
	overflow:ellipsis !important;
	white-space: nowrap !important; 
	position: relative !important;
	
	font-size:1.2em !important;
	width: 100% !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-weight: bold !important;
}

span[id*='impactMatrix_'][id$='-titleEl'], div[id*='impactMatrix_'][id$='-titleEl']{
text-indent:-38px !important;
	 padding-left: 0px	!important;
	 padding-top: 100px !important;
	/* Safari */
	-webkit-transform: rotate(-90deg) !important;

	/* Firefox */
	-moz-transform: rotate(-90deg) !important;

	/* IE */
	-ms-transform: rotate(-90deg) !important;

	/* Opera */
	-o-transform: rotate(-90deg) !important;

	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) !important;

	font-weight: bold !important;
	font-size:1.1em !important;
	width: 100% !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	
	overflow:visible !important;
	white-space: normal !important; 
	word-wrap: normal !important;
	-moz-user-select: none !important;
	 -webkit-tap-highlight-color:transparent !important;
	  -moz-tap-highlight-color:transparent !important;
	  
	  

}
span[id*='impactMatrix_'][id$='-titleEl'], div[id*='impactMatrix_'][id$='-titleEl']{
	
	font-weight: bold !important;
	font-size:1.1em !important;
	width: 100% !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	
	overflow:visible !important;
	white-space: normal !important; 
	word-wrap: normal !important;
	

}
/* Ext.ux.IconCombo mandatory styles */
.x-icon-combo-icon {
	position: absolute !important;
    top: 2px !important;
    left: 2px !important;
	bottom: 2px !important;
    background-repeat: no-repeat !important;
    background-position: 3px 50% !important;
    width: 16px !important;
    height: 16px !important;
}
.x-icon-combo-input {
    padding-left: 24px !important;
}
.x-form-field-wrap .x-icon-combo-icon {
    top: 3px !important;
    left: 2px !important;
    right: 10px !important;
}
.x-icon-combo-item {
    background-repeat: no-repeat !important;
    background-position: 3px 50% !important;
    padding-left: 24px !important;
}


.ux-icon-combo-wrap .x-form-field {
    padding-left: 25px !important;
}

.ux-icon-combo-icon {
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
	bottom: 2px !important;
    background-repeat: no-repeat !important;
    background-position: 3px 50% !important;
    width: 16px !important;
    height: 16px !important;
}
/* combo selection list */
.ux-icon-combo-item {
    padding-left: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 3px 50% !important;
}
/*******************************************/
/***************************************************EXTJS 4.2******************************************************************/

/*SCH-GANTT */
.sch-ganttpanel  img.x-tree-elbow-img.x-tree-elbow-plus.x-tree-expander{
	background-image: none !important;
}
.sch-ganttpanel  img.x-tree-elbow-img.x-tree-elbow-end-plus.x-tree-expander{
	background-image: none !important;
}

label.sch-gantt-label.sch-gantt-label-left{
	 padding: 9px 0px 0px 0px !important;
}
label.sch-gantt-label.sch-gantt-label-right{
	padding: 9px 0px 0px 0px !important;
}
.sch-column-header {
    font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
}

td.sch-column-header{
	/*font-weight: bold !important;*/
    background: #FAFAFA !important;
}	
td.sch-column-header .sch-column-header-over{
	font-weight: bold !important;
    background: #F2F2F2 !important;
	-webkit-transition:all .2s linear !important; 
	-o-transition:all .2s linear !important;
	transition:all .2s linear !important;
}
.sch-ganttpanel .x-splitter-vertical {
    background-color: #D4D4D4	!important;
    border-right: 1px solid #CDCDCD	!important;
	border-left: 1px solid #CDCDCD	!important;
}

.sch-ganttpanel .x-grid-cell {
    height : 38px !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-size: 15px !important;
}
.sch-ganttpanel .x-grid-cell-inner {
    overflow: hidden !important;
    padding: 0px 9px 9px 9px !important;
	height : 38px !important;
    white-space: nowrap !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
  	font-size: 1.1em !important;
	border: 0px  !important;
  
}
.sch-ganttpanel .x-tree-icon-parent {
   
	padding-top: 10px  !important;
    background-repeat: no-repeat  !important;
    background-position: 0 50% !important;
    width: 16px !important;
    height: 38px !important;
}

.sch-ganttpanel .x-tree-icon-leaf {
   
    padding-top: 10px  !important;
    background-repeat: no-repeat  !important;
    background-position: 0 50% !important;
    width: 16px !important;
    height: 38px !important;
}

.sch-dependency,
.sch-dependency-arrow {
    border-color : #3BA648 !important;
}


.x-grid-inner-locked .x-grid-cell {
    border-left-color   : transparent !important;
    border-bottom-color : transparent !important;
    border-top-color    : transparent !important;
    color               : #182226 !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-size: 12px !important;
}

.x-grid-inner-locked .x-grid-cell,
.sch-gantt-label {
    transition : color 0.5s !important;
}

.x-grid-inner-locked .x-grid-row-selected .x-grid-cell {
    color : #AFAFAF !important;
}

.x-grid-inner-locked tr:not(.x-grid-row-selected) .x-grid-cell {
    background-color : transparent !important;
}

.x-grid-inner-locked .x-grid-cell-inner,
.x-grid-inner-locked .x-tree-node-text {
    line-height : 38px !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	font-size: 11px !important;
}

.x-tree-icon, .x-tree-elbow-img, .x-tree-checkbox {
    margin-top : 0 !important;
}

.root-row .x-grid-cell-inner {
    padding-left : 10px !important;
    font-size    : 100% !important;
}

.root-row .x-grid-cell {
    border-bottom : 1px solid #CDCDCD !important;
}


/*
.sch-gantt-task {
    top    : 10% !important;
    height : 80% !important;
}
.sch-gantt-parenttask-bar {
    background-color : #AFAFAF !important;
    border-color     : #1E282C !important;
}
.sch-gantt-task-bar {
    border-radius : 1px !important;
    background    : #D4D4D4 !important;
    border-color  : #1E282C !important;
}

.sch-gantt-progress-bar {
    color            : #182226 !important;
    background-image : none !important;
    background-color : #1E282C !important;
    line-height      : 19px !important;
    text-align       : right !important;
    text-indent      : 3px !important;
    font-size        : 1.1em !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	
}

.x-grid-row-selected .sch-gantt-task-bar,.sch-gantt-task-highlighted .sch-gantt-task-bar{border:2px solid red !important;}
.x-grid-row-selected .sch-gantt-parenttask-bar,.sch-gantt-parenttask-highlighted .sch-gantt-parenttask-bar{border:2px solid red !important;}

.sch-gantt-parenttask-bar .sch-gantt-progress-bar {
    background-color : #1E282C !important;
}



.sch-gantt-progress-bar span {
    margin-right : 2px !important;
}

.sch-gantt-milestone-diamond {
    border-color : #FF0000 !important;
    background : #3BA648 !important;
}


.Important .sch-gantt-progress-bar{
    background-image  : url(../icons/Sch-Gantt/pattern.png) !important;
    background-repeat : repeat !important;
}

.sch-gantt-task .sch-gantt-labelct {
    line-height : 19px !important;
}

.sch-gantt-label {
    color:#182226 !important;
}*/

.taskTip {
	color:#182226 !important;
    font-size : 10px !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	
	
}

.tipHeader {
	color:#182226 !important;
    white-space : nowrap !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
	
}
.sch-gantt-task-bar, .sch-gantt-task-segment {
    border: 1px solid #3172d7;
    height: 100%;
    border-radius: 5px !important;
    background: #e5ecf5;
    box-shadow: 1px 1px 2px rgba(150,150,150,0.5);
}
.sch-gantt-item,
.sch-gantt-progress-bar
{
	border-radius: 5px;
    -moz-transition-property: height, top !important;
    -moz-transition-duration: 0.4s !important;
    -webkit-transition-property: height, top !important;
    -webkit-transition-duration: 0.4s !important;
    -ms-transition-property:  height, top !important;
    -ms-transition-duration: 0.4s !important;
    transition-property: height, top !important;
    transition-duration: 0.4s !important;
}

.sch-gantt-milestone-diamond
{
    -moz-transition-property: height, border-left-width, width, top !important;
    -moz-transition-duration: 0.4s !important;
    -webkit-transition-property: height, border-left-width, width, top !important;
    -webkit-transition-duration: 0.4s !important;
    -ms-transition-property:  height, border-left-width, width, top !important;
    -ms-transition-duration: 0.4s !important;
    transition-property: height, border-left-width, width, top !important;
    transition-duration: 0.4s !important;
}
.gnt-taskarea {
    position         : absolute !important;
    top              : 100% !important;
    left             : 0 !important;
    margin-left      : -1px !important;
    background-color : inherit !important;
    border-width     : 0 !important;
    opacity          : 0.2 !important;
    width            : inherit !important;
    border-radius    : 4px !important;
    z-index          : -1 !important;
    pointer-events   : none !important;
}

.gnt-taskarea-inner {
    width            : 100% !important;
    border-radius    : inherit !important;
    border-width     : 1px !important;
    border-style     : solid !important;
    border-color     : inherit !important;
    height           : 100% !important;
    opacity          : 0.7 !important;
    background-color : transparent !important;
}
/*
.sch-gantt-task {
    top    : 10% !important;
    height : 80% !important;
}

.sch-gantt-task-bar,
.sch-gantt-task-segment {
    border-radius : 1px !important;
    background    : #5ea6f2 !important;
    border        : none !important;
}

.sch-gantt-progress-bar {
    color            : #fff !important;
    background-image : none !important;
    background-color : #117be9 !important;
    line-height      : 21px !important;
    text-align       : right !important;
    text-indent      : 3px !important;
    font-size        : 0.9em !important;
    overflow         : visible !important;
}
.sch-gantt-task-segment .sch-gantt-progress-bar-label {
    display : none !important;
}

.sch-segment-in-progress .sch-gantt-progress-bar-label {
    display : inline !important;
}

.sch-gantt-parenttask-bar {
    background-color : #ffce2a !important;
    border-color     : #ffaa2a !important;
}

.sch-gantt-parenttask-bar .sch-gantt-progress-bar {
    background-color : #ffaa2a !important;
}

.sch-gantt-progress-bar span {
    margin-right : 2px !important;
}

.sch-gantt-milestone-diamond {
    border-color : #bfa448 !important;
    background   : #ffca2a !important;
}



.x-strict div.sch-event-fixed {
    background : #8b0000 !important;
}

.CustomerApproval {
    border           : 2px solid #ddd !important;
    background-color : #222 !important;
}

.sch-gantt-task .sch-gantt-labelct {
    line-height : 19px !important;
}

.sch-gantt-label {
    color : #bbb !important;
}

.sch-dependency,
.sch-dependency-arrow {
    border-color : #43b48f !important;
}*/
/*-----------------------------------*/
/*GridFilters Styles*/
.ux-filtered-column {
    font-style: italic !important;
    font-weight: bold !important;
	color:#3BA648 !important;
	font-family: 'Montserrat', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;

}




.ux-rangemenu-icon {
    display: block !important;
    height: 15px !important;
    background: no-repeat 5px center !important;
}
.ux-gridfilter-text-icon {
    background-image: url(../icons/find.png) !important;
}
.ux-rangemenu-gt {
    background-image: url(../icons/greater_than.png) !important;
}

.ux-rangemenu-lt {
    background-image: url(../icons/less_than.png) !important;
}

.ux-rangemenu-eq {
    background-image: url(../icons/equals.png) !important;
}
/*-----------------------------------*/
/*Scroll Style for only EXT 4.2*/	
::-webkit-scrollbar{    width: 14px;
}     
::-webkit-scrollbar:horizontal{    height: 14px;
}        
::-webkit-scrollbar-button {
    
	/*-webkit-box-shadow: inset 0 0 6px #1E282C;*/
    border:1px solid #bec2c6;
    width: 15px;
    height: 15px;
	-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;;
    -o-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;

}
::-webkit-scrollbar-button:vertical:decrement 
{
    background: url(../extjs/resources/themes/images/default/tools/tools-sprites-trans.gif) no-repeat -1px -62px;
}
::-webkit-scrollbar-button:vertical:increment 
{
    background: url(../extjs/resources/themes/images/default/tools/tools-sprites-trans.gif) no-repeat -1px -77px;
}
::-webkit-scrollbar-button:horizontal:decrement 
{
    background: url(../extjs/resources/themes/images/default/tools/tools-sprites-trans.gif) no-repeat -1px -105px;
}
::-webkit-scrollbar-button:horizontal:increment 
{
    background: url(../extjs/resources/themes/images/default/tools/tools-sprites-trans.gif) no-repeat -1px -120px;
}

::-webkit-scrollbar-corner
{
  background: rgba(0,0,0,0);
}

::-webkit-scrollbar-thumb
{
    -webkit-border-radius:4px;
    background-color:transparent;
    border: 1px solid #bec2c6;
}
::-webkit-scrollbar-thumb:hover{
    background-color:#bec2c6;
}

/*NAV Scroll*/
.navpanel ::-webkit-scrollbar{    width: 14px;
}

.navpanel ::-webkit-scrollbar:horizontal{    height: 14px;
}          
.navpanel ::-webkit-scrollbar-button {
    
	/*-webkit-box-shadow: inset 0 0 6px #1E282C;*/
    border:1px solid #8AA4AF;
    width: 15px;
    height: 15px;
	-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;;
    -o-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;

}
.navpanel ::-webkit-scrollbar-button:vertical:decrement 
{
    background: url(../extjs/resources/themes/images/default/tools/tools-sprites-trans.gif) no-repeat -1px -62px;
}
.navpanel ::-webkit-scrollbar-button:vertical:increment 
{
    background: url(../extjs/resources/themes/images/default/tools/tools-sprites-trans.gif) no-repeat -1px -77px;
}
.navpanel ::-webkit-scrollbar-button:horizontal:decrement 
{
    background: url(../extjs/resources/themes/images/default/tools/tools-sprites-trans.gif) no-repeat -1px -105px;
}
.navpanel ::-webkit-scrollbar-button:horizontal:increment 
{
    background: url(../extjs/resources/themes/images/default/tools/tools-sprites-trans.gif) no-repeat -1px -120px;
}


.navpanel ::-webkit-scrollbar-thumb
{
    -webkit-border-radius:4px;
    background-color:transparent;
    border: 1px solid #8AA4AF;
}

.navpanel ::-webkit-scrollbar-corner
{
  background: rgba(0,0,0,0);
}

.navpanel ::-webkit-scrollbar-thumb:hover{
    background-color:#1E282C;
}
/*-----------------------------------*/






/*

input,select {
	background-color: white;
	font-size: 22px;
}

.user-input-wrp {
	position: relative;
	width: 10%;
}

.user-input-wrp .inputText {
	width: 100%;
	outline: none;
	border: none;
	border-bottom: 1px solid #777;
}

.user-input-wrp .inputText:invalid {
	box-shadow: none !important;
}

.user-input-wrp .inputText:focus {
	border-color: #46d368 !important;
	border-width: medium medium 2px;
	transition: 0.4s ease all;
}

.borderRed {
	border-color: red !important;
	border-width: medium medium 2px;
	transition: 0.4s ease all;
}

.user-input-wrp .floating-label {
	position: absolute;
	pointer-events: none;
	top: 18px;
	left: 10px;
	transition: 0.4s ease all;
}

.user-input-wrp input:focus~.floating-label,
select:focus~.floating-label,
.user-input-wrp select:not(:focus):valid~.floating-label+span.floating-label  {
	top: 0px;
	left: 10px;
	font-size: 13px;
	opacity: 1;
	color: #46d368 !important;
}

.user-input-wrp input:focus~.floating-label,
select:focus~.floating-label,
.user-input-wrp input:not(:focus):valid~.floating-label,
select:not(:focus):valid~.floating-label {
	top: 0px;
	left: 10px;
	font-size: 13px;
	opacity: 1;
}*/