/* Reset */

html, body, div, span, form, label, legend,
caption, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
section, summary {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

ul {
	list-style: disc;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}




/* Global */

body {
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	margin: 0;
}

div#main {
}

header .header-width {
    padding: 0 10px;
    margin: 0 auto;
    max-width: 1500px;
}

div#main-content {
    padding: 0 10px;
    margin: 20px auto;
    max-width: 1500px;
}

a, .ui-widget-content a {
	color: #3276B1;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a:hover > i.fa {
	text-decoration: none;
}

a img {
	border: 0;
}

.full-width {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

fieldset {
  border: 1px solid #bcbcbc;
  margin: 10px 0;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}

fieldset textarea {
  width: 100%;
}

/* Double-color dashed line */
hr {
    border: 0;
    border-bottom: 1px dashed silver;
    background: white;
    height: 1px;
}

.bold
{
    font-weight: bold !important;
}

.line-through
{
    text-decoration: line-through;
}

a.line-through:hover, a.line-through:focus
{
    text-decoration: underline line-through;
}

h1 {
	font-size: 20px;
	margin: 10px 0 15px 0;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

select.searchable { padding: 0;}

/* Header */

section#popup {
	background-color: #53AD53;
    overflow: hidden;
}

div#popup-content {
	color: white;
	margin: 0 auto;
	max-width: 1500px;
    padding: 6px;
    overflow: hidden;
}
div#popup-content div {
	float: left;
}
div#popup-content p {
	margin: 0;
}
div#popup-content a {
    margin-left: 10px;
    text-decoration: underline;
    color: white;
}
div#popup-content a#popup-remove {
	background: url('img/popup-remove.png') no-repeat;
	display: block;
	float: right;
	width: 10px;
    height: 10px;
    margin-top: 4px;
}

.header-row1
{
    line-height: 30px;
    padding-bottom: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    /*background-color: #222222; CustomLook*/
    /*border-bottom-color: #222222; CustomLook*/
	/*color: #999999; CustomLook*/
    overflow: hidden;
}

.header-row1 nav, .header-row1 .project-name, .header-row1 .header-right > *
{
    margin-top: 5px;

}

.header-row1 a
{
    text-decoration: none;
	/*color: #999999; CustomLook*/
}

.header-row1 a:hover
{
    text-decoration: none;
	/*color: #ffffff; CustomLook*/
}

.header-row1 .project-name
{
    float: left;
    font-weight: bold;
    margin-right: 10px;
    max-height: 30px;
}

.header-row1 .project-name a
{
    /*color: #ffffff; CustomLook*/
}

.header-row1 .project-name img
{
    vertical-align: middle;
    border: none;
    margin-right: 10px;
}

.header-row2
{
    padding: 1px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
	/*background-color: #f3f3f3; CustomLook*/
	/*color: #999999; CustomLook*/
    /*border-bottom-color: #cacaca; CustomLook*/
}

.header-row2 a
{
    text-decoration: none;
}

.header-row2 a:hover
{
    text-decoration: underline;
}

.header-row2 .row2-item
{
    display: inline-block;
    margin-left: 20px;
}

header ul#breadcrumbs {
	list-style-type: none;
	padding: 0;
    margin: 6px 0 0 0;
}

ul#breadcrumbs li {
	float: left;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

ul#breadcrumbs li a {
    font-weight: normal;
}

ul#breadcrumbs li:not(:first-of-type) {
    padding-left: 4px;
}

header .header-right {
    float: right;
}

header .header-right > * {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

header #formSearchFor {
    width: 200px;
    height: 30px;
    box-sizing: border-box;
    position: relative;
}

header #formSearchFor #search-input {
	width: 200px;
    height: 30px;
    position: absolute;
    right: 0;
    margin: 0;
    padding: 1px 10px;
    border-radius: 4px;
}

header #formSearchFor .btn {
    padding: 3px 9px;
    height: 30px;
    background-color: #007EE5;
    color: white;
}

header #formSearchFor .btn[disabled] {
    background-color: transparent;
    color: black;
    border-left-width: 0;
}

header #formSearchFor input[type="search"]::-webkit-search-cancel-button {
    margin-right: 25px;
}
   
header nav {
    overflow: hidden;
    float: left;
}

header nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
header nav ul li {
	display: block;
	float: left;
}
header nav ul li a {
	display: block;
	font-weight: normal;
	padding: 0 12px;
}


header nav ul li#nav-home img {
	height: 13px;
	margin: 0;
	width: 14px;
}

header nav ul li#nav-home a:hover {
}

header span#datetime {
	color: white;
	font-style: italic;
	position: absolute;
	right: 0;
	top: 80px;
}

a.header-button-green
{
    color: #ffffff;
    background-color: #5cb85c;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 4px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
}

a.header-button-new
{
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;

    /*background-color: #F89406; CustomLook*/
    /*color: #ffffff; CustomLook*/
}

header a.header-button-green:hover
{
    background-color: #47A447;
}

a.header-button-new:hover
{
    text-decoration: none;
    /*background-color: #E78705; CustomLook*/
}

a.header-notification-link, a.header-desktop-link, a.header-dashboard-link, a.header-event-link, a.header-support-centre-link {
    font-size: 30px;
    position: relative;
    top: 2px;
}

a.header-note-link {
    font-size: 30px;
    position: relative;
    top: 2px;
}

header #search-input
{
    border: 1px solid #cacaca;
    background: #f3f3f3;
}

header #search-input:-moz-placeholder, header #search-input::-webkit-input-placeholder, header #search-input::-moz-placeholder, header #search-input:-ms-input-placeholder
{
  color: #cccccc; /* doesnt work?*/
}

header .popup
{
    display: none;
    border: 1px solid #CACACA;
    background-color: #FAFAFA;
    border-radius: 5px;
    padding: 15px;
    color: #888;
    position: absolute;
    z-index: 9999;
    line-height: normal;
    margin-top: 5px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);     
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);    
}

header .popup a
{
    color: black;
}

header .popup a:hover
{
    color: #333333;
    text-decoration: underline;
}

header .popup  h1
{
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    color: black;
    padding: 7px 10px;
}

header .popup ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

header .popup ul li
{
    margin: 0;
    border-top: 1px solid #DDDDDD;
    padding: 7px 10px;
}

header .popup ul li > div
{
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 21px;
}

.contact-card
{
    font-style: normal;
    font-weight: normal;
}

.contact-card .photo
{
    float: left;
    width: 40px;
    height: 40px;
    color: white;
}

.contact-card .user-info, .contact-card .customer-info
{
    margin-left: 65px;
}

.contact-card .user-info > div, .contact-card .customer-info > div
{
    margin-bottom: 3px;
}

.contact-card .customer-info .customer-address {
    font-size: small;
}

h3.popover-title { display: none; }

.contact-card table
{
    border-collapse: collapse;
    margin-top: 5px;
}

.contact-card table th
{
    text-align: left;
}

header .contact-card .user-info
{
    line-height: 25px;
}

.small
{
    font-size: small;
}

.contact-card pre
{
    font-family: Arial;
    margin-top: 5px;
    margin-bottom: 5px;
}

.contact-card table tr td:not(:first-child)
{
    padding-left: 10px;
}

/* Body */

section.alert {
	border: 0;
	border: 1px solid;
	margin: 0 0 17px 0;
    padding: 10px 15px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}


section.alert ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

section.error {
	background-color: #F2DEDE;
	border-color: #EED3D7;
    color: #b94a48;
}

section.warning {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

section.info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

section.ok {
	background-color: #DFF0D8;
	border-color: #D6E9C6;
    color: #468847;
}


section#info {
	background: #fdefd5 url('img/info-info.png') 7px 8px no-repeat;
	border: 1px solid #f4a81c;
	
	position: relative;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

section#info ul {
	list-style-type: none;
	margin: 5px 30px;
	padding: 0;
}
section#info ul li {
	background: url('img/info-item.png') no-repeat;
	padding: 3px 200px 3px 0;
	width: 700px;
}

