.ui-widget{font-family: Arial !important;}

input[type=submit] {
    margin: 0;
}

a[disabled]
{
	color: Silver !important;
    cursor: default !important;
    text-decoration: none !important;
}

label.disabled
{
    color: gray;
}

section#charts .chart
{
    width: 50%;
    height: 117px;
    /*background-color: Silver; */
    /*border: 1px solid red;    */
    float: left;
    margin: 0;
    
}

section#charts, #charts-operator, #charts-enduser
{
    display: none;
}

div#tickets-frame table tr.row {
    background-color: white;
}

div#tickets-frame table tr.alternatingRow {
    background-color: #f9f9f9;
}

div#tickets-frame table td span.ticketREF {
	font-family: "Courier New", "Courier New CE", "Courier CE", Courier, Monospaced;
    margin-right: 10px;
}

div#tickets-frame table td span.messagesCount {
    background: url("img/tickets-messages-count.png") no-repeat top left;
    padding-left: 19px;
	font-family: "Courier New", "Courier New CE", "Courier CE", Courier, Monospaced;
    margin-right: 5px;
}

div#tickets-frame table td span.attachmentsCount {
    background: url("img/tickets-attachment.png") no-repeat top left;
    padding-left: 19px;
	font-family: "Courier New", "Courier New CE", "Courier CE", Courier, Monospaced;
    margin-right: 5px;
}


div#tickets-frame table td span.relatedTicketsCount {
    background: url("img/tickets-related-ticket.png") no-repeat top left;
    padding-left: 18px;
	font-family: "Courier New", "Courier New CE", "Courier CE", Courier, Monospaced;
}



.escalated {
    color: #d40000;
}

div#tickets-frame table td.ticket-type-Incident,
div#tickets-frame table td.ticket-type-Problem,
div#tickets-frame table td.ticket-type-EndUserTicket,
div#tickets-frame table td.ticket-type-ServiceRequest,
div#tickets-frame table td.ticket-type-Change,
div#tickets-frame table#tasks-table td:first-child {
	background-position: 9px 33%;
	background-repeat: no-repeat;
	padding-left: 40px;
}
/*
div#tickets-frame table td.ticket-type-Incident {
	background-image: url('/images/ticket-type-1.png');
}
div#tickets-frame table td.ticket-type-Problem {
	background-image: url('/images/ticket-type-2.png');
}
div#tickets-frame table td.ticket-type-EndUserTicket {
	background-image: url('/images/ticket-type-3.png');
}
div#tickets-frame table td.ticket-type-ServiceRequest {
	background-image: url('/images/ticket-type-4.png');
}
*/
div#tickets-frame table td.ticket-type-Incident {
	background-image: url('/images/ico23x23-incident.png');
}
div#tickets-frame table td.ticket-type-Problem {
	background-image: url('/images/ico23x23-problem.png');
}
div#tickets-frame table td.ticket-type-EndUserTicket {
	background-image: url('/images/ico23x23-ticket.png');
}
div#tickets-frame table td.ticket-type-ServiceRequest {
	background-image: url('/images/ico23x23-request.png');
}
div#tickets-frame table td.ticket-type-Change {
	background-image: url('/images/ico23x23-change.png');
}
div#tickets-frame table#tasks-table td:first-child {
	background-image: url('/images/ico23x23-task.png');
}
div#tickets-frame table#tasks-table tr.line-through td:first-child {
	background-image: url('/images/ico23x23-task-gray.png');
}

div#tickets-frame table#tasks-table tr.line-through td:first-child a {
	color: silver;
}

a#tickets-nav-first-disabled,
a#tickets-nav-previous-disabled {
	background-position: 0 50%;
	background-repeat: no-repeat;
	margin-right: 15px;
	padding-left: 21px;
}
a#tickets-nav-first-disabled {
	background-image: url('/images/tickets-nav-first-disabled.png');
}
a#tickets-nav-previous-disabled {
	background-image: url('/images/tickets-nav-previous-disabled.png');
}
a#tickets-nav-next-disabled,
a#tickets-nav-last-disabled {
	background-position: 100% 50%;
	background-repeat: no-repeat;
	margin-left: 15px;
	padding-right: 21px;
}
a#tickets-nav-next-disabled {
	background-image: url('/images/tickets-nav-next-disabled.png');
}
a#tickets-nav-last-disabled {
	background-image: url('/images/tickets-nav-last-disabled.png');
}

div#ticket-description-attachments a#pickfiles {
	background: url('/images/icon-plus.png') 0 40% no-repeat;
	padding-left: 24px;
}

section#info ul li {
    padding-right: 0;
	width: auto;
    background-position: bottom left;
}


section#ticket-description textarea {
	height: 200px;
}

div#ticket-description-attachments ul li {
	width: 290px;
    margin-right: 10px;
}

div#ticket-description-attachments ul li span {
	background: url('/images/icon-file.png') 0 3px no-repeat;
	float: left;
	font-size: 16px;
	max-width: 247px;
	padding-left: 23px;
	word-wrap: break-word;
}


div.comment-header {
	color: #4d4d4d;
	margin: 0;
}
div.comment-header span {
	float: right;
}
div.comment-header span a:not(:last-child) {
	background: url('/images/blue-dot.png') 100% 50% no-repeat;
	margin-right: 2px;
	padding-right: 13px;
}

div.comment-message {
	margin-bottom: 0;
}

div.comment-message p {
	margin: 5px 0;
}

div.comment-message img
{
    max-width: 100%;
}

.quote
{
    background-color: #FAFAFA;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    padding: 10px 10px 10px 40px;
    background-image: url("images/quote.gif");
    background-repeat: no-repeat;
    font-size: 8pt;
    margin: 10px;
}


section#ticket-right aside table td.label {
	font-weight: bold;
	text-align: left;
	width: 90px;
    vertical-align: top;
}


