/*******************************************
********************************************
****                                     ***
****             F O N T S               ***
****                                     ***
********************************************
*******************************************/

/************************************ 
****  CUSTOM FONT DECLARATION    ****
************************************/

/* CUSTOM FONT CURRENTLY NOT USED

@font-face{
font-family: CustomPriintSuiteFont;
src: url("/PriintSuite/resources/css/geometr.otf");
}

*/

/*******************************************
**** ASSIGN FONTS TO INTERFACE ELEMENTS ****
*******************************************/

.x-form-cb-label, .x-toolbar td{
      font-family: Helvetica, Arial, sans-serif !important;    /* toolbars                     */
}
.x-grid3-row-selected .x-grid3-cell-inner, .x-tree3-node-text, 
.x-grid3-cell-inner, .x-component, .x-component div{
      font-family: Helvetica, Arial, sans-serif !important;    /* grid data                    */
}
.x-tab-strip-text {
      font-family: Helvetica, Arial, sans-serif !important;   /* labels of tabs               */
}
.x-form-item-label{
      font-family: Helvetica, Arial, sans-serif !important;    /* form components labels       */
}
.x-small-editor .x-form-field, .x-btn-text, .x-btn button{
      font-family: Helvetica, Arial, sans-serif !important;   /* editors and forms components */
}



/*******************************************
********************************************
****                                     ***
****             T E X T                 ***
****           C O L O R S               ***
****                                     ***
********************************************
*******************************************/

/***************************************************************************************************/      
/*label in comments*/               /* description */
/***************************************************************************************************/        
/*C_TXT_GRID*/                      /* text in grids, tables, lists */
/*C_TXT_GRID_HEAD*/                 /* grid headers text */
/*C_TXT_FORM_LBL*/                  /* labels of all form elements eg. inputs */
/*C_TXT_TAB*/                       /* labels of unselected tabs */
/*C_TXT_TAB_SEL*/                   /* label of selected tab */



/*******************************************
********************************************
****                                     ***
****             F I L L                 ***
****           C O L O R S               ***
****                                     ***
********************************************
*******************************************/

/***************************************************************************************************/      
/*label in comments*/               /* description */
/***************************************************************************************************/        
/*C_FILL_GRID_HEAD*/                /* grid header background */
/*C_FILL_TAB*/                      /* tab background */
/*C_FILL_TAB_ACTIVE*/               /* acive tab background */
/*C_FILL_TOOLBAR*/                  /* toolbar background */
/*C_FILL_HEAD_MENU*/                /* header above menu */
/*C_FILL_HEAD_CONTENT*/             /* header above content */ 
/*C_FILL_HEAD_I*/                   /* menu highest level */
/*C_FILL_HEAD_I_OVER*/              /* menu highest level roll over */
/*C_FILL_HEAD_II*/                  /* menu second level */
/*C_FILL_HEAD_II_OVER*/             /* menu second level roll over*/
/*C_FILL_HEAD_II_ACTIVE*/           /* menu second level current chose */




/* **********************************
* FORM HEADERS
********************************** */

div.x-form-item .x-form-item-label {
	color: #000000;
	font-size:10px !important;
	margin-left: 3px;
}



.x-table-layout-cell > div > div > label {
	display: block;
	height:20px;
	border-color: #e5e5e5;
	border-style: solid;
	border-width: 0 0 1px 0;
	text-transform: uppercase;
	font-size: 10px !important;
}

/* ********************************** 
* TABS COLORS AND STYLES
********************************** */

.x-tab-strip-active  .x-tab-right, .x-tab-strip-active .x-tab-left, .x-tab-strip-active .x-tab-strip-inner, .x-tab-strip-active .x-tab-strip-text {
      background: #f0f2f1 !important; /*C_FILL_TAB_ACTIVE*/
      border-radius: 0 !important;
}

.x-tab-strip-active span.x-tab-strip-text{
      color: #00b0bc !important;
}

.x-tab-strip span.x-tab-strip-text {
    color: #787f80; /*C_TXT_TAB*/ 
}

.x-tab-strip-top{
      background:#ffffff !important; /* WHITE BACKGROUND UNDER TAB STRIPS */
}

.x-tab-right, .x-tab-left, .x-tab-strip-inner, .x-tab-strip-text {
      background: white !important; /*C_FILL_TAB*/
      border-radius: 0 5px 0 0  !important;
}

ul.x-tab-strip li {
	margin-left: 0 !important;
}