a#info-show-all {
	background: url('img/info-play.png') 0 45% no-repeat;
	color: #e77e18;
    float: right;
	padding-left: 24px;
    margin-right: 30px;
    margin-bottom: 5px;
}


p#graph-legend span {
	background-image: url('img/graph-legend.png');
	background-repeat: no-repeat;
	font-size: 12px;
	margin-right: 20px;
	padding-left: 16px;
}
p#graph-legend span#graph-legend-end-user-tickets {
	background-position: 0 2px;
}
p#graph-legend span#graph-legend-incidents {
	background-position: 0 -23px;
}
p#graph-legend span#graph-legend-service-requests {
	background-position: 0 -48px;
}
p#graph-legend span#graph-legend-problems {
	background-position: 0 -73px;
}
p#graph-legend span#graph-legend-on-time {
	background-position: 0 -98px;
}
p#graph-legend span#graph-legend-delayed {
	background-position: 0 -123px;
}


section.statistics div.block-body {
	background-position: 20px 20px;
	background-repeat: no-repeat;
	height: 110px;
	padding-left: 110px;
}

section#end-user-tickets div.block-body {
	background-image: url('img/end-user-tickets.png');
}
section#incidents div.block-body {
	background-image: url('img/incidents.png');
}
section#service-requests div.block-body {
	background-image: url('img/service-requests.png');
}
section#problems div.block-body {
	background-image: url('img/problems.png');
}

section.statistics div.block-body span {
	background-position: 50% 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin: 5px 20px 0 0;
	text-align: center;
}
section.statistics div.block-body span.waiting {
	font-weight: bold;
}
section.statistics div.block-body span.total {
	font-style: italic;
}
section.statistics div.block-body span strong {
	color: white;
	display: block;
	font-size: 30px;
	height: 50px;
	padding-top: 10px;
	margin-bottom: 5px;
	margin: 0 auto 5px auto;
	width: 60px;
}
section.statistics div.block-body span.total strong {
	color: #808080;
	font-size: 14px;
	height: 40px;
	padding-top: 20px;
}
section.statistics div.block-body span.to99 strong {
	font-size: 30px;
	height: 50px;
	padding-top: 10px;
}
section.statistics div.block-body span.to999 strong {
	font-size: 22px;
	height: 45px;
	padding-top: 15px;
}
section.statistics div.block-body span.to9999 strong {
	font-size: 14px;
	height: 40px;
	padding-top: 20px;
}

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

section#incidents div.block-body span.waiting {
	background-image: url('img/incidents_waiting.png');
	color: #ae3a3a;
}
section#incidents div.block-body span.normal {
	background-image: url('img/incidents_normal.png');
	color: #ae3a3a;
}

section#service-requests div.block-body span.waiting {
	background-image: url('img/service-requests_waiting.png');
	color: #288fe1;
}
section#service-requests div.block-body span.normal {
	background-image: url('img/service-requests_normal.png');
	color: #288fe1;
}

section#problems div.block-body span.normal {
	background-image: url('img/problems_normal.png');
	color: #ae4fc1;
}

section.statistics div.block-body span.total {
	background-image: url('img/statistics_total.png');
}

.caret-down {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.caret-up {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-bottom: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

section#tickets {
    display: flex;
    /*overflow: hidden; -- nesmi zde byt, pri vetsim poctu sloupcu v tabulce by se orizlo */
}

#tickets-sidebar {
    flex: initial;
    order: 0; /*flex*/

    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #F5F6F7;
    border: 1px solid #DDD;
    border-radius: 5px;
}

#tickets-sidebar.full {
    width: 250px;
    min-width: 250px;
}

#tickets-sidebar.reduced {
    width: 50px;
    min-width: 50px;
}

#tickets-sidebar .btn-default, #GreyBoxView .btn-default {
    background-color: white;
}

#tickets-sidebar #sidebar-full {
}

#tickets-sidebar #sidebar-reduced {
}

#tickets-sidebar #sidebar-reduced #sidebar-reduced-content {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);

    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;

    width: 500px;
    position: relative;
    top: 540px;
    text-align: right;
    left: 14px;

    white-space: nowrap;
    color: #666666;
}

#tickets-sidebar .sidebar-block {
    padding: 10px;
    color: #666666;
}


#tickets-sidebar .sidebar-menu-item {
    font-weight: bold;
    float: left;
    border-bottom: 1px solid #bbbbbb;
    padding-left: 5px;
    padding-right: 20px;
    cursor: pointer;
}

#tickets-sidebar .sidebar-change-icon {
    color: #7b7b7b;
    font-size: 32px;
    cursor: pointer;
}

#tickets-sidebar #sidebar-full .sidebar-change-icon {
    position: absolute;
    margin-left: -15px;
    margin-top: -15px;
}

#tickets-sidebar #sidebar-reduced .sidebar-change-icon {
    position: absolute;
    margin-left: 15px;
    margin-top: -10px;
}


#tickets-sidebar .sidebar-menu-item.active {
    border-bottom-width: 3px;
}

div#tickets-main {
    order: 1; /*flex*/
    flex: auto; /* width 100% */
    margin-left: 10px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


div#tickets-frame {
	border: 1px solid #DDD;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div#tickets-frame table thead a
{
    color: rgb(102, 102, 102);
}


div#tickets-frame > table {
	border-spacing: 0;
	width: 100%;
}
div#tickets-frame > table > tbody > tr > td,
div#tickets-frame > table > thead > tr > th {
	padding: 5px 10px;
}

div#tickets-frame > table > tbody > tr > td.checkbox,
div#tickets-frame > table > thead > tr > th.checkbox
{
    padding-right: 5px;
    width: 16px;
}

div#tickets-frame > table > thead > tr
{
    border-radius: 4px;
    background-color: #F5F6F7;
}

div#tickets-frame > table > thead > tr > th:first-child
{
    border-top-left-radius: 4px;
}

div#tickets-frame > table > thead > tr > th:last-child
{
    border-top-right-radius: 4px;
}

div#tickets-frame > table > thead > tr > th {
	color: #666;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;    
}

div#tickets-frame > table > thead > tr > th > span:first-child
{
    font-weight: bold;
}

div#tickets-frame > table > thead > tr > th > input,
div#tickets-frame > table > thead > tr > th select {
	margin-top: 5px;
}
div#tickets-frame > table > tbody > tr > td {
	border-top: 1px solid #DDD;
	color: #666;
}

div#tickets-frame > table > tbody > tr > td > div:first-child
{
    font-weight: bold;
}

div#tickets-frame a.ticket-subject
{
	font-size: 16px;
}

div#tickets-frame > table > tbody > tr.cursor > td {
	background-color: #daebfa;
}

div#tickets-frame > table > tbody > tr:hover > td {
	background-color: #fcf5d8;
}

div#tickets-frame > table > tbody > tr.selected > td {
	background-color: #FFFFCC;
}


/*div#tickets-frame table.tickets-generic tr:hover td {
	background-color: #edf3fa;
}*/

div#tickets-frame > table > tbody > tr > td.ticket-type-none {
	padding-left: 10px;
}
div#tickets-frame > table > tbody > tr > td.ticket-read a {
	font-weight: normal;
}

div#tickets-frame table div.ticket-priority
{
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
}

div#tickets-frame table div.ticket-priority-number
{
    display: inline-block;
    font-weight: bold;
    /*margin-left: auto;
    margin-right: auto; */
    width: 13px;
    line-height: 22px;
}

div#tickets-frame table div.ticket-priority-text
{
    display: inline-block;
    margin-left: 0px;
    font-size: 90%;
    line-height: 22px;
}

div#tickets-frame table div.ticket-priority-text:after
{
    clear: both;
}

div.ticket-priority-number {
    font-size: 90%;
    padding: 0px 5px;
    color: white;
    border-radius: 11px;    
}

div.ticket-status {
    font-size: 85%;
    line-height: 20px;
    text-align: center;
    border-radius: 4px;
    padding: 0 8px;
    display: inline-block;
}

div#tickets-frame table div.ticket-status {
    margin-top: 5px;
    margin-bottom: 5px;
    min-width: 120px;
    max-width: 180px;
}

