/* VisionProject CSS */

body {
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    font-family: "Open Sans", Verdana, tahoma, arial, helvetica, sans-serif !important;
    font-size: 11px;
    height: 100%;
}

p {
    margin: 0;
    padding: 0
}

a, A:link, a:visited, a:active {
    color: #0000aa;
    text-decoration: none;
    font-size: 11px
}

A:hover {
    color: #FF0000;
    text-decoration: underline;
    font-size: 11px;
}

p, tr, td {
    color: #000000;
    font-size: 11px;
}

h1 {
    font-weight: bold;
    font-size: 16px;
    margin: 0px;
    padding: 2px;
}

h2 {
    color: #000000;
    font-weight: bold;
    font-size: 16px;
}

h3 {
    color: #000000;
    font-weight: bold;
    font-size: 12px;
}

h4 {
    color: #000000;
    font-weight: bold;
    font-size: 11px;
}

form {
    margin: 0px;
}

ul {
    margin-top: 0;
    margin-bottom: 0;
}

#vpheader {
    background: url(images/new/top_back.gif) repeat-x top left;
}

.head1 {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    color: #000099;
}

.head2 {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    padding-left: 2px;
}

.head3 {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    margin: 0px;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

.header2 {
    border-bottom: 1px #cccccc solid;
    padding: 2px;
    font-weight: bold;
    font-size: 110%;
}

/* Table styles */
.boxbottom {
    background-color: #FFFFFF;
    padding: 0px;
    border-color: #99BBE8;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
}

.boxoutside {
    background-color: #FFFFFF;
    padding: 0px;
    border-color: #99BBE8;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
}

.boxtop {
    background-color: #455372;
    padding-top: 1px;
    border-color: #99BBE8;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
}

.headerboxbottom {
    background-color: #FFFFFF;
    padding: 0;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
}

.tableHeaderLink {
    font-family: "Open Sans", verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #15428B;
    text-decoration: none;
}

TR.H {
    background-color: #C3D6E6;
    padding: 0;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
}

TR.HNOCOMPLETE {
    background-color: #eeeeee;
    padding: 0;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
}

/* Form elements */
/*.editInputBox {background-color: #FFFFFF; font-size: 11px; font-family: verdana, tahoma, arial, helvetica, sans-serif; width: 250px;}
.inputBox {font-family: verdana, tahoma, arial, helvetica, sans-serif; background-color: #FFFFFF; font-size: 11px;}*/
/*.selectBox {font-family: verdana, tahoma, arial, helvetica, sans-serif; background-color: #FFFFFF; font-size: 11px; width: 250px;}*/
/*.textAreaBox {font-family: verdana, tahoma, arial, helvetica, sans-serif; background-color: #FFFFFF; font-size: 11px;}*/
/*.selectBoxIssues {font-family: verdana, tahoma, arial, helvetica, sans-serif; background-color: #FFFFFF; font-size: 7pt;}*/

.inputBox, .editInputBox, .selectBox, .selectBoxIssues, .textAreaBox {
    margin: 0;
    font: normal 11px verdana, tahoma, arial, helvetica, sans-serif;
    padding: 2px 1px 2px 1px;
    background: #fff url(js/ext-3.4.1/resources/images/default/form/text-bg.gif) repeat-x 0 0;
    border: 1px solid #B5B8C8;
    width: 320px;
}

/*.inputBox,.editInputBox,.selectBox,.selectBoxIssues {line-height:18px; vertical-align:middle;width: 250px;}*/
.inputBox, .editInputBox, .selectBox {
    height: 22px;
}

/* Change border when focus */
.inputBox:focus, .editInputBox:focus, .selectBox:focus, .textAreaBox:focus {
    background-image: none;
    border: 1px solid #7eadd9 !important;
}

.radioButton {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    background-color: #FFFFFF;
    font-size: 11px;
}

.checkBox {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    background-color: #FFFFFF;
    font-size: 11px;
    cursor: pointer;
}

.button {
    border-style: outset;
    border-color: #9999CC;
    border-width: 2px;
    background-color: #dddddd;
    padding-right: 5px;
    padding-left: 5px;
}

.tableheadtext {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: black;
    padding-left: 4px;
}

.clsTabSelected {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana, tahoma, arial, helvetica, sans-serif;
    TEXT-ALIGN: center
}

.leftAlignedCheckBox {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 8px;
    font-family: verdana, arial, tahoma, helvetica, sans-serif
}

.quick-search-filter-area {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    padding-left: 2px;
}

.quick-search-filter-combos {
    width: 300px !important;
}

.filterBtn {
    background: url("/images/icons/16x16/delete2.gif") no-repeat;
    height: 22px;
    width: 22px;
    border-color: transparent;
    cursor: pointer;
    margin-left: 5px;
}

.filterBtn:disabled {
    opacity: 0.5;
    cursor: unset;
}

#clearAllFiltersBtn {
    margin-left: 15px;
    cursor: pointer;
}


/* Forum CSS */
/* styles for messages, replies */
.messageHeader {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.messageAuthor {
    font-style: italic;
}

.errorheader {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    margin: 0px;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding: 1px 1px 1px 1px;
    background-color: #660000;
    height: 20px;
}

.warnMsg {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    color: #cc6e01;
}

.errorcontent {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    margin: 0px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    padding: 1px 0px 1px 1px;
    background-color: #FEFEFE;

}

.errorcontent li ul {
    font-weight: lighter;
}

.error-message {
    width: 300px
}

.headerStyleRight A {
    color: #15428B;
}

.headerStyle A {
    color: #15428B;
}

#mailProtocol.selectbox, #mailAuthentication.selectbox {
    width: 250px;
}

/************* Header divs *****************/

#wrap {
    width: 100%;
}

#header {
    width: 100%;
    /* Skin */
    background: url(images/new/top_back.gif) repeat-x top left;
    height: 50px;
}

#logo {
    width: 100%;
    /* Skin */
    background: #fc6 url(images/new/top_back.gif) repeat-x top left;
    height: 50px;
    padding: 0;
    margin: 0;
}

#logo a {
    border-style: none;
    display: block;
    width: 118px;
}

#logo img {
    padding-left: 11px;
    display: block;
    width: 0;
}

#logo span {
    position: absolute;
    top: 11px;
    left: 15px;
    width: 400px;
    height: 50px;
}

.logo-top {
    padding: 35px 0px;
    max-height: 200px;
}


#loadingImg {
    clear: both;
    background: #A0BFF5 url('images/rotation.gif') repeat-x 0px;
    vertical-align: middle;
    background-image: url('images/rotation.gif');
    background-position: center;
    height: 24px;
    width: 16px;
    background-position: 3px 2px;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
}

#crumbs {
    clear: both;
    background: #A0BFF5 url(images/new/top_back.gif) repeat-x 0px -12px;
    /*background: #e3eaf9;*/
    height: 13px;
}

/************* Project tabs div *****************/

#projectTabs {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding-top: 4px;
    padding-left: 0px;
    background: #A0BFF5 url(images/new/top_back.gif) repeat-x 0px -11px;
}

#companyInfoTabs {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding-top: 7px;
    padding-left: 3px;
    background: #A0BFF5 url(images/new/top_back.gif) repeat-x 0px -11px;
}

.companyContentDiv {
    margin: 0px 0px 0px 0px;
    padding-left: 5px;
    padding-right: 5px;
    clear: both;
}

#container {
    background: #ffffff;
}

#maintabnav {
    position: relative;
    height: 20px;
    margin: 3px 0px 0px 0px;
    padding-left: 11px;
    background: url(images/tab_bottom.gif) repeat-x bottom;
    margin-right: 5px;
}

#maintabnav li {
    margin: 0px;
    padding: 0px;
    display: inline;
    list-style-type: none;
}

#maintabnav a:link, #maintabnav a:visited {
    float: left;
    background: #b4bfd2;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 11px 2px 11px;
    margin-right: 4px;
    border: 1px solid #777;
    text-decoration: none;
    color: #000;
}

#maintabnav a:link.active, #maintabnav a:visited.active {
    border-bottom: 1px solid #f3f3f3;
    background: #fff;
    color: #000;
    position: relative;
    /*z-index:102;*/
}

#maintabnav a:hover {
    background: #f3f3f3;
}

/*subnav*/

#maintabnav UL {
    position: absolute;
    left: 0px;
    top: 20px;
    float: left;
    background: #f3f3f3;
    width: 100%;
    margin: 0px;
    padding: 0.4em 0em 0.4em 0.25em;
    list-style: none;
    border-bottom: 1px solid #ccc;
}

#maintabnav UL LI {
    float: left;
    display: block;
    margin-top: 1px;
    margin-right: 0px;
    margin-left: 0px;
    background: #f3f3f3;
}

#maintabnav UL A:link, #maintabnav UL A:visited {
    background: #f3f3f3;
    color: #777;
    display: inline;
    margin-left: 0px;
    padding: 0 1em 0em 1em;
    border: 0;
}

#maintabnav UL A:hover,
#maintabnav UL A:link.active,
#maintabnav UL A.visited.active {
    background: #fff;
    color: #000;
}

#tabnav UL LI a:link {
    color: #000;
}

#tabnav LI UL {
    padding: 0px;
    position: absolute;
    background: #f2f5fc;
    width: 10em;
    display: none;
    border: 1px #777 solid;
    left: 1px;
}

#tabnav LI UL LI, #tabnav LI UL LI a:link, #tabnav LI UL LI a:visited {
    background: #f2f5fc;
}

#tabnav LI:hover ul, #maintabnav LI.sfhover ul {
    /* lists nested under hovered list items */
    display: block;
}

#page {
    /*height: 100%;*/
    position: relative;
    margin: 0 auto;
    padding: 0 !important;
    text-align: left;
    background: #fff;
    /*voice-family: "\"}\"";*/
    voice-family: inherit;
    border-left: 1px #777 solid;
    border-right: 1px #777 solid;
}

/************* Content div *****************/

#contentDiv {
    margin: 0px 0px 0px 0px;
    padding: 20px 10px 0 10px;  /* padding-left: 5px; padding-top: 20px; */
    clear: both;
}

.support-all-issues {
    height: 65vh;
    overflow-x: auto;
    padding: 20px 0;
}

#supportContentMain {
    width: auto !important;
}

/************* Note div *****************/

.note {
    background-color: #f2f5fc;
    padding-bottom: 1em;
    border: 1px #cce solid;
    margin-top: 1em;
}

.note h3 {
    background-color: #e3eaf9;
    color: #339;
    padding: 0.25em 1em;
    border-bottom: 2px white solid;
    margin-top: 0;
    font-size: 12px;
}

.note p {
    padding: 0 1em;
}

.note pre {
    margin: 1em 1em 0 1em;
}

.note ul, .note ol {
    /*giving blockquotes and lists room to breath*/
    margin: 1em;
}

.note ol, .note ul {
    /*bringing lists on to the page with breathing room */
    margin-left: 2em;
}

.note ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;
}

.note ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}

/********/
/* Skin */
/********/
.boxhead, table.sortable a.sortheader notsortable {
    margin: 0px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #15428B;
    padding: 0px 0px 0px 0px;
    background-color: #e3eaf9;
    background-image: url(js/ext-3.4.1/resources/images/default/panel/top-bottom.gif); /*images/banners/ext-top-bottom-18px.gif);*/
    background-repeat: repeat-x;
    background-position: top;
    height: 18px;
}

.boxhead {
    padding-left: 3px;
}

/*.issuesTableTR{
   border-right: 1px  #000000 solid;
   border-left: 1px  #000000 solid;
} */