ul.x-tab-strip-top {
	padding-top: 5px !important;
}

/*scrollers*/

.x-tab-scroller-left {
    border:none !important;
    -webkit-box-shadow: 4px 0px 6px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 0px 6px -6px rgba(0,0,0,0.75);
	box-shadow: 4px 0px 6px -6px rgba(0,0,0,0.75);
}
.x-tab-scroller-right {
    border:none !important;
    -webkit-box-shadow: -4px 0px 6px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -4px 0px 6px -6px rgba(0,0,0,0.75);
	box-shadow: -4px 0px 6px -6px rgba(0,0,0,0.75);
}


/* ********************************** 
* SPECIFIC TEXT COLORS
********************************** */
.x-form-item-label{
      color: #555555; /*C_TXT_FORM_LBL*/
}

/* ********************************** 
* MAIN HEADERS - temporary ID !!!!
********************************** */
body > div.x-border-layout-ct > div.x-column-layout-ct{
      /* background: linear-gradient(to bottom, #248b92 75%,#196166 100%) !important;  */
      background: url("/PubServerKernel/Globals?img=/images/bg.jpg");
      background-size: 864px 540px;
      background-position:top left;
      
}

body > div.x-border-layout-ct > div.x-column-layout-ct > div.x-column-inner{
	background: linear-gradient(to right, rgba(0,65,91,0.43) 0%,rgba(0,111,129,0.3) 14%,rgba(0,153,164,1) 27%,rgba(0,153,164,1) 100%);
}

/* ********************************** 
* GRID HEADERS
********************************** */

/* grid header */

.x-grid3-hd-row .x-grid3-hd {
    border-left: 0 !important;
    border-right: 0 !important;
    font-weight:normal;
}

.x-grid3-hd-inner, .x-grid3-header{
background:#889394 !important; /*C_FILL_GRID_HEAD*/
}

/* grid header - other type */
.x-grid3-hd-inner:hover>span>div, .x-grid3-header:hover>div>span>div{
background:#889394 !important; /*C_FILL_GRID_HEAD*/
}

/* grid header - other type 2 */
.x-grid3-hd-inner > span > div{
      background: #889394 !important; /*C_FILL_GRID_HEAD*/
      color:#ffffff; /*C_TXT_GRID_HEAD*/
      font-weight:normal;
}

/*grid header text color */
.x-grid3-hd-inner>span, .x-grid3-header>div>span{
color:#ffffff !important; /*C_TXT_GRID_HEAD*/
font-weight:normal;
}

/* grid no borders */
.x-grid3-row {
    border-color-top: #d8dede !important;
	border-color-bottom: #ffffff !important;
    border-width: 1px 0 1px 0 !important;
}

/* ********************************** 
* GRID - SELECTED ROW
********************************** */
/* background color */
.x-grid3-row-selected, .x-grid3-row-selected:hover{
  border-color-top: #d8dede !important;
  border-color-bottom: #ffffff !important;
  border-width: 1px 0 1px 0 !important;
  border-style: solid;
  background-color:#00b0bc !important;
}

/* text */
.x-grid3-row-selected span, .x-grid3-row-selected .x-grid3-cell-inner {
  color:#ffffff;
}

/* ********************************** 
* GRID - ON MOUSE OVER ROW
********************************** */

/* background color */
.x-grid3-row:hover{
  background-color:#f0f2f1;
}


/* ********************************** 
* HEADERS above main menu and content
********************************** */

/* normal header */
.x-panel-header{
    background: #ffffff !important; /*C_FILL_HEAD_CONTENT*/
    border-style: solid !important;
    border-color: #ffffff !important;
    border-width: 0 0 4px 0 !important;
    color: #00b0bc !important;
    height:22px;
    vertical-align:middle;
    font-size:16px;
}

.x-panel > .x-panel-header {
	font-weight:normal !important;
	border-color: #248b92 !important;
    border-width: 0 0 1px 0 !important;
    margin-bottom: 0 !important;
      
}

#menu_container .x-panel > .x-panel-header {
	margin-bottom: 0 !important;
}

.x-table-layout-cell .x-panel > .x-panel-header, .x-panel-bwrap > .x-panel-body > .x-border-panel > .x-panel > .x-panel-header {
	border: none !important;
	color: #00b0bc !important;
}

.x-tab-panel-header, .x-tab-panel-footer {
	background: none !important;
	padding-bottom: 0 !important;
}