div#tickets-frame table div.ticket-status.async {
    border-left: 10px solid #ff9e35;
    border-right: 10px solid #ff9e35;
    animation: ticketStatusAsyncAnimation 1s linear 5;
}

@keyframes ticketStatusAsyncAnimation {
	from { border-color: rgba(255,158,53,0); }
	to { border-color: rgba(255,158,53,1); }
}

aside#ticket-info div.ticket-status
{
    float: left;
    font-size: 90%;
    font-weight: bold;
}

aside#ticket-info div.ticket-status a {
    text-decoration: underline;
}

aside > div.content {
    padding: 10px;
}

div.ticket-status-big {
    font-size: 110%;
    font-weight: bold;
    display: inline-block;
}

#ticket-actions {
    display: inline-block;
    float: right;
    margin-left: 5px;
}

#ticket-navigation {
    margin-left: 10px;
    margin-bottom: 5px;
    float: right;
}

#ticket-actions .btn {
    margin-bottom: 5px;
}

div.ticket-priority-number  {
    text-align: center;
}

div.ticket-status-queue { background-color: #fd9927; color: white; }
div.ticket-status-solver { background-color: #1175b1; color: white; }
div.ticket-status-submitter { background-color: #999933; color: white; }
div.ticket-status-closed { background-color: #666666; color: white; }
div.ticket-status-approved { background-color: #99cc27; color: white; }
div.ticket-status-postponed { background-color: #BD9B82; color: black; }

div.ticket-status-queue a { color: white; }
div.ticket-status-solver a { color: white; }
div.ticket-status-submitter a { color: white; }
div.ticket-status-closed a { color: white; }
div.ticket-status-approved a { color: white; }
div.ticket-status-postponed a { color: black; }



div.ticket-priority-1 { background-color: #D40000; color: white; }
div.ticket-priority-2 { background-color: #DC5A38; color: white; }
div.ticket-priority-3 { background-color: #F4AC25; color: #1a1a1a; }
div.ticket-priority-4 { background-color: #FFD42A; color: #333333; }
div.ticket-priority-5 { background-color: #AADE87; color: #4d4d4d; }


div#tickets-nav {
	background-color: #F5F6F7;
	font-size: 14px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: 1px solid #bebebe;
    overflow: hidden;
    padding: 20px;
}

div#tickets-nav p
{
    line-height: 32px;
    margin: 0;
}


div#tickets-nav p.left {
}

div#tickets-nav p.right
{
    margin-left: 20px;
}



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


section#ticket-header {
    background-color: white;
    border-bottom: solid 1px #eee;
}

section#ticket-header.sticked {
    position: fixed;
    z-index: 9999;
    top: 0;
    padding-top: 10px;
    box-shadow: 0px 4px 2px -2px rgba(63,63,63,0.1) ;
}

#ticket-bellow-header {
    clear: both;
}


section#ticket-header h1 {
	float: left;
	margin: 0;
}

section#ticket-header a.icon-edit {
	margin: 6px 0 0 5px;
}

section#ticket-header div.tags {
	float: right;
    margin-left: 5px;
}

section#ticket-header div.tags span {
    margin-left: 5px;
}

section#ticket-header .toolbar {
    float: left;
    text-align: left;
}

section#ticket-header .toolbar > .btn-group, section#ticket-header .toolbar > button {
    margin-bottom: 5px;
    text-align: left;
}

section#ticket-header .ticket-subject {
    float: left;
}

div.tags span {
    float: left;
	background-color:#EDF3FA;
    border: 1px solid #B8D2EB;
	font-size: 12px;
	font-weight: bold;
	margin: 1px;
	padding: 5px 8px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

div.tags span.department {
	background-color: #FFEAB7;
    border: 1px solid #FFC12A;
}

td div.tags span {
    display: inline-block;
}

section#ticket-left {
	color: #1a1a1a;
	margin-top: 10px;
	margin-bottom: 10px;
}

section#ticket-left > :first-child
{
    margin-top: 0;
}

section#ticket-left section.block
{
    margin: 10px 0;
}

section#ticket-left section.block:first-child
{
    margin-top: 0;
}

section#ticket-custom-forms .custom-form:first-of-type
{
    margin-top: 0;
}


section#ticket-description {
	margin-bottom: 0;
    margin-top: 0;
}
section#ticket-description div.block-body {
	margin: 0;
	padding: 0;
}

div.ticket-description-body
{
    clear: both;
    background-color: #f3f3f3;
}

div.ticket-description-body textarea {
    width: 100%;
    max-width: 100%;
    height: 100px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}

.attachments-area-below-textarea {
    padding: 10px 0;
    background-color: #f3f3f3;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.droppable-area {
    border-style: dashed;
    border-width: 1px;
    border-color: gray;
    color: gray;
}

.containerAttachments ul, .containerAttachments div[id^=filelist] {
	list-style-type: none;
	margin: 3px 0 0 0;
	padding: 0;
}

.containerAttachments ul li span, .containerAttachments div[id^=filelist] div[id^=divFile] span {
	font-size: 14px;
	word-wrap: break-word;
}

.containerAttachments ul li span:before, .containerAttachments div[id^=filelist] div[id^=divFile] span:before {
    font-family: FontAwesome;
    content: "\f0c6";
    color: gray;
    margin-right: 4px;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

section#ticket-communication h2 {
	color: #333;
	font-size: 20px;
	font-weight: normal;
	margin: 10px 0 0 0;
}

p.communication-note {
	background-color: none;
	color: #808080;
	font-size: 12px;
	/*padding: 3px 5px 3px 50px;*/
    margin: 5px 0 5px 75px;

	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
    border: 1px solid #bebebe;*/
}



div.comment-author {
	color: #4d4d4d;
	font-style: italic;
	margin: 5px 0 5px 0;
	text-align: right;
    float: right;
}

div.message-merged-from {
    float: left;
    font-size: small;
    font-style: italic;
}

section#ticket-right > :first-child
{
    margin-top: 0;
}

section#ticket-right {
	color: #1a1a1a;
	margin-top: 10px;
    margin-bottom: 10px;
}

section#ticket-right aside {
	min-width: 300px;
}

section.block.custom-form h2.block-header, section.block.approval-form h2.block-header, section#ticket-right aside h2.block-header, .chat-right-box aside h2.block-header  {
	padding: 6px 9px 3px 9px;
}
section#ticket-right aside div.block-body, .chat-right-box aside div.block-body {
	padding: 5px;
}
section#ticket-right aside table {
	border-spacing: 2px 0;
}
section#ticket-right aside table th {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
    padding-right: 5px;
}

section#ticket-right aside.priorityOrRiskCategory table th, section#ticket-right aside.priorityOrRiskCategory table td {
	vertical-align: top;
}

section#ticket-right aside.priorityOrRiskCategory table {
	margin: 10px 5px;
}
section#ticket-right aside.priorityOrRiskCategory table th {
	width: 70px;
}

section#ticket-right aside#ticket-attachments ul {
	list-style-type: none;
	margin: 3px 0 0 5px;
	padding: 0;
}

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

section#ticket-right aside#ticket-related-tickets div.block-body {
	margin-top: 5px;
	margin-left: 5px;
}

section#ticket-right aside#ticket-tasks
{
}

section#ticket-right aside#ticket-tasks .task-row
{
    overflow: hidden;
    margin: 2px 0;
}

section#ticket-right aside#ticket-tasks .task-row .task-complete-checkbox, #tasks-table .task-complete-checkbox
{
    float: left;    
}

section#ticket-right aside#ticket-tasks .task-row .task-user
{
    margin-left: 10px;
    font-size: small;
    color: gray;
    float: right;
}

section#ticket-right aside#ticket-tasks .task-row .task-description, #tasks-table .task-description
{
    margin-left: 25px;
}

section#ticket-right aside#ticket-tasks .task-row .task-description.completed span
{
    color: gray;
    text-decoration: line-through;
}

section#ticket-right aside#ticket-tasks .task-row .task-description.high-priority
{
    font-weight: bold;
}

section#ticket-right aside#ticket-track-time
{
}

.track-time-row
{
    overflow: hidden;
    margin: 2px 0;
}