table.sortable a.sortheader {
    margin: 0px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #15428B;
    padding: 1px 0px 1px 1px;
    background-position: top;
    height: 18px;
}

table.sortable span.sortarrow {
    text-decoration: none;
}

.clsEvenRowBackground {
    FONT-FAMILY: "Open Sans", verdana, tahoma, arial, helvetica, sans-serif;
    BACKGROUND-COLOR: #edf3fe;
    border-bottom: 1px #d3d3d3 solid;
    padding: 2px 2px;
    height: 20px;
}

.clsOddRowBackground {
    FONT-FAMILY: "Open Sans", verdana, tahoma, arial, helvetica, sans-serif;
    border-bottom: 1px #d3d3d3 solid;
    padding: 2px 2px;
    height: 20px;
}

TR.clsErrorRowBackground {
    FONT-FAMILY: verdana, tahoma, arial, helvetica, sans-serif;
    color: #FFFFFF;
    BACKGROUND-COLOR: #ee0000;
    padding: 2px 5px 2px 5px;
    height: 20px;
}

.headerStyle {
    color: #15428B;
    font-size: 105%;
    font-weight: bold;
    border-left: 1px #99BBE8 solid;
    border-right: 1px #99BBE8 solid;
    border-bottom: 1px #99BBE8 solid;
    background-color: #01349A;
    background-image: url(js/ext-3.4.1/resources/images/default/panel/top-bottom.gif);
    background-repeat: repeat-x;
    padding-left: 4px;
}

.headerStyleNoBorder {
    color: #15428B;
    font-size: 105%;
    font-weight: bold;
    background-color: #01349A;
    background-image: url(js/ext-3.4.1/resources/images/default/panel/top-bottom.gif);
    background-repeat: repeat-x;
    padding-left: 4px;
}

.headerStyleL {
    color: #15428B;
    font-size: 105%;
    font-weight: bold;
    border-left: 1px #99BBE8 solid;
    border-bottom: 1px #99BBE8 solid;
    background-color: #01349A;
    background-image: url(js/ext-3.4.1/resources/images/default/panel/top-bottom.gif);
    background-repeat: repeat-x;
    padding-left: 4px;
}

.headerStyleR {
    color: #15428B;
    font-size: 105%;
    font-weight: bold;
    border-right: 1px #99BBE8 solid;
    border-bottom: 1px #99BBE8 solid;
    background-color: #01349A;
    background-image: url(js/ext-3.4.1/resources/images/default/panel/top-bottom.gif);
    background-repeat: repeat-x;
    padding-left: 4px;
}

/* Border on all sides except on the right side */
.headerStyleLeft {
    border-bottom: 1px #000000 solid;
    border-top: 1px #000000 solid;
    border-left: 1px #000000 solid;
    border-color: #314362;
    background-color: #01349A;
    background-image: url(images/banners/ext-top-bottom-28px.gif);
    background-repeat: repeat-x;
    color: #15428B;
    padding-left: 4px;
}

/* Border on all sides except on the left side  */
.headerStyleRight {
    border-bottom: 1px #000000 solid;
    border-top: 1px #000000 solid;
    border-right: 1px #000000 solid;
    border-color: #314362;
    background-color: #01349A;
    background-image: url(images/banners/ext-top-bottom-28px.gif);
    background-repeat: repeat-x;
    color: #15428B;
    padding-right: 4px;
}

/* Style for all form labels in VisionProject */
.frmLabel {
    font-weight: bold;
    color: #000000;
    background-color: #f2f5fc;
    width: 130;
    padding: 4px;
}

.frmLabelBgColor {
    background-color: #f2f5fc;
}

.fieldset-for-checkboxgroup .x-fieldset-header  {
    color: black;
}
.fieldset-for-checkboxgroup .x-form-label-top, .fieldset-for-checkboxgroup .x-form-element, .fieldset-for-checkboxgroup .x-form-item {
    padding-top: 0px !important;
    margin-bottom: 0px !important;
}


/*********/
/* Forum */
/*********/

SMALL {
    font-size: 12px;
}

.date {
    color: #000;
}

a.forum {
    font-size: 12px;
    font-weight: bold;
}

.forumTD {
    background: #f2f5fc;
    border: 1px #cecece solid;
    padding: 5px 2px 5px 2px;
    font-size: 11px;
}

.forumTD a {
    font-size: 12px;
    font-weight: bold;
    color: #005FAC;
}

.forumTD a:hover {
    font-size: 12px;
    font-weight: bold;
    color: #005FAC;
}

.columnStyle {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
}

.forumCategoryTD {
    background: #e3eaf9;
    border: 1px #cecece solid;
    padding: 5px 2px 5px 4px;
    font-size: 12px;
}

.forumCategoryRowTD {
    color: #006699;
    font-size: 13px;
    font-weight: 600;
    background: #e3eaf9;
    border-width: 1px 0px 1px 0px;
    border-color: #cecece;
    border-style: solid;
    padding: 5px 2px 5px 4px;
}

.forumHeader {
    font-size: 16px;
    font-weight: bold;
    width: 99%;
    border-bottom: 1px #cccccc solid;
    padding: 0px;
    margin: 0px 0px 15px 0px;
}

#searchForumForm {
    padding: 11px 2px 7px 0px;
    text-align: left;
}

#searchForumForm #searchText {
    font-size: 11px;
    color: #222;
    font-weight: bold;
}

#forumLeft {
    display: inline;
    float: left;
    width: 550px;
}

#forumLeft a {
    font-size: 13px;
    font-weight: 600;
}

#userInfo {
    position: absolute;
    right: 11px;
    top: 2px;
    width: 300px;
    text-align: right;
    z-index: 100;
    font-size: 11px;
    font-weight: bold;

}

#userInfo a {
    font-weight: normal;
}

/******************/
/* Knowledge Base */
/******************/

#knowledgeBase {
    background: #ffffff;
    padding: 0px 5px 0px 0px;
    font-family: "Open Sans", verdana, tahoma, arial, helvetica, sans-serif;
}
#menunav a.active{
    font-weight: bold;
}
#knowledgeBase a {
    font-weight: 600;
    color: #005FAC;
}

#knowledgeBase .articleRowOdd a[title] {
    font-size:11px;
}

#knowledgeBase .articleRowEven a[title] {
    font-size:11px;
}



.articleRowOdd a,.articleRowEven a, .categorySummary a, .excludedCategorySummary a, .knowledgeBaseCrumbs a, .articleRowEvenExcluded a, .articleRowOddExcluded a, .articleRowOddOutDated a, .articleRowEvenOutdated a{   /*Browse our categories*/
    font-size:13px;
}

#knowledgeBase .kb-header {
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    border-bottom: 1px #cccccc solid;
    margin: 0px;
    padding: 2px 2px;
}

#knowledgeBase .kb-description {
    font-size: 11px;
    color: #777;
}

#knowledgeBase h2 {
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px #cccccc solid;
    padding: 2px 0px;
}

#knowledgeBase #categoriesTable {
    width: 80%;
}

#knowledgeBase .categorySummary {
    background: url(images/new/16_16/address_book.gif) no-repeat 0 2px;
    padding: 3px 3px 3px 20px;
    color: #777;
}

#knowledgeBase .excludedCategorySummary {
    background: url(images/new/16_16/address_book_stop.gif) no-repeat 0 2px;
    padding: 3px 3px 3px 20px;
    color: #777;
}

#knowledgeBase .nobreak {
    white-space: nowrap;
}

#knowledgeBase .articleRowOdd {
    background: url(images/new/16_16/document.gif) no-repeat 0 5px;
    padding: 3px 3px 11px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase .articleRowEven {
    background: #edf3fe url(images/new/16_16/document.gif) no-repeat 0 5px;
    padding: 3px 3px 10px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase .articleRowOddExcluded {
    background: url(images/new/16_16/document_stop.gif) no-repeat 0 5px;
    padding: 3px 3px 10px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase .articleRowEvenExcluded {
    background: #edf3fe url(images/new/16_16/document_stop.gif) no-repeat 0 5px;
    padding: 3px 3px 10px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase .articleRowOddOutdated {
    background: url(images/icons/16x16/warning.gif) no-repeat 0 5px;
    padding: 3px 3px 10px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase .articleRowEvenOutdated {
    background: #edf3fe url(images/icons/16x16/warning.gif) no-repeat 0 5px;
    padding: 3px 3px 10px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase #articleHeader {
    font-size: 13px;
    font-weight: 600;
    padding: 2px 2px 2px 0px;
    width: 100%;
}

#knowledgeBase #articleHeaderLine {
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px #cccccc solid;
    width: 100%;
}

#knowledgeBase #articleHeaderLeft {
    background: url(images/new/16_16/document.gif) no-repeat;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px #cccccc solid;
    padding: 2px 2px 2px 20px;
    width: 100%;
}

#knowledgeBase #articleHeaderRight {
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px #cccccc solid;
    padding: 2px 2px 2px 0px;
    width: 100%;
}

/*
#knowledgeBase #articleHeaderExcluded {
    font-size: 12px;
    font-weight: bold;
    padding: 2px 2px 2px 2px;
    width: 100%;
}
*/

#knowledgeBase .articleHeaderOutdated {
    font-size: 12px;
    font-weight: bold;
    padding: 2px 2px 2px 0px;
    /*width: 100%; */
}

#knowledgeBase .articleInfoNote {
    background-color: #f2f5fc;
    padding: 0px 3px 3px 11px;
    border: 1px #cce solid;
    margin-top: 5px;
}

#knowledgeBase .articleContentNote {
    background-color: #f2f5fc;
    padding-bottom: 0;
    border: 1px #cce solid;
    margin: 0.5em 0;
}

#knowledgeBase .articleContentNote .articleH3 {
    background-color: #e3eaf9;
    color: #339;
    padding: 0.25em 1em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
}

#knowledgeBase #articleContent {
    background-color: #ffffff;
    border: 1px #ddd solid;
    /*padding: 0.5em;*/
    margin: 0;
}

#knowledgeBase .commentRowOdd {
    background: no-repeat 0 2px;
    padding: 3px 3px 11px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase .commentRowEven {
    background: #edf3fe no-repeat 0 2px;
    padding: 3px 3px 3px 20px;
    margin: 0px 0px 5px 0px;
}

#knowledgeBase #searchForm {

    padding: 11px 2px 7px 2px;
    text-align: left;
}

#knowledgeBase #searchText {
    font-size: 11px;
    color: #222;
    font-weight: 600;
}

#knowledgeBase .note {
    background-color: #f2f5fc;
    padding-bottom: 1em;
    border: 1px #cce solid;
    margin-top: 1em;
}

#knowledgeBase .note h3 {
    background-color: #e3eaf9;
    color: #339;
    padding: 0.25em 1em;
    border-bottom: 2px white solid;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
}

#knowledgeBase .note p {
    padding: 0 1em;
}

#knowledgeBase .commentContent {
    background-color: #ffffff;
    padding: 0.5em;
    border: 1px #cce solid;
    margin-top: 1em;
}

#knowledgeBase .featuredHeadingImage {
    background-image: url('images/banners/featured_250.jpg');
    background-repeat: no-repeat;
}

#knowledgeBase .featuredHeading {
    color: #339;
    font-weight: bold;
    font-size: 12px
}

#knowledgeBase .featuredSection {
    background-color: #f2f5fc;
    border-left: 1px #cce solid;
    border-bottom: 1px #cce solid;
    border-right: 1px #cce solid;
}

.featuredArticleIcon {
    background-image: url(images/icons/16x16/star_yellow.gif) !important;
}