section#account-my-foto div.block-body {
	background-image: url('/images/account-icon-photo.png');
}

section#account-application-access div.block-body {
	background-image: url('/images/account-icon-app-access.png');
}

section#account-change-password div.block-body {
	background-image: url('/images/account-icon-password.png');
}

section#account-my-profile div.block-body {
	background-image: url('/images/account-icon-profile.png');
}

section#account-email-notifications div.block-body {
	background-image: url('/images/account-icon-notifications.png');
}

section#account-my-views div.block-body {
	background-image: url('/images/administration-icon-views.png');
}

section#account-my-columns div.block-body {
	background-image: url('/images/account-icon-columns.png');
}


section#administration-users div.block-body {
	background-image: url('/images/administration-icon-user-mgmt.png');
}

section#administration-customers div.block-body {
	background-image: url('/images/administration-icon-customer-mgmt.png');
}

section#administration-internal-groups div.block-body {
	background-image: url('/images/administration-icon-internal-groups.png');
}

section#administration-operator-groups div.block-body {
	background-image: url('/images/administration-icon-operator-groups.png');
}

section#administration-service-catalog div.block-body {
	background-image: url('/images/administration-icon-service-catalog.png');
}

section#administration-departments div.block-body {
	background-image: url('/images/administration-icon-departments.png');
}

section#administration-SLAs div.block-body {
	background-image: url('/images/administration-icon-sla-agts.png');
}

section#administration-calendars div.block-body {
	background-image: url('/images/administration-icon-calendars.png');
}

section#administration-reports div.block-body {
	background-image: url('/images/administration-icon-reports.png');
}

section#administration-emails div.block-body {
	background-image: url('/images/administration-icon-email-mgmt.png');
}

section#administration-settings div.block-body {
	background-image: url('/images/administration-icon-app-setup.png');
}

section#administration-emails-notifications div.block-body {
	background-image: url('/images/administration-emails-notifications.png');
}

section#administration-emails-incoming div.block-body {
	background-image: url('/images/administration-emails-incoming.png');
}

section#administration-emails-settings div.block-body {
	background-image: url('/images/administration-emails-settings.png');
}

section#administration-emails-smtp div.block-body {
	background-image: url('/images/administration-emails-smtp.png');
}

section#administration-customfields div.block-body {
	background-image: url('/images/administration-customfields.png');
}

section#administration-customforms div.block-body {
	background-image: url('/images/administration-customforms.png');
}

section#administration-scheduler div.block-body {
	background-image: url('/images/administration-icon-scheduler.png');
}

section#administration-customer-portal div.block-body {
	background-image: url('/images/administration-icon-customer-portal.png');
}

section#administration-automation div.block-body {
	background-image: url('/images/administration-icon-automation.png');
}

section#administration-help div.block-body {
	background-image: url('/images/administration-help.png');
}

section#administration-views div.block-body {
	background-image: url('/images/administration-icon-views.png');
}

section#administration-customlook div.block-body {
	background-image: url('/images/administration-icon-customlook.png');
}

section#customfields-dropdown div.block-body {
	background-image: url('/images/customfields-dropdown.png');
}

section#customfields-text div.block-body {
	background-image: url('/images/customfields-text.png');
}

section#customfields-multiline div.block-body {
	background-image: url('/images/customfields-multiline.png');
}

section#customfields-numeric div.block-body {
	background-image: url('/images/customfields-numeric.png');
}

section#customfields-decimal div.block-body {
	background-image: url('/images/customfields-decimal.png');
}

section#customfields-checkbox div.block-body {
	background-image: url('/images/customfields-checkbox.png');
}

section#customfields-priority div.block-body {
	background-image: url('/images/customfields-priority.png');
}

section#customfields-regexp div.block-body {
	background-image: url('/images/customfields-regexp.png');
}


p#graph-legend span#graph-legend-during-24h {
	background-image: url('/images/graph-legend2.png');
	background-position: 0 -148px;
}

.validation-message {
    color: #ae3a3a;
    font-weight: bold;
}

section#new-ticket-description textarea {
	height: 125px;
}

div#new-ticket-description-attachments a#pickfiles {
	background: url('/images/icon-plus.png') 0 40% no-repeat;
	display: block;
	margin-bottom: 8px;
	padding-left: 24px;
}

div#new-ticket-description-attachments ul li span {
	background: url('/images/icon-file.png') 0 3px no-repeat;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: bold;
	padding-left: 23px;
	word-wrap: break-word;
}
div#new-ticket-description-attachments ul li span em {
	font-style: italic;
	font-weight: normal;
}

div#new-ticket-custom-forms .custom-form:last-child
{
    margin-bottom: 0;
}

.ui-slider-horizontal {
    border: none;
}

.ui-slider .ui-slider-handle{
	background: url('/images/slider-set.png') no-repeat;
	height: 20px;
	margin-left: -9px;
	position: absolute;
	top: -4px;
	width: 18px;
    border-color: transparent;
    cursor: pointer;
}

.ui-slider .ui-slider-handle:hover {
    border-color: #188DA3;
}

td.ticket-priority-1 strong em,
td.ticket-priority-2 strong em,
td.ticket-priority-3 strong em,
td.ticket-priority-4 strong em,
td.ticket-priority-5 strong em {
    font-style: normal;
}

section#new-ticket-info {
	padding-bottom: 10px;
}

section#end-user-tickets div.block-body span.normal {
	background-image: url('/images/end-user-tickets_normal.png');
	color: #d98d0b;
}

header p em#refreshIcon.active{
	background-image: url('/images/icon-refresh-active.png');
}

.go-to-welcome {
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: right;
}