.track-time-row .track-time-duration
{
    float: left;
    text-align: right;
    width: 65px;
}

.track-time-row .track-time-duration-margin-top {
    margin-top: 3px;
}

.track-time-row .track-time-description
{
    margin-left: 70px;
}

.track-time-row .from-until
{
    font-size: smaller;
    margin-left: 70px;
}

.track-time-row .track-time-user
{
    margin-left: 10px;
    font-size: smaller;
    color: gray;
    float: right;
}


.text-with-hiding-buttons {
}

.text-with-hiding-buttons a.hiddenButton
{
    /*display: none;*/
    display: inline;
    visibility: hidden;
}

.text-with-hiding-buttons a.hiddenButton img
{
    vertical-align: text-bottom;
}

.text-with-hiding-buttons a.hiddenButton.delete i.fa-times
{
    color: red;
}


.text-with-hiding-buttons:hover a.hiddenButton
{
    visibility: visible;
}

div.one-needed .text-with-hiding-buttons:only-of-type .remove {
    visibility: hidden;
}

a.addlink {
	background: url('img/icon-plus.png') 0 40% no-repeat;
	display: inline-block;
	margin-top: 8px;
	padding-left: 22px;
	margin-left: 3px;
}

a.addlink.inline {
    margin-top: 5px;
}

a.addlinksmall
{
	background: url('img/icon-plus-small.png') left center no-repeat;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
	padding-left: 15px;
    margin-right: 10px;
}


section#ticket-right aside#ticket-related-tickets h3
{
    margin-bottom: 5px;
    font-weight: bold;
    color: #408DA3;
    font-size: 14px;
}

section#ticket-right aside#ticket-related-tickets h3 span
{
    font-weight: normal;
}

section#ticket-right aside#ticket-related-tickets h3:not(:first-child)
{
    margin-top: 5px; 
    padding-top: 5px; 
    border-top: 1px dotted #188DA3;
}

section#ticket-right aside#ticket-related-tickets ul:not(.select2-selection__rendered)
{
    margin: 0 0 5px 0px;
    padding: 0;
}

section#ticket-right aside#ticket-related-tickets ul:not(.select2-selection__rendered) li
{
    margin: 2px 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

section#ticket-right aside#ticket-related-tickets .relatedTicket-description
{
    margin-left: 20px;
    font-size: small;
    font-style: italic;
    color: Gray;
}

.relatedTicketAndDeleteButton a.hiddenButton
{
    display: none;
}

.relatedTicketAndDeleteButton a.hiddenButton img
{
    vertical-align: text-bottom;
}


.relatedTicketAndDeleteButton:hover a.hiddenButton
{
    display: inline;
}

section#ticket-right aside#ticket-ticket-management div.block-body {
	margin-top: 5px;
}

section#ticket-right aside#ticket-ticket-management div.action:not(:first-child) {
	margin-top: 10px;
}

section#ticket-right aside#ticket-ticket-management div.action a
{
	display: block;
	padding-left: 22px;
	margin-left: 3px;
}

section.account {
	min-height: 140px;
	margin-bottom: 30px;
}
section.account div.block-body {
	background-position: 20px 20px;
	background-repeat: no-repeat;
	min-height: 85px;
	padding: 15px;
}
section.account div.block-body h2 {
	margin: 10px 0 0 95px;
}
section.account div.block-body h2 a {
	color: #333;
	font-size: 20px;
}
section.account div.block-body p {
	margin: 2px 0 0 95px;
}

section#account-service-level-agreements div.block-body {
	background-image: url('img/administration-icon-sla-agts.png');
}
section#account-manage-customers div.block-body {
	background-image: url('img/administration-icon-customer-mgmt.png');
}
section#account-my-foto div.block-body {
	background-image: url('img/account-icon-photo.png');
}
section#account-application-access div.block-body {
	background-image: url('img/account-icon-app-access.png');
}


section.create {
	min-height: 200px;
	margin-bottom: 20px;
}
section.create div.block-body {
	background-position: 20px 20px;
	background-repeat: no-repeat;
	min-height: 85px;
	padding: 15px;
}
section.create div.block-body h2 {
	margin: 15px 0 0 95px;
}
section.create div.block-body p {
	clear: both;
	margin: 0 0 0 95px;
	padding-top: 10px;
}

section#create-end-user-ticket div.block-body {
	background-image: url('img/create-icon-end-user-ticket.png');
}
section#create-incident div.block-body {
	background-image: url('img/create-icon-incident.png');
}
section#create-service-request div.block-body {
	background-image: url('img/create-icon-service-request.png');
}
section#create-problem div.block-body {
	background-image: url('img/create-icon-problem.png');
}
section#create-change div.block-body {
	background-image: url('img/create-icon-change.png');
}


section#welcome {
/*	margin: 0 auto;
	width: 650px;*/
    margin-top: 30px;
}

div#welcome-header {
	/*width: 610px;*/
    padding-left: 180px;
    padding-top: 15px;
    background-image: url('img/welcome-operator.png');
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 183px;
}
div#welcome-header h1 {   
	font-size: 28px;
	font-weight: normal;
    background: url('img/welcome-h1-border.png') no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 40px;
    line-height: 62px;
}
div#welcome-header p {
	color: #666;
	font-size: 20px;
	line-height: 1.1;
	margin: 20px 0 10px 15px;
}
div#welcome-header div span {
	float: right;
}

div.welcome-settings {
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 50px;
	min-height: 160px;
	padding-left: 320px;
}
div.welcome-settings p {
	clear: both;
	margin: 0 0 10px 0;
	padding-top: 10px; 
}
div.welcome-settings span.welcome-settings-done {
	background: url('img/welcome-icon-done.png') 0 40% no-repeat;
	color: #8fcc39;
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
}
div.welcome-settings span.welcome-settings-waiting {
	background: url('img/welcome-icon-waiting.png') 0 40% no-repeat;
	color: #666;
	font-size: 16px;
	padding-left: 20px;
}

section#welcome .big-blue-circles
{
    margin-left: 195px;
}

section#welcome .actions
{
    margin-top: 40px;
    font-size: 20px;
    text-align: center;
}


div.welcome-set-basic-parameters {
	background-image: url('img/welcome-set-basic-parameters.png');
}
div.welcome-create-email-notifications {
	background-image: url('img/welcome-create-email-notifications.png');
}
div.welcome-enter-your-operators {
	background-image: url('img/welcome-enter-your-operators.png');
}
div.welcome-define-your-customers {
	background-image: url('img/welcome-define-your-customers.png');
}
div.welcome-change-default-sla {
	background-image: url('img/welcome-change-default-sla.png');
}
div.welcome-set-your-service-list {
	background-image: url('img/welcome-set-your-service-list.png');
}
div.welcome-read-the-help {
	background-image: url('img/welcome-read-the-help.png');
}

#formNewTicket {
    padding-top: 5px; /*ne margin kvuli mizicimu ticket-header nad tim (styl fixed)*/
}

#formNewTicket div.flex
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    align-items: stretch;
}

#formNewTicket div.flex div.new-ticket-base, #formNewTicket div.flex div#new-ticket-custom-forms 
{
    width: calc(100% - 550px);
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}


#formNewTicket div.flex div.attribute-boxes
{
    margin-left: 20px;
    background-color: #EDF3FA;
    width: 510px;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    padding: 10px;
    border-color: #B8D2EB;
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
}

#formNewTicket div.flex div.attribute-boxes
{
    min-height: 100px;
    border-radius: 4px;
    border-width: 1px;
}

#formNewTicket div.flex div.attribute-boxes.no-customforms
{
    border-width: 1px;
    border-radius: 4px;
}

#formNewTicket div.flex div.empty
{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-width: 1px;
}

#formNewTicket div.flex div.attribute-boxes table tr th
{
    vertical-align: top;
    padding-right: 5px;
    text-align: left;
}

#formNewTicket div.flex div.attribute-boxes .block
{
    border: none;
    background-color: none;
    padding: 0;
}

#formNewTicket div.flex div.attribute-boxes .block .block-header
{
    display: none;
    font-weight: bold;
    background-color: none;
}

