/* 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: 1850px;
}

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

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

.full-width {
    width: 100%;
}

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;
}

.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: 1850px;
    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
{
    overflow: hidden;
    line-height: 30px;
    padding: 5px 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    /*background-color: #222222; CustomLook*/
    /*border-bottom-color: #222222; CustomLook*/
	/*color: #999999; CustomLook*/
}

.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
{
    overflow: hidden;
    clear: both;
    line-height: 30px;
    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;
	margin: 0;
	padding: 0;
    padding-top: 0px;
}

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

ul#breadcrumbs li:not(:first-child):before {
    content: "/";
    margin-left: 5px;
}

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

header form {
    float: right;
}

header form input.search-input {
	font-size: 13px;
	width: 100px;
}
    
header nav {
    float: left;
    overflow: visible;
}

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;
    margin-left: 10px;
    margin-right: 10px;
    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*/
}

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 #search-input:focus,
header #search-input.focused {
  color: #333333;
  background-color: #ffffff;
  outline: 0;
}

header .popup
{
    display: none;
    border: 1px solid #CACACA;
    background-color: #FAFAFA;
    border-radius: 5px;
    padding: 9px 14px;
    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;
}

.contact-card .user-info
{
    margin-left: 50px;
}

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

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: 30px;
}

.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: 12px 0 17px 0;
    padding: 10px 15px;

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

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 {
}

div#tickets-filters {
    width: 250px;
    float: left;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-bottom: 5px;
}

.ticket-filter .filter-on
{
    float: right;
    color: white;
    margin: 9px 5px 0 15px;
    background-color: red;
    padding: 0 5px;
    border-radius: 4px;
}

.ticket-filter .button {
    float: right;
    margin: 8px 5px 0 0px;
    background-color: #f3f3f3;
    padding: 0 5px;
    border-radius: 3px;
    border: 1px solid #bbb;
    cursor: pointer;
    color: black;
}

.ticket-filter .button:hover {
    background-color: white;
    text-decoration: none;
}

.ticket-filter {
    margin-bottom: 10px;
}

.ticket-filter h1 {
    font-size: 100%;
    margin: 0;
    font-weight: bold;
    padding: 8px 10px 7px 15px;
    border: 1px solid silver;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    /*background-color: #494949; CustomLook */
    /*border-color: #494949; CustomLook */
    /*color: white;  CustomLook */
}

.ticket-filter h1 small {

}

.ticket-filter-items {
    background-color: white;
}

.ticket-filter-item {
    padding: 5px 20px;
    cursor: pointer;
    color: #3276B1;
    border: 1px solid #dddddd;
    border-top: none;
}

.ticket-filter-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ticket-filter-item:hover {
    background-color: #f5f5f5;
}

.ticket-filter-item.active {
    background-color: #FCF8E3;
}

.ticket-filter-items.dropdowns {
    padding: 5px 0;
    border: 1px solid #dddddd;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ticket-filter-items .dropdown {
    margin: 5px 20px;
}

.ticket-filter-items .dropdown label {

    display: block;
}

.ticket-filter-items .dropdown select {
    width: 100%;

}

div#tickets-main {
    margin-left: 260px;
}

div#tickets-table-toolbar {
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 2px;
    /*background-color: #494949; CustomLook */
    /*color: white; CustomLook */
    /*line-height: 33px;*/
}

div#tickets-table-toolbar > div.left {
    padding: 6px 10px 7px 13px;
}

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

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-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;
}

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

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: #105e6d;
	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 #bebebe;
	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: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: 0px 5px;
    display: inline-block;
}

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

aside#ticket-info div.ticket-status
{
    float: left;
}

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

div.ticket-status-queue { background-color: #921E1E; color: white; }
div.ticket-status-solver { background-color: #C83737; color: white; }
div.ticket-status-submitter { background-color: #EA833F; color: white; }
div.ticket-status-archived { background-color: #A99E96; color: white; }
div.ticket-status-approved { background-color: #5CBC58; 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-archived 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: #F9F9F9;
	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;
}

@media (max-width: 420px)
{
    #tickets-nav-first, #tickets-nav-first-disabled, #tickets-nav-last, #tickets-nav-last-disabled
    {
        display: none;
    }
}

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 {
}

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: left;
    margin-left: 5px;
}

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

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 section.block:first-of-type
{
    margin-top: 0;
}

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

section#ticket-status {
	background-color: #f3f3f3;
	border: 1px solid #bebebe;
	
	padding: 6px;
    overflow: hidden;

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

    margin-bottom: 10px;
}
section#ticket-status span {
	background: url('img/ticket-status-white.png') 0 50% no-repeat;
	color: #333;
	float: left;
	font-size: 20px;
	margin: -6px 10px 0 0;
	padding: 10px 0 10px 45px;
	width: 125px;
}
section#ticket-status div#ticket-actions {
	/*float: left;*/
	/*width: auto;*/
}