input.search-input {
	background: url('/images/search.png') no-repeat;
	border: 0;
	display: block;
	float: left;
	font-size: 14px;
	height: 30px;
	padding: 0 10px;
	width: 200px;
}

.body-form th.vertical-top, .body-form td.vertical-top {
	vertical-align: top;
    padding-top: 3px;
}
.body-form th.padding-button {
    padding-top: 8px;
    padding-bottom: 8px;
}

.body-form.full-width > tbody > tr > td:nth-of-type(1) {
    width: 100%;
}

.body-form.full-width td input[type="text"], .body-form.full-width td select, .body-form.full-width td textarea {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
}

.body-form tr th:not(:first-child) {
    padding-left: 20px;
}

.plain-form th, .body-form td {
	vertical-align: top;
    padding-top: 3px;
}

.plain-form th {
	font-weight: bold;
	padding-right: 15px;
	text-align: left;
}

.table-generic tr:first-child td {
	border-top: none;
}

.table-generic tbody tr:first-child td {
	border-top: none;
}

.table-generic td.actions
{
    text-align: center;
}

.table-generic td.actions a:not(:last-child)
{
	background: url('/images/blue-dot.png') 100% 50% no-repeat;
	margin-right: 2px;
	padding-right: 13px;
}

div.actions a:not(:first-child), span.actions a:not(:first-child)
{
	background: url('/images/blue-dot.png') left center no-repeat;
	margin-left: 2px;
	padding-left: 13px;
}

.table-generic th
{
	white-space: normal;
}

.table-generic
{
	min-width: 300px;
}

th.center, td.center
{
    text-align: center;
}

th.right, td.right
{
    text-align: right;
    float: none;
}

tr.disabled
{
    background: #F8F8F8;
}

tr.disabled td:not(.actions)
{
    /*text-decoration: line-through;*/
    color: silver;
}

/*.table-generic td:not(:last-child) {
	border-right: 1px solid white;
}

.table-generic tr:hover td:not(:last-child) {
	border-right: 1px solid #edf3fa;
}*/

.width-100
{
    width: 100%;
}

section#knowledge-main article div.article-text
{
    min-height: 110px;
}

section#knowledge-main article p.article-info 
{
    min-height: 25px;
}

section#knowledge-main article div.actions
{
    float: right;
    margin: 5px 10px 10px 20px;
}


.divAutocomplete {
    position: absolute;
    display: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
    border-color: #bebebe;
    background-color: white;
    color: gray;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 5px;
    margin-top:-5px;
}

.header-row1 .divAutocomplete a {
    color: #3276B1;
}

.header-row1 .divAutocomplete a:hover {
    color: black;
}

.divAutocomplete li.main {
    background-color: #f3f3f3;
    color: black;
}

.divAutocomplete li.main:not(:first-child)
{
    margin-top: 3px;
}

.divAutocomplete ul li {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.divAutocomplete ul li span {
    font-size: smaller;
}

#autocomplete_div {
    width: 278px;
}

#divAutocompleteKB {
    width: 400px;
}

section#knowledge-main.knowledge-main-all #divAutocompleteKB {
    width: 762px;
}

#knowledgebase-suggestions
{
    border: 1px solid #B8D2EB;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 10px 10px 5px 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #edf3fa;
    display: none;
}

#knowledgebase-articles-found, #knowledgebase-no-articles-found
{
    display: none;
}

#knowledgebase-suggestions-articles
{
    margin-top: 5px;    
}

.knowledgebase-suggestions-article
{
    border-top: 1px solid #bebebe;
    padding: 5px 10px 5px 0px;
    overflow: hidden;   
    display: none;
}

.knowledgebase-suggestions-article img
{
    width: 44px;
    float: left;
    margin-right: 10px;
}

.knowledgebase-suggestions-article-text
{
    margin-left: 54px;
}

.knowledgebase-suggestions-article-text h1
{
    font-size: medium;
    margin: 0;
}

.group-block
{
    overflow: hidden;
}


.progress_indicator
{
    display: none;
    position: fixed;
    top: 300px;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    border: 2px solid gray;
    background: white;
    padding: 20px;
    text-align: center;
    z-index: 9999;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
    border-radius: 4px;
}

.progress_indicator .waitingIndicator
{
}

.progress_indicator .waitingIndicator img 
{
}    

.progress_indicator .waitingText
{
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
}

.hidden
{
    display: none;
}

div.help {
	color: #666;
	padding-left: 20px;
    margin-top: 0;
    margin-bottom: 8px;
    text-align: right;
}

div.help a {
	background: url('/images/icon-help.png') no-repeat;
    background-position: left center;
	padding-left: 20px;
}

div.help-dialog
{
}


div.help-dialog.loading
{
}

.radius-left {
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
    border-right: none !important;
}

.radius-right {
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
    border-left: none !important;
}

.email-notifications-explanatory-box
{
    float: right; width: 200px;
    min-height: 300px;
    border-left: 1px dotted #188da3;
    padding: 10px 10px 10px 20px;
    margin-bottom: 10px;
}

.email-notifications-explanatory-box dt
{
    font-weight: bold;
    margin-top: 5px;
    font-size: smaller;
}

.email-notifications-explanatory-box dd
{
    margin-left: 20px;
    font-size: smaller;
}

.overflow
{
    overflow: hidden;
}


body section.block:first-child
{
    margin-top: 0;
}

section.alert {
	margin-top: 0;
}

aside#ticket-user pre {
    margin: 0;
}

aside#ticket-user img {
    vertical-align: middle;
}

section#ticket-right aside table th {
}

.ui-jqgrid input[type="text"] {
    height: 27px;
    font-size: 12px;
    padding: 4px 3px;
}

.ui-jqgrid a {
	color: #188da3;
	text-decoration: none;
}