#formNewTicket div.flex div.attribute-boxes .block .block-body
{
    padding: 0;
}

#formNewTicket div.priority-value {
    border: 1px solid #aaaaaa;
    padding: 4px 8px 5px 5px;
    border-radius: 4px;
    background: #7db9e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #7db9e8 0%, #ffffff 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7db9e8 0%,#ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7db9e8 0%,#ffffff 0%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7db9e8 0%,#ffffff 0%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7db9e8 0%,#ffffff 0%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

#formNewTicket div.priority-value > .label {
    font-weight: bold;
}

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 .error
{
    color: #ae3a3a;
    font-weight: bold;
}




section.new-ticket-box {
    background-color: #EDF3FA ;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #B8D2EB;

	padding: 10px;
    margin-bottom: 10px;
}

section.new-ticket-box.no-top-border {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
}

section.new-ticket-box h2
{
    margin: 0;
    font-size: 100%;
}


section.new-ticket-box.yellow {
    background-color: #FFF6D9;
    border-color: #FFC90F;
}

#tabUser.active > a {
    background-color: #EDF3FA;
    border-color: #B8D2EB;
    border-bottom-color: transparent;
}

#tabEmail.active > a {
    background-color: #FFF6D9;
    border-color: #FFC90F;
    border-bottom-color: transparent;
}

.new-ticket-base ul.nav-tabs {
    border-bottom-color: #B8D2EB;
}

.new-ticket-base ul.nav-tabs.yellow {
    border-bottom-color: #FFC90F;
}

.new-ticket-base .hint {
    color: #999;
    font-size: smaller;
    line-height: 22px;
    border-left: 1px solid #DDD;
    padding-left: 10px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 9px;
    margin-left: 10px;
}

section.new-ticket-box table
{
    border-collapse: collapse;
}

section.new-ticket-box table th {
	color: #1a1a1a;
	font-size: 16px;
	font-weight: normal;
	text-align: right;
    padding-right: 5px;
}

section.new-ticket-box table th.vertical-top-with-input-select2 {
    padding-top: 10px;
}

section.new-ticket-box table td
{
    padding: 5px;
}


section.new-ticket-box table select {
	min-width: 500px;
}

#new-ticket-subject {
    margin-bottom: 0px;
    padding: 15px;
    border-style: solid;
    border-color: #c0c0c0;
    border-width: 1px;
    border-radius: 4px;
    background-color: #f0f0f0;
}

#new-ticket-subject.joined {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#new-ticket-subject #tbSubject {
	color: black;
	font-size: 14px;
	font-weight: bold;
    width: 100%;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 24px 6px 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
}

#dialog-change-submitter-or-customer .searchable{
    width: 100%;
    min-width: 200px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}



section#new-ticket-description {
	margin-bottom: 0;
    background-color: #f3f3f3;
}
section#new-ticket-description div.block-body {
	margin: 0;
	padding: 0;
}

#formNewTicket .attribute-boxes
{
}

#formNewTicket .attribute-boxes .block
{
}

p.description
{
	/*font-style: italic;*/
	margin: 5px 0 10px 0;
}


#formNewTicket .attribute-boxes .block.new-ticket-slider {
}

section.new-ticket-slider div.block-body {
	padding: 12px;
}
section.new-ticket-slider table {
	float: left;
	width: 70px;
}
table.ticket-slider-table {
	margin-right: 20px;
}
table.ticket-slider-table strong {
	color: #1a1a1a;
	margin-right: 20px;
    text-overflow: ellipsis;
}

.attribute-boxes table.ticket-slider-table strong
{
    width: 100px;
    display: inline-block;
    overflow: hidden;
}

table.ticket-slider-table td.slider-labels
{
    text-align: center;
}

div.ticket-slider {
	background: url('img/slider-background.png') no-repeat;
	height: 10px;
	padding: 0 10px;
	position: relative;
	width: 250px;
}
div.ticket-slider a {
	background: url('img/slider-set.png') no-repeat;
	height: 20px;
	margin-left: -9px;
	position: absolute;
	top: -4px;
	width: 18px;
}


div#new-ticket-save {
	clear: both;
	padding-bottom: 10px;
	text-align: left;
    margin-top: 20px;
}

div#new-ticket-save input[type="submit"]{
    min-width: 150px;
}


section#knowledge-menu {
	float: left;
	padding-bottom: 20px;
	width: 20%;
    padding-top:20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    vertical-align: top;
    border-radius: 4px;
    white-space: nowrap;
}
section#knowledge-menu ul:not(.dropdown-menu) {
	color: white;
	list-style-type: none;
	margin: 0;
	padding: 3px 0 5px 0;
	text-align: center;
}
section#knowledge-menu ul:not(.dropdown-menu) li {
	margin: 0 0 3px 3px;
}
section#knowledge-menu ul:not(.dropdown-menu) li ul {
	background: url('img/knowledge-menu-submenu.png') 50% 0 no-repeat;
	margin-top: -2px;
	padding: 8px 0 0 0;
}
section#knowledge-menu ul:not(.dropdown-menu) li ul li {
	margin-left: 0;
}
section#knowledge-menu ul:not(.dropdown-menu) li a {
    background-color: #222222;
	color: white;
	display: block;
	font-weight: bold;
	height: 27px;
	overflow: hidden;
	padding: 9px 3px 0 3px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 126px;
    border-radius: 4px;
}
section#knowledge-menu ul li.knowledge-menu-actual > a {
    background-color: #F89406;
	color: black;
	text-shadow: none;
}
section#knowledge-menu ul li.knowledge-menu-actual ul {
	background-image: url('img/knowledge-menu-submenu-actual.png');
}
section#knowledge-menu ul li ul li a {
	background-color: #3276B1;
	color: white;
	height: 29px;
	padding-top: 7px;
	text-shadow: none;
}

section#knowledge-main {
	float: left;
	margin: 0 0 20px 8px;
	width: 640px;
}
section#knowledge-main.knowledge-main-all {
	width: 950px;
}
section#knowledge-main div#knowledge-main-search {
	margin: 0;
}
section#knowledge-main div#knowledge-main-search input.search-input {
	width: 498px;
}
section#knowledge-main.knowledge-main-all div#knowledge-main-search input.search-input {
	width: 688px;
}
section#knowledge-main h2 {
	font-size: 20px;
}
section#knowledge-main article h3 {
	color: #105e6d;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	text-shadow: white 0 1px 0;
}
section#knowledge-main article p {
	margin-top: 0;
}
section#knowledge-main article div.block-body {
	padding: 10px;
}
section#knowledge-main article img.article-image {
	border: 4px solid #B5D3F1;
	float: left;
	height: 90px;
	width: 90px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