section#ticket-status div#ticket-actions a.left {
	display: block;
	float: left;
	margin: 4px;
}

section#ticket-status div#ticket-actions a.right {
	display: block;
	float: right;
	margin: 4px;
}

section#ticket-custom-forms
{
    overflow: hidden;
}

section#ticket-custom-forms:not(:last-child)
{
}

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

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

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

div#ticket-description-attachments {
	font-size: 16px;
	padding: 10px;
    background-color: #f3f3f3;    
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
div#ticket-description-attachments a#attach-files {
	background: url('img/icon-plus.png') 0 40% no-repeat;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
	padding-left: 24px;
}
div#ticket-description-attachments ul {
	list-style-type: none;
	margin: 3px 0 0 0;
	padding: 0;
}
div#ticket-description-attachments ul li {
	display: block;
	float: left;
	width: 200px;
}
div#ticket-description-attachments ul li a {
	background: url('img/icon-file.png') 0 3px no-repeat;
	float: left;
	font-size: 16px;
	max-width: 157px;
	padding-left: 23px;
	word-wrap: break-word;
}

div#ticket-description-attachments ul li a.delete-file {
	background: url('img/icon-cross.png') no-repeat;
	float: left;
	height: 16px;
	margin: 3px 0 0 3px;
	padding-left: 0;
	visibility: hidden;
	width: 16px;
}
div#ticket-description-attachments ul li:hover a.delete-file,
div#ticket-description-attachments ul li:focus a.delete-file {
	visibility: visible;
}
div#ticket-description-attachments div.buttons {
	clear: left;
	margin: 0;
	padding-top: 10px;
	text-align: right;
}

section#ticket-communication #ticket-communication-actions {
    float: right;
    line-height: 28px;
}

section#ticket-communication #ticket-communication-actions a#aShowSystemMessages {
    background: url('img/icon-down.png') no-repeat left center;
    padding-left: 20px;
}

section#ticket-communication #ticket-communication-actions a#aHideSystemMessages {
    background: url('img/icon-up.png') no-repeat left center;
    padding-left: 20px;
}

section#ticket-communication h2 {
	color: #333;
	font-size: 20px;
	font-weight: normal;
	margin: 20px 0 0 0;
}
section#ticket-communication p.communication-note {
	background-color: none;
	color: #4d4d4d;
	font-size: 12px;
	padding: 3px 5px 3px 50px;
	margin: 10px 0;
    border: 1px solid #bebebe;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
div.communication-comment {
	margin: 10px 0;
    overflow: hidden;
}
div.communication-comment-shadow {
	border-top: 1px solid #bebebe;
	padding-top: 10px;
}

div.communication-comment img.photo {
	border: 1px solid #bebebe;
	float: left;
	padding: 1px;
}

div.communication-comment.first-message {
    background-color: #EDF3FA ;
    padding: 10px 10px 0 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #B8D2EB;
    margin-top: 0;
}

div.comment {
	/*float: right;
	width: 570px;*/
    margin-left: 50px;
}
p.comment-header {
	color: #4d4d4d;
	margin: 0;
}
p.comment-header span {
	float: right;
}
p.comment-header span a:first-child {
	background: url('img/blue-dot.png') 100% 50% no-repeat;
	margin-right: 2px;
	padding-right: 13px;
}
div.comment-message {
	font-size: 16px;
	margin: 7px 0;
}

div.comment-message .private
{
    background-color: #FFF6D9;
    border: 1px solid #FFC90F;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 20px;
}

/*div.comment-message .first
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 20px;

    background-color: #edf3fa;
    border: 1px solid #bebebe;
}*/

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

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

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

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

section#ticket-right aside h2.block-header {
	padding: 6px 9px 3px 9px;
}
section#ticket-right 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;
}
section#ticket-right aside table th {
	vertical-align: top;
}

section#ticket-right aside table td {
	vertical-align: middle;
}

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 a {
	background: url('img/icon-file.png') 0 50% no-repeat;
	font-size: 16px;
	padding-left: 23px;
}

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-description
{
    margin-left: 70px;
}