#knowledgeBase .infoBoxHeaderClosed {
    clear: both;
    height: 18px;
    padding: 5px 2px 0px 0px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 100%;
    background: #ffffff;
}

#knowledgeBase .infoBoxHeaderOpen {
    clear: both;
    height: 18px;
    padding: 5px 2px 0px 0px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 100%;
    background: #ffffff;
}

#knowledgeBase .infoBoxHeaderClosed a {
    background: #ffffff url(images/new/expand.gif) no-repeat 0px 2px;
    padding: 0px 0px 0px 13px;
    color: #ccccee;
}

#knowledgeBase .infoBoxHeaderOpen a {
    background: #ffffff url(images/new/collapse.gif) no-repeat 0px 2px;
    padding: 0px 0px 0px 13px;
    color: #ccccee;
}

#knowledgeBase .infoBoxHeader {
    clear: both;
    height: 18px;
    padding: 5px 2px 0px 0px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 100%;
    background: #ffffff;
}

#knowledgeBase .infoBoxHeader h1 a {
    background: #ffffff url(images/new/expand.gif) no-repeat 0px 2px;
    padding: 0px 0px 0px 13px;
    color: #CCCCEE;
}

#knowledgeBase .infoBoxHeader h1 {
    float: left;
    padding: 0px;
    margin: 0px;
}

#knowledgeBase .infoBoxHeader p {
    float: left;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

.sectionTable {
    border: 1px #cce solid;
}

.sectionHeader {
    border-bottom: 1px #fff solid;
    background: #e3eaf9;
    padding: 0.25em 0.25em;
    font-weight: bold;
    font-size: 110%;
    color: #339;
}

.sectionLabel {
    padding: 5px;
    background: #f2f5fc;
}

.sectionContent {
    background: #f2f5fc;
}




/***************/
/* ProjectIssue /
/***************/
.create-new-issue-form {
    text-align: center;
}
.issueWrapper {
    /*width: 805px;*/
    margin: 0px 20px 11px 5px;
    padding: 0px;
}

* html .issueWrapper {
    /*width: 805px;*/
}

.titleHeader {
    margin: 0px 0px 0px 5px;
    padding: 5px;
}

.titleSummary {
    border-bottom: 1px #cccccc solid;
    background: #f2f5fc;
    margin: 9px 5px 5px 5px;
    font-size: 11px;
    padding-bottom: 5px;
    padding-left: 4px;
}

.issueSummary {
    border: 1px #99BBE8 solid;
    background: #f2f5fc;
    font-size: 11px;
    margin-left: 5px;
}

.issueSummary th {
    padding: 2px 1px 2px 7px;
    text-align: left;
    border-bottom: 0px #efefef solid;
    font-size: 11px;
    font-weight: bold;
    width: 140px;
    max-width: 140px;
    overflow-wrap: break-word;
}

.issueSummary td {
    padding: 2px 0px 2px 0px;
    text-align: left;
    border-bottom: 0px #eee solid;
    width: 320px;
    max-width: 320px;
}

#editIssueSummary {
    border: 1px #99BBE8 solid;
    background: #f2f5fc;
    padding-top: 0px;
    font-size: 11px;
    margin-left: 5px;
}

#editIssueSummary th {
    padding: 2px 1px 2px 7px;
    text-align: left;
    border-bottom: 0px #efefef solid;
    font-size: 11px;
    font-weight: bold;
    width: 140px;
    max-width: 140px;
    overflow-wrap: break-word;
}

#editIssueSummary td {
    padding: 2px 0px 2px 0px;
    text-align: left;
    border-bottom: 0px #eee solid;
    width: 320px;
    max-width: 320px;
}

.descriptionDiv {
    padding: 0px 0px 11px 3px;
    background: #f2f5fc;
    font-size: 11px;
    word-break: break-all;
}

.descriptionDiv h2 {
    font-weight: bold;
    font-size: 11px;
    background: #f2f5fc;
    border-bottom: 0px #cccccc solid;
    margin-bottom: 5px;
}

.descText {
    width: 99%;
    font-weight: normal;
}

.descriptionDiv h3 {
    width: 99%;
    font-weight: normal;
}

.descriptionDiv h4 {
    width: 99%;
    font-weight: normal;
}


.descriptionDivReadOnly {
    padding: 2px 2px 2px 7px;
    border: 0 none ! important;
}

.descriptionDivReadOnly .mce-statusbar{
    display: none;
    border: 0 none;
}
.descriptionDivReadOnly .mce-top-part {
    display: none;
    border: 0 none;
}

.descriptionDivReadOnly .mce-panel {
    border: 0 none;
    background: none;
}
.descriptionDivReadOnly .mce-container-body {
    border: 0 none;
    background: none;
}
.descriptionDivReadOnly .mce-resizehandle {
    border: 0 none;
    background: none;
}


.subHeader {
    width: 100%;
    background: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 2px 0px;
    font-weight: bold;
    font-size: 11px;
    background-image: url(images/banners/ext-top-bottom-18px.gif);
    background-repeat: repeat-x;
    color: #15428B
}

.subSectionHeader {
    background: #ffffff;
    margin: 20px 0px 0px 5px;
    padding: 2px;
    font-weight: bold;
    font-size: 11px;
    background-image: url(images/banners/ext-top-bottom-18px.gif);
    background-repeat: repeat-x;
    color: #15428B
}

.issueHistoryDiv {
    border: 0px #cccccc solid;
    padding: 0px 0px 11px 2px;
    font-size: 11px;
    margin: 20px 0px 0px 5px;
}

.issueHistoryDiv h1 {
    font-weight: bold;
    font-size: 12px;
    background: #f2f5fc;
    border-bottom: 1px #cccccc solid;
    color: #000;
    margin-right: 2px;
}

.issueHistoryDiv h2 {
    font-weight: bold;
    font-size: 11px;
    background: #f2f5fc;
    margin: 11px 0px 5px 5px;
}

.tdCell {
    padding: 0px 5px 0px 5px;
}

#groupByDiv {
    margin-bottom: 15px;
    padding: 4px;
    width: 100%;
    font-family: verdana;
    font-size: 11px;
    border-color: #000000;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: #222;
    background-color: #e3eaf9;
}

/***************/
/* Config CSS  */
/***************/

.configSubHeader {
    clear: both;
    height: 18px;
    border-width: 1px 1px 1px 1px;
    border-color: #cce;
    border-style: solid;
    padding: 5px 2px 0px 2px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 100%;
    background: #e3eaf9;
}

.configSubHeader h1 a {
    background: #e3eaf9 url(images/new/expand.gif) no-repeat 5px 2px;
    padding: 0px 0px 0px 20px;
}

.configSubHeader h1 {
    /*width: 140px;*/
    float: left;
    padding: 0px;
    margin: 0px;
}

.configSubHeader p {
    float: left;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

.configDiv {
    padding: 4px 4px 20px 4px;
    background: #f2f5fc;
    padding-top: 0px;
    margin-top: 0px;
}

.configInfoText {
    margin: 0px 3px 11px 3px;
    padding: 4px;
}

.projectIssuesGroupByBox {
    font-size: 12px;
    width: 100%;
    text-align: left;
    border-color: #000000;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    padding: 4px;
    margin: 30px 0px 11px 0px;
    color: #222;
    background-color: #e3eaf9;
    font-weight: bold;
}

/********** POPUP style **************/
.xxfl {
    width: 300px;
    height: 150px;
    border: 1px none #333399;
    padding: 6px;
    overflow: auto;
}

.xxbg {
    background-color: #333399;
}

/* the border */
.xxcg {
    background-color: #3666BE;
    text-align: left;
}

.xxfg {
    background-color: #FFFFFF;
    text-align: left;
}

/* bg color */
.xxcap {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold
}

a.xxclo {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #ddddff;
}

a.xxclo:hover {
    color: #ffffff;
}

.xxtxt {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 16px
}

.xxcg {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    margin: 0px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #15428B;
    padding: 1px 0px 1px 1px;
    background-color: #01349A;
    background-image: url(images/banners/ext-top-bottom-18px.gif);
    background-repeat: repeat-x;
    background-position-y: top;
    height: 18px;
}

.clsMarkedRow {
    cursor: pointer;
    FONT-FAMILY: verdana, tahoma, arial, helvetica, sans-serif;
    color: #ffffff;
    BACKGROUND-COLOR: #5886D5;
    height: 20px;
}

.yyfl {
    border: 0px none #333399;
    padding: 0px;
    overflow: auto;
}

.yybg {
    background-color: #333399;
}

.yycg {
    background-color: #3666BE;
    text-align: left;
}

.yyfg {
    background-color: #FFFFD7;
    text-align: left;
}

.yycap {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

a.yyclo {
    font-family: Verdana;
    text-decoration: underline;
    font-size: 11px;
    font-weight: bold;
    color: #ddddff;
}

a.yyclo:hover {
    color: #ffffff;
}

.yytxt {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
}

.yycg {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    margin: 0px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #15428B;
    background-color: #01349A;
    background-image: url('images/banners/ext-top-bottom-18px.gif');
    background-repeat: repeat-x;
    height: 18px
}

.clsMarkedRow {
    cursor: pointer;
    FONT-FAMILY: verdana, tahoma, arial, helvetica, sans-serif;
    color: #ffffff;
    BACKGROUND-COLOR: #5886D5;
    height: 20px;
}

/********** POPUP style end **************/

.formInput {
    background: #f2f5fc;
    padding: 2px 1px 2px 1px;
    text-align: left;
    border-bottom: 1px #eee solid;
}

/********** Menu (ADDED 2007-05-23) **************/

#menu {
    height: 28px;
    width: 100%;
    background: #5685D4 url(images/banners/ext-top-bottom-28px.gif) repeat-x bottom left;
    white-space: nowrap;
    z-index: 99;
}

#nav {
    float: left;
    height: 28px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 82%;
    background: #5685D4 url(images/banners/ext-top-bottom-28px.gif) repeat-x bottom left;
    white-space: nowrap;
    z-index: 99;
}

#nav li {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    border-right: 1px solid #ccc;
    vertical-align: middle;
    height: 26px;
    white-space: nowrap;
}

#nav a {
    float: left;
    padding: 6px 11px 6px 40px;
    text-decoration: none;
    color: #fff;
    background: url(images/new/businessmen.gif) no-repeat 11px 55%;
    vertical-align: middle;
}

#nav #menuhome a {
    background-image: url(images/new/home.gif);
}

#nav #menusearch a {
    background-image: url(images/new/find.gif);
}

#nav #menucompanysettings a {
    background-image: url(images/new/environment_preferences.gif);
}

#nav #menuusers a {
    background-image: url(images/new/businessmen.gif);
}

#nav #nav a:hover, #nav a.active {
    border-bottom: #FACC2C 3px solid;
}

#nav #nav a.active {
    font-weight: bold;
    border-bottom: #FACC2C 3px solid;
}

#leftMenu {
    float: left;
    z-index: 99;
}

/* Right menu for IE... */
#rightMenu {
    position: absolute;
    _height: 28px; /* underscore because we only want to show this to IE!!! */
    right: 7px;
    padding: 1px 5px 6px 0px;
    z-index: 100;
    white-space: nowrap;
    background: #5685D4 url(images/banners/ext-top-bottom-28px.gif) repeat-x bottom left;
    text-align: right;
}

/********** END Menu (ADDED 2007-05-23) **************/

/********** PAGING (ADDED 2007-05-25) **************/

.tborder {
    background: #D1D1E1;
    color: #000000;
    border: 1px solid #0B198C;
}