.x-tab-strip-spacer {
	background: #f0f2f1 !important;
	height:5px;
}

.x-tab-strip-wrap {
	margin-top: -1px;
}

/* hide menu header */
#menu_container > .x-panel-header{
      display:none !important;
      
}

/* giving some top space for letters */
.x-panel-header>span{
      margin-top:3px;
      display:inline-block;
}

/* left margin only for menu header */
#menu_container .x-panel-header>span{
      margin-left:19px;
}

/* giving some top space for images */
.x-panel-header>img{
      margin-top:0;
}

/* no border */
.x-tab-panel-header {
	border: 0 !important;
}


/* ********************************** 
*  MENU
********************************** */

#menu_container {
	left: 0 !important;
	top: 0 !important;
}


/* ********************************** 
* FIRST LEVEL MENU
********************************** */

/* normal 1st level menu */
#menu_container .x-accordion-hd {
      border-color:#ffffff!important;
      border-width:1px 0 0 0 !important;
      border-style:solid !important;
      padding-left:9px;
      padding-top:2px !important;
      background:#d8dede !important; /*C_FILL_HEAD_I*/
}

#menu_container .x-accordion-hd span {
	  text-transform: uppercase;
}

#menu_container .x-panel-collapsed .x-accordion-hd {
      background: #f0f2f1 !important; /*C_FILL_HEAD_I*/
}

#menu_container .x-panel-collapsed .x-accordion-hd span {
	  text-transform: uppercase;
}


/* NOT showing images */
#menu_container .x-accordion-hd img{
      /* display:none !important; */
}

/* texts in headers */
#menu_container .x-accordion-hd .x-panel-header-text{
font-size: 12px !important;   
display:block;
margin-left:10px;
}

/* texts  color in headers */
#menu_container .x-panel .x-accordion-hd .x-panel-header-text{
color:#00b0bc !important;  
}

/* texts  color in headers */
#menu_container .x-panel-collapsed .x-accordion-hd .x-panel-header-text{
color: #737b7c !important;  
}

/* ********************************** 
* SECOND LEVEL MENU
********************************** */

/*menu 2nd lvl normal */
#menu_container .x-tree3-node{
  border-color: #ffffff !important;
  border-style:solid !important;
  border-width:1px 0 0 0 !important;
}

/*empty space */
#menu_container .x-tree3-node-ct {
      background-color: #f0f2f1; /*C_FILL_HEAD_II*/
}

/* hide images */
#menu_container .x-tree3-node img{
  /* display:none; */
}

/* font of 2nd level menu */
#menu_container .x-tree3-node .x-tree3-node-text{
      display:inline-block;
      margin: 5px 0 0 10px; /* left space */
      font-size:12px;
      color: #697677;
      padding-top:2px !important;
}

/* selected menu item background color */
#menu_container .x-ftree2-selected {
      background-color: #00b0bc !important; /*C_FILL_HEAD_II_ACTIVE*/
}

/* selected menu item text color */
#menu_container .x-ftree2-selected .x-tree3-node-text {
      color: #ffffff !important;
}




/* ********************************** 
* GRID DROPDOWN MENU MENU
********************************** */

.x-menu {
    background: #ffffff;
    border-color: #555555;
}

a.x-menu-item {
    color: #000000 !important;
}

.x-menu-item-active {
    background: #555555 !important;
    border: 1px solid #555555 !important;
    padding: 0 !important;
}

.x-menu-item-active a.x-menu-item {
    color: #ffffff !important;
}

/* ********************************** 
* LOADING MESSAGES
********************************** */

.ext-el-mask-msg{
  border-color:#555555 !important;
  border-style:solid;
  border-width:3px;
  border-radius:3px;                                                  
  background:none;
  padding:0;
}

.ext-el-mask-msg div{
  border-color:#555555 !important;
  border-style:solid;
  border-width:1px;
  margin:0;
  background:#ffffff;
}



/* ********************************** 
* OTHER STYLES CONNECTED WITH BUTTONS AND POSITIONING
********************************** */

.thumb-wrap span.x-editable{
  font-family: Helvetica, Arial, sans-serif;
  font-size:11px;
}

.x-panel-bwrap .x-toolbar-left, .x-toolbar-right, .x-toolbar{
      background:#f0f2f1 !important; /*C_FILL_TOOLBAR*/ /* TOOLBAR BACKGROUND COLOR */
      border:0 !important;
}

.x-panel-tbar-noheader {
      background: #ffffff !important; /* no idea what is it */
      border: 0 !important;
      padding: 0 !important;
}