.ui-jqgrid td.actions a:not(:last-child)
{
	background: url('/images/blue-dot.png') 100% 50% no-repeat;
	margin-right: 2px;
	padding-right: 13px;
}

.ui-jqgrid .ui-jqgrid-pager select
{
    height: 28px;
    font-size: 14px;
}

.ul-tree-my li { font-size: 14px; }
.ul-tree-my div.dot { padding: 0 0 0 20px; display: block; background: url('/images/blue-dot-shadow.png') 4px 4px no-repeat; }

.ul-tree-my div.service { padding: 0 0 0 20px; display: inline-block; background: url('/images/service_12x12.png') 2px 3px no-repeat; font-weight: normal; }
.ul-tree-my div.department { padding: 0 0 0 20px; display: inline-block; background: url('/images/department_12x12.png') 2px 3px no-repeat; font-weight: bold; }
.ul-tree-my div.service-inherits-settings { background: url('/images/service-inherits-settings_10x12.png') left top no-repeat; width: 10px; height: 12px; display: inline-block; margin-left: 2px; margin-top: 0px;}
.ul-tree-my div.actions
{
    display: inline-block;
}

.no-close .ui-dialog-titlebar-close { display: none; }

ul.ulImage
{
    list-style-type: none;
    padding-left: 20px;
    margin: 5px;
}

ul.ulImage li
{
    background-repeat: no-repeat;
    background-position: left center;
    padding: 1px 10px 1px 22px;
}

ul.ulImageCustomers li
{
    background-image: url("images/customer-16.png");    
}

ul.ulImageUsers li
{
    background-image: url("images/users-16.png");    
}

ul.ulImageUser li
{
    background-image: url("images/user-16.png");    
}

.spinner-hours {
    width: 50px;
}

.spinner-minutes {
    width: 40px;
}

span.ticket-summary-state
{
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;   
}

span.ticket-summary-state.ticket-status-queue {
	background-image: url('/images/ticket-status-nobodycares-20.png');
}

span.ticket-summary-state.ticket-status-solver {
	background-image: url('/images/ticket-status-solver-20.png');
}

span.ticket-summary-state.ticket-status-submitter {
	background-image: url('/images/ticket-status-submitter-20.png');
}

span.ticket-summary-state.ticket-status-archived {
	background-image: url('/images/ticket-status-archived-20.png');
}

span.ticket-summary-state.ticket-status-approved {
	background-image: url('/images/ticket-status-approved-20.png');
}

span.ticket-summary-state.ticket-status-postponed {
	background-image: url('/images/ticket-status-postponed-20.png');
}

section#ticket-right aside#ticket-user h2.block-header {
	padding-left: 47px;
}
section#ticket-right aside#ticket-user h2.block-header img {
	margin: -11px 0 0 -38px;
	position: absolute;
	height: 30px;
	width: 30px;
}


section#new-ticket-info
{
    margin-bottom: 20px;
}

#new-ticket-service, #new-ticket-solver
{
    margin-top: 0;
}

form#formNewTicket .custom-field
{
    margin-right: 8px;
    margin-bottom: 16px;
    margin-top: 20px;
}

form#formNewTicket .custom-field strong
{
    margin: 0 0 5px 0;
    font-size: 14px;
}

form#formNewTicket .custom-field .field
{
    margin-top: 5px;
}

form#formNewTicket .custom-field .field input[type=text]
{
    width: 100%;
}

form#formNewTicket .custom-field .field textarea
{
    width: 100%;
    height: 70px;
}

form#formNewTicket .custom-field .field input.numeric
{
    width: 150px;
}

form#formNewTicket .custom-field span.info
{
	background: url('/images/block-info.png') no-repeat;
    background-position: left center;
	color: #666;
	padding-left: 20px;
    margin-left: 10px;
}

form#formNewTicket .custom-field .error
{
    color: #ae3a3a;
    font-weight: bold;
}

#ticketViewDiv {
    height: 100%; /*firefox fix, jinak je margin nahore, overflow nemuzu pouzit kvuli BS dropdown presahu*/
}

#ticketViewDiv .custom-field:not(:last-child)
{
    margin-bottom: 16px;
}

#ticketViewDiv .custom-field .field
{
    margin-top: 1px;
}

.custom-fields-viewonly
{
    display: table;
}

.custom-field-viewonly-row
{
    display: table-row;
}

.custom-field-viewonly-row .custom-field-viewonly-title
{
    display: table-cell;
    font-weight: bold;
}

.custom-field-viewonly-row .custom-field-viewonly-value
{
    margin-left: 50px;
}

.custom-field-viewonly-row .custom-field-item
{
    
}

.readonly-checkbox
{
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 16px;
    padding-left: 21px;
}

.readonly-checkbox.checked
{
    background-image: url("img/checkbox-checked.png");
}

.readonly-checkbox.unchecked
{
    background-image: url("img/checkbox-unchecked.png");
}

#ticketViewDiv .custom-field .field input[type=text], #ticketViewDiv .custom-field .field select, #ticketViewDiv .custom-field .field textarea
{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#ticketViewDiv .custom-field .field input[type=text].numeric
{
    width: 100px;
}

#ticketViewDiv .custom-field .field textarea
{
    height: 70px;
    max-width: 100%;
}

#ticketViewDiv .custom-field span.info
{
	background: url('/images/block-info.png') no-repeat;
    background-position: left center;
	color: #666;
	padding-left: 20px;
    margin-left: 10px;
}

#ticketViewDiv .custom-field .error
{
    color: #ae3a3a;
    font-weight: bold;
}

section#ticket-right aside#ticket-info h2.block-header {
	padding-left: 47px;
}
section#ticket-right aside#ticket-info h2.block-header img.type {
	margin: -11px 0 0 -38px;
	position: absolute;
	height: 30px;
	width: 30px;
}



.dialog-error-text
{
    color: red;
}