.vbmenu_control {
    background: #4978CC;
    color: #FFFFFF;
    font: bold 11px verdana, tahoma, arial, helvetica, sans-serif;
    padding: 1px 6px 1px 6px;
    white-space: nowrap;
}

.alt1, .alt1Active {
    background: #F5F5FF;
    color: #000000;
    padding: 0 3px;
}

.alt2, .alt2Active {
    background: #E1E4F2;
    color: #000000;
    padding: 0 3px;
}

A:hover {
    text-decoration: none;
}

/********** END PAGING (ADDED 2007-05-25) **************/

.issueListExpander {
    width: 16px;
    /*background-position:3px 2px;
    background-repeat:no-repeat;
    background-color:transparent;
    background-image: url('images/new/expand.gif');*/
    cursor: pointer;
}

.subissueListExpander {
    width: 16px;
    /*background-position:3px 2px;
    background-repeat:no-repeat;
    background-color:transparent;
    background-image: url('images/new/expand.gif');*/
    cursor: pointer;
}

#menuquicksearch a {
    background-image: url(images/icons/24x24/view_next_blue_bg.gif);
}

#menunewissue2 a {
    background-image: url(images/icons/24x24/clipboard_add_blue_bg.gif);
}

/* VP 4.0 */
.projectTable {
    border: 1px #ddd solid;
    width: 98%;
    margin: 11px;
}

.projectTable td {
    text-align: left;
    width: 33%;
    padding: 5px 5px 5px 11px;
    background-color: #f2f5fc;
    vertical-align: top;
}

.projectTable td.project, td.issues {
    border-right: 1px solid #ddd;
    width: 30%;
}

.projectTable td.project span.projectInfo {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    width: 98%;
}

.projectTable td.project span.projectName a {
    font-weight: bold;
    font-size: 110%;
}

.projectTable td.issues {
    width: 20%;
    background-color: #fff;
    font-size: 110%;
    font-weight: bold;
}

div.progress {
    border: 1px solid #d7d7d7;
    height: 13px;
}

div.progress .closed {
    background: #009900;
    height: 99%;
}

.cells {
    padding: 0px 4px 0px 4px;
}

.cell_divs {
    width: 100%;
    overflow: hidden;
}

.popupclass {
    border: 1px #777 solid;
    padding: 2px;
}

/* DATE MENU */
.minutecss {
    padding: 4px;
    height: 100%;
    border-top: 1px solid #a3bad9;
    background: #dfecfb url(../../resources//images/default/shared/glass-bg.gif) repeat-x left top;
}

.y-hour-middle, .y-hour-left, .y-hour-right {
    font: bold 11px verdana, tahoma, arial, helvetica, sans-serif;
    overflow: hidden;
}

.y-hour-right, .y-hour-left {
    width: 18px;
}

.y-hour-right {
    text-align: right;
}

.y-hour-middle {
    padding-top: 2px;
    padding-bottom: 2px;
    color: #0000ff;
}

.y-hour-right a, .y-hour-left a {
    display: block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.y-hour-right a {
    background-image: url(images/arrowRight.gif);
    margin-right: 2px;
}

.y-hour-left a {
    background-image: url(images/arrowLeft.gif);
    margin-left: 2px;
}

.y-minute-middle, .y-minute-left, .y-minute-right {
    font: bold 11px verdana, tahoma, arial, helvetica, sans-serif;
    overflow: hidden;
}

.y-minute-right, .y-minute-left {
    width: 18px;
}

.y-minute-right {
    text-align: right;
}

.y-minute-middle {
    padding-top: 2px;
    padding-bottom: 2px;
    color: #0000ff;
}

.y-minute-right a, .y-minute-left a {
    display: block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.y-minute-right a {
    background-image: url(images/arrowRight.gif);
    margin-right: 2px;
}

.y-minute-left a {
    background-image: url(images/arrowLeft.gif);
    margin-left: 2px;
}

/***********************************************************************/
/**                        Ext Extensions                              */
/***********************************************************************/

/**
 *
 * Ext.ux.grid.RowActions.css
 *
 * Style sheets for Grid RowActions Plugin
 *
 * @author   Ing. Jozef Sak�lo�
 * @date     27. March 2008
 *
 * @license Ext.ux.grid.RowActions.css is licensed under the terms of
 * the Open Source LGPL 3.0 license.  Commercial use is permitted to the extent
 * that the code/component(s) do NOT become part of another Open Source or Commercially
 * licensed development library or toolkit without explicit permission.
 *
 * License details: http://www.gnu.org/licenses/lgpl.html
 */

/* styles for rows */
.ux-row-action-cell .x-grid3-cell-inner {
    padding: 1px 0 0 0;
}

.ux-row-action-item {
    float: left;
    min-width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    margin: 0 5px 0 0;
    cursor: pointer;
    overflow: hidden;
}

.ext-ie .ux-row-action-item {
    width: 16px;
}

.ext-ie .ux-row-action-text {
    width: auto;
}

.ux-row-action-item span {
    vertical-align: middle;
    padding: 0 0 0 20px;
    line-height: 18px;
}

.ext-ie .ux-row-action-item span {
    width: auto;
}

/* styles for groups */
.x-grid-group-hd div {
    position: relative;
    height: 16px;
}

.ux-grow-action-item {
    min-width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 0 50% ! important;
    margin: 0 0 0 4px;
    padding-left: 20px ! important;
    cursor: pointer;
    float: left;
}

.ext-ie .ux-grow-action-item {
    width: 200px;
}

.ux-action-right {
    float: right;
    margin: 0 3px 0 2px;
    padding: 0 ! important;
}

.ux-grow-action-text {
    padding: 0 ! important;
    margin: 0 ! important;
    background: transparent none ! important;
    float: left;
}

/************************************* Ext.ux.grid.RowActions end *****************************************/

/************************************* Ext.ux.Portal *****************************************/

.x-portal .x-panel-dd-spacer {
    margin-bottom: 11px;
}

.x-portal-column {
    margin: 5px 5px;
}

.x-portlet {
    margin-bottom: 11px;
}

/* Clean up the look of the portlets */
.x-portlet .x-panel-bwrap {
    border-color: inherit;
}

.x-portlet .x-panel-ml {
    padding-left: 2px;
    border-color: inherit;
}

.x-portlet .x-panel-mr {
    padding-right: 2px;
    border-color: inherit;
}

.x-portlet .x-panel-bl {
    padding-left: 2px;
}

.x-portlet .x-panel-br {
    padding-right: 2px;
}

.x-portlet .x-panel-body {
    background: white;
    border: 1px solid;
    border-color: inherit;
}

.x-portlet .x-panel-mc {
    padding-top: 2px;
    border-color: inherit;
}

/* leave room for resize bar on bottom only */
.x-portlet .x-panel-bc .x-panel-footer {
    padding-bottom: 8px;
}

.x-portlet .x-panel-nofooter .x-panel-bc {
    height: 8px;
}

.x-portlet .x-resizable-handle-south {
    bottom: 1px;
    left: 1px;
    width: 99%;
}

/************************************* Ext.ux.Portal END *****************************************/

/************************************* Undoreset *************************************************/
/* Strong and em */
.undoreset strong, .undoreset th {
    font-weight: bold;
}

.undoreset em, .undoreset address, .undoreset caption, .undoreset cite {
    font-style: italic;
}

/* Table */
.undoreset table {
    display: table;
    border-spacing: 2px;
    border-collapse: separate;
}

.undoreset tr {
    display: table-row;
    vertical-align: inherit;
}

.undoreset td {
    display: table-cell;
    border-spacing: 2px;
    padding: 2px;
    vertical-align: inherit;
    text-align: inherit;
    padding: 1px;
    border-collapse: none;
}

.undoreset th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    padding: 1px;
    border-collapse: none;
}

/* Block Items */
/* CHANGED 2009-10-13 .undoreset p { display: block; margin: 1em 0; }*/
.undoreset p {
    display: block;
    margin: 0;
}

.undoreset blockquote {
    display: block;
    margin: 1em 40px;
}

.undoreset address {
    display: block;
    font-style: italic;
}

.undoreset center {
    display: block;
    text-align: center;
}

/* Headers */
.undoreset h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin: .67em 0;
}

.undoreset h2 {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    margin: .83em 0;
}

.undoreset h3 {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    margin: 1em 0;
}

.undoreset h4 {
    display: block;
    font-weight: bold;
    margin: 1.33em 0;
}

.undoreset h5 {
    display: block;
    font-size: 0.83em;
    font-weight: bold;
    margin: 1.67em 0;
}

.undoreset h6 {
    display: block;
    font-size: 0.67em;
    font-weight: bold;
    margin: 2.33em 0;
}

/* Lists */
.undoreset ul {
    display: block;
    list-style-type: disc;
    margin: 1em 0;
    padding-left: 40px;
}

.undoreset ol {
    display: block;
    list-style-type: decimal;
    margin: 1em 0;
    padding-left: 40px;
}

.undoreset li {
    display: list-item;
}

/* Pre */
.undoreset pre, .undoreset code {
    display: block;
    font-family: Courier New;
    white-space: pre;
    margin: 1em 0;
}

/************************************* Undoreset END *****************************************/

.summaryCell {
    background: #efefef;
    height: 22px;
    text-align: right;
    font-weight: bold;
}

/* Fix for Firefox 3 */
.x-date-middle {
    width: 160px;
}

.x-date-left,
.x-date-right {
    width: 20px !important;
}

/* Bugfix for menu alignment in IE7 */
.ext-ie .x-menu-item-icon {
    left: -24px;
}

.ext-strict .x-menu-item-icon {
    left: 3px;
}

/* Customer companies */
.customerTable {
    border: 1px #99BBE8 solid;
    width: 99%;
}

.customerTable td {
    text-align: left;
    width: 33%;
    padding: 5px 5px 5px 10px;
    background-color: #f2f5fc;
    vertical-align: top;
}

.customerTable td.company {
    border-right: 1px solid #ddd;
    width: 30%;
}

.customerTable td.company span.companyInfo {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    width: 98%;
}

.customerTable td.company span.companyName {
    font-weight: bold;
}

.customerTable td.persons {
    width: 70%;
    background-color: #fff;
}

.personCard {
    margin: 2px 10px;
    padding: 5px;
    border: 1px #ccc solid;
    float: left;
    background-color: #f2f5fc;
}

.personCard span.userName {
    font-weight: bold;
}

/* Issues lists */
.issueSummaryCell {
    background: #efefef;
    height: 22px;
    text-align: right;
    font-weight: bold;
}

.newIssueCell {
    background: #ffff9c;
    border-left: 1px solid #99BBE8;
    border-right: 1px solid #99BBE8;
}

.newIssueLeft {
    border-left: 1px solid #99BBE8;
    text-align: left;
}

.newIssueRight {
    border-right: 1px solid #99BBE8;
}

.newIssueHeader {
    color: #15428B;
    font-weight: bold;
}

.borderLeft {
    border-left: 1px solid #99BBE8
}

.borderRight {
    border-right: 1px solid #99BBE8
}

.borderBottom {
    border-bottom: 1px solid #99BBE8
}

/* Reply to correspondent */
#replywrapper {
    width: 940px;
    margin: 10px 20px 10px 5px;
    font-family: verdana, arial;
}

#activitydiv {
    border: 1px #cccccc solid;
    background: #f2f5fc;
    font-size: 8pt;
    padding-bottom: 10px;
}

#activitydiv td {
    padding: 2px 1px 2px 2px;
    text-align: left;
    border-bottom: 1px #eee solid;
}