.x-panel-noborder{
      border-width: 0 0 1px 0 !important;
      border-color:#e5e5e5 !important;
      border-style: solid !important;
}

/****************************************
TOOOLBAR INPUT TEXT
******************************************/

.x-toolbar-cell .input-rounded {
	border-color: #d8dede !important;
	border-radius:30px;
}


#logout{
      color: #9be9ef !important;
}

.logoutLabel {
      color: #ffffff !important;
}


.x-tab-panel-body, .x-tab-panel-body-top, .x-grid-panel, .xborder, #BottomDocumentsPanel{
  border:none !important;
  border-width:0 !important;
}

ul.x-tab-strip-top {
	border-bottom: 0 !important;
}


.x-toolbar-right{
  background:none !important; 
}

.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc {
    display: none !important;
}

.x-toolbar .x-btn{
   width:16px !important;
   background: none !important;
   border: none !important;
   padding: 0 4px 0 2px !important;
} 

.x-toolbar .x-btn-over .x-btn-small .x-btn-mc{
    background-color: rgb(152,200,204) !important;
    border-radius: 16px  !important;
}

.x-toolbar .x-btn-click .x-btn-small .x-btn-mc{
    background-color: rgb(172,220,224) !important;
    border-radius: 16px  !important;
    
}

.searchbox-right-side .x-btn-mc {
	border-radius: 16px  !important;
}

.x-toolbar .x-btn button{
  min-height: 20px !important;
  min-width: 20px !important;
}

.x-toolbar .x-btn button img{
  margin: 2px !important;
  left: 0 !important;
  top: 0 !important;
}

.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc {
    background: none !important;
}

.x-btn {
}

.x-btn-over {
}

.x-btn-click {
}

.x-btn-noicon {
	background: #00b0bc !important;
	border-radius: 30px !important;
}

.x-btn-noicon button{
	color: #ffffff !important;
}

.x-tab-panel-body-top .x-panel-tbar-noheader .x-toolbar-layout-ct .x-btn-noicon button{
	color: #00b0bc !important;
}

/* ********************************** 
* GRID HEADER MENU IMAGES
********************************** */

/* drop down field and arrow */
.x-grid3-hd-btn {
    background-color: #e5e5e5;
    background-image: url("/PriintSuite/resources/css/grid_head_arr.png");
}

/* right little arrow */
.x-menu-item-arrow {
    background-image: url("/PriintSuite/resources/css/grid_head_arr2.png");
}




/* ********************************** 
* OWN CHECKBOXES
********************************** */

/*

input[type=checkbox]:checked{
      background: url("/PriintSuite/resources/css/custom_checkbox_checked.png") 0 0px no-repeat !important;
}

input[type=checkbox]{
      background: url("/PriintSuite/resources/css/custom_checkbox_unchecked.png") 0 0px no-repeat !important;
      width: 16px !important;
      height: 16px !important;
}

.x-grid3-check-col-on {
    background-image: url("/PriintSuite/resources/css/custom_checkbox_checked.png");
}
.x-grid3-check-col {
    background-image: url("/PriintSuite/resources/css/custom_checkbox_unchecked.png");
}
*/


/* ********************************** 
* COMBOBXES STYLES
********************************** */

/* combobox arrow box */
.x-form-field-wrap .x-form-trigger-arrow {
    background-image: url("/PriintSuite/resources/css/combobox_down_arrows.png");
    background-color:#ffffff !important;
    border-width: 1px 1px 1px 0;
    border-color: #d8dede;
    border-style: solid;
    margin-left: -1px;
}

/* combobox arro hover */
.x-form-field-wrap .x-form-trigger:hover {
      background-color:#ffffff !important;
}

/* combobox border */
.x-form-text, textarea.x-form-field {
    background: #ffffff !important;
    border-color:#d8dede !important;
    padding-left: 10px;
}

/* combobox border focus */
.x-form-focus, textarea.x-form-focus {
    border-color: #b5b8c8 !important;
}

/*combo item selected */
.x-combo-list .x-combo-selected {
    background-color: #ffb400 !important;   /*HOVER COLOR*/
      border: 1px solid white !important;
    cursor: pointer !important;
}

/*spinner*/
.x-spinner-field .x-form-spinner-down, .x-spinner-field .x-form-spinner-up {
    background-image: url("/PriintSuite/resources/css/combobox_spinner.png");
}