.track-time-row .track-time-user
{
    margin-left: 10px;
    font-size: small;
    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: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
{
    margin: 0 0 5px 0px;
    padding: 0;
}

section#ticket-right aside#ticket-related-tickets ul 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: 45px;
    background-image: url('img/welcome-robot.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-left: 275px;
    margin-top: 40px;
    font-size: 20px;

}


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 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 
{
    min-width: 560px;
    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, #formNewTicket div.flex div.empty
{
    margin-left: 20px;
    background-color: #EDF3FA;
    width: 510px;
    min-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
{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-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;
    line-height: 28px;
}

#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;
}

@media (max-width: 1175px)
{
    #formNewTicket div.flex
    {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #formNewTicket div.flex div.new-ticket-base, #formNewTicket div.flex div#new-ticket-custom-forms 
    {
        width: 100%;
    }

    #formNewTicket div.flex div.attribute-boxes
    {
        margin-left: 0;
        margin-top: 20px;
        border-width: 1px;
        border-radius: 4px;
        width: auto;
    }

    #formNewTicket div.flex div.empty
    {
        display: none;
    }

}



section#new-ticket-info {
    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;
}

section#new-ticket-info .bind-customer
{
    display: none;
}

div#new-ticket-subject input {
	font-size: 16px;
	width: 910px;
}
section#new-ticket-info table
{
    border-collapse: collapse;
}

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

section#new-ticket-info table td
{
    padding: 5px;
}

section#new-ticket-info table select, section#new-ticket-info input[type="text"] {
	color: black;
	font-size: 14px;
	font-weight: bold;
	min-width: 300px;   
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#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-info #new-ticket-subject input[type="text"]
{    
}

section#new-ticket-info table tr td div.description
{
    max-width: 420px;
}

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

div#new-ticket-description-attachments {
	background-color: #f3f3f3;
	padding: 10px 15px 20px 15px;

	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-khtml-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
div#new-ticket-description-attachments a#attach-files {
	background: url('img/icon-plus.png') 0 40% no-repeat;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding-left: 24px;
}
div#new-ticket-description-attachments ul {
	list-style-type: none;
	margin: 8px 0 0 0;
	padding: 0;
}
div#new-ticket-description-attachments ul li {
	clear: both;
	display: block;
	height: 20px;
}
div#new-ticket-description-attachments ul li a {
	background: url('img/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 a em {
	font-style: italic;
	font-weight: normal;
}
div#new-ticket-description-attachments ul li a.delete-file {
	background: url('img/icon-cross.png') no-repeat;
	float: left;
	height: 16px;
	margin: 3px 0 0 8px;
	padding-left: 0;
	visibility: hidden;
	width: 16px;
}
div#new-ticket-description-attachments ul li:hover a.delete-file,
div#new-ticket-description-attachments ul li:focus a.delete-file {
	visibility: visible;
}

#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-right: 1px solid #ddd;
background-color: #f0f0f0;
border-radius: 4px;
white-space: nowrap;
}
section#knowledge-menu ul {
	color: white;
	list-style-type: none;
	margin: 0;
	padding: 3px 0 5px 0;
	text-align: center;
}
section#knowledge-menu ul li {
	margin: 0 0 3px 3px;
}
section#knowledge-menu ul 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 li ul li {
	margin-left: 0;
}
section#knowledge-menu ul 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: left;
    -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;
	width: 560px;
}

section#login {
    min-width: 370px;
    max-width: 400px;
    width: 50%;
}

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

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

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

section#login form label.label-wrap {
	display: block;
    margin-bottom: 2px;
    margin-top: 10px;
}

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;
}

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

.ebisserviscz 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') 0 80% 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;
}

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 {
	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;
}

p#error-info {
	background: url('img/error-info.png') 0 40% no-repeat;
	float: left;
	font-size: 13px;
	margin-left: 80px;
	padding: 2px 0 2px 24px;
}
p#error-info a {
	text-decoration: underline;
}
p#error-info a:hover,
p#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: 118px;

    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 {
	background-color: white;
	border: 1px solid #bebebe;
	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;

    margin: 1px;
}

input[type="text"], input[type="password"], .editable input:not([type]) {
	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;   
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    margin: 1px;
}


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

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

.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.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;
}

.icon-respond-to-requester {
    background-image: url('img/icon-respond-to-requester-20.png');
}