#replydiv {
    border: 1px #cccccc solid;
    background: #f2f5fc;
    font-size: 8pt;
    padding-bottom: 10px;
}

#replydiv th {
    padding: 2px 1px 2px 5px;
    width: 120px;
    text-align: left;
    font-size: 8pt;
    font-weight: bold;
}

#replydiv td {
    padding: 2px 1px 2px 2px;
    text-align: left;
}

.mailcontentdiv, .previousconversationdiv {
    padding: 0px 0px 10px 5px;
    background: #f2f5fc;
}

.mailcontentdiv h2, .previousconversationdiv h2 {
    font-weight: bold;
    font-size: 8pt;
    background: #f2f5fc;
    border-bottom: 1px #cccccc solid;
    padding: 0px;
    margin: 4px;
}

/* Calendar */
#issue_calendar #calendarTitle {
    color: #3d77cb;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 5px;
}

#issue_calendar .todaybutton {
    cursor: pointer;
    font-family: verdana, arial, helvetica, geneva, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 1px 4px 0px 4px;
}

#issue_calendar .monthCalendar {
    width: 99%;
    height: 75%;
    border-color: #3d77cb;
}

#issue_calendar .monthCalendar td {
    vertical-align: top;
    height: 60px;
    padding: 0;
    border-width: 0 1px 1px 0px;
    border-style: solid;
    border-color: #3d77cb;
}

#issue_calendar th {
    color: #3d77cb;
    font-size: 10pt;
    background: #e3eaf9;
    padding: 0;
    font-weight: bold;
    text-align: center;
}

#issue_calendar .calHeader {
    height: 15px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
}

#issue_calendar .weekNumber {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    width: 50px;
}

#issue_calendar .dayHeader {
    text-align: left;
    padding: 0 5px 0px 2px;
    background: #e8eef7;
}

#issue_calendar .todayCell {
    background: #ffffcc;
}

#issue_calendar .dayNotInMonth {
    color: #ccc;
}

#issue_calendar .dayOfMonth {
    color: #333;
}

#issue_calendar .infoText {
    text-align: center;
    background-color: #ffffcc;
    padding: 5px;
    border: 1px #cce solid;
    margin-top: 1em;
    margin-right: 8px;
}

/* Project page */
.charts {
    float: left;
}

.charts img {
    border: 1px #3d77cb solid;
    padding: 4px;
    margin: 7px;
}

/* Nomenclature page */
.editTermInputBoxDefaultValue, .editTermInputBoxCustomValue, .editTermInputBoxUpdatedValue {
    margin: 0;
    font: normal 11px verdana, tahoma, arial, helvetica, sans-serif;
    padding: 2px 1px 2px 1px;
    background: #fff url(js/ext-3.4.1/resources/images/default/form/text-bg.gif) repeat-x 0 0;
    border: 1px solid #B5B8C8;
    width: 98%;
}

.editTermInputBoxDefaultValue {
    color: #000;
}

.editTermInputBoxCustomValue {
    color: #00f;
}

.editTermInputBoxUpdatedValue {
    color: #f00;
}

.editTermInputBoxDefaultValue, .editTermInputBoxCustomValue, .editTermInputBoxUpdatedValue {
    height: 20px;
}

/* Change border when focus */
.editTermInputBoxDefaultValue:focus, .editTermInputBoxCustomValue:focus, .editTermInputBoxUpdatedValue:focus {
    background-image: none;
    border: 1px solid #7eadd9;
}

.floatingIcon {
    float: right;
    margin-right: 4px !important;
    margin-right: 2px; /* stupid IE6 */
    margin-top: 4px;
    margin-left: 0px;
}

.floatingIcon a img {
    width: 14px;
    height: 14px;
    border: 0;
    -moz-opacity: 0.70;
    opacity: 0.70;
    filter: alpha(opacity = 70); /* for IE6 */
    display: block; /* for use with js */
    cursor: pointer;
}

.floatingIcon a:hover img, .floatingIcon a img.fade {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity = 100); /* for IE6 */
}

input.x-static-text-field {
    background: transparent;
    border: none;
    color: inherit;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity = 100);
}

.issue-link-box {
    border: 1px solid #aaa;
    cursor: pointer;
    top: 0;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.2);
    -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.2);
    background: #eee6d0;
    /*margin: 6px 2px;*/
    right: 2px;
    padding: 1px;
}

.issue-link-box-inner {
    font-weight: bold;
    /*white-space:nowrap;*/
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    /*overflow: hidden;*/
}

.icon-addNewUserFromCombo {
    background-image: url(images/icons/trigger.gif) !important;
}

@media screen {
    .printHeader {
        display: none;
    }
}

@media print {
    body {
        margin: 0;
        padding: 0;
    }

    #westPanel, #northPanel, #southPanel {
        display: none;
    }

    /*#printButton, #GoBackDiv, #theClickBanner, .dhg_panel, #exportTableIconsDiv_${exportKey} {*/
    /*    display: none;*/
    /*}*/

    /*.boxhead {border-color: #777777; border-style: solid; border-width: 1px 1px 1px 1px;}*/
    .issueWrapper {
        width: 100%;
        border: 0px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: white;
    }

    .issueSummary {
        width: 100%;
        border: 0px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: white;
    }

    .issueHistoryDiv {
        width: 100%;
        border: 0px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .readOnlyWrapper {
        width: 100%;
        border: 0px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .titleHeader, .headerStyle {
        width: 80%;
        border: 0;
    }

    .titleSummary {
        width: 100%;
        border: 0px;
        background: white;
    }

    .descriptionDiv {
        width: 80%;
        border: 0px;
        margin: 0px 25px 0px 0px;
        padding: 0px 5px 0px 0px;
        background: white;
    }

    .descriptionDiv h2 {
        width: 100%;
        border: 0px;
        margin: 0px 5px 0px 0px;
        padding: 0px 5px 0px 0px;
        background: white;
    }

    .descriptionDiv h3 {
        width: 100%;
        border: 0px;
        margin: 0px 5px 0px 0px;
        padding: 0px 5px 0px 0px;
    }

    .descriptionDiv h4 {
        width: 100%;
        border: 0px;
        margin: 0px 5px 0px 0px;
        padding: 0px 5px 0px 0px;
    }

    /*.printHeader {display: block;font-weight: bold;}*/
    .printHeader {
        display: block;
        font-weight: bold;
        color: #15428B;
        font-size: 105%;
        font-weight: bold;
        border-left: 1px #99BBE8 solid;
        border-right: 1px #99BBE8 solid;
        border-bottom: 1px #99BBE8 solid;
        background-color: #01349A;
        background-image: url(js/ext-3.4.1/resources/images/default/panel/top-bottom.gif);
        background-repeat: repeat-x;
        padding-left: 4px;
        margin: 0px 0px 0px 5px;
        padding: 5px;
    }

    .titleHeader {
        display: none;
    }

    .issueSummary th {
        width: 15%;
        margin-right: 4px;
    }

    .issueSummary td {
        padding-left: 8px;
    }
}

.navigationPanel {
    background: #CAD9EC;
}

/* Project Summary and chat*/
.msg {
    margin: 1px;
    padding: 1px;
}

.msg td {
    padding: 1px;
}

/* Ext overrides */
.x-box-mc, .x-window-mc {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
}

/* Config item multi selector */
div.configItem {
    width: 100%;
    white-space: nowrap;
    padding: 2px 0;
    height: 18px;
}

div.configItem img.delete-tool {
    height: 16px;
    width: 16px;
    cursor: pointer;
}

div.configItem span.configItemName {
    padding: 1px 0px;
    vertical-align: bottom;
}

/* Config item management */
.x-form-append {
    float: left;
    padding-right: 3px;
}

.x-form-helptext {
    clear: both;
    font-size: 9px;
    color: #888;
}

.icon-settings-general {
    background-image: url(images/icons/16x16/folder_preferences.gif) !important;
}

.icon-settings-generalSettings {
    background-image: url(images/icons/16x16/gear.gif) !important;
}

.icon-config-add {
    background-image: url(images/icons/16x16/add2.gif) !important;
}

.icon-tag-merge {
    background-image: url(images/icons/16x16/pda2_into.gif) !important;
}

.icon-config-refresh {
    background-image: url(js/ext-3.4.1/resources/images/default/grid/refresh.gif) !important;
}

.map-icon {
    background-image: url(images/ocollectionicons/16x16/location_pin.png) !important
}

.icon-config-copy {
    background-image: url(images/icons/16x16/copy.gif) !important;
}

.icon-timer {
    background-image: url(images/icons/16x16/stopwatch.png) !important;
}

.icon-timer-start {
    background-image: url(images/icons/16x16/stopwatch_run.png) !important;
}

.icon-timer-stop {
    background-image: url(images/icons/16x16/stopwatch_stop.png) !important;
}

.icon-timer-pause {
    background-image: url(images/icons/16x16/stopwatch_pause.png) !important;
}

.icon-timer-createwl {
    background-image: url(images/icons/16x16/clock_add2.gif) !important;
}

.icon-nodeGraph-open {
    background-image: url(images/icons/16x16/nav_right_green.gif) !important;
}

.ext-ie .x-form-text {
    margin-bottom: 1px;
    margin-top: 1px;
}

.msg .x-box-mc {
    font-size: 14px;
}

#demo-balloon-div {
    position: absolute;
    left: 35%;
    top: 10px;
    width: 300px;
    z-index: 20000;
}

#loading-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20000;
    background-color: white;
}

#loading {
    position: absolute;
    left: 42%;
    top: 40%;
    padding: 2px;
    z-index: 20001;
    height: auto;
}

#loading img {
    margin-bottom: 5px;
}

#loading .loading-indicator {
    background: white;
    color: #555;
    font: bold 13px arial, tahoma, verdana, helvetica, sans-serif;
    padding: 20px;
    margin: 0;
    text-align: center;
    height: auto;
    white-space: nowrap;
}

#navigation .x-panel {
    padding-bottom: 5px;
    margin-bottom: 3px;
    margin-right: 0;
}

#navigation .x-panel-body {
    border: 0 none;
}

#onlineUsersPanel .x-panel-body li {
    margin: 3px;
}

#onlineUsersPanel .x-panel-body li img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 2px;
    margin-bottom: 2px;
}

#onlineUsersPanel .x-panel-body li a {
    text-decoration: none;
    color: #3764A0;
}

#latestIssuesPanel .x-panel-body li {
    margin: 2px 3px 5px 3px;
}

#latestIssuesPanel .x-panel-body li a {
    color: #3764A0;
}

#navigation .x-plain-body {
    padding: 3px 0 0 5px;
}

#projects-panel .x-panel-tbar {
    margin-top: -6px;
    margin-left: -6px;
    margin-right: -6px;
}

#general-menu-panel li, #online-users-panel li, #links-panel li {
    margin: 3px;
}

#general-menu-panel li img, #online-users-panel li img, #links-panel li img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 3px;
    margin-bottom: 2px;
}

#general-menu-panel td {
    margin: 3px;
}

#general-menu-panel td img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 3px;
    margin-bottom: 2px;
}

.menu-item-with-down-arrow {
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
}

.menu-unpaidinvoices {
    background-image: url(images/icons/16x16/warning.gif) !important;
}

.menu-dashboard {
    background-image: url(images/icons/16x16/server.gif) !important;
}

.menu-savedfilters {
    background-image: url(images/icons/16x16/paste.gif) !important;
}

.menu-search {
    background-image: url(images/icons/16x16/find.gif) !important;
}

.menu-performsearch {
    background-image: url(images/icons/24x24/view_next.gif) !important;
}