section#knowledge-main article div.article-text {
	float: right;
	margin-right: 15px;
	width: 330px;
}
section#knowledge-main.knowledge-main-all article div.article-text {
	width: 640px;
}
section#knowledge-main article p.article-info {
	background: url('img/knowledge-main-article-info.png') 5px 2px no-repeat;
	color: #bebebe;
	font-weight: bold;
	padding-left: 35px;
}
section#knowledge-main article p.article-footer {
	border-top: 1px solid #b8dce2;
	color: #b3b3b3;
	clear: both;
	font-style: italic;
	margin-bottom: 0;
	padding-top: 5px;
}
section#knowledge-main a.article-print {
	background: url('img/knowledge-main-article-print.png') 100% 50% no-repeat;
	color: #71d0e3;
	display: block;
	height: 21px;
	margin: 30px 0 -10px auto;
	padding: 2px 30px 0 0;
	text-align: right;
	text-decoration: none;
	width: 40px;
}
section#knowledge-main a.article-print:hover,
section#knowledge-main a.article-print:focus {
	text-decoration: underline;
}
section#knowledge-main p.issue-comments {
	font-style: italic;
	padding-left: 10px;
}
section#knowledge-main h2#issue-subscribe {
	font-weight: normal;
}
section#knowledge-main h2#issue-subscribe a {
	text-decoration: underline;
}
section#knowledge-main h2#issue-subscribe a:hover,
section#knowledge-main h2#issue-subscribe a:focus {
	text-decoration: none;
}
section#knowledge-main h2#issue-subscribe span {
	background: url('img/knowledge-main-issue-ok.png') 0 50% no-repeat;
	color: #8fcc39;
	font-size: 16px;
	font-weight: bold;
	margin-left: 5px;
	padding: 2px 0 0 20px;
}
section#knowledge-main table.body-form th {
	color: #157c8f;
	font-weight: bold;
	padding-right: 8px;
}
section#knowledge-main table.body-form input.input-text,
section#knowledge-main table.body-form textarea {
	border-color: #00b6da;
	font-size: 16px;
	padding: 7px 6px;
}
section#knowledge-main table.body-form input.input-text::-webkit-input-placeholder,
section#knowledge-main table.body-form textarea::-webkit-input-placeholder {
	color: #00b6da;
	font-style: italic;
}
section#knowledge-main table.body-form input.input-text:-moz-placeholder,
section#knowledge-main table.body-form textarea:-moz-placeholder {
	color: #00b6da;
	font-style: italic;
}
section#knowledge-main table.body-form span.button-green-underline {
	float: right;
}
section#knowledge-main table.body-form span.button-green-underline input {
	border-top: 0;
	border-right: 0;
	border-left: 0;
	margin: 0;
	padding: 7px 25px 3px 25px;
}
section#knowledge-main table.body-form span.waiting-for-info {
	background: url('img/block-question.png') no-repeat;
	color: #666;
	margin-left: 5px;
	padding-left: 20px;
}
section#knowledge-main table.body-form a.add-screenshot {
	background: url('img/icon-plus-big.png') no-repeat;
	color: #157c8f;
	font-size: 16px;
	padding: 2px 0 2px 27px;
}

section#knowledge-articles {
	float: right;
	margin-top: 0;
	width: 300px;
}
section#knowledge-articles div.block-body {
	padding-left: 0;
}
section#knowledge-articles ul li {
	background: url('img/blue-dot.png') 0 6px no-repeat;
	padding-left: 12px;
}
section#knowledge-articles ul li a {
	color: #1a1a1a;
	font-weight: bold;
}


#logon-flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;   
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.logon-flex-item {
    margin: 10px;

    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

#logon-custom-text {
    min-width: 270px;
}

.white-round-box {
    border: 1px solid #E6E6E6;
	background-color: white;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;

    padding: 40px;
}

section#error {
	margin: 80px auto 40px auto;
	max-width: calc(500px + 20%);
}

section#login {
    min-width: 350px;
    max-width: 560px;
    width: 50%;
}

section#login h1 {
    color: silver;
    font-weight: normal;
    font-size: 150%;
    margin: -10px 10px 30px -40px;
}

section#login form {
	color: #333333;
	font-size: 16px;
	padding: 0 40px;
}

section#login form label {
    color: #777777;
}

section#login form input.login-text {
	background-color: white;
	border: 1px solid #bebebe;
	font-size: 15px;
	padding: 6px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

section#login form div.keep-logged-in {
	margin-top: 20px;
	padding-bottom: 20px;
}

section#login form input[type=submit]
{
    margin-top: 15px;
}

.requestorcom
{
    margin-top: 40px;
    text-align: center;
}

.requestorcom a
{
    color: gray;
}



#login-news {
	background: #F5F5F5 url('img/login-news.png') left bottom repeat-x;
	padding-bottom: 90px;
	width: 460px;
	margin: 0 auto;
	color: #686868;
	font-size: 13px;
	margin-bottom: 65px;
}
.login-news-head {
	background: url('img/login-news-head.png') left top repeat-x;
	padding: 30px 0 15px 25px;
	width: 435px;
	border-bottom: 1px solid #CCCCCC;
}
.login-news-head a {
	font-size: 16px;
	margin: 3px 0 0 10px;
	display: inline-block;
	text-decoration: underline;
}
.login-news-title {
	color: #333333;
	font-size: 20px;
	/*float: left;*/
}
.login-news-title.rss-icon {
	background: url('img/rss-icon.png') left 5px no-repeat;
	padding-left: 30px;
}
#login-news .news-item a {
	color: #438B9A;
	font-size: 16px;
	text-decoration: underline;
}
#login-news .news-item {
	padding: 15px 0 12px 55px;
	width: 405px;
	border-bottom: 1px solid #CCCCCC;
}
#login-news .news-item span.tag {
	background: #F3A30D;
	padding: 1px 6px 1px 6px;
	color: #FFFEFD;
	display: inline-block;
	margin-left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px !important;
}



section#error > div {
	background: #EDF3FA url('img/error-background.png') center bottom no-repeat;
	border-bottom: 1px solid #B8D2EB;
	padding: 35px 40px 210px 40px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;

    text-align: center;
}

section#error div h1 {
	color: #105e6d;
	font-size: 19px;
	font-weight: normal;
	margin: 0;
	text-align: center;
	text-shadow: white 0 1px 0;
}

section#error div h1 strong {
	font-weight: bold;
}

section#error div p.center {
	font-size: 13px;
	margin-top: 10px;
	text-align: center;
}

section#error div a {
	text-decoration: underline;
}
section#error div a:hover,
section#error div a:focus {
	text-decoration: none;
}

div#error-info {
	/*background: url('img/error-info.png') 3px 5px no-repeat;*/
	/*float: left;*/
	font-size: 13px;
	padding: 5px 5px 5px 15px;
    overflow: auto;
    max-height: 250px;
    /*max-width: 500px;*/
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid silver;
    font-family: monospace;
    white-space: normal;
    text-align: left;
    border-radius: 4px;

}
div#error-info a {
	text-decoration: underline;
}
div#error-info a:hover,
div#error-info a:focus {
	text-decoration: none;
}


/* Footer */

footer {
	border-top: 1px solid #999;
	clear: both;
	height: 50px;
	margin-top: 40px;
}

footer p {
	float: left;
	margin-left: 10px;
}

footer ul {
	float: right;
	list-style-type: none;
	margin-right: 10px;
	padding: 0;
}
footer ul li {
	background: url('img/blue-dot.png') 0 50% no-repeat;
	float: left;
	margin-left: 7px;
	padding-left: 13px;
}
footer ul li:first-child {
	background: none;
	margin-left: 0;
}


/* Tables */

td.ticket-deadline {
	color: #1a1a1a;
	line-height: 1.6;
}
td.ticket-deadline em {
	color: #1a1a1a;
	font-style: normal;
	font-weight: bold;
}
td.ticket-deadline strong, div.ticket-deadline strong {
	color: #d40000;
}

div.ticket-deadline strong
{
    font-weight: bold;
}