/* ********************************** 
* GRID CELL
********************************** */

.x-grid3-cell-selected {
    background-color: #e5e5e5 !important;
}

.x-grid3-col{
    direction: ltr !important;
}


/* ********************************** 
* NO MOSAIC GRID COLORS
********************************** */

.x-grid3-row-alt {
    background: #ffffff;
}



/* ********************************** 
* MODAL WINDOW STYLES
********************************** */

.x-window-tl .x-window-header {
    color: #555 !important;
    margin: 1px 0 !important;
    padding: 1px !important;
}

/* no shadow */
.x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr, .x-shadow .xsml, .x-shadow .xsmr {
    background:none !important;
}

/* no 3d borders */
.x-window-ml, .x-window-mr, .x-window-tr, .x-window-tl, .x-window-br, .x-window-bl, .x-window-bc, .x-window-mc, .x-window-tc {
    background: #e5e5e5 !important;
}

.x-window{
      border-width:1px;
      border-color:#555555;
      border-style:solid;
}

/* ********************************** 
* PROGRESS BAR COLOR
********************************** */

.x-progress-bar{
      background:#ffb400 !important;
}




body {
      background: #fff;
}

#logout {
      color: #fff;
}

#loading {
      background-color: #000;
      width: 275px;
      top: 100px;
}

#logout a:link, #logout a:visited, #logout a:hover, #logout a:active, #logout a:focus {
      color: #258b92;
      text-decoration: none;
}

#logout a:hover {
      text-decoration: underline;
}

.x-panel-collapsed .x-unselectable .x-panel-header-text, .x-tree3-node-text {
      color: #889394; /*C_TXT_GRID*/
}

.x-panel-body div:last-child .x-panel-header {
      border-bottom: none;
}

.x-panel-bwrap .x-panel-header {
      background-image: none;
      background-color: #5a5a5a;
      border: none;
      border-bottom: 1px solid #d0d2d1;
      -moz-border-radius-topleft: 0;
      -moz-border-radius-topright: 0;
      -webkit-border-top-left-radius: 0;
      -webkit-border-top-right-radius: 0;
}

.x-panel-collapsed .x-panel-header {
      background-color: #f0f2f1;
}

.x-panel-header, .x-tree3-node-text {
}

.x-panel-header .x-tool-toggle {
      display: none;
}

.x-panel-body {
      border: none;
}

.x-column .x-tree3-node-ct {
      background-color: #fff;
}

.x-column-layout-ct {
      border-right: 1px solid #5a5a5a;
      border-bottom: 1px solid #5a5a5a;
}


#menu_container .x-tree3-el {
	  background-color: #d8dede;
	  height: 23px !important;
}

.x-ftree2-node-over {
      background-color: #cacfcf;
}


.x-ftree2-selected .x-tree3-node-text {
      color: #fff;
}

.x-tab-strip-top .x-tab-left {
      padding-right: 12px;
}

.x-tab-strip-closable .x-tab-left {
      padding-right: 24px;
}

.x-tab-strip span.x-tab-strip-text {
      font-size: 12px;
      padding-top: 8px;
}

.x-btn em .x-btn-text, .x-tab-strip-inner span.x-tab-strip-text {
      font-weight: normal;
}

.x-tab-strip-active span.x-tab-strip-text {
      color: #fff;
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
      top: 8px;
      right: 8px;
}

.x-grid3 div, .x-grid3 td {
      color: #889394; /*C_TXT_GRID*/
}

.x-tab-panel-body .x-border {
      border: none !important;
}

.x-border-panel .x-border {
      border: none !important;
}

.x-treegrid .x-tree3-node-text {
      font-weight: normal;
}

.x-treegrid p {
    display: inline;
}
/* Maciejs gallery*/
#images-view .x-panel-body {
  background: white;
  font: 11px Arial, Helvetica, sans-serif;
}

#images-view .thumb {
  background: #dddddd;
  padding: 3px;
}

#images-view .thumb img {
  height: 100px; /*60px*/
  width: 160px;/*80px;*/   
}

#images-view .thumb-left img {
  height: 100px; /*60px*/
  width:  80px;/*80px;*/   
}

#images-view .thumb-right img {
  height: 100px; /*60px*/
  width:   80px;/*80px;*/
  padding-left:80px;  
}

#images-view .thumb-center img {
  height: 100px; /*60px*/
  width: 160px;/*80px;*/   
}




#images-view .thumb-wrap {
  float: left;
  margin: 4px;
  margin-right: 0;
  padding: 5px;
  width:160px;
}