.menu-users {
    background-image: url(images/icons/16x16/users1.gif) !important;
}

.menu-companies {
    background-image: url(images/icons/16x16/factory.gif) !important;
}

.menu-time {
    background-image: url(images/icons/16x16/clock.png) !important;
}

.menu-reports {
    background-image: url(images/icons/16x16/line-chart.gif) !important;
}

.menu-settings {
    background-image: url(images/icons/16x16/wrench.gif) !important;
}

.menu-productscomponents {
    background-image: url(images/icons/16x16/component.gif) !important;
}

.menu-productscomponents_edit {
    background-image: url(images/icons/16x16/component_edit.gif) !important;
}

.menu-onlineuser {
    background-image: url(images/icons/16x16/user3.gif) !important;
}

.menu-meeting-accept {
    background-image: url(images/icons/16x16/meeting/accept.gif) !important;
}

.menu-meeting-decline {
    background-image: url(images/icons/16x16/meeting/decline.gif) !important;
}

.menu-meeting-tentative {
    background-image: url(images/icons/16x16/meeting/tentative.gif) !important;
}

.menu-meeting-cancel {
    background-image: url(images/icons/16x16/meeting/cancel.gif) !important;
}

.menu-meeting-invitation {
    background-image: url(images/icons/16x16/meeting/meeting_request.gif) !important;
}

/* Links panel */
.x-panel-body p {
    margin: 5px;
}

.mce-path {/* CSS */
    padding: 0px !important;
}

.link-newproject {
    background-image: url(images/icons/16x16/server.gif) !important;
}

.link-newuser {
    background-image: url(images/icons/16x16/user1_new.gif) !important;
}

.link-newissue {
    background-image: url(images/icons/16x16/paste.gif) !important;
}

.link-gettingStartedHelp {
    background-image: url(images/icons/16x16/lifebelt.gif) !important;
}

.menu-index {
    background-image: url(images/icons/16x16/index.gif) !important;
}

#issues .x-panel-body {
    margin: 5px;
}

.tabProjectIcon {
    background-image: url(images/icons/16x16/gear.gif) !important;
}

.projectSummaryIcon {
    background-image: url(images/icons/16x16/column-chart.gif) !important;
}

.newProjectIcon {
    background-image: url(images/icons/16x16/gear_add.gif) !important;
}

.inactiveProjectsIcon {
    background-image: url(images/icons/16x16/gears_stop.gif) !important;
}

.manageProjectsIcon {
    background-image: url(images/icons/16x16/gears_preferences.gif) !important;
}

.tabViewTag {
    background-image: url(images/icons/16x16/tag2.gif) !important;
}

.tabQuickSearch {
    background-image: url(images/icons/16x16/find.gif) !important;
}

.tabEditUser {
    background-image: url(images/icons/16x16/user1.gif) !important;
}

.tabEditCompany {
    background-image: url(images/icons/16x16/factory.gif) !important;
}

.tabProfile {
    background-image: url(images/new/16_16/id_card_preferences.gif) !important;
}

.tabCommits {
    background-image: url(images/icons/16x16/text_code_colored.gif) !important;
}

.tabURL {
    background-image: url(images/icons/16x16/document.gif) !important;
}

.bmenu {
    background-image: url(images/icons/16x16/components.gif) !important;
}

.menu-title {
    background: #ebeadb url(js/ext-3.4.1/resources/images/default/grid/grid3-hrow.gif) repeat-x;
    border-bottom: 1px solid #99bbe8;
    color: #15428b;
    font: bold 10px arial, tahoma, verdana, helvetica, sans-serif;
    display: block;
    padding: 3px;
}

.tabIssue {
    background-image: url(images/icons/16x16/paste.gif) !important;
}

.tabProjectTimeline {
    background-image: url(images/icons/16x16/chart_bar.png) !important;
}

.tabResourceAllocation {
    background-image: url(images/icons/16x16/user1_time.gif) !important;
}

.icon-document-exchange {
    background-image: url(images/icons/16x16/document_exchange.gif) !important;
}

.icon-text-code-colored {
    background-image: url(images/icons/16x16/text_code_colored.gif) !important;
}

.icon-form-blue {
    background-image: url(images/icons/16x16/form_blue.gif) !important;
}

.icon-grid {
    background-image: url(images/icons/16x16/grid.png) !important;
}

.icon-delete2 {
    background-image: url(images/icons/16x16/delete2.gif) !important;
}

.icon-delete-selection {
    background-image: url(images/icons/16x16/selection_delete.gif) !important;
}

.icon-sign {
    background-image: url(images/icons/16x16/pencil2.png) !important;
}

.icon-refresh {
    background-image: url(images/icons/16x16/recycle.gif) !important;
}

.icon-help {
    background-image: url(images/icons/16x16/help2.gif) !important;
}

.icon-userlock {
    background-image: url(images/icons/16x16/user1_lock.gif) !important;
}

.icon-usermerge {
    background-image: url(images/icons/16x16/user1_into.gif) !important;
}

.icon-user {
    background-image: url(images/icons/16x16/user1.gif) !important;
}

.icon-useradd {
    background-image: url(images/icons/16x16/user1_add.gif) !important;
}

.icon-userdelete{
    background-image: url(images/icons/16x16/user1_delete.gif) !important;
}

.icon-productselect{
    background-image: url(images/icons/16x16/edit.gif) !important;
}

.icon-warning{
    background-image: url(images/icons/16x16/warning.gif) !important;
}

.chat-warning {
    background-image: url(images/icons/16x16/warning.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}

.icon-forbidden {
    background-image: url(images/icons/16x16/forbidden.gif) !important;
}

.icon-gear {
    background-image: url(images/icons/16x16/gear.gif) !important;
}

.icon-gear-connection {
    background-image: url(images/icons/16x16/gear_connection.gif) !important;
}

.icon-factory {
    background-image: url(images/icons/16x16/factory.gif) !important;
}

.icon-import {
    background-image: url(images/icons/16x16/import1.gif) !important;
}

.icon-export {
    background-image: url(images/icons/16x16/export1.gif) !important;
}

.icon-link {
    background-image: url(images/icons/16x16/link.gif) !important;
}

.menu-contracts {
    background-image: url(images/icons/16x16/contract.gif) !important;
}

.icon-branch {
    background-image: url(images/icons/16x16/branch.gif) !important;
}

.icon-sort {
    background-image: url(images/new/16_16/sort_descending.gif) !important;
}

.icon-presentationType {
    background-image: url(images/icons/16x16/table.gif) !important;
}

.icon-add {
    background-image: url(images/icons/16x16/add2.gif) !important;
}

.icon-addFolder {
    background-image: url(images/icons/16x16/folder_add.gif) !important;
}

.icon-newTab {
    background-image: url(images/icons/16x16/window_new.png) !important;
}

.icon-addNewUser {
    background-image: url(images/icons/16x16/user1_add.gif) !important;
}

.icon-removeUser {
    background-image: url(images/icons/16x16/user1_delete.gif) !important;
}

.icon-magnifier {
    background-image: url(images/icons/16x16/view.gif) !important;
}

.icon-save {
    background-image: url(images/icons/16x16/check.gif) !important;
}

.icon-store {
    background-image: url(images/icons/16x16/disk_blue.gif) !important;
}

.icon-subscription {
    background-image: url(images/icons/16x16/mail_preferences.gif) !important;
}

.icon-mail {
    background-image: url(images/icons/16x16/mail_new.gif) !important;
}

.icon-filter {
    background-image: url(images/icons/16x16/funnel.gif) !important;
}

.icon-password {
    background-image: url(images/icons/16x16/key1_preferences.gif) !important;
}

.icon-bankId {
    background-image: url(images/icons/16x16/bankId.png) !important;
}

.icon-bankIdLarge {
    background-image: url(images/BankIdLarge.png) !important;
}

.icon-lockView {
    background-image: url(images/icons/16x16/lock_view.gif) !important;
}

.icon-editfilter {
    background-image: url(images/icons/16x16/funnel_edit.gif) !important;
}

.icon-addfilter {
    background-image: url(images/icons/16x16/funnel_add.gif) !important;
}

.icon-deletefilter {
    background-image: url(images/icons/16x16/funnel_delete.gif) !important;
}

.icon-download {
    background-image: url(images/icons/16x16/document_down.png) !important;
}

.icon-edit {
    background-image: url(images/new/16_16/document_edit.gif) !important;
}

.icon-downloadZip {
    background-image: url(images/fileicons/zip.gif) !important;
}

.icon-arrow {
    background-image: url(images/icons/16x16/arrow_right_green.gif) !important;
}

.icon-upload {
    background-image: url(images/icons/16x16/document_up.gif) !important;
}

.icon-pdf {
    background-image: url(images/fileicons/pdf.gif) !important;
}

.icon-copy {
    background-image: url(images/icons/16x16/copy.gif) !important;
}

.icon-calendar {
    background-image: url(images/icons/16x16/calendar.gif) !important;
}

.icon-knowledgebase {
    background-image: url(images/icons/16x16/question_and_answer.gif) !important;
}

.icon-printer {
    background-image: url(images/icons/16x16/printer.gif) !important;
}

.icon-expand {
    background-image: url(images/new/expand.gif) !important;
}

.icon-collapse {
    background-image: url(images/new/collapse.gif) !important;
}

.icon-link {
    background-image: url(images/icons/16x16/link.gif) !important;
}

.icon-sortAscending {
    background-image: url(images/new/16_16/sort_ascending.gif) !important;
}

.icon-sortDescending {
    background-image: url(images/new/16_16/sort_descending.gif) !important;
}

.icon-invite-meeting {
    background-image: url(images/icons/16x16/meeting/meeting_request.gif) !important;
}

.icon-company-info {
    background-image: url(images/icons/16x16/factory_information.png) !important;
}

.icon-user-info {
    background-image: url(images/icons/16x16/user1_information.gif) !important;
}

.icon-product-info {
    background-image: url(images/icons/16x16/component.gif) !important;
}

.icon-location-url {
    background-image: url(images/icons/16x16/earth.gif) !important;
}

input.hint {
    color: gray;
}

/* IssueHistory */
.issueHistoryTD {
    padding: 2px 1px;
    height: 20px;
    font-weight: bold;
}

.issueHistoryPinned {
    background-color: #E8F4EE !important;
}

.issueHistoryTDWithDetail {
    cursor: pointer;
}

.issueHistoryDetailTD {
    border-bottom: 1px #d3d3d3 solid;
    padding: 2px 1px 1px 2px;
    height: 20px;
    background-color: #FFFFFF
}

.issueHistoryRowHover {
    border: 1px solid #dddddd;
    background: #efefef url(js/ext-3.3.1/resources/images/default/grid/row-over.gif) repeat-x left top;
}

/* Ready for test dic in Edit issue */
#readyForTestDiv {
    font-size: 9pt;
    text-align: center;
    border-color: #777777;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    padding: 5px 0px;
    margin-left: 7px;
    margin-bottom: 5px;
    color: #222;
    background-color: lightyellow;
    width: 820px;
}

.attachmentTDStyle {
    border-bottom: 1pt #dedede solid;
    padding: 2px;
}

.icon-issue-historylog {
    background-image: url(images/icons/16x16/text.gif) !important;
}

.icon-issue-kbLinks {
    background-image: url(images/icons/16x16/lifebelt.gif) !important;
}

.icon-issue-costs {
    background-image: url(images/icons/16x16/money.gif) !important;
}

.icon-issue-documents {
    background-image: url(images/icons/16x16/document.gif) !important;
}

