.x-tab-icon-left > .big { width: 32px !important; height: 32px; }
.roundButton {border-radius: 20px !important;}
.big { width: 32px !important; height: 32px; }
.medium { width: 24px !important; height: 24px; }
.small { width: 16px !important; height: 16px; }
.rounded .x-form-text-wrap, .rounded .x-form-trigger-wrap {
    border-radius: 20px !important;
}
.buttontab {
    background-image: unset !important;
    border-style:none !important;
    left: 0 !important;
    padding: 7px 12px 6px !important;
    background-color: #e1e3e4 !important;
    border-radius: 0px !important;
}
.buttontab-over {
    background-color: #D4D4D4 !important;
}
.buttontab-selected {
    background-color: #c1c1c1 !important;
}
 
.lefttoolbar {
    background-color: #e1e3e4 !important;
    border-top: 1px solid #c1c1c1;
}

.biggertext{font: 18px/23px tahoma,arial,verdana,sans-serif;} 
.x-tool-close{
    background-image:url(../images/close.svg);
    width: 24px;
    height: 24px;
    opacity: 1 !important;
}

.ok-icon {
    background-image:url(../images/OK.png);
    width: 32px;
    height: 32px;
}
.loginButton span{ 
    background-image:none !important;
    color: #fff !important; 
    font: 16px tahoma,arial,verdana,sans-serif;
}
.loginButton { background-color: #005687;
    background-image:none !important;
    color: #fff !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1); 
    font: 16px tahoma,arial,verdana,sans-serif;
}
.loginButtonOver { background-color: #004A75;
    background-image:none !important;
    color: #fff !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1); 
}   
.loginButton:hover { background-color: #004A75;
    background-image:none !important;
    color: #fff !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1); 
}
.loginButtonActive { background-color: #01395A;
    background-image:none !important;
    color: #fff !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1); 
}

.mainTab .x-tab-inner-default{
    font-weight: normal !important;
}
.myElbow {
    width: 36px !important;
}

.x-tree-lines .x-tree-elbow-back {
    background-image: url("../images/elbow-back.png");
}
.x-tree-lines .x-tree-elbow-back2 {
    background-image: url("../images/elbow-back2.png");
}
.x-tree-lines .x-tree-elbow-backline {
    background-image: url("../images/elbow-backline.png");
}
.x-tree-lines .x-tree-elbow-end {
    background-image: url("../images/elbow-end.png");
}
.x-tree-lines .x-tree-elbow {
    background-image: url("../images/elbow.png");
}
#container {
  height: 35px;
  width: 50px;
  position: relative;
  float: left;
}
#image {
  position: absolute;
  left: 0;
  top: 3px;
}
#text {
  z-index: 100;
  position: absolute;
  font: 13px helvetica,arial,verdana,sans-serif;
  font-weight: bold;
  left: 25px;
  top: -13px;
  padding: 1px;
  background-color: white;
  border-radius: 20px;
  text-align: center;
   min-width: 18px;
}
#label {
    height: 35px;
    position: relative; 
    vertical-align: middle;
    top: 10px;
}
.left-panel {
}

.right{
text-align:right !important;    
}
.x-toolbar-default {
    padding:0;
}
.marginRight {
    margin: 0px 0px 0px 0px !important;
}

.logo {
    color: #000000;
    text-align: left;
    font: 20px/23px helvetica,arial,verdana,sans-serif;
}
.logo::first-letter {
    color: #4789AF;
}
.user-add {
    background-image:url(img/add.png) !important;
}
.user-remove {
    background-image:url(img/delete.gif) !important;
}
.printer {
    background-image:url(img/printer.png) !important;
    opacity: 1 !important;
}
.x-tab-bar-plain {
    background-color: #e1e3e4 !important;
}

.refresh {
    background-color: #7A7A7A !important;
    background-image:url(img/refresh.png) !important;   
    background-repeat:no-repeat; 
    background-position:center; 
    border: 1px solid black !important;
    border-radius: 2px !important;
}

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

.red .x-change-cell {
    border: 1px solid #FF0000;
}

.default .x-change-cell {
    border: transparent;
}

.wrapText .x-grid-cell-inner {
    white-space: normal;
}

div.x-grid-editor div.x-field div.x-form-textarea-body {
    vertical-align: top;
}

div.x-grid-cell-inner-row-numberer {
    /* color: white; */
    background-color: #C1C1C1;
    color: #C1C1C1;
}

div.x-grid-filters-filtered-column {
    color: #4B9CD7;
}

.x-border-box .x-tab-bar-top .x-tab-bar-body-default-plain{
height : 10px !important;
}