.dialog-text
{
    color: green;
}

.dialog-error-text ul
{
    margin: 10px;
    padding: 0;
}

.dialog-error-text ul li
{
    margin-bottom: 10px;
    list-style-type: none;
}

body#anonymous-body
{
    background-color: #F8F8F8;
}

.tables-float-left table
{
    float: left;
}

.meter-wrap
{
    min-width: 165px;
}

section#ticket-right aside#ticket-attachments ul li {
    text-overflow: ellipsis;
    overflow: hidden;
}

.resolutionlike-text h2, .resolutionlike-edit h2
{
    margin: 0;
	color: #333;
	font-size: 20px;
	font-weight: normal;
}

.resolutionlike-text .linkactions, .resolutionlike-edit .linkactions
{
    float: right;
    line-height: 28px;
}

.resolutionlike-text
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.resolutionlike-text .body
{
    background-color: #edf3fa;
    border: 1px solid #b8d2eb;
    padding: 10px 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    /*white-space: pre-wrap;*/
}

.resolutionlike-text .body .author
{
    text-align: right;
    margin-top: 3px;
    color: #188DA3;
}

.resolutionlike-edit
{
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.resolutionlike-edit .body
{
}

.resolutionlike-edit .body textarea
{
    width: calc(100% - 1px);
    max-width: calc(100% - 1px);
    min-width: 200px;
    height: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.resolutionlike-edit .body .actions .buttons
{
    float: right;
    margin-top: 10px;
    margin-bottom: 5px;
}

.automation-emailbody-explanatory-box
{
    float: right; width: 350px;
    min-height: 100px;
    padding: 10px 10px 10px 20px;
    margin-bottom: 10px;
}

.automation-emailbody-explanatory-box dt
{
    font-weight: bold;
    margin-top: 5px;
    font-size: smaller;
}

.automation-emailbody-explanatory-box dd
{
    margin-left: 20px;
    font-size: smaller;
}



.big-blue-circles
{
}

.big-blue-circles div.li
{
    margin: 20px 0;
    clear: both;
    overflow: hidden;
}

.big-blue-circles .marker 
{ 
    display: block; 
   
    background-image: url('/images/ol-big-blue-circle.png');
    background-repeat: no-repeat;
    background-position: left top;

    line-height: 60px;
    min-width: 60px;
    text-align: center;
    color: white;
    font-size: 40px;  
    /*padding-left: 17px;*/
    float: left;
}

.big-blue-circles .text
{
    color: #333;
    font-size: 20px;
    margin-left: 80px;
    padding: 5px 0;
}

.big-blue-circles .text a
{
    background-color: #E2F0F7;
    color: #188DA3;
    padding: 0 2px;
}

.welcome-need-help
{
    padding: 20px 20px;
    background-color: #edf3fa;
    border: 1px solid #bebebe;
    color: #333;
    margin-top: 30px;
    text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.valid-error
{
    color: #ae3a3a;
    font-weight: bold;
}

div.info
{
	background: url('/images/block-info.png') no-repeat;
    background-position: left center;
	color: #666;
	padding-left: 20px;
}

svg { overflow: hidden; } /* for IE, to prevent larger size of SVG image than it is in jQuery dialog */

#dialogIncidentWorkflow .workflow-diagram, #dialogServiceRequestWorkflow .workflow-diagram, #dialogChangeWorkflow .workflow-diagram
{
    margin-left: 100px;
}

#dialogIncidentWorkflow .workflow-diagram, #dialogServiceRequestWorkflow .workflow-diagram /* margin for checkboxes */
{
    margin-top: 70px;
}

.service-workflow-checkboxes
{
    position: absolute; left: 20px; top: 20px;
    background-color: #edf3fa;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #bebebe;
}

.service-workflow-checkboxes div
{
    clear: both;
}

.service-workflow-checkboxes div input[type="checkbox"]
{
    float: left;
    position: relative;
    top: 1px;
}

.service-workflow-checkboxes div label
{
    width: 230px;
    margin-left: 5px;
    float: left;
}

.red
{
    color: red;
}

abbr
{
    border-bottom: 1px dashed gray;
}

h1.new-ticket
{
    margin: 0 0 10px 0;
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 40px;
    color: black;
    font-size: 26px;
    font-weight: normal;
}

h1.new-ticket img
{
    vertical-align: middle;
    margin-right: 8px;
}

h1.new-ticket.EndUserTicket
{
    background-image: url("img/end-user-tickets_40x40.png");
    padding-left: 55px;
}

h1.new-ticket.Incident
{
    background-image: url("img/incidents_40x40.png");
    padding-left: 55px;
}

h1.new-ticket.ServiceRequest
{
    background-image: url("img/service-requests_40x40.png");
    padding-left: 55px;
}

h1.new-ticket.Problem
{
    background-image: url("img/problems_40x40.png");
    padding-left: 55px;
}

h1.new-ticket.Change
{
    background-image: url("img/changes_40x40.png");
    padding-left: 55px;
}

h1.new-ticket.Task
{
    background-image: url("img/tasks_40x40.png");
    padding-left: 55px;
}

h1.new-ticket.Service
{
    background-image: url("img/service_40x40.png");
    padding-left: 55px;
}

h1.new-ticket.Department
{
    background-image: url("img/department_40x40.png");
    padding-left: 55px;
}

.simple-form
{
    border: 1px solid #B1D8E0;
    padding: 10px;
    border-radius: 4px;
}

.simple-form table
{
    border-collapse: collapse;
}

.simple-form table td
{
    padding: 2px 5px;
    vertical-align: baseline;
}

.simple-form table th
{
    text-align: right;
    font-weight: normal;
    vertical-align: top;
    line-height: 30px;
}


.simple-form td textarea, .simple-form table td select, .simple-form table td input[type="text"]
{
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.simple-form td input[type="text"].task-notification-datepicker
{
    width: 110px;
}

.simple-form td input[type="text"].task-notification-timepicker
{
    width: 70px;
}

form.simplest-form > div
{
    margin: 10px 0;
}

form.simplest-form > div label
{
    display: block;
}

form.simplest-form > div textarea, form.simplest-form > div select, form.simplest-form > div input[type="text"]
{
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

div.loading-32
{
    min-height: 32px;
    min-width: 32px;
    background-image: url("img/loading-32.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

div.loading-16, th.loading-16
{
    background-image: url("img/loading-16.gif");
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 16px;
    min-width: 16px;
}

div.loading-16 > *
{
    visibility: hidden;
}

span.loading-16, a.loading-16:not(.button-orange):not(.button-blue)
{
    background-image: url("img/loading-16.gif");
    background-repeat: no-repeat;
    background-position: right center;
    min-height: 16px;
    min-width: 16px;
    padding-right: 20px;
    display: inline-block;
}

button.loading-16:after, a.button-orange.loading-16:after, a.button-blue.loading-16:after
{
    content: "";
    background-image: url("img/loading-16.gif");
    background-repeat: no-repeat;
    background-position: right center;
    min-height: 16px;
    min-width: 16px;
    padding-right: 21px;
}


.TIC-16
{
    background-image: url("img/ico16-ticket.png");
}

.INC-16
{
    background-image: url("img/ico16-incident.png");
}

.REQ-16
{
    background-image: url("img/ico16-request.png");
}

.PRO-16
{
    background-image: url("img/ico16-problem.png");
}

.CHG-16
{
    background-image: url("img/ico16-change.png");
}

.TSK-16
{
    background-image: url("img/ico16-task.png");
}

.field-type-holder > div
{
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 42px;
    /*line-height: 40px;*/
    margin: 10px 0;
}

.field-type-holder p
{
    margin: 0;
    font-size: small;
}

.field-dropdownlist {
	background-image: url('/images/customfields-dropdown-32.png');
}

.field-text {
	background-image: url('/images/customfields-text-32.png');
}

.field-multilinetext {
	background-image: url('/images/customfields-multiline-32.png');
}

.field-numeric {
	background-image: url('/images/customfields-numeric-32.png');
}

.field-decimal {
	background-image: url('/images/customfields-decimal-32.png');
}

.field-checkbox {
	background-image: url('/images/customfields-checkbox-32.png');
}

.field-regex {
	background-image: url('/images/customfields-regexp-32.png');
}

.field-checkboxlist {
	background-image: url('/images/customfields-checkboxlist-32.png');
}

.custom-form-items h1
{
    margin: 10px 0 5px 0;
    font-size: 16px;
    font-weight: normal;
}

.custom-form-items select, .custom-form-items input[type="text"]
{
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    width: 250px;
    margin: 5px;
}

.custom-form-items a.button-blue
{
    width: 75px;
    margin: 2px 10px;
    text-align: center;
}

#custom-form-services
{
    border: 1px solid #999999;
    padding: 10px;
    border-radius: 4px;
    margin-top: 2px;
}

#custom-form-services img
{
    vertical-align: middle;
}

#custom-form-services > div
{
    line-height: 20px;
}

#custom-form-services > div > a
{
    display: none;
}

#custom-form-services > div:hover > a
{
    display: inline;
}

.custom-form
{
}

.custom-form .description
{
    margin-bottom: 10px;
    font-style: italic;
}

.custom-form .block-body
{
    padding: 15px;
}

.custom-form .custom-form-field:not(:last-child)
{
    margin-bottom: 10px;
}

.custom-form .custom-form-field:last-child
{
    margin-bottom: 5px;
}

.custom-form .custom-form-field .field
{
    margin-top: 2px;
}

.custom-form .custom-form-field span.title
{
}

.custom-form .custom-form-field .field input[type=text], .custom-form .custom-form-field .field textarea, .custom-form .custom-form-field .field select
{
    min-width: 430px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-form .custom-form-field .field textarea
{
    min-width: 100%;
    max-width: 100%;
    height: 70px;
}

.custom-form .custom-form-field .field input.numeric
{
    width: 100px;
}

.custom-form .custom-form-field span.info
{
	background: url('/images/block-info.png') no-repeat;
    background-position: left center;
	color: #666;
	padding-left: 20px;
    margin-left: 10px;
}

.cutom-form-custom-layout
{
}

table .cutom-form-custom-layout select, table .cutom-form-custom-layout input[type="text"], table .cutom-form-custom-layout textarea
{
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    width: 100%;
}

.cutom-form-custom-layout .field-required
{
    border-color: #ae3a3a;
}


.my-columns-table-header
{
    color: #333;
	margin: 0;
    background-color: #E2E2E2;
    border: 1px solid #bebebe;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 10px;
    overflow: auto;    
}

ul.sortable
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    clear: both;
    overflow: hidden;
    min-height: 30px;
}

ul.sortable li
{
    margin: 0;
    padding: 0 5px;
    float: left;
    width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 30px;
    height: 30px;
    margin: 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
}

ul.sortable li.column-system
{
    cursor: default;
}

.my-columns-table-header ul.sortable
{
    white-space: nowrap;
}

.my-columns-table-header hr
{
    margin: 1px;
    border: none;
    height: 1px;
    background: gray;
    width: 100%;
    overflow: hidden;
}

.my-columns-available
{
    border: 1px solid #bebebe;
    padding: 10px;
    border-radius: 4px;
}

.my-columns-available ul.sortable
{
}

li.column-system
{
    background-color: silver;
    color: gray;
}

li.column-standard
{
    background-color: rgb(236, 236, 236);
}

li.column-customfield
{
    background-color: #CBE4B0;
    border-color: #5E971F;
}

li.column-customformfield
{
    background-color: rgba(235, 209, 230, 1);
    border-color: #B566A7;
}

li.column-todrop
{
    background-color: #FFFFC2;
    border-color: #FFFFC2;
}


/*


.toolbar-button
{
    border: 1px solid #CFCFCF;
    border-radius: 3px;
    height: 24px;
    float: right;

    background-color: #F6F6F6;
    background-image: linear-gradient(top, rgb(246,246,246) 0%, rgb(239,239,239) 100%);
    background-image: -o-linear-gradient(top, rgb(246,246,246) 0%, rgb(239,239,239) 100%);
    background-image: -moz-linear-gradient(top, rgb(246,246,246) 0%, rgb(239,239,239) 100%);
    background-image: -webkit-linear-gradient(top, rgb(246,246,246) 0%, rgb(239,239,239) 100%);
    background-image: -ms-linear-gradient(top, rgb(246,246,246) 0%, rgb(239,239,239) 100%);

    background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0, rgb(246,246,246)),
	    color-stop(1, rgb(239,239,239))
    );

    line-height: 24px;
    font-size: 90%;
    text-align: center;

    margin-left: 5px;
}

.toolbar-button:hover
{
    border-color: #828282;
}

.toolbar-group
{
    float: right;
    margin-left: 15px;
}


.toolbar-group .toolbar-button
{
    float: left;
    margin-left: 0;
}

.toolbar-group .toolbar-button:first-child:not(:last-child) //* if only one is present - doesnt apply ;-) 
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.toolbar-group .toolbar-button:last-child:not(:first-child)
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.toolbar-button-columns
{
    width: 58px;
    height: 100%;
    background-image: url("img/columns-16.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.toolbar-button-views
{
    width: 58px;
    height: 100%;
    background-image: url("img/magnifying_glass-16.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.toolbar-button-exportCSV
{
    width: 58px;
    height: 100%;
    background-image: url("img/excel-16.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.toolbar-button-exportPDF
{
    width: 58px;
    height: 100%;
    background-image: url("img/pdf-16.png");
    background-position: center center;
    background-repeat: no-repeat;
}
    */

.btn .image-back
{
    width: 16px;
    height: 20px;
    background-image: url("img/back-16.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.btn .image-refresh
{
    width: 16px;
    height: 20px;
    background-image: url("img/refresh-16.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.btn .image-columns
{
    width: 30px;
    height: 17px;
    background-image: url("img/columns-16.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.btn .image-views
{
    width: 30px;
    height: 17px;
    background-image: url("img/magnifying_glass-16.png");
    background-position: center center;
    background-repeat: no-repeat;
}


.table-layout
{
    border-collapse: collapse;

}

table.table-layout td
{
    padding: 0;
}

table.table-layout td:not(:first-child)
{
    padding-left: 4px;
}

.block-container
{
    margin-left: -8px;
    margin-right: -8px;
    overflow: hidden;
}

.administration-block
 {
 	border-bottom: 1px solid #bebebe;
	color: black;
	font-size: 14px;
	font-weight: normal;
	margin: 10px 8px;
	padding: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #BEBEBE;
    border-radius: 4px;
    float: left;
    width: 354px;
    min-height: 168px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.block-header-clean span {
	padding: 2px 10px;
}

.administration-block .block-body
{
    margin: 8px 20px;
    background-position: left 12px;
    background-repeat: no-repeat;
    padding: 10px 0 0 90px;
    min-height: 85px; /*icon height*/
}

.administration-block .block-body h2
{
    -webkit-margin-after: 0px;
    margin-bottom: 10px;
    line-height: 120%;
}

.administration-block .block-body p
{
    -webkit-margin-before: 0px;
    margin-top: 10px;
}

table.report
{
    border-collapse: collapse;
    font-size: small;
    width: 100%;
}

table.report tbody
{
    /*max-height: 500px; 
    overflow-y: scroll; 
    display: block; */
}

table.report th, table.report td
{
    border: 1px solid #cccccc;
    padding: 5px;
}

table.report th
{
    background-color: #dddddd;
    text-align: left;
    font-weight: bold;
}

table.report td
{
    background-color: white;
}

table.report tfoot td
{
    background-color: #dddddd;
    border-top: 1px solid black;
    font-weight: bold;
}

option.optgroup
{
    font-weight: bold;
    font-style: italic;
}

#formService .checkboxoptions
{
    margin-top: 15px;
}

#formService h2
{
    background-color: #f3f3f3;
    line-height: 35px;
    margin-left: -15px;
    padding-left: 15px;
    margin-right: -15px;
    padding-right: 15px;
}
#formService .block-body
{
    padding-top: 0;
}

#formService .block-body hr.hr-edge
{
    margin-bottom: 0;
}


#dialogLayoutTemplate .customform-layout {
    margin-right: 300px;
}

#dialogLayoutTemplate .customform-legend {
    float: right;
    width: 260px;
    border: 1px solid #CCCCCC;
    padding: 10px;
    font-size: small;
    background-color: #F0F0EE;
}

#dialogLayoutTemplate .customform-legend table
{
    border-spacing: 5px;
}

#dialogLayoutTemplate .customform-legend table th {
    font-weight: bold;
}

#dialogLayoutTemplate .customform-legend table th a {
    color: #3276B1;
}

#dialogLayoutTemplate .customform-legend table th, #dialogLayoutTemplate .customform-legend table td
{
    vertical-align: top;
}


.image-export
{
    height: 20px;
    background-position: 17px center;
    background-repeat: no-repeat;
}
.image-export span
{
    padding-left: 20px;
}

.image-export-PDF
{
    background-image: url("img/pdf-16.png");
}

.image-export-CSV
{
    background-image: url("img/excel-16.png");
}

table.editable
{
    border-collapse: collapse;
}

table.editable th
{
    padding: 5px;
    vertical-align: top;
}


table.editable td
{
    padding: 10px;
    vertical-align: top;
}

table.editable textarea
{
    height: 26px;
    min-height: 26px;
}

table.editable select, table.editable textarea, table.editable input[type="text"], table.editable .searchable
{
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    min-width: 100%;
}


table.editable .searchable
{
    max-width: 100px;
}

table .required {
	border-color: #ae3a3a;
}

table.editable tbody tr td, table.editable thead tr th
{
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

table.editable tbody tr:hover
{
    background-color: #f0f0f0;
}

table.editable div.handle
{
    cursor: move;
    width: 9px;
    min-height: 24px;
    height: 100%;
    background-image: url('/images/bg-grippy.png');
}

.tr-new
{
    background-color: #ebf1fd;
}

.normal
{
    font-weight: normal;
}

.table-report{
    width:100%;
    min-width:250px;
   -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
vertical-align: top;
border-right: 1px solid #ddd;
background-color: #f0f0f0;
border-radius: 4px;
/*white-space: nowrap;*/
}

.table-report tr:last-child td{
    text-align:center;
}
.table-report tr:hover td {
    background: #D8D8D8 ;
}

.table-report tr:not(:last-child):hover{
    cursor: pointer;
}   

.table-report tr:last-child:hover td{
background-color: #f0f0f0;
}

.report-table-div {
    width: 20%;
    float: left;
    /*min-width: 250px;*/
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box; 
}

#report{
    float: left;
    /*margin-left:10px;*/
    width:80%;
    padding-left:10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box; 
}

.selected-report{
    background:#B0B0B0 ;
}

.right-excel{
    float: right;
    margin-bottom:10px;
}

.knowledge-menu-div{
    padding-left:15px;
    text-align:left;
}

.knowledge-menu-div-item {
    cursor: pointer;
}

.selected-knowledge, .selected-type-knowledge, .selected-div-alphabet{
    background:#B0B0B0 ;
}

#selectedCategory {
    float: left;
    width: 79%;
    margin-left: 10px;
}

.article-knowledge{
    margin-top: 10px;
    margin-bottom: 10px;
    cursor:pointer;
}

.article-knowledge img{
    float:left;
    margin: 5px;
}

.article-knowledge .article-information {
    float: left;
        margin-left: 10px;
}

    .article-knowledge div span {
        font-weight:bold;
        font-size: 18px;
        text-decoration: underline;
    }

    .article-children{
        margin-left:10px;
    }

.arrow-down {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background-image: url('/images/arrow_down.png');
    background-repeat: no-repeat;
    background-position: center;
}

.arrow-right {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background-image: url('/images/arrow_right.png');
    background-repeat: no-repeat;
    background-position: center;
}

#knowledge-main-search {
    width: 79%;
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    padding: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    vertical-align: top;
    border-right: 1px solid #ddd;
    background-color: #f0f0f0;
    border-radius: 4px;
    white-space: nowrap;
}

#knowledge-menu{
    min-height:200px;
}

#search-input-KB {
    margin-left: 5px;
    margin-top: 6px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    width: 400px;
}

.type-knowledge{
    margin:10px;
}

.tree-knowledge{
    float:left;
    margin:5px;
    text-align:center;
    cursor:pointer;
}

.alphabet-knowledge{
    float:left;
    margin:5px;
    cursor:pointer;
    text-align:center;
}

#alphabetMenu div{
    cursor:pointer;
    margin-left:20px;
}

.article-form{
    width:100%;
    margin-top:10px;
}

.parent-navigation-knowledge{
    margin:5px;
    margin-left: 10px;
}

.knwoldge-base-article-count{
    color: lightgray;
    font-size:12px;
}

.article-header {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left:5px;
    padding-right:5px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom:5px;
    font-size:18px; 
    vertical-align: top;
    border-right: 1px solid #ddd;
    background-color: #f0f0f0;
    border-radius: 4px;
    white-space: nowrap;
}

.knowledge-search-margin{
    margin-bottom:5px;
    margin-top:5px;
}

.body-form th.th-for-article{
    text-align:left;
}

.knowledge-base-margin{
    margin-left: 10px;
}

.knowledge-base-margin-article{
    margin-left:15px;
}

.hr-knowledge {
    border: 0;
    margin: 0px 0px 12px 10px;
    border-top: 1px dotted #bebebe;
    height: 1px;
}

.article-gray-box {
    color: gray;
    font-size: 11px;
    margin-top: -16px;
}

.file-knowledgebase
{
    margin-bottom: 5px;
}
    .file-knowledgebase .panel-image {
        border: 1px solid #bebebe;
        background-color: #f9f9f9;
        margin: 0 5px 5px 0;
        padding: 5px 10px 10px 10px;
        border-radius: 5px;
    }

.image-line-knowledgebase {
    overflow: hidden;
    margin-bottom: 5px;
}

    .image-line-knowledgebase .panel-image {
        border: 1px solid #bebebe;
        background-color: #f9f9f9;
        float: left;
        margin: 0 5px 5px 0;
        padding: 5px 10px 10px 10px;
        border-radius: 5px;
    }

.article-tree-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background-image: url('/images/articleForTree.png');
    background-repeat: no-repeat;
    background-position: center;
}

.arrow-right-tree{
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background-image: url('/images/arrow-right-tree.png');
    background-repeat: no-repeat;
    background-position: center;
}

.arrow-down-tree{
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background-image: url('/images/arrow-down-tree.png');
    background-repeat: no-repeat;
    background-position: center;
}}

.bootstrap-switches {
    
}

.bootstrap-switches > div {
    margin: 10px;
}

.bootstrap-switches > div > span {
    margin-left: 15px;
}