.icon-issue-links {
    background-image: url(images/icons/16x16/link.gif) !important;
}

.icon-issue-worklog {
    background-image: url(images/icons/16x16/clock.gif) !important;
}

.icon-issue-slas {
    background-image: url(images/icons/16x16/contract.gif) !important;
}

.icon-issue-subissues {
    background-image: url(images/icons/16x16/branch.gif) !important;
}

.icon-issue-permissions-all {
    background-image: url(images/icons/16x16/lock_open.gif) !important;
}

.icon-issue-permissions-locked {
    background-image: url(images/icons/16x16/lock.gif) !important;
}

.icon-issue-subscriptions {
    background-image: url(images/icons/16x16/mail_out.gif) !important;
}

.icon-issue-commits {
    background-image: url(images/icons/16x16/text_code_colored.gif) !important;
}

/* KB from version 7.3 */

.kbArticle {
    padding: 7px;
}

.kbArticle .articleHeader {
    /*padding: 0px 0 15px 0;
   width: 99%;*/
}

.kbArticle .articleHeaderTitle {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    margin-right: 30px;
}

.kbArticle .articleIcons {
    float: right;
    width: 16px;
}

.kbArticle .articleContent p {
    margin-left: 0;
}

.kbSearchResult {
    padding: 5px;
}

.searchResultHeader {
    border-bottom: 1px #777 solid;
    padding-bottom: 3px;
    margin-bottom: 5px;
}

.kbSearchResultItem {
    padding: 3px 3px 11px 20px;
    /*margin: 0px 0px 5px 0px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: 0 2px;*/
}

.kbSearchResultItem.articleRowOdd {
    background: url(images/new/16_16/document.gif) no-repeat 0 2px;
    padding: 3px 3px 10px 20px;
    margin: 0px 0px 5px 0px;
}

.kbSearchResultItem.articleRowEven {
    background: #edf3fe url(images/new/16_16/document.gif) no-repeat 0 2px;
    padding: 3px 3px 3px 20px;
    margin: 0px 0px 5px 0px;
}

.kbSearchResultItem.articleRowOddExcluded {
    background: url(images/new/16_16/document_stop.gif) no-repeat 0 2px;
    padding: 3px 3px 10px 20px;
    margin: 0px 0px 5px 0px;
}

.kbSearchResultItem.articleRowEvenExcluded {
    background: #edf3fe url(images/new/16_16/document_stop.gif) no-repeat 0 2px;
    padding: 3px 3px 3px 20px;
    margin: 0px 0px 5px 0px;
}

.kbSearchResult a {
    font-weight: bold;
    color: #005FAC;
}

.kbSearchResult .articleRowOdd {
}

.kbSearchResult .articleRowEven {
    background-color: #edf3fe;
}

.searchResultRowHover {
    background-color: #efefef !important;
    cursor: pointer;
}

.kbSearchResult .articleContent {
    padding-top: 3px;
}

.kbArticleLinkedIssues h2 {
    color: #777;
}

.itemLabel {
    padding: 1px 3px 2px;
    background-color: #cecece;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* Recurring issues */
.recurringIssueInfo {
    color: #777;
    text-decoration: underline;
    cursor: pointer;
}

.iconRecurrence {
    background-image: url(images/icons/16x16/replace2.gif) !important;
}

.iconEditRecurrence {
    background-image: url(images/icons/16x16/replace.gif) !important;
}

.iconEditRecurrenceTemplate {
    background-image: url(images/icons/16x16/edit.gif) !important;
}

.divider {
    height: 1px;
    background: #a3bad9;
    margin-bottom: 8px;
}

.icon-addcompany {
    background-image: url(images/icons/16x16/factory_add.gif) !important;
}

.icon-newTab {
    background-image: url(images/icons/16x16/window_new.png) !important;
}

.icon-addNewUser {
    background-image: url(images/icons/16x16/user1_add.gif) !important;
}

.icon-magnifier {
    background-image: url(images/icons/16x16/view.gif) !important;
}

.icon-addNewIssue {
    background-image: url(images/icons/16x16/add2.gif) !important;
}

.icon-gears {
    background-image: url(images/icons/16x16/gears.gif) !important;
}

.icon-exclude {
    background-image: url(images/icons/16x16/document_stop.gif) ! important;
}

.icon-link {
    background-image: url(images/icons/16x16/document-link.gif) ! important;
}

.icon-folder-exclude-open {
    background-image: url(images/icons/16x16/tree_folder_open_excluded.gif) ! important;
}

.icon-folder-exclude {
    background-image: url(images/icons/16x16/tree_folder_excluded.gif) ! important;
}

.icon-folder-link {
    background-image: url(images/icons/16x16/folder-link.gif) ! important;
}

.icon-folder-link-open {
    background-image: url(images/icons/16x16/folder-open-link.gif) ! important;
}

.icon-folder-default {
    background-image: url(images/icons/16x16/folder-default.gif) ! important;
}

.tree-node-unselectable {
    -moz-opacity: 0.5;
    opacity: .5;
    filter: alpha(opacity = 50);
}

.icon-default {
    background-image: url(images/icons/16x16/document.gif) !important;
}

.icon-outdated {
    background-image: url(images/icons/16x16/warning.gif) ! important;
}

.x-tree-node-leaf .x-tree-node-icon {
    background-image: url(images/icons/16x16/document.gif);
}

.criteriaGrouping {
    border-left: 1px solid #3287B9;
    margin-left: 3px;
}

.x-filter-condition td {
    padding: 0px;
}

.x-filter-condition {
    margin-bottom: 10px;
}


.x-filter-condition .x-box-inner {
    height: 40px !important;
}


.x-filter-condition .x-superboxselect {
    max-height: 34px !important;
}

.x-filter-condition .x-form-text ul{
    overflow-y: scroll;
    height: 34px;
}

#searchActionPanelWrapper .x-filter-condition .x-form-text ul {
    overflow-y: hidden;
}


.addCriteriaBtn {
    background-image: url(images/icons/16x16/add.gif) !important;
}

.removeCriteriaBtn {
    background-image: url(images/icons/16x16/delete.gif) !important;
}

#checkList {
    /* the path to csshover3.htc should be relative to web page */
    behavior: url("css/csshover3.htc");
    margin-left: 4px;
    margin-right: 9px;
    /*border: #ccc solid 1px;*/
}

#checkListReadOnly {
    margin-right: 0px;
    margin-left: 4px;
}

#checkList input[type="text"] {
    width: 100%;
    height: 24px;
    font-family: inherit;
    line-height: 1em;
    border: 0;
    outline: none;
    border: 1px solid #999999;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
    -o-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
    box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset;
}

#checkList input::-webkit-input-placeholder {
    font-style: italic;
}

#checkList .items {
    margin: 5px 0;
    padding-left: 1px;
    list-style: none;
}

#checkList .item {
    position: relative;
    /*font-size: 16px;*/
    /*border-bottom: 1px solid #cccccc;*/
}

#checkList .view {
    border-bottom: 1px solid #EBEBEB;
}

div.checkList .item.done span {
    color: #777777;
    text-decoration: line-through;
}

#checkList .item .destroy {
    position: absolute;
    right: 50px;
    top: 3px;
    display: none;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url('images/icons/16x16/delete.gif') no-repeat center center;
}

#checkList .item .moveoneup {
    position: absolute;
    right: 115px;
    top: 3px;
    display: none;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url('images/icons/16x16/navigate_up.gif') no-repeat center center;
}

#checkList .item .movetotop {
    position: absolute;
    right: 90px;
    top: 3px;
    display: none;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url('images/icons/16x16/navigate_up2.gif') no-repeat center center;
}

#checkList .item:hover .destroy {
    display: block;
}

#checkList .item:hover .moveoneup {
    display: block;
}

#checkList .item:hover .movetotop {
    display: block;
}

#checkList .item .edit {
    display: none;
}

#checkList .item.editing .edit {
    display: block;
}

#checkList .item.editing .view {
    display: none;
}

#checkList #checkListFooter {
    margin: 0px;
    overflow: hidden;
    color: #555555;
    background: #CEDFF5;
    border-top: 1px solid #ededed;
    padding: 0 20px;
    line-height: 20px;
    height: 24px;
}

#checkList .complete {
    float: right;
    text-decoration: none;
    color: #555555;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0 10px 0px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    cursor: pointer;
    background-color: #8DB2E3;
}

#checkList .clicktext {
    color: #555;
    margin-top: -4px;
    margin-bottom: 2px;
    text-align: center;
}

#checkList .complete:active {
    position: relative;
    top: 1px;
}

#checkList .count {
    padding-top: 3px;
}

#checkList .count span {
    font-weight: bold;
}

.newCategory {
    font-size: 18pt;
    color: #EDA12A;
}

.newCategory a span {
    color: #EDA12A;

}

.overlibTable {
    width: 100%;
    text-align: left;
    font-size: 11px;
    font-family: arial;
    border-collapse: collapse;
    margin-top: 5px;
}

.overlibth {
    padding: 4px 3px 4px 5px;
    border: 1px solid #d0d0d0;
    background-color: #ededed;
    white-space: nowrap;
}

.overlibtd {
    padding: 4px 3px 4px 5px;
    border-style: none solid solid;
    border-width: 1px;
    border-color: #d0d0d0;
    white-space: nowrap;
    vertical-align: top;
}

.workStreamItem {
    border-bottom: 1px solid #cccccc;
    padding: 5px 10px 10px 10px;
    min-height: 40px;
}

.workStreamItemImg {
    width: 40px;
    float: left;
}

.workStreamItemDetails {
    /*padding-left: 15px;*/
}

.workStreamCreator a {
    font-size: 95%;
    font-weight: bold;
    /*color: #425064;*/
}

.workStreamTimeAgo {
    font-size: 90%;
    color: #aaaaaa;
}

.workStreamDescription {
    /*font-size: 90%;
   padding-top: 5px;
   font-weight: bold;*/
}

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

.activityLogCell {
    padding: 4px;

    border-bottom: 1px solid #cdcdcd;
    white-space: nowrap;
    vertical-align: top;
}

.changeCell {
    /*border: 3px solid #FFF;*/
    font-weight: bold;
    height: 30px;
    vertical-align: top;
    /*text-align: center;*/
    background-image: url("images/transparent.gif");
    background-repeat: no-repeat;
    background-position: 5px 4px;
    padding-left: 30px;
    border-right: 1px dashed #ccc;
}

.timeCell {
    vertical-align: top;
}

.created {
    /*background: #007700;*/
    background-image: url("images/icons/16x16/add2.gif");
}

.changed {
    /*background: #F0F000;
   color: black;*/
    background-image: url("images/icons/16x16/edit.gif");
}

.issueCompleted {
    /*background: #770000;*/
    background-image: url("images/icons/16x16/check2.gif");
}

.time {
    /*background: #CCFFFF;
   color: black;*/
    background-image: url("images/icons/16x16/clock.gif");
}

.commit {
    background-image: url("images/icons/16x16/cup.gif");
}

.document {
    background-image: url("images/icons/16x16/documents.gif");
}

.comment {
    background-image: url("images/icons/16x16/message_add.gif");
}

.news {
    background-image: url("images/icons/16x16/note.gif");
}

.forum {
    background-image: url("images/icons/16x16/messages.gif");
}

.project {
    background-image: url("images/icons/16x16/gear.gif");
}

.kbEntry {
    background-image: url("images/icons/16x16/document_text.gif");
}

.issueUpdated {
    background-image: url("images/icons/16x16/document.gif");
}

.issueCreated {
    background-image: url("images/icons/16x16/document.gif");
}