#images-view .thumb-wrap span {
  display: block;
  overflow: hidden;
  text-align: center;
}

#images-view .x-view-over {
  border: 1px solid #dddddd;
  background: #efefef url(../../gxt/images/default/grid/row-over.gif) repeat-x left top;
  padding: 4px;
}

#images-view .x-view-selected {
  background: #eff5fb no-repeat right bottom;
  border: 1px solid #99bbe8;
  padding: 4px;
}

#images-view .x-view-selected .thumb {
  background: transparent;
}

#images-view .loading-indicator {
  font-size: 11px;
  background-image: url(../../gxt/resources/images/default/grid/loading.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  margin: 10px;
}


.publication-tree-grid-panel {
      border: none;
}
.gwt-Label{
      font-size: 11px;
}
.x-grid-cell-size20{
     height:20px;
}
.x-grid-cell-size60{
     height:60px;
}

.tablepress-id-123{
      

}

.tablepress-id-123 span{
      
    -webkit-transform: rotate(-90deg) translate(-50px,45%);
    -moz-transform: rotate(-90deg) translate(-50px,45%);
    -ms-transform: rotate(-90deg) translate(-50px,45%);
    -o-transform: rotate(-90deg) translate(-50px,45%);
    transform: rotate(-90deg) translate(-50px,45%);
    width: 30px;
    height: 150px;
      display: block;    
}

.x-panel-noborder{
    left: 0 !important;
}

.x-border-layout-ct{
      background:#ffffff !important;
}

.x-vsplitbar{
	background-repeat: no-repeat !important;
	background-position:center !important;
	background-image: url("/PriintSuite/resources/images/gray/tabs/separator.gif"), linear-gradient(to right, #f0f0f0 10%,#ffffff 30%,#ffffff 70%,#f0f0f0 90%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	margin-left: -1px !important;
	width: 7px !important;
	height: 100% !important;
}


.x-column-layout-ct{
	border:0 !important;
}

div, td{
      color: #889394; /*C_TXT_GRID*/
}

/* LOGO */
img.applogo{
      margin-top:14px !important;
      height:37px !important;
	  margin-left: 7px !important; 
	  margin-bottom: 14px !important; 
}

.gwt-Frame {
    border: none !important;
}

#llc {
	border-width: 0 1px 0 0 !important;
	border-style: solid !important;
	border-color: #ebeeee !important;
}

#center {
	border-width: 0 0 0 1px !important;
	border-style: solid !important;
	border-color: #ebeeee !important;
}


/* UNITED SEARCHBOX */

.searchbox-left-side .x-form-field {
	border-width: 1px 0 1px 1px;
	border-radius: 30px 0 0 30px;
	height:20px;
	border-color: #d8dede !important;
}

.searchbox-right-side {
	background: none !important;
}

.searchbox-right-side:hover {
	background: none !important;
}

.searchbox-right-side .x-btn-small {
	background:none;
}


.searchbox-right-side .x-btn-small button{
    background: #ffffff;
    border-color: #d8dede !important;
    border-style: solid !important;
    border-radius: 0 30px 30px 0;
    border-width: 1px 1px 1px 0;
    height: 20px !important;
    width: 20px !important;
    border-color: #d8dede !important;
}

.searchbox-right-side .x-btn-small button img{
	top: 1px !important;
	left: 1px !important;
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */	
}

.searchbox-right-side .x-btn-small td {
	padding: 0 !important;
}

 .x-btn-mc button{
	background: none !important;
	background-color: transparent !important;
}


.x-form-field-wrap .x-form-trigger {
  height: 20px;
}


/* ICON OF SEARCH */
.x-form-label-top td {
	vertical-align: bottom;
}

.x-btn-icon-small-left {
	margin-bottom: 3px;
}

.x-form-field {
	color: #0099a4 !important;
}

.x-form-invalid {
	color: red !important;
	border-color: red !important;
	border-width: 2px !important;
}

iframe {
	background-color: #ffffff;
}

.x-tip-ml {
	padding-left: 0px !important;
}


.ext-gecko .x-column-layout-ct .x-column-inner .x-form-label-left .x-form-item .x-form-field-wrap .x-form-trigger {
  right: -8px !important;
}

.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
  padding-left: 6px !important;
  background-position: 0 3px;
  background-repeat: no-repeat;
}

.x-tab-strip li .x-tab-image {
	top: 6px;
}