.icon-back-to-analyzing {
    background-image: url('img/icon-back-to-analyzing-20.png');
}

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

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

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

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

.icon-add-user {
    background-image: url('img/icon-add-user-20.png');
}

.icon-close-ticket {
    background-image: url('img/icon-close-ticket-20.png');
}

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

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

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

.icon-service-request {
    background-image: url('img/icon-service-request-20.png');
}

.icon-cross-red {
    background-image: url('img/icon-cross-red-20.png');
}


.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;
	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;
	height: 30px;
	margin: 0;
	padding: 9px 12px;
}

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

.block-header span.block-question {
	background-image: url('img/block-question-header.png');
	margin-top: 1px;
}
.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 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;
}

.body-form th.vertical-top-with-input {
	vertical-align: top;
    line-height: 30px;
}
.body-form th.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-small {
	margin-top: 5px;
}
.margin-left {
	margin-left: 10px;
}
.margin-bottom-none {
	margin-bottom: 0;
}

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

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

.nowrap
{
    white-space: nowrap;
}

.clear {
	clear: both;
}


/* pridání dvou stránek */

h1 span {
	color: #2191A7;
	font-size: 14px;
	font-weight: normal;
}
.currency {
	float: right;
}
.currency p {
	float: left;
	font-size: 13px;
	padding: 5px 15px 0 0;
	margin: 0;
}
.currency select {
	width: 100px;
	padding-left: 10px;
}
.prices-form {
	float: left;
	width: 780px;
	height: 375px;
	clear: both;
	padding: 25px 0 37px 0;
}
.prices-box {
    background: url('img/prices-box-noactive.png') left bottom no-repeat;
	float: left;
	width: 260px;
	height: 290px;
	padding: 10px 0 0 0;
	font-size: 16px;
	color: #4D4D4D;
	margin-top: 20px;
}
.prices-box.selected-box {
    background: url('img/prices-box-active.png') left bottom no-repeat;
}
.main-box {
    background: url('img/prices-main-box-noactive.png') left bottom no-repeat;
	width: 260px;
	height: 314px;
	padding-top: 26px;
	margin-top: 0;
}
.main-box.selected-box {
    background: url('img/prices-main-box-active.png') left bottom no-repeat;
}
.prices-right {
    background: url('img/prices-box-right.png') left bottom no-repeat;
}
.prices-right.selected-box {
    background: url('img/prices-box-right-active.png') left bottom no-repeat;
}
.main-box ul {
    padding-bottom: 15px !important;
}
.prices-right {
    background: url('img/prices-box-right.png') left bottom no-repeat;
}
.selected-box ul li {
    background: url('img/prices-arrow-selected.png') left 3px no-repeat !important;
}
.prices-box-name {
	font-weight: bold;
	font-size: 20px;
	color: #213700;
	width: 100%;
	text-align: center;
	text-shadow: 0px -1px 1px #B4F3FF;
}
.prices-box-price {
	font-size: 15px;
	width: 100%;
	font-style: italic;
	text-align: center;
	padding: 0 0 5px 0;
	margin: 0;
}
.prices-box-price strong {
	line-height: 100%;
	font-weight: normal;
	font-size: 75px;
	font-style: normal;
	text-shadow: 1px 0 1px #CAF887;
}
.prices-box ul {
	padding: 0 0 0 49px;
	font-size: 15px;
	list-style: none;
	font-weight: bold;
}
.prices-box ul li {
    background: url('img/prices-arrow.png') left 3px no-repeat;
	padding: 0 0 5px 19px;
}
.prices-select {
    background: url('img/select-noactive.png') left center no-repeat;
	padding: 7px 0 7px 40px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin: 0 0 0 55px;
}
.prices-select.selected {
    background: url('img/select-active.png') left center no-repeat;
}
.prices-select:hover {
    text-decoration: none;
}
.compare {
	margin-top: 35px;
	width: 100%;
	text-align: center;
	display: block;
	font-size: 14px;
	text-decoration: underline;
}
.main-box .compare {
	margin-top: 45px;
}
#subscribe-div {
	width: 785px;
	margin: 40px auto;
}
.operators {
    float: left;
	width: 250px;
	padding-left: 20px;
	font-size: 18px;
}
.operators label {
    float: left;
	width: 175px;
	padding: 15px 10px 0 0;
}
.form-operators {
    background: url('img/form-operators.png') left top no-repeat;
	width: 60px;
	height: 47px;
	border: 0;
	padding-top: 3px;
	text-align: center;
	font-size: 25px;
	color: #000;
	font-weight: bold;
	line-height: 100% !important;
}
.payment {
    background: url('img/payment.png') right top no-repeat;
	width: 500px;
	height: 50px;
	font-size: 24px;
	color: #000;
	float: right;
}
.payment label {
	width: 75px;
	float: left;
	padding: 15px 9px 0 0;
	font-size: 18px;
}
.payment ul {
    list-style: none;
	margin: 0;
}
.payment ul li {
    float: left;
}
.payment a {
	width: 130px;
	float: left;
	height: 40px;
	padding-top: 10px;
	text-align: center;
    color: #000;
	text-shadow: 0 -1px 0 #fff;
	margin-right: 0;
}
.payment a span {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	top: -7px;
}
.payment a.active {
    background: url('img/payment-active.png') right top no-repeat;
	text-shadow: 0 -1px 0 #5F7F30;
	color: #fff;
	font-weight: bold;
    text-decoration: none;
}
.payment li.quarterly {
    background: url('img/payment-sep.png') left center no-repeat;
	width: 138px;
	padding-left: 9px;
}
.payment a:hover {
    text-decoration: none;
}
.blueline {
	border-top: 1px solid #8BC6D1;
	width: 100%;
	float: left;
	height: 1px;
	margin: 44px 0 44px 0;
}
.your-sub {
	float: left;
	width: 100%;
	height: 65px;
	font-size: 14px;
}
.your-sub-title {
	float: left;
	font-size: 16px;
	font-weight: bold;
	width: 260px;
	height: 65px;
}
.your-sub-column {
	float: left;
	width: 220px;
	height: 65px;
}
.you-save {
	color: #74A42D;
	font-weight: bold;
	font-size: 18px;
	padding-top: 11px;
}
.you-save strong {
    background: url('img/you-save.png') right 4px no-repeat;
}
.your-total {
	font-weight: bold;
	font-size: 18px;
}
.your-sub-line {
	float: left;
	width: 220px;
}
.your-sub-line p {
	float: left;
	width: 165px;
	margin: 0;
}
.your-sub-line strong {
	float: right;
	text-align: right;
	width: 45px;
}
.column-right {
	float: right;
	padding-right: 25px;
	text-align: right;
}
.column-right p {
	width: 125px;
}
.column-right strong {
	width: 65px;
	padding-right: 25px;
}
.vat {
	float: left;
	width: 100%;
}
.vat p {
	float: left;
	width: 395px;
	padding: 0 50px 65px 20px; 
	font-size: 13px;
	margin: 0;
}
.form-complete {
    background: url('img/form-complete.png') left top no-repeat;
	width: 280px;
	height: 40px;
	border: 0;
	cursor: pointer;
}
.form-subscribe {
    background: url('img/form-subscribe.png') left top no-repeat;
	width: 280px;
	height: 40px;
	border: 0;
	float: right;
	cursor: pointer;
	margin: -15px 0 30px 0;
}
.complete-blueline {
	margin-top: 5px;
}
.complete-column {
	float: left;
	width: 220px;
	font-size: 13px;
	padding-right: 60px;
}
.complete-column a {
	text-decoration: underline;
}
.complete-title {
	font-weight: bold;
	font-size: 15px;
}
.complete-title a {
	color: #188DA3;
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline;
	margin-left: 10px;
}
.complete-column p {
	margin: 0;
}
.complete-line-left {
	float: left;
	width: 120px;
}
.complete-line-right {
	float: right;
	width: 100px;
	font-weight: bold;
}
.payment-line {
	float: left;
	padding-bottom: 20px !important;
}
.line-total {
	border-top: 1px solid #8BC6D1;
	float: left;
	padding: 18px 0 0 0;
	margin-top: 18px;
	font-size: 20px;
}
.second-column {
	padding-right: 15px !important;
}
.last-column {
	padding-right: 0 !important;
}
.last-column .secure {
	margin-left: 20px;
}
.last-column ul li {
	margin-bottom: 10px;
}
.method {
	float: left;
	width: 160px;
	font-size: 14px;
}
.pay-method-title {
	font-weight: bold;
	font-size: 16px;
	width: 100%;
	padding-bottom: 15px;
}

.new-ticket-anonymous {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-right: 50%;
}

.new-ticket-anonymous-custom-text {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: right;
    width: calc(50% - 20px);
    margin-left: 20px;
}