.issue {
    background-image: url("images/icons/16x16/document.gif");
}

.issueComment {
    background-image: url("images/icons/16x16/message.gif");
}

.issueIncomingEmail {
    background-image: url("images/icons/16x16/mail_into.gif");
}

.issueReplied {
    background-image: url("images/icons/16x16/mail_out.gif");
}

.issueKeyCell {
    background: #f0f0f0;
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #fff;
}

.issueKeyCell a {
    text-decoration: underline;
    font-weight: bold;
}

.descriptionCell {
    vertical-align: top;
    width: 90%;
    color: #333;
    white-space: normal;
    min-width: 200px;
}

.descriptionComment {
    padding-top: 3px;
}

.descriptionComment span {
    background: #e2dc66;
    padding: 2px;
}

.typeOfChange {
    font-weight: bold;
    white-space: nowrap;
    background: #FFF6A9;
    padding: 2px;
}

.creatorCell {
    background: #f0f0f0;
    vertical-align: top;
    text-align: center;
    /*border-bottom: 1px solid #fff;*/
}

.creatorCell a:hover {
    vertical-align: top;
    text-align: center;
    font-size: 95%;
    font-weight: bold;
}

.getOlderActivity {
    margin-top: 15px;
    width: 200px;
    vertical-align: middle;
    text-align: center;
    padding-top: 12px;
    height: 25px;
    color: #333;
    font-weight: bold;
    border-radius: 5px;
    background: #BDC6D5;
    padding-bottom: 8px
}

.getOlderActivity:hover {
    background: #dDe6f5;
    cursor: pointer;
}

#infovis {
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
    overflow: hidden;
    background-color: white;
}

.iconPlanningBoard {
    background-image: url(images/icons/16x16/window_split_hor.png) !important;
}

.x-dd-drop-previous .x-dd-drop-icon {
    background-image: url(images/icons/16x16/document_up.gif);
}

.x-dd-drop-top .x-dd-drop-icon {
    background-image: url(images/icons/16x16/navigate_up2.gif);
}

.x-dd-drop-next .x-dd-drop-icon {
    background-image: url(images/icons/16x16/document_down.png);
}

img.userThumbnail{
    width:48px;
    height:48px;
}

input[type=button] {
    padding: 2px 6px 3px;
}

input[type=submit] {
    padding: 2px 6px 3px;
}

.custom-field{
    padding: 2px 1px 2px 7px;
    padding-top: 2px;
    padding-right: 1px;
    padding-bottom: 2px;
    padding-left: 7px;
}

.custom-field strong{
    font-weight: bold;
}

.custom-field em{
    font-style: italic;
}


.custom-field ul{
    list-style-type:disc;
}

.custom-field ol{
    list-style-type:decimal;
}

.custom-field ul,ol{
    margin-left:2.25em;
    margin-bottom:1em;
    margin-top:1em;
    line-height: 1.65;
}

.qtipScaleImage img{
    max-width: 100% !important;
    height: auto !important;
}

.overlibW{
    width: 500px;
}

.overlibWM{
    width: 500px;
    max-height: 500px;
    overflow:hidden;
}


.x-tool-toggle-custom-down {
    background-position: 0 -195px
}

.x-tool-toggle-custom-down-over {
    background-position: -15px -195px
}

.x-tool-toggle-custom-up {
    background-position: 0 -210px
}

.x-tool-toggle-custom-up-over {
    background-position: -15px -210px
}

#templateInsertFormPanel label{
    vertical-align: middle;
    top:0;
}

#templateInsertFormPanel input#showInMenu{
    margin-top:0 !important;
}

.x-grid3-row.backgroundjob-error .x-grid3-cell {
    background-color: #ffff00;
}

.x-grid3-row.backgroundjob-severe .x-grid3-cell {
    background-color: #ff0033;
}

.odd{
    background-color: rgba(13, 124, 128, 0.03);
}

.news-item{
    padding: 0.5em;
    padding-right: 1.5em;
}
.news-item h3{
    font-size:140%;
    color:#005FAC;
    margin-left:0.3em;
}
#newswidget .nav-pills > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#newswidget .nav-pills > .active > a,
#newswidget .nav-pills > .active > a:hover {
    color: #ffffff;
    background-color: #0088cc;
}
.emoji {
    width: 1.5em;
    height: 1.5em;
    font-size:20px;
    display: inline-block;
    margin-bottom: -0.25em;
    background-size: contain;
}

.news-item-over{
    background-color: #e6f1f6;
}
.new-item-selected{
    background-color: #ffefbb
}


.login-card {
    width: 300px;
    padding: 30px;
    border: 1px solid rgba(170, 188, 198, 0.3);
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}

.login-title {
    padding-bottom: 18px;
    text-align: center;
    color: #556C79;
    font-size: 18px;
}

.login-credentials {
    padding-bottom: 15px;
    font-size: 12px
}

.login-credential {
    text-align: left;
    padding-bottom: 15px;
    color: #556C79;
}

.login-input {
    width: 100%;
    padding: 10px;
    margin-top: 3px;
    border: 1px solid #E0E0E0;
    /*background: #F6F6F6;*/
    border-radius: 5px;
    color: #292329;
}

.login-additional {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}

.login-additional-remember, .login-additional-forgot {
    padding: 0;
    margin: 0;
    color: #556C79;
}

.login-additional-forgot-support {
    width: 100%;
    padding: 0;
    margin-top: -20px;
    color: #556C79;
}

.login-additional-forgot {
    text-align: right;
}

.right-align {
    text-align: right;
}

.login-additional-link {
    text-align: center;
    margin-top: 15px;
}

.login-support-additional {
    text-align: left;
}

.go-back {
    margin-top: -10px;
}


.login-additional-remember {
    display: flex;
    justify-content: left;
    margin-bottom: 10px;
    margin-right: 5px;
}

.login-additional-remember input {
    margin: 0 3px 0 0;
    cursor: pointer;
}

.login-additional-remember label {
    font-weight: 600;
    cursor: pointer;
    text-align: left;
}

.login-submit {
    width: 100%;
    background-color: #efa265; /*#ec9956; #de9770; #d89672; #d88151; #e27c43; #D9A182;*/
    border-radius: 5px;
    box-shadow: unset !important;
    color: white;
    font-size: 12px;
    cursor: pointer;
}

.login-submit:hover {
    background-color: #ec9956;
}

.login-button a {
    font-size: 12px;
    display: inline-block;
    color: unset;
}

.login-button {
    max-width: 100%;
    background-color: white; /*#d89672; #d88151; #e27c43; #D9A182;*/
    border: 3px solid rgba(35, 90, 114, 0.26);
    border-radius: 5px;
    color: rgba(198, 212, 219, 1);
    cursor: pointer;
    padding: 10px 0px;
    font-weight: 600;
}

.login-button:hover {
    border: 3px solid rgba(35, 90, 114, 0.39);
    color: rgb(87, 141, 165);
}

.login-submit-button input[type=submit] {
    border: unset;
    border:none;
    padding: 10px;
}

.login-submit-button input[type=submit]:hover {
    border-radius: 5px;
}

.login-mobile-app-link {
    text-align: center;
    width: 300px;
    margin: auto;
}

.login-additional-forgot a, .login-additional-forgot-support a {
    font-weight: 600;
    color: #556C79;
}

.login-mobile-app-link a, .login-additional-link a, a.login-return {
    font-weight: 600;
    color: #556C79;
    text-decoration: underline;
    text-underline-position: under;
}

.login-mobile-app-link a:hover, .login-additional-link a:hover, a.login-return:hover, .login-additional-forgot a:hover, .login-additional-forgot-support a:hover, .login-additional-remember label:hover {
    color: #0a1d27;
    cursor: pointer;
}


.login-container {
    border-spacing: unset;
}

.login-fail-container {
    border-spacing: unset;
    border-color: unset;
    margin-bottom: 20px;
}

.login-fail-message {
    background-color: #E86B52;
    color: white;
    width: 300px;
    padding: 0px 30px;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: center;
}

.login-fail-message ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}


.login-action {
    align-items: center;
    padding: 10px;
}

.login-note {
    text-align: left;
    background: rgba(30, 98, 176, 0.2);
    width: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 30px;
}

.login-note p {
    color: #171e25;
}

a.login-additional-link {
    font-weight: 600;
    color: #000000;
}

.login-content {
    padding: 0 !important;
}

.login-reset-title-subsection {
    font-size: 11px;
    margin-top: 5px;
}

.login-reset-or {
    font-variant: all-petite-caps;
    color: #556C79;
}

.upgrade-trial-banner {
    margin-left: 30px;
    padding: 10px;
}

.upgrade-trial-banner:hover {
    border: 1px solid #DDD;
    box-shadow: 1px 1px 10px #EEE;
    border-radius: 3px;
    background-color: #FFFFFF;
}

@media screen and (max-width: 600px) {

    html, body {
        width: 100%;
        align-items: center;
    }

    .login-card {
        width: 270px;
    }

    .login-text {
        width: 40%;
    }

    .login-action {
        align-items: center;
        padding: 15px;
    }

    .login-note {
        width: 90%;
        padding-bottom: 2px;
        margin-top: 10px;
    }

    .login-note p{
        padding: 2px 2px 0 2px;
    }

    #supportHeader {
        text-align: center;

    }

    span {
        padding-top: 20px;
    }

    #contentDiv {
        padding-top: 10px;
        clear: none;
    }

    #menunav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
        float: none !important;
    }
    #userInfo {
        display: none;
    }

    #login-image {
        width: 10%;
    }

    #page {
        width: 100%;
    }

    .spacer {
        padding-bottom: 15px !important;
    }

    #create-login-submit {
        width: 100% !important;
    }

    #center-align-vert {
        text-align: center;
        padding-bottom: 10px;
    }

    .editInputBox {
        width: 100%;
    }

    .login-fail-container {
        width: 90%;
    }
    .errorcontent {
        padding: 10px 30px 5px 25px;
    }

    .error-message {
        width: auto;
    }

    #page {
        width: 100%;
    }


    #searchResult {
        width: 95%;
    }

    #searchResult .subnav {
        height: auto;
    }

    #searchResult li a {
        padding: 5px;
    }

    form[name="searchForm"] {
        width: 95%;
    }

    #searchExternalPanel img {
        margin-left: 9px;
    }

    #searchResult #searchExternalPanel span {
        padding-top: unset;
    }


}

@media screen and (max-width: 340px) {
    .login-card {
        width: 230px;
    }

    .login-credentials {
        padding-bottom: 0;
        justify-content: unset;
    }

    .login-additional-remember, .login-additional-forgot {
        width: 100%;
        margin: 5px auto;
        justify-content: center;
        text-align: center;
    }
}


.x-grid-cell-checkcolumn .x-grid-cell-inner {
    padding-top: 4px;
    padding-bottom: 2px;
    line-height: 14px;
}
.x-grid-with-row-lines .x-grid-cell-checkcolumn .x-grid-cell-inner {
    padding-top: 3px;
}

.x-grid-checkheader {
    width: 13px;
    height: 13px;
    background-image: url('js/ext-3.4.1/resources/images/default/form/checkbox.gif');
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    padding: 0;
    border: 0;
    display: block;
    margin: auto;
}

.x-grid-checkheader-checked {
    background-position: 0 -13px;
}

.x-grid-checkheader-disabled {
    background-position: -39px 0;
}

.x-grid-checkheader-checked-disabled {
    background-position: -39px -13px;
}

.x-grid-checkheader-editor .x-form-cb-wrap {
    text-align: center;
}

.relatedIssue {
    list-style: none;
}