span.ticket-progress-bar {
	border: 1px solid #3276B1;
	display: block;
	float: left;
	height: 14px;
	margin: 3px 5px 0 0;
	width: 90px;

    background-color: #f7f7f7;
    overflow: hidden;
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
span.ticket-progress-bar span {
    background-color: #0e90d2;
	height: 100%;
    display: block;
	width: 0;

    background-image: -moz-linear-gradient(top,#3276B1,#0480be);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#3276B1),to(#0480be));
    background-image: -webkit-linear-gradient(top,#3276B1,#0480be);
    background-image: -o-linear-gradient(top,#3276B1,#0480be);
    background-image: linear-gradient(top,#3276B1,#0480be);
    background-image: -ms-linear-gradient(top,#3276B1,#0480be);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#3276B1',endColorstr='#0480be',GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

span.meter-text
{
    min-width: 35px;
    text-align: right;
    display: inline-block;
}

td.ticket-priority-1 strong,
td.ticket-priority-2 strong,
td.ticket-priority-3 strong,
td.ticket-priority-4 strong,
td.ticket-priority-5 strong {
	background-position: 50% 0;
	background-repeat: no-repeat;
	color: #1a1a1a;
	display: block;
	font-weight: bold;
	line-height: 1.5;
	margin: -2px 0 -10px 0;
	padding-top: 1px;
	text-align: center;
	width: 70px;
}
td.ticket-priority-1 strong span,
td.ticket-priority-2 strong span,
td.ticket-priority-3 strong span,
td.ticket-priority-4 strong span,
td.ticket-priority-5 strong span {
	font-size: 26px;
	font-weight: bold;
}
td.ticket-priority-1 strong {
	background-image: url('img/ticket-priority-1.png');
	color: black;
}
td.ticket-priority-1 strong span {
	color: white;
}
td.ticket-priority-2 strong {
	background-image: url('img/ticket-priority-2.png');
}
td.ticket-priority-2 strong span {
	color: white;
}
td.ticket-priority-3 strong {
	background-image: url('img/ticket-priority-3.png');
}
td.ticket-priority-3 strong span {
	color: #1a1a1a;
}
td.ticket-priority-4 strong {
	background-image: url('img/ticket-priority-4.png');
	font-weight: normal;
}
td.ticket-priority-4 strong span {
	color: #333333;
}
td.ticket-priority-5 strong {
	background-image: url('img/ticket-priority-5.png');
	font-weight: normal;
}
td.ticket-priority-5 strong span {
	color: #4d4d4d;
}

strong.ticket-priority-small-1,
strong.ticket-priority-small-2,
strong.ticket-priority-small-3 {
	background-position: 0 50%;
	background-repeat: no-repeat;
	color: #1a1a1a;
	font-weight: bold;
	padding-left: 13px;
}
strong.ticket-priority-small-1 {
	background-image: url('img/ticket-priority-small-1.png');
}
strong.ticket-priority-small-2 {
	background-image: url('img/ticket-priority-small-2.png');
}
strong.ticket-priority-small-3 {
	background-image: url('img/ticket-priority-small-3.png');
	font-weight: normal;
}


/* Forms */

select {
	background-color: white;
	border: 1px solid #999999;
	color: black;
	font-size: 14px;
	padding: 4px 3px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
    margin: 1px;

    
}

.control-round-box {
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
    margin: 1px;
    border: 1px solid #bcbcbc;
}


textarea, .like-textarea {
	background-color: white;
	border: 1px solid #999999;
	color: black;
	font-family: inherit;
	font-size: 14px;
	padding: 4px 3px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;

    min-height: 16px;
}

input[type="text"], input[type="password"], .editable input:not([type]) {
	background-color: white;
	border: 1px solid #cccccc;
	color: black;
	font-size: 14px;
	padding: 4px 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;   
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    margin: 1px;
}

input[type="text"].form-control, input[type="password"].form-control { /* v BS formech */
    margin: 0;
}


/*input[type="text"], textarea, select
{
    outline: none;
}*/

input.spinner[type="text"], input.spinner[type="text"][disabled] {
	border: none;
    padding: 1px 0 3px 5px;    
}

.ui-spinner {
    margin: 1px;
}


input[type="text"][disabled], select[disabled] {
	background-color: #f5f5f5;
	border: 1px solid #8d8d8d;
	color: gray;
}

input.input-text {
	background-color: white;
	border: 1px solid #999999;
	color: black;
	font-size: 14px;
	padding: 4px 3px;
}

input.input-text[disabled] {
	background-color: #f5f5f5;
	border: 1px solid #8d8d8d;
	color: gray;
}



input.input-text::-webkit-input-placeholder, input.input-text:-moz-placeholder {
	color: #aaa;
	font-style: italic;
}

::-webkit-input-placeholder { 
    color: #acacac; text-overflow: ellipsis; 
}
:-moz-placeholder { 
    color: #acacac !important; text-overflow: ellipsis; 
}
::-moz-placeholder { 
    color: #acacac !important; text-overflow: ellipsis; 
} /* for the future */
:-ms-input-placeholder { 
    color: #acacac !important; text-overflow: ellipsis; 
}


.form-required input[type="text"],
.form-required select,
.form-required textarea {
	border-color: #ae3a3a;
}
.form-required strong {
	color: #ae3a3a;
	font-weight: bold;
}

input[type="text"][data-val-required],
input[type="password"][data-val-required],
input.required[type="text"],
input.required[type="password"] {
	border-color: #ae7070;
}

input.search-input {
	background: url('img/search.png') no-repeat;
	border: 0;
	display: block;
	float: left;
	font-size: 14px;
	height: 30px;
	padding: 0 10px;
	width: 200px;
}
input.search-input::-webkit-input-placeholder {
	color: #bebebe;
	font-style: italic;
}
input.search-input:-moz-placeholder {
	color: #bebebe;
	font-style: italic;
}

input.search-submit {
	background: url('img/search.png') -724px 0 no-repeat;
	border: 0;
	display: block;
	height: 30px;
	padding: 0;
	width: 56px;
}


/* Buttons */

/*Remove extra button spacing/padding in Firefox*/
button::-moz-focus-inner {
    padding: 0;
    border: 0
}

 .editable button
 {
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    border: 1px solid;

	font-size: 14px;
	padding: 2px 10px;
    line-height: 20px;
    margin-left: 2px;
 }

.button-orange.small, .button-blue.small  {
	font-size: 14px;
	padding: 2px 10px;
    line-height: 22px;
    position: relative;
    top: 1px;
}

.button-orange, .button-blue {
	cursor: pointer;
	font-size: 16px;
	padding: 5px 15px;
    line-height: 22px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    display: inline-block;
    border: 1px solid;
    /* barvy jsou v custom look stylu */
}


.button-orange:hover,
.button-orange:focus,
.button-blue:hover,
.button-blue:focus {
	text-decoration: none;
}

.button-orange[disabled],
.button-orange.disabled,
.button-blue[disabled],
.button-blue.disabled {
	background-color: #f0f0f0;
	opacity: 1;

	background: -moz-linear-gradient(
		top,
		#fcfcfc 0%,
		#f0f0f0 25%,
		#e0e0e0);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fcfcfc),
		color-stop(0.25, #f0f0f0),
		to(#e0e0e0));

    color: #aaa !important;
}

.button-orange .button-icon, .button-blue .button-icon {
    background-repeat: no-repeat;
    background-position: left top;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
    margin-left: -5px;
}

.button-orange .button-icon, .button-blue .button-icon-only {
    background-repeat: no-repeat;
    background-position: left top;
    width: 20px;
    height: 20px;
}



.button-green-underline {
	border-bottom: 4px solid #8fcc39;
	float: left;
	font-size: 20px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.button-green-underline a,
.button-green-underline input {
	background-color: #c7ff77;
	border-bottom: 1px solid #daffa4;
	color: #333;
	display: block;
	font-size: 20px;
	font-weight: bold;
	padding: 4px 10px;

	background: -moz-linear-gradient(
		top,
		#c7ff77 0%,
		#c4ff6f 25%,
		#b5ff4b);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#c7ff77),
		color-stop(0.25, #c4ff6f),
		to(#b5ff4b));

	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.button-blue-underline {
	border-bottom: 4px solid #009ab9;
	float: left;
	font-size: 20px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.button-blue-underline a {
	background-color: #0fd7ff;
	border-bottom: 1px solid #80e0f4;
	color: #333;
	display: block;
	font-size: 20px;
	font-weight: bold;
	padding: 4px 10px;

	background: -moz-linear-gradient(
		top,
		#0fd7ff 0%,
		#0dd2fa 25%,
		#01c2e9);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#0fd7ff),
		color-stop(0.25, #0dd2fa),
		to(#01c2e9));

	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}


/* Class */

.block {
	border: 1px solid #bebebe;
	
	margin: 20px 0;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.block-half {
	margin-top: 0;
	width: calc(50% - 10px);
}
.block-header,
.block-header-clean {
    background-color: #f3f3f3;
	border-bottom: 1px solid #bebebe;
	color: black;
	font-size: 14px;
	font-weight: normal;
	min-height: 20px;
	margin: 0;
	padding: 0 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.block-header-clean span {
	padding: 2px 10px;
}

.block.rolled-up .block-header
{
    cursor: pointer;
}

.block-header-big {
	background-color: #F3F3F3;
	border-bottom: 1px solid #bebebe;
	color: #105e6d;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 9px 12px;
}

.block-header-big a {
    cursor: pointer;
}

.block-header-big h3 {
    margin: 0;
}

.block-header span.block-question {
	background-image: url('img/block-question-header.png');
	margin-top: 1px;
}

.block-header button.right {
    margin-top: -2px;
}

.block-body {
	padding: 15px 15px 0 15px;
}
.block-body h2 {
	font-size: 20px;
	font-weight: normal;
	margin-top: 0;
}
.block-body h3 {
	font-weight: normal;
	height: 20px;
	margin-top: 0;
}
.block-body h4 {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #666;
}

.block-body hr {
	border: 0;
	border-top: 1px dotted #bebebe;
	height: 1px;
	margin-bottom: 12px;
}
.block-body hr.hr-edge {
	margin: 0 -15px 12px -15px;
}
.block-menu {
	padding: 8px 8px 0 8px;
}
.block-menu ul {
	list-style-type: none;
	margin: 0 0 8px 10px;
	padding: 0;
}
.block-menu a {
	color: #105e6d;
}
span.block-question {
	background: url('img/block-question.png') no-repeat;
	display: block;
	float: left;
	height: 16px;
	margin: 3px 0 0 5px;
	width: 16px;
}

.body-form {
	margin-bottom: 12px;
}
.body-form th {
	font-size: 16px;
	font-weight: normal;
	padding-right: 15px;
	text-align: right;
}

th.vertical-top, td.vertical-top {
	vertical-align: top;
}

th.vertical-top-with-input, td.vertical-top-with-input {
	vertical-align: top;
    padding-top: 5px;
}
th.vertical-top-with-input-select2, td.vertical-top-with-input-select2 {
	vertical-align: top;
    padding-top: 8px;
}
th.vertical-top-with-button, td.vertical-top-with-button {
	vertical-align: top;
    line-height: 35px;
}
.body-form select {
	min-width: 198px;
}

.blue-box {
	background-color: #e2e2e2;
	border: 1px solid #bebebe;
	
	font-size: 20px;
	min-height: 40px;
	margin: 20px 0 0 0;
	padding: 12px 0 0 12px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.table-generic {
	border: 1px solid #bebebe;
	
	border-spacing: 0;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.table-generic td,
.table-generic th {
	padding: 5px 10px;
}
.table-generic th {
	background-color: #F3F3F3;
	border-bottom: 1px solid #bebebe;
	color: #105e6d;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

.table-generic th:first-child
{
	border-top-left-radius: 4px;
}

.table-generic th:last-child
{
	border-top-right-radius: 4px;
}

.table-generic td {
	border-top: 1px dotted #bebebe;
	color: #666;
}
.table-generic tr.no-border td {
	border-top: 0;
}
.table-generic tr:hover td {
	background-color: #fafafa;
}

.ul-tree {
	list-style-type: none;
	margin: 5px 0 10px 0;
	padding: 0 0 0 5px;
}
.ul-tree ul {
	list-style-type: none;
	margin-left: -12px;
	padding: 0;
}
.ul-tree li {
	background: url('img/ul-tree-li.png') no-repeat;
	margin-top: -3px;
	padding: 3px 0 0 25px;
}
.ul-tree a {
	color: #105e6d;
}

div.button-header {
	min-height: 50px;
}

span.icon-up, span.icon-down  {
	background-repeat: no-repeat;
    background-position: right center;
	height: 16px;
	width: 16px;
    padding-right: 20px;
}

span.icon-down {
	background-image: url('img/icon-down.png');
}

span.icon-up
{
    background-image: url('img/icon-up.png');
}

.icon-edit {
	background: url('img/icon-edit.png') no-repeat;
	display: block;
	float: left;
	height: 16px;
	margin: 1px 0 0 5px;
	width: 16px;
}

.radius {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}


.margin-top {
	margin-top: 10px;
}
.margin-top-big {
	margin-top: 20px;
}
.margin-top-bigger {
	margin-top: 40px;
}
.margin-top-small {
	margin-top: 5px;
}

.margin-bottom {
	margin-bottom: 10px;
}
.margin-bottom-big {
	margin-bottom: 20px;
}
.margin-bottom-bigger {
	margin-bottom: 40px;
}
.margin-bottom-small {
	margin-bottom: 5px;
}

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

.margin-left-small {
	margin-left: 5px;
}

.margin-left-big {
	margin-left: 20px;
}
.margin-left-bigger {
	margin-left: 40px;
}

.margin-right {
	margin-right: 10px;
}

.margin-right-small {
	margin-right: 5px;
}

.margin-right-big {
	margin-right: 20px;
}
.margin-right-bigger {
	margin-right: 40px;
}

.margin-top-none {
	margin-top: 0;
}

.margin-bottom-none {
	margin-bottom: 0;
}

.margin-none {
    margin: 0;
}

tr.margin-top > td{
	padding-top: 10px;
}

tr.margin-bottom > td{
	padding-bottom: 10px;
}


.left {
	float: left;
}
.right {
	float: right;
}

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

.nowrap
{
    white-space: nowrap;
}

.clear {
	clear: both;
}

.file .size
{
	font-size: 85%;
}

.file.private {
    background-color: #FFF6D9;
    padding-right: 5px;
}

.file.private .fa-paperclip {
    /*color: #FFC90F;*/
    color: #be970c;
}

.ticket-message-attachments .file.private {
    background-color: transparent;
}

a.chat-link {
    display: flex;
    flex-wrap: nowrap;
    align-items:center;
}

div.chat-link-sum {
    margin-left: 2px;
    background-color: lightgrey;
    color: black;
    font-weight: bold;
    border-radius: 0.8em;
    width: 1.6em;
    height: 1.6em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav > li > a.chat-tab {
    display: flex;
    flex-wrap: nowrap;
    align-items:center;
    font-size: larger;
}

.nav > li > a > span.chat-tab-text {
    padding-left: 8px;
    padding-right: 8px;
}

.nav > li > a > div.chat-tab-sum {
    border-radius: 0.8em;
    font-weight: bold;
    color: white;
    width: 1.6em;
    height: 1.6em;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.chat-link-sum-glaring {
    background-color: red;
    color: aliceblue;
}

.divChatEvent-container {
    position: relative;
    right: 10px;
    top: 0px;
}

.divChatEvent-fixedContainer {
    position: fixed;
    top: 0px;
}

.divChatEvent {
    position: absolute;
    width: 500px;
    right: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 3px;
    border-color: #ababab;
    background-color: white;
    color: gray;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
}

.chat-event-item-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.chat-event-item-message {
    flex: 1 1 auto;
    padding: 4px;
}

p.chat-event-item-message-text {
    color: black;
    white-space: normal;
    font-size: 100% !important;
}

.chat-event-item-message-name {
    
}

.chat-event-item-icon {
    margin: 6px;
    color: black;
    flex: 0 0 auto;
}

.chat-event-item-button-group {
   flex: 0 0 auto;
}

button.chat-event-item-button,
a.chat-event-item-button {
   width: 7em;
}

.vertical-center-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.horizontal-center-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.color-indication {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 2px;
}

.call-item {
    padding: 6px;
    cursor: pointer;
    list-style-type: none;
    display: flex;
    align-items: center;
}

.call-item-selected {
    background-color: darkgrey !important;
}

.call-item:hover{
    background-color: #e8e8e8;
}

.call-left-box {
    float:left;
    box-sizing: border-box;
    width: 20%;
    margin-right: 5px;
    max-height: 1000px;
    overflow-y: auto;
}

.call-left-box > ul {
    padding: 5px;
    background-color: #F5F6F7;
    border: 1px solid #DDD;
    border-radius: 5px;
}

.call-center-box{
    float: left;
    width: calc(100% - 20% - 8px);
}

.call-tab-pane{
    margin-top: 5px;
    margin-bottom: 5px;
}

.nothing-help-box {
            color: #838d93;
            border: 1px solid #e8ecf3;
            border-radius: 5px;
            font-size: 90%;
            background: #f5f6f7;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-content: stretch;
            align-items: flex-start;
            margin: 10px 0;
            margin-top: 52px;
        }

.nothing-help-box i.fa {
    font-size: 250%;
    order: 0;
    margin: 5px 5px 5px 10px;
    opacity: 0.5;
}