.qp_list {
    padding: 5px;
    list-style-type: none;
    border: 1px solid #E8E8E8;
    color: #333;
    border-radius: 3px;
    margin: 12px 0 0 0;
}

ul {
  list-style-type:none;
  padding-left: 0;
}

li {
  padding: 4px;
}

.Question, .Answer, .System {
  font-size:1.5rem;
  font-weight:bold;
}

.Question{
 color:#ff0d0d;
}
.Answer{
 color:#5A9D36;
}
.System{
 color:#D6C35A;
}

.field_name {
   font-family: Trebuchet MS, Arial, sans-serif;
   font-size: 12px;
   color:#454850;
}

.progress-bar {
    height: 16px;
}

.title-name {
   font-family: Trebuchet MS, Arial, sans-serif;
   font-size: 10px;
   color:#555;
}

.topic-data {
   font-family: Trebuchet MS, Arial, sans-serif;
   font-size: 16px;
   color:#454850;
   font-weight: bold;
}

.topic-data-desc {
   font-family: Trebuchet MS, Arial, sans-serif;
   font-size: 10px;
   color:#454850;
}

table {
  border-spacing:0;
  border-collapse:collapse;
}

.Sort {
   font-family: Trebuchet MS, Arial, sans-serif;
   font-size: 12px;
   color:#454850 !important;
   font-weight: bold;
   cursor:pointer;
   border:none;
   text-decoration:none;
}

.Sort:hover {
   border-bottom:1px dashed;
   text-decoration:none !important;
}

.question-comment{
	background-color: #FFF;
	border-radius: 3px;
	color: #222222;
	margin: 12px 0 0;
	overflow: auto;
	padding: 4px;
	text-align: left;
	width: 100%;
	border:1px solid #d9d9d9;
	box-sizing: border-box;
	max-width: 475px;
}

.question-comment-form {
    background-color: white;
    border-radius: 3px;
    color: #222;
    margin: 30px auto 0 auto !important;
    overflow: auto;
    padding: 4px;
    text-align: left;
	display:block !important;
    border: 1px solid #d9d9d9;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


.question-textarea {
    border: 1px solid #ccc;
    border-radius:2px;
    height:120px;
    width:98%;
    resize:none;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}

.page-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454850;
    text-decoration: none;
    cursor: default;
}


.stageNew {
    color: #FF7D05;
}

.stageStalled {
    color: #FF2222;
 }
 
.stageOpen {
    color: #42B401;
}

.stageResolved {
    color: #474747;
}

.btn-int-comment, .btn-int-comment-revoke, .btn-kb-publish, .btn-kb-publish-revoke {
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    cursor:pointer;
    border:none;
    text-decoration:none;    
    float:right;
    background-color: #5E5E5E;
    border-radius: 3px;
    padding: 4px;
    margin: 0 4px 0 0;
    box-shadow: 0 0 1px #5E5E5E;
}


.btn-int-comment, .btn-kb-publish {
    color:#B0EF66 !important;
}
.btn-int-comment:hover, .btn-kb-publish:hover {
    background-color: #B0EF66;
    box-shadow: 1px 1px 6px #5E5E5E;
    color:#5E5E5E !important;
    text-decoration:none;    
}

.btn-int-comment-revoke, .btn-kb-publish-revoke {
    color:#FFCE33 !important;
}
.btn-int-comment-revoke:hover, .btn-kb-publish-revoke:hover {
    background-color: #FF5C00;
    box-shadow: 1px 1px 6px #749432;
    color:#5E5E5E !important;
    text-decoration:none;
}