.blue-background {
  background-color: #CCEEFF;
   background-image: none;
}
.gray-background {
  background-color: #F1F1F1;
   background-image: none;
}
.blue
{
    background:#CCEEFF !important;
}
.white
{
    background:#FFFFFF !important;
}
.displaynone
{
    display:none;
}

.errorcolor
{
    background:#FFB09C !important;
}
.dissabledField
{
   background: #F4F4F4 !important; 
   color: red !important;
}

.unreadstyle td {
    color: red !important;
}


.x-column-header-text {
    text-overflow: unset !important;
    overflow: visible;
    font-size: 17px;
}

.x-grid-cell-inner {
    overflow: visible;
    font-size: 15px;
}


.x-btn-inner-default-toolbar-small {
    overflow: visible;
    font-size: 15px;
}

.x-tool-new-attachment {
    background-image: url(../images/new_24x24.svg);
    width: 24px;
    height: 24px;
    opacity: 1 !important;
}

.x-tool-delete-attachment {
   background-image: url(../images/cancel_24x24.svg);
   width: 24px; 
   height: 24px;
   opacity: 1 !important;
}
.x-tool-refresh-attachment {
   background-image: url(../images/refresh_24x24.svg);
   width: 24px; 
   height: 24px;
   opacity: 1 !important;
}
.x-tool-download-attachment {
   background-image: url(../images/download_24x24.svg);
   width: 24px; 
   height: 24px;
   opacity: 1 !important;
}

.x-tool-new-emplsubst {
   background-image: url(../images/new_24x24.svg);
   width: 24px; 
   height: 24px;
   opacity: 1 !important;
}
.x-tool-delete-emplsubst {
   background-image: url(../images/cancel_24x24.svg);
   width: 24px; 
   height: 24px;
   opacity: 1 !important;
}
.x-tool-refresh-emplsubst {
   background-image: url(../images/refresh_24x24.svg);
   width: 24px; 
   height: 24px;
   opacity: 1 !important;
}

/*
Read more: http://jaspreetchahal.org/extjs-4-changing-grid-row-background-color/#ixzz3iVVHx92j
 .x-tab-active {#f0f066
    background-color: White !important;
} */

/*#tjazztaskpanel-targetEl .x-panel-header-default {
    border: 1px solid DodgerBlue;
    background-color: DodgerBlue;
    background-Image:none  
    !important;
}

#tasklinesgrid_header-targetEl .x-tool-img  {
    background-color: DodgerBlue
    !important;
}


.tjazz-grid .x-grid-cell-selected {
    background-color: #F8F8F8;
}

.tjazz-grid .x-grid-row-selected{
    background-color: #F8F8F8;
}
*/

/* #textdesc-inputEl [style] {textdescform-innerCt
    border: 0px
    !important;
}

#textdescform-innerCt[style] {
    border: 0px
    !important;
} */

/* #textdesc-triggerWrap  .x-form-trigger-wrap-default{
    border: 0px
    !important;
} */

#textdesc-triggerWrap.x-form-trigger-wrap-default {
    border-width: 0px;  
}

#textdescform-innerCt.x-autocontainer-innerCt {
    border-right: 2px solid #7bb7e2;
}

#tasklinesgrid .x-grid-row .x-grid-cell-inner {
    white-space: normal;
}
#tasklinesgrid .x-grid-row-over .x-grid-cell-inner {
    font-weight: bold;
    white-space: normal;
}

#tasklinesgrid .x-ssm-row-numberer-cell{
    background-color: #c1c1c1;
}

.x-tool-download {
    background-image: url('/images/download1.png');
    background-position: 0 0;
}

.alertdialogclass .x-window-header-default {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
}

.alertdialogclass .x-tool-img {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
}

.alertdialogclass .x-window-default {
    border-color: #f4f4f4;
}

.firsttabicon {
    width: 230px !important; height: 22px; 
}

/* ../images/logo.svg */
.firsttabbutton {
    width: 125px; height: 28px; background-image: url('../images/roquette_logo.svg');border-color: #f4f4f4;background-color: #f4f4f4 !important;
}

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

.filedownloader-errordisplay .x-form-display-field-default {
    color: #D94E37;
}

.filedownloader-warningdisplay .x-form-display-field-default {
    color: #F0A82C;
}

#mainpurchfailurepanelbar {
    background-color: #f4f4f4 !important;
}

.tabsclassouter .x-tab.x-tab-active.x-tab-default {
    background-color: #f4f4f4 !important;
    border-left: 2px solid #c1c1c1 !important;
    border-right: 2px solid #c1c1c1 !important;
    border-top: 0 none !important;
    border-bottom: 0 none !important;
}

.tabsclassinner .x-tab.x-tab-active.x-tab-default {
    background-color: #c1c1c1 !important;
    border-color: #c1c1c1 !important;
}

.x-tab-default .x-tab-close-btn {
    background-image: url('/images/close_blue.svg');
    height: 12px;
    right: 4px;
    top: 9px;
    width: 12px;
}

div.tjazz-filterbar-filtered-column {
    color: #4b9cd7;
}
.tjazz-filterbar-filtered-column {
	font-style: italic;
    font-weight: bold;
    text-decoration: underline;
}
div.tjazz-filterbar-smalltext .x-form-field, div.tjazz-filterbar-smalltext .x-tagfield-input input {
	font: 11px/12px helvetica, arial, verdana, sans-serif;
}
div.tjazz-filterbar-lightborder .x-form-trigger-wrap-default { 
	border-color: #CCCCCC #E9E9E9;											/*#E3E3E3 #E9E9E9 #E9E9E9 #E9E9E9; borders same as disabled*/	
}
div.tjazz-filterbar-lightborder  .x-form-trigger-wrap-focus { 
	border-color: #3892d3;
}

.rqr-filterbar-background-blue input, .rqr-filterbar-background-blue .x-form-trigger-default, .rqr-filterbar-background-blue .x-form-spinner-default {
    background-color : #d9e3e8; 
}

.rqr-wide-scroll-btn .x-box-scroller-tab-bar-default.x-box-scroller-top, .rqr-wide-scroll-btn .x-box-scroller-tab-bar-default.x-box-scroller-bottom {
    left: 0px;
    width: 100%;
    margin: 0 0 0 0;
}

.rqr-label-top {
    padding-bottom: 0;
}

.rqr-label-bold {
    font-weight: bold;
}

/* maintabpanel */
.rqr-maintabpanel-header .x-tab-bar-default {
    background-color: #f4f4f4 !important;
}

.rqr-maintabpanel-header .x-tab {
    background-color: #f4f4f4 !important;
    border: none;
}

.rqr-maintabpanel-header .x-tab-inner {
    color: #a8a8a8 !important;
}

.rqr-maintabpanel-header .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: #005687 !important;
}

.rqr-maintabpanel-header .x-tab.x-tab-over.x-tab-default .x-tab-inner-default {
    color: #006ead !important;
}

.usernameField {
    margin: 0px 0px 0px 0px !important;
    background-image: unset !important;
    text-align: center;
    line-height: 30px;
    background-color: transparent !important;
    font: 13px/15px helvetica,arial,verdana,sans-serif;
    color: #005687;
    padding: 5px;
    vertical-align: middle;
    display: block;
    border-width: 0px !important;
    box-shadow: unset !important;
}

.usernameField .x-btn-inner-default-large {
    color: #005687;
    font-weight: normal;
    text-decoration: underline;
}
    .usernameField .x-btn-wrap-default-large.x-btn-arrow-right:after {
        width: 20px;
        padding-right: 20px;
        background-image: url(../images/arrow-down.png);
    }


.menuDropDown {
    margin: 0px 0px 0px 0px !important;
    background-image: unset !important;
    text-align: center;
    line-height: 30px;
    background-color: #c1c1c1 !important;
    font: 13px/15px helvetica,arial,verdana,sans-serif;
    color: #005687;
    padding: 5px;
    vertical-align: middle;
    display: block;
    border-width: 0px !important;
    border-radius: 0px !important;
    box-shadow: unset !important;
}

.menuDropDown .x-btn-inner-default-large {
    color: #005687;
    font-weight: normal;
}

    .menuDropDown .x-btn-wrap-default-large.x-btn-arrow-right:after {
        width: 20px;
        padding-right: 20px;
        background-image: url(../images/arrow-down.png);
    }
.x-panel-header-default {
    border-width: 0px;
}

.customMainMenu .x-menu-item-text-default {
    font: normal 15px/17px helvetica,arial,verdana,sans-serif;
    line-height: 40px;
}
.customMainMenu .x-menu-item-arrow-default {
    width: 40px;
    height: 25px;
    top: 8px;
    right: 0;
    background-image: url(../resources/images/menu/default-menu-parent.png);
}

.customMainMenu .x-menu-icon-separator-default {
    border-width: 0px;
}
.noCycles .x-btn-wrap .x-btn-button .x-btn-icon-el {
    background-size: 50px 36px;
}
.x-grid-cell-inner {
    position: relative;
    text-overflow: ellipsis;
    padding: 5px 4px 4px 4px;
}