@CHARSET "UTF-8";

@import url("tablesorter.css") all;

@import url("tablesorter.pager.css") all;

@import url("uploadifive.css") all;

@import url("jquery.dataTables.css") all;
@import url("jquery.dataTables_themeroller.css") all;

@import url("font-awesome/font-awesome.min.css") all;

body {
    color: #000;
    background: #fff;
    font: 10px/1.55 Verdana, Arial, sans-serif;
    padding: 0;
    margin: 0;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.35em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h1 .sub,
h2 .sub,
h3 .sub { font-size: 0.7em; font-style: italic; font-weight: normal; margin-left: 10px; }

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.textRight { text-align: right; }

.textCenter { text-align: center; }

.small {
    font-size: 0.9em;
}

.smallest {
    font-size: 0.75em;
}

.strong {
    font-weight: bold;
}

.hidden {
    display: none;
}

a img {
    border: none;
}

a:link,
a:visited { color: #000; }

.loading { background: url(../img/loading.gif) no-repeat center center; min-height: 60px; min-width: 60px;}

hr { height: 1px; background-color: #333; border: none; margin: 12px 0 23px; }

.loading * { visibility: hidden; }

.loading-overlay:before { content: " "; background: rgba(0, 0, 0, 0.1) url(../img/loading.gif) no-repeat center center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* FF Fix */
button {
    -webkit-border-fit: lines;
}

/* <- Safari & Google Chrome Fix */
button {
    font-family: Verdana, Arial, sans-serif;
}

button, a.button {
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 1px #ad312f solid;
    border-radius: 3px;
    background: #ff3633;
    padding: 0 10px;
    background: #ff3633;
    background: -moz-linear-gradient(top, #ff3633 0%, #d51109 100%, #f00000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3633), color-stop(100%, #d51109), color-stop(100%, #f00000));
    background: -webkit-linear-gradient(top, #ff3633 0%, #d51109 100%, #f00000 100%);
    background: -o-linear-gradient(top, #ff3633 0%, #d51109 100%, #f00000 100%);
    background: -ms-linear-gradient(top, #ff3633 0%, #d51109 100%, #f00000 100%);
    background: linear-gradient(to bottom, #ff3633 0%, #d51109 100%, #f00000 100%);
    text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
}

input[type="file"] {
    font-size: 1.2em;
    cursor: pointer;
}

a.button { height: 28px; line-height: 28px; text-decoration: none; }

button img {
    vertical-align: text-bottom;
}


button:hover, a:hover.button {
    background: #f00000;
    background: -moz-linear-gradient(top, #f00000 0%, #d51109 0%, #ff3633 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f00000), color-stop(0%, #d51109), color-stop(100%, #ff3633));
    background: -webkit-linear-gradient(top, #f00000 0%, #d51109 0%, #ff3633 100%);
    background: -o-linear-gradient(top, #f00000 0%, #d51109 0%, #ff3633 100%);
    background: -ms-linear-gradient(top, #f00000 0%, #d51109 0%, #ff3633 100%);
    background: linear-gradient(to bottom, #f00000 0%, #d51109 0%, #ff3633 100%);
}

a.button.green, button.green {
    border-color: #E29B0B;
    background: rgb(254, 186, 11);
    background: -moz-linear-gradient(top, rgba(254, 186, 11, 1) 0%, rgba(232, 165, 11, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 186, 11, 1)), color-stop(100%, rgba(232, 165, 11, 1)));
    background: -webkit-linear-gradient(top, rgba(254, 186, 11, 1) 0%, rgba(232, 165, 11, 1) 100%);
    background: -o-linear-gradient(top, rgba(254, 186, 11, 1) 0%, rgba(232, 165, 11, 1) 100%);
    background: -ms-linear-gradient(top, rgba(254, 186, 11, 1) 0%, rgba(232, 165, 11, 1) 100%);
    background: linear-gradient(to bottom, rgba(254, 186, 11, 1) 0%, rgba(232, 165, 11, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feba0b', endColorstr='#e8a50b', GradientType=0);

}

a.button.green:hover, button.green:hover {
    background: rgb(232, 165, 11);
    background: -moz-linear-gradient(top, rgba(232, 165, 11, 1) 0%, rgba(254, 186, 11, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(232, 165, 11, 1)), color-stop(100%, rgba(254, 186, 11, 1)));
    background: -webkit-linear-gradient(top, rgba(232, 165, 11, 1) 0%, rgba(254, 186, 11, 1) 100%);
    background: -o-linear-gradient(top, rgba(232, 165, 11, 1) 0%, rgba(254, 186, 11, 1) 100%);
    background: -ms-linear-gradient(top, rgba(232, 165, 11, 1) 0%, rgba(254, 186, 11, 1) 100%);
    background: linear-gradient(to bottom, rgba(232, 165, 11, 1) 0%, rgba(254, 186, 11, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8a50b', endColorstr='#feba0b', GradientType=0);
}

a.button.cashforless,
button.cashforless {
    border-color: #E29B0B;
    background: rgb(254, 186, 11);
    background: -moz-linear-gradient(top, rgba(254, 186, 11, 1) 0%, rgba(232, 165, 11, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 186, 11, 1)), color-stop(100%, rgba(232, 165, 11, 1)));
    background: -webkit-linear-gradient(top, rgba(254, 186, 11, 1) 0%, rgba(232, 165, 11, 1) 100%);
    background: -o-linear-gradient(top, rgba(254, 186, 11, 1) 0%, rgba(232, 165, 11, 1) 100%);
    background: -ms-linear-gradient(top, rgba(254, 186, 11, 1) 0%, rgba(232, 165, 11, 1) 100%);
    background: linear-gradient(to bottom, rgba(254, 186, 11, 1) 0%, rgba(232, 165, 11, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feba0b', endColorstr='#e8a50b', GradientType=0);
}

a.button.cashforless:hover, button.cashforless:hover {
    background: rgb(232, 165, 11);
    background: -moz-linear-gradient(top, rgba(232, 165, 11, 1) 0%, rgba(254, 186, 11, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(232, 165, 11, 1)), color-stop(100%, rgba(254, 186, 11, 1)));
    background: -webkit-linear-gradient(top, rgba(232, 165, 11, 1) 0%, rgba(254, 186, 11, 1) 100%);
    background: -o-linear-gradient(top, rgba(232, 165, 11, 1) 0%, rgba(254, 186, 11, 1) 100%);
    background: -ms-linear-gradient(top, rgba(232, 165, 11, 1) 0%, rgba(254, 186, 11, 1) 100%);
    background: linear-gradient(to bottom, rgba(232, 165, 11, 1) 0%, rgba(254, 186, 11, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8a50b', endColorstr='#feba0b', GradientType=0);
}

a.button.yescash, button.yescash {
    border-color: #0a497a;
    background: #247cc0;
    background: -moz-linear-gradient(top, #247cc0 0%, #073e8c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #247cc0), color-stop(100%, #073e8c));
    background: -webkit-linear-gradient(top, #247cc0 0%, #073e8c 100%);
    background: -o-linear-gradient(top, #247cc0 0%, #073e8c 100%);
    background: -ms-linear-gradient(top, #247cc0 0%, #073e8c 100%);
    background: linear-gradient(to bottom, #247cc0 0%, #073e8c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#247cc0', endColorstr='#073e8c', GradientType=0);
}

a.button.yescash:hover, button.yescash:hover {
    background: #073e8c;
    background: -moz-linear-gradient(top, #073e8c 0%, #247cc0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #073e8c), color-stop(100%, #247cc0));
    background: -webkit-linear-gradient(top, #073e8c 0%, #247cc0 100%);
    background: -o-linear-gradient(top, #073e8c 0%, #247cc0 100%);
    background: -ms-linear-gradient(top, #073e8c 0%, #247cc0 100%);
    background: linear-gradient(to bottom, #073e8c 0%, #247cc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#073e8c', endColorstr='#247cc0', GradientType=0);
}

a.button.aycash, button.aycash {
    border-color: #ad312f;
    background: #ff3633;
    background: -moz-linear-gradient(top, #ff3633 0%, #d51109 100%, #f00000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3633), color-stop(100%, #d51109), color-stop(100%, #f00000));
    background: -webkit-linear-gradient(top, #ff3633 0%, #d51109 100%, #f00000 100%);
    background: -o-linear-gradient(top, #ff3633 0%, #d51109 100%, #f00000 100%);
    background: -ms-linear-gradient(top, #ff3633 0%, #d51109 100%, #f00000 100%);
    background: linear-gradient(to bottom, #ff3633 0%, #d51109 100%, #f00000 100%);
}

a.button.aycash:hover, button.aycash:hover {
    background: #f00000;
    background: -moz-linear-gradient(top, #f00000 0%, #d51109 0%, #ff3633 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f00000), color-stop(0%, #d51109), color-stop(100%, #ff3633));
    background: -webkit-linear-gradient(top, #f00000 0%, #d51109 0%, #ff3633 100%);
    background: -o-linear-gradient(top, #f00000 0%, #d51109 0%, #ff3633 100%);
    background: -ms-linear-gradient(top, #f00000 0%, #d51109 0%, #ff3633 100%);
    background: linear-gradient(to bottom, #f00000 0%, #d51109 0%, #ff3633 100%);
}

button:disabled,
button:disabled:hover {
    cursor: default;
    border-color: #585858;
    background: #787878;
    background: -moz-linear-gradient(top, #787878 0%, #565656 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #787878), color-stop(100%, #565656));
    background: -webkit-linear-gradient(top, #787878 0%, #565656 100%);
    background: -o-linear-gradient(top, #787878 0%, #565656 100%);
    background: -ms-linear-gradient(top, #787878 0%, #565656 100%);
    background: linear-gradient(to bottom, #787878 0%, #565656 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#787878', endColorstr='#565656', GradientType=0);

}

div.buttonGroup,
span.buttonGroup {
    line-height: 30px;
    display: inline-block;
}

table.list span.buttonGroup {
    line-height: 0;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
}

table.list span.buttonGroup button {
    -webkit-box-flex: 0 1 50%; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 0 1 50%; /* OLD - Firefox 19- */
    -webkit-flex: 0 1 50%; /* Chrome */
    -ms-flex: 0 1 50%; /* IE 10 */
    flex: 0 1 50%; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

div.buttonGroup a,
span.buttonGroup a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0;
    border-left: #535353 1px solid;
    background: url(../img/bg_button.png) no-repeat right -60px;
    text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
}

div.buttonGroup a:first-child,
span.buttonGroup a:first-child {
    border-left: none;
    background-position: left -90px;
}

div.buttonGroup a span,
span.buttonGroup a span {
    display: block;
    height: 30px;
    background: url(../img/bg_button.png) no-repeat left -60px;
    margin: 0 0 0 5px;
    padding: 0 10px 0 5px;
}

.buttonGroup a:last-child span {
    background-position: right -60px;
}

.buttonGroup a.active, div.buttonGroup a:hover {
    background-position: right -180px;
}

.buttonGroup a.active span, div.buttonGroup a:hover span {
    background-position: left -180px;
}

.buttonGroup a:first-child:hover,
.buttonGroup a.active:first-child {
    background-position: left -210px;
}

.buttonGroup a:hover span,
.buttonGroup a.active span {
    background-position: left -180px;
}

.buttonGroup a:last-child:hover span,
.buttonGroup a:last-child.active span {
    background-position: right -180px;
}

.buttonGroup button { border-radius: 0; }

.buttonGroup button:first-child { border-radius: 3px 0 0 3px; }

.buttonGroup button:last-child { border-radius: 0 3px 3px 0; }

.mce-container button span {
    display: inline;
}

h1 a, h2 a {
    color: #000;
    text-decoration: none;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
    background: transparent none;
}

input, select, textarea {
    border: #abadb3 1px solid;
    padding: 4px;
    font: 1em/1.55 Verdana, Arial, sans-serif;
}

input[type="date"] {
    padding-top: 3px; padding-bottom: 3px;
}

select {
    padding-top: 5px;
}

input[required="required"],
input:required,
input.required,
select[required="required"],
select:required,
select.required,
textarea[required="required"],
textarea:required,
textarea.required { border-color: #E5A7A7; }

input.changed,
select.changed,
textarea.changed {
    border-color: #a1c962;
}

input[type="checkbox"].changed {
    border: none;
    outline: 2px #a1c962 solid;
    outline-offset: 2px;
}

label {
    cursor: pointer;
}

/**
 * Layout
 */
.page {
    min-width: 1200px;
    padding: 0 0 42px;
}

.header-container {
    background: #e50000;
    height: 100px;
    box-shadow: 0 0 8px #666;
}

.header-container .header {
    width: 1200px;
    height: 100px;
    margin: 0 auto;
    position: relative;
}

.header-container .header .logo {
    position: absolute;
    left: -65px;
    top: 2px;
}

.header-container .header .nav {
    position: absolute;
    left: 166px;
    right: 0;
    top: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-container .header .nav a {
    display: block;
    height: 42px;
    padding: 0 10px;
    line-height: 42px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 4px #000;
    font-size: 2em;
}

.header-container .header .nav li {
    float: left;
    margin: 0 4px;
}

.header-container .header .nav li.active a, .header-container .header .nav li a:hover, .header-container .header .nav li a:active {
    background-color: #443f43;
}

.header-container .header .metanav {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 10px;
    bottom: 46px;
    z-index: 10;
}

.header-container .header .metanav li {
    float: left;
    margin: 0 0 0 10px;
}

.header-container .header .metanav a {
    color: #fff;
}

.content-container {
    font-size: 1.2em;
    margin: 20px 0 52px;
}

.content-container > .content {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.content .successMessage, .content .errorMessage {
    background: #fff url(../img/greenflag.png) no-repeat 10px center;
    font-weight: bold;
    box-shadow: 0 0 8px #666;
    padding: 10px 10px 10px 40px;
    margin: 0 0 10px 0;
}

.content .errorMessage {
    background-image: url(../img/redflag.png);
}

.footer-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    height: 32px;
}

.footer {
    max-width: 1180px;
    margin: 0 auto;
    line-height: 32px;
    padding: 0 10px;
    color: #fff;
    text-align: right;
}

body.login {
    background-color: lightgrey;
}

body.login form fieldset {
    background-color: white;
}

body.login .content {
    width: 300px;
    height: 212px;
    position: absolute;
    left: calc(50% - 150px);
    top: calc(50% - 108px);
}

body.login .content img.logo {
    margin: 0 auto 10px;
    display: block;
}

body.login #User label {
    display: block;
    line-height: 22px;
    width: 90px;
    float: left;
    margin: 0 0 4px;
}

body.login #User input {
    margin: 0 0 4px;
    display: block;
    float: right;
}

body.login #User button {
    display: block;
    margin: 0 auto;
}

body.login #User fieldset {
    box-shadow: 0 0 8px #666;
    padding: 10px 10px 1px 10px;
}

body.forgot .content {
    width: 420px;
    height: 420px;
    left: calc(50% - 170px);
    top: calc(50% - 200px);
}

body.forgot #forgotForm fieldset {
    box-shadow: 0 0 8px #666;
    padding: 10px 10px 10px 10px;
}

/**
 * General Partial Layout Elements
 */
div.ajaxBlocker {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(255, 255, 255, 0.5);
}

a.icon {
    display: inline-block;
    width: 16px;
    min-height: 16px;
    text-indent: -99999px;
    background: transparent no-repeat center center;
}

a.icon.big {
    width: 24px;
    min-height: 24px;
}

button.icon {
    width: 16px;
    height: 16px;
    text-indent: -99999px;
    background: transparent no-repeat center center;
}

button.icon-withbg {
    width: 22px;
    height: 16px;
    padding-left: 0;
}

button.icon-withbg span { width: 22px; display: block; height: 100%; text-indent: -99999px; background-position: center center; background-repeat: no-repeat;}

button.icon-withbg.big {
    width: 24px;
    height: 24px;
}


button.icon.big {
    width: 24px;
    height: 24px;
}

.icon.withtext {
    text-indent: 0;
    padding-left: 20px;
    width: auto;
    background-position: left center;
    background-repeat: no-repeat;
}

.icon-withbg.withtext {
    width: auto;
    padding-left: 4px;
}

.icon-withbg.withtext span {
    text-indent: 0;
    padding-left: 20px;
    width: auto;
    background-position: left center;
    background-repeat: no-repeat;
}

.icon.big.withtext,
.icon-withbg.big.withtext {
    padding-left: 28px;
    width: auto;
}

.icon.edit,
.icon-withbg.edit span {
    background-image: url(../img/icons/edit.png);
}

.icon.delete,
.icon-withbg.delete span {
    background-image: url(../img/icons/delete.png);
}

.icon.view,
.icon-withbg.view span {
    background-image: url(../img/icons/view.png);
}

.icon.close,
.icon-withbg.close span {
    background-image: url(../img/icons/close.png);
}

.icon.select,
.icon-withbg.select span {
    background-image: url(../img/icons/select.png);
}

.icon.download,
.icon-withbg.download span {
    background-image: url(../img/icons/download.png);
}

.icon.merge,
.icon-withbg.merge span {
    background-image: url(../img/icons/merge.png);
}

.icon.save,
.icon-withbg.save span {
    background-image: url(../img/icons/save.png);
}

.icon.export,
.icon-withbg.export span {
    background-image: url(../img/icons/export.png);
}

.icon.priority,
.icon-withbg.priority span {
    background-image: url(../img/icons/priority.png);
}

.icon.priority-off,
.icon-withbg.priority-off span {
    background-image: url(../img/icons/priority_off.png);
}

.icon.ok,
.icon-withbg.ok span {
    background-image: url(../img/icons/ok.png);
}


div.frame { position: relative; }

div.frame h2.button.plus .icon,
.icon.plus,
.icon-withbg.plus span {
    background-image: url(../img/icons/plus.png);
}

div.frame h2.button.minus .icon,
.icon.minus,
.icon-withbg.minus span {
    background-image: url(../img/icons/minus.png);
}

.icon.back,
.icon-withbg.back span {
    background-image: url(../img/icons/back.png);
}

.icon.big.back,
.icon-withbg.big.back span {
    background-image: url(../img/icons/back_24.png);
}

.icon.big.delete,
.icon-withbg.big.delete span {
    background-image: url(../img/icons/delete_24.png);
}

div.frame h2.button.plus .icon.big,
.icon.big.plus,
.icon-withbg.big.plus span {
    background-image: url(../img/icons/plus_24.png);
}

div.frame h2.button.minus .icon.big,
.icon.big.minus,
.icon-withbg.big.minus span {
    background-image: url(../img/icons/minus_24.png);
}

.icon.big.save,
.icon-withbg.big.save span {
    background-image: url(../img/icons/save_24.png);
}

.icon.big.export,
.icon-withbg.big.export span {
    background-image: url(../img/icons/export_24.png);
}

.icon.big.priority,
.icon-withbg.big.priority span {
    background-image: url(../img/icons/priority_24.png);
}

.icon.big.priority-off,
.icon-withbg.big.priority-off span {
    background-image: url(../img/icons/priority_off_24.png);
}

.icon.big.ok,
.icon-withbg.big.ok span {
    background-image: url(../img/icons/ok_24.png);
}

div.frame div.rightTopButton {
    position: absolute;
    right: 2px;
    top: 4px;
    line-height: 2.1em;
}

div.frame div.rightTopButton button,
div.frame div.rightTopButton a.button {
    height: auto;
    line-height: 2.1em;
    font-size: 0.9em;
}

div.frame button.rightTopButton {
    position: absolute;
    right: 2px;
    top: 4px;
    height: auto;
    line-height: 2.1em;
    font-size: 0.9em;
}

h1 .icon, h2 .icon {
    vertical-align: -6px;
}

h1 .icon.withtext, h2 .icon.withtext {
    vertical-align: baseline;
}

div.line {
    height: 1px;
    background: #ccc;
    margin: 6px 0;
}

.scrollbox {
    overflow-y: scroll;
    overflow-x: show;
}

table.fullwidth {
    width: 100%;
}

table.smalltable td,
table.smalltable th { font-size: 0.9em; }

table.smalltable button { font-size: 1em; }

table.smalltable input,
table.smalltable select { font-size: 1em; }

table.list {
    border-spacing: 0;
}

table.dataTable {
    /*white-space: nowrap;*/
}

table.list td {
    padding: 5px 8px;
}

table.list td.icon {
    padding-left: 2px;
    padding-right: 2px;
    border-right: none;
}

table.list thead th,
table.list thead td {
    padding: 5px 8px;
    text-align: left;
    border-bottom: #333 3px solid;
}

table.list.dataTable thead th,
table.list.dataTable thead td {
    padding-right: 18px;
}

table.list.dataTable thead th.sorting_disabled,
table.list.dataTable thead td.sorting_disabled { padding-right: 8px; }

table.list tbody td {
    border-bottom: #dcdcdc 1px solid;
    border-right: #dcdcdc 1px solid;
}

table.list tbody td:last-child {
    border-right: none;
}

table.list tbody tr.odd {
    background-color: #F1F1F1;
}

table.list tbody tr:hover {
    background-color: #e2dccf;
}

table.list tbody tr.priority { font-weight: bold; }

table.list tbody tr.priority.odd { background-color: #ffe5e5; }

table.list tbody tr.priority.even { background-color: #fff1f1; }


table.tickets td.unassigned {
    font-style: italic;
    font-weight: bold;
}

table.list.select tbody tr {
    cursor: pointer;
}

table.list.select tbody tr.selected td {
    font-weight: bold;
}

table.list form { display: inline; }

table.list input,
table.list select { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

ul.tablelist {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.tablelist > li {
    border-top: #ccc 1px solid;
    padding: 6px 0 0;
    margin: 6px;
}

ul.tablelist > li:first-child {
    border-top: none;
    padding-top: 0;
}

ul.tablelist > li > .left {
    float: left;
    width: calc(20% - 20px);
    margin: 0 20px 0 0;
    color: #999;
    font-size: 0.9em;
}

ul.tablelist > li > .right {
    float: left;
    width: 80%;
}

ul.tablelist > li > .right > *:first-child {
    margin-top: 0;
}

ul.tablelist > li > .right h2 {
    color: #ccc;
    font-size: 0.9em;
}

ul.attachments {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.attachments li {
    color: #666;
    margin: 0 0 3px;
    padding: 6px;
    float: left;
    width: calc(100% - 14px);
    background: #dcdcdc;
    border: #c7c7c7 1px solid;
    border-radius: 6px;
}

ul.attachments li:first-child { margin-top: 0; }

ul.attachments li span.stats {
    float: right;
    font-size: 0.8em;
}

ul.attachments li span.stats a.icon {
    vertical-align: -4px;
    margin-left: 6px;
}

.tickets .new {
    color: #ff0000;
    font-weight: bold;
}

.controls .inner {
    margin: 0 auto;
    width: 1192px;
}

.controls h1 {
    float: left;
    margin: 0;
    line-height: 30px;
}

.header .controls {
    height: 30px;
    background: rgb(68, 63, 67);
    color: #fff;
    padding: 6px 8px;
    text-align: right;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}

.header .controls .inner {
    width: auto;
    line-height: 30px;
}

.header .controls.snap {
    background: rgba(68, 63, 67, 0.85);
    position: fixed;
    border-bottom: none;
    box-shadow: 0 0 8px #666;
    bottom: auto;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
}

.header .controls .buttonList {
    float: right;
}

.header .snapdummy {
    margin-bottom: 1px;
}

.header .controls .inner a.icon {
    height: 30px;
}

.header .controls .inner .back {
    float: left;
    margin-right: 10px;
}

.controls .inner button, .controls .inner a.button, .controls .inner select, .controls .inner input, .controls .inner .buttonGroup {
    margin-right: 5px;
}

.controls .inner button:last-child, .controls .inner a.button:last-child, .controls .inner select:last-child, .controls .inner input:last-child, .controls .inner .buttonGroup:last-child {
    margin-right: 0;
}

.controls .inner .buttonList button {
    display: block; float: left;
}

/**
 * Popup Box mit Zentrierung über dem Content. Breite muss in Subklasse angegeben werden
 */
.popupbox {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 999;
    padding: 0 0 52px 0;
}

.popupbox > .inner {
    background: #fff;
    box-shadow: 0 0 4px #666;
    padding: 10px;
}

.popupbox > .inner > .buttons {
    position: absolute;
    right: 10px;
    top: 10px;
}

.popupbox > .inner > .buttons .button {
    float: left;
    margin-left: 5px;
}

.popupbox > .inner > .content > *:first-child {
    margin-top: 0;
}

.popupbox h1 {
    color: #888;
}

/**
 * Subklassen für Popups
 */

.popupbox.logWindow {
    width: 900px;
    margin-left: -450px;
}

.popupbox.paymentWindow {
    width: 900px;
    margin-left: -450px;
}

.popupbox.quickViewWindow {
    width: 900px;
    margin-left: -450px;
}

.popupbox.selectCustomerWindow, .popupbox.selectTerminalsWindow {
    width: 900px;
    margin-left: -450px;
}

.popupbox table.select thead {
    width: 100%;
    position: relative;
    display: block;
}

.popupbox table.select tbody {
    display: block;
    max-height: 300px;
    overflow-y: scroll;
}

.popupbox.selectCustomerWindow table td:nth-child(1), .popupbox.selectCustomerWindow table th:nth-child(1) {
    min-width: 290px;
}

.popupbox.selectCustomerWindow table td:nth-child(2), .popupbox.selectCustomerWindow table th:nth-child(2) {
    min-width: 158px;
}

.popupbox.selectCustomerWindow table td:nth-child(3), .popupbox.selectCustomerWindow table th:nth-child(3) {
    min-width: 158px;
}

.popupbox.selectCustomerWindow table td:nth-child(4), .popupbox.selectCustomerWindow table th:nth-child(4) {
    width: 252px;
}

.popupbox.selectTerminalsWindow table td:nth-child(1), .popupbox.selectTerminalsWindow table th:nth-child(1) {
    min-width: 150px;
}

.popupbox.selectTerminalsWindow table td:nth-child(2), .popupbox.selectTerminalsWindow table th:nth-child(2) {
    min-width: 300px;
}

.popupbox.selectTerminalsWindow table td:nth-child(3), .popupbox.selectTerminalsWindow table th:nth-child(3) {
    width: 430px;
}

/**
 * Ticket View
 */
div.frame {
    box-shadow: 0 0 8px #666;
    position: relative;
    width: 100%;
    float: left;
    clear: both;
}

div.frame + div.frame {
    margin-top: 10px;
}

div.frame:last-child {
    margin-bottom: 10px;
}

div.frame img {
    vertical-align: middle;
}

div.frame .header, div.frame .history {
    background: #eee;
}

div.frame .history h3 {
    margin: 0;
    font-weight: normal;
}

div.frame .header {
    position: relative;
}

div.frame .header > .left, div.frame .header > .right {
    min-height: 24px;
    line-height: 24px;
    padding: 5px;
}

div.frame .left *:first-child, div.frame .right *:first-child {
    margin-top: 0;
}

div.frame .left div:last-child,
div.frame .right div:last-child,
div.frame .left p:last-child,
div.frame .right p:last-child {
    margin-bottom: 0;
}

div.frame .header > .left {
    width: calc(15% - 20px);
    padding-right: 10px;
}

div.frame .header > .right {
    width: calc(50% - 5px);
    margin-right: 35%;
}

div.frame .header > .right .left {
    margin-right: 10px;
}

div.frame .header > .left .brandlogo {
    max-width: 100%;
}

div.frame input {
    margin: 0;
}

div.frame .history {
    border-left: #fff 1px solid;
    width: calc(35% - 11px);
    padding: 5px;
    position: absolute;
    float: none;
    right: 0;
    top: 0;
    bottom: 0;
}

div.frame .history .scrollbox {
    position: absolute;
    bottom: 5px;
    top: 33px;
    left: 5px;
    right: 5px;
}

div.frame .header .right.customerinfo .left {
    margin-right: 50px;
}

div.frame .header .queue {
    border-top: #fff 1px solid;
}

div.frame input[type="text"],
div.frame input[type="password"],
div.frame input[type="email"],
div.frame select {
    width: 200px;
}

div.frame .tids input {
    width: calc(100% - 10px);
}

div.frame .subject input {
    width: calc(100% - 10px);
}

div.frame input.small, div.frame select.small {
    width: 38px;
}

div.frame input.smaller, div.frame select.smaller {
    width: 70px;
}

div.frame .defaultForm {

}

div.frame .defaultForm .left,
div.frame .defaultForm .fullsize,
div.frame .defaultForm .right {
    padding: 5px;
    line-height: 26px;
}

div.frame .defaultForm > .left {
    width: calc(15% - 20px);
    padding-right: 10px;
}

div.frame .defaultForm > .right {
    width: calc(85%);
    padding: 5px 0;
}

div.frame .defaultForm > .right.padding {
    padding: 5px;
    width: calc(85% - 10px);
}

div.frame .defaultForm.withHistory {
    background: #eee;
}

div.frame .defaultForm.withHistory > .right.padding {
    width: calc(50% - 10px);
    margin-right: 35%;
}

div.frame .defaultForm > .right .left {
    width: calc(33% - 10px);
}

div.frame .defaultForm > .right .left.double {
    width: calc(66% - 10px);
}

div.frame .defaultForm > .right .left.full {
    width: calc(100% - 10px);
}

div.frame .defaultForm > .right .left select {
    width: 100%;
}

div.frame .defaultForm > .right .left input[type="text"],
div.frame .defaultForm > .right .left input[type="password"],
div.frame .defaultForm > .right .left input[type="email"] {
    width: calc(100% - 10px);
}

div.frame .defaultForm > .right .left.autoWidth input[type="text"],
div.frame .defaultForm > .right .left.autoWidth input[type="password"],
div.frame .defaultForm > .right .left.autoWidth input[type="email"] {
    width: auto;
}

div.frame .defaultForm > .right .left.autoWidth select {
    width: auto;
}

div.frame .defaultForm textarea.tinymce {
    width: calc(100% - 10px);
}

div.frame .newprogress > .left {
    width: 247px;
    margin-top: 15px;
}

div.frame .newprogress > .right {
    width: calc(100% - 262px);
}

div.frame .newprogress > .left select, div.frame .newprogress > .left button {
    width: 100%;
}

.defaultForm .row label { width: 20%; display: block; float: left; line-height: 26px; height: 26px; }

.defaultForm .row select,
.defaultForm .row input,
.defaultForm .row textarea { box-sizing: border-box; width: calc(80% - 10px) !important; margin-left: 10px; }

.defaultForm .row .text-only { display: inline-block; margin-left: 10px; line-height: 26px; }

.defaultForm .row input[type="checkbox"] {
    width: auto !important;
    margin-right: 10px;
}

.defaultForm label.checkboxLabel { width: auto; display: inline-block; float: none; }

.defaultForm .checkboxLabelSub { margin-left: 38px; font-style: italic; font-size: 0.75em; }


div.frame .history ul.scrollbox { list-style: none; margin: 0; padding: 0; }

div.frame .history ul.scrollbox li { border-bottom: #dcdcdc 1px solid; }

div.frame .history a {
    text-decoration: none;
    color: #000;
    display: block;
    line-height: 2em;
    padding: 0 0 0 5px;
    width: calc(100% - 26px);
}

body.ticket.new div.frame .history {
    top: 32px;
}

div.frame .history a.icon { float: right; margin: 0; padding: 0; width: 16px; }

div.frame .history ul.scrollbox li:nth-child(2n+1) { background-color: #DDD; }

div.frame .history ul.scrollbox li:nth-child(2n) { background-color: #f0f0f0; }

div.frame .history .new, div.frame .history .open, div.frame .history .processing {
    color: #ff0000;
}

div.frame .history .closed, div.frame .history .canceled {
    color: #666;
}

div.frame .history .wait {
    color: #000;
}

div.frame > h1, div.frame > h2 {
    font-size: 1.2em;
    border-bottom: #dcdcdc 1px solid;
    background: #eee;
    margin: 0;
    padding: 5px;
}

div.frame > h2.button.plus {
    border: none;
    background: #fff;
}

div.frame > h2 a {
    display: block;
}

]
div.frame .progressHistory {
    padding: 5px;
}

div.frame .progressHistory .protocol,
div.popupbox .tablelist .protocol { margin: 0 0 10px; font-size: 0.9em; color: #999; font-weight: bold; border-bottom: #999 1px solid; padding: 0 0 4px 0; }

div.frame .uploadifive-button { float: left; width: auto; margin: 0 3px 0 0; }

.defaultForm.minimalWidth { width: 70%; }

.splitForm.defaultForm > div.left,
.splitForm.defaultForm > div.right,
.splitForm div.left,
.splitForm div.right { width: calc(50% - 25px); }

.splitForm > div.left,
.splitForm > div.right { padding: 10px 10px 0; }

.splitForm > div.left div.left,
.splitForm > div.left div.right,
.splitForm > div.right div.left,
.splitForm > div.right div.right { width: calc(50% - 10px); }

.defaultForm.splitForm > div.left div.left,
.defaultForm.splitForm > div.right div.left { width: calc(35% - 10px); }

.defaultForm.splitForm > div.left div.right,
.defaultForm.splitForm > div.right div.right { width: calc(65% - 10px); }


.flexForm .hFlexContainer,
.flexForm .vFlexContainer {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    align-content: stretch;
}

.flexForm .vFlexContainer { -webkit-flex-direction: column; flex-direction: column; }

.flexForm .hFlexContainer { -webkit-flex-direction: row; flex-direction: row; margin: 0 0 10px 0; align-items: center; }

.flexForm .hFlexContainer label,
.flexForm .hFlexContainer span,
.flexForm .hFlexContainer div,
.flexForm .hFlexContainer input,
.flexForm .hFlexContainer select,
.flexForm .hFlexContainer textarea {
    -webkit-box-flex: 1 1 50px; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1 1 50px; /* OLD - Firefox 19- */
    -webkit-flex: 1 1 50px; /* Chrome */
    -ms-flex: 1 1 50px; /* IE 10 */
    flex: 1 1 50px;
    min-width: 0;
}

div.frame .flexForm input,
div.frame .flexForm select,
div.frame .flexForm textarea {
    width: auto;
    margin: 0 0 10px 0;
    box-sizing: content-box;
}

div.frame .flexForm label { text-align: right; }

div.frame .flexForm .hFlexContainer input,
div.frame .flexForm .hFlexContainer select,
div.frame .flexForm .hFlexContainer textarea { margin-bottom: 0; }

div.frame .flexForm .hFlexContainer label { -webkit-flex-grow: 2; flex-grow: 2; white-space: nowrap; }

div.frame .flexForm .hFlexContainer img { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-grow: 0; flex-shrink: 0; -webkit-flex-basis: auto; flex-basis: auto; }


div.frame .flexForm select { -webkit-flex-basis: auto; flex-basis: auto; }

div.frame .flexForm .flexGrow2 { -webkit-flex-grow: 10; flex-grow: 10; }

div.frame .flexForm .flexGrow0 { -webkit-flex-grow: 0; flex-grow: 0; min-width: 0; }

div.frame .flexForm .flexBasisAuto { -webkit-flex-basis: auto; flex-basis: auto; }

div.frame .flexForm .hFlexContainer > * { margin-right: 10px; }

div.frame .flexForm .hFlexContainer > *:last-child { margin-right: 0; }

.three-column-container { margin: 10px; }

.three-column-container .border { border: #666 2px solid; padding: 10px; margin: 0 0 10px; }

.three-column-container:after { content: "."; display: block; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; zoom: 1; }

.three-column-container > .col { float: left; width: calc(33% - 10px); margin-right: 10px; }

.three-column-container > .col:last-child { margin-right: 0; }

.three-column-container .col p { line-height: 26px; margin: 0 0 10px; }

.three-column-container .col p.smallest { line-height: 1.55; margin: 0; }

.three-column-container .row { margin: 0 0 10px 0; }

.three-column-container .col.checkbox-list .row { margin-bottom: 0; }

/**
 * Index Layout
 */
body.home .controls input[type="search"] { width: 300px; }

body.home .content > .left { width: calc(70% - 10px); }

body.home .content > .right { width: 30%; }

body.home h1 { font-size: 1.2em; color: #666666; }

body.home .left h1:first-child { padding-bottom: 10px; margin-bottom: 0; border-bottom: #000 3px solid; }

body.home div.box { padding: 5px; background: #f9f9f9; border: #dcdcdc 2px solid; }

body.home div.box h2 { font-size: 1em; padding: 10px 0 5px; margin: 5px 0 0; border-top: #dcdcdc 3px solid; border-bottom: #000 3px solid; }

body.home div.box.tickets table td:first-child { text-align: center; }

body.home div.box.tickets table.statistics td { text-align: left; }

body.home .orders button { font-weight: normal; }

/**
 * Customers Layout
 */

body.customers input[type="checkbox"] { box-sizing: border-box; display: inline-block; height: calc(2.334em - 8px); width: calc(2.334em - 8px); vertical-align: middle; }

body.customers .controls .customerSearch { width: 300px; }

body.customers tr td a:link,
body.customers tr td a:visited { text-decoration: none; }

body.customers tr.inactive td { color: #888 !important; }

body.customers tr.inactive td a:link,
body.customers tr.inactive td a:visited { color: #888 !important; }

body.customers tr.cashforless td:first-child,
body.customers tr.cashforless td:first-child a { color: #000; }

body.customers tr.yescash td:first-child,
body.customers tr.yescash td:first-child a { color: #0051FF; }

body.customers tr.aycash td:first-child,
body.customers tr.aycash td:first-child a { color: #FF3030; }

body.customers .frame .flexForm .customerRemarks { height: 52px; }

body.customers .frame .flexForm .infoBox { clear: both; margin: 0 0 10px; }

body.customers .frame .flexForm .infoBox * { vertical-align: top; }

body.customers .frame .flexForm .infoBox .brandlogo { float: left; max-height: 60px; }

body.customers .frame .flexForm .infoText { text-align: right; font-size: 0.75em; }

body.customers .frame .flexForm button.passwordReset { flex-basis: 33px; }

body.customers .frame .flexForm .mwstCheckbox { flex-basis: 33px; }

.unhappy-box { display: inline-block; margin: 0 0 0 10px; }

.unhappy-box .happy { color: #aaa; font-size: 5em; }

.unhappy-box .unhappy { color: Red; font-size: 7em; }

body.customers .three-column-container.bank-container .col:first-child { width: calc(15% - (20px * 0.33)); }

body.customers .three-column-container.bank-container .col:nth-child(2) { width: calc(40% - (20px * 0.33) - 1px); margin-right: 20%; }

body.customers .three-column-container.bank-container .col:last-child { width: calc(25% - (20px * 0.33)); }

body.customers .three-column-container.bank-container .col:nth-child(2):last-child { width: calc(40% - (20px * 0.33) - 1px); }

body.customers .acquiringFrame { padding: 10px; }

body.customers .acquiringFrame .flexForm { width: 60%; }

body.customers .acquiringFrame .acquiringSelect { }

body.customers .acquiringFrame .contractGroups .group .contract:first-child { margin-top: 20px; }

body.customers .documentsFrame form { padding: 10px; }

body.customers .documentsFrame .three-column-container .col:first-child { width: calc(15% - (20px * 0.33)); }

body.customers .documentsFrame .three-column-container .col:nth-child(2) { width: calc(70% - (20px * 0.33) - 1px); }

body.customers .documentsFrame .three-column-container .col:last-child { width: calc(15% - (20px * 0.33)); }

body.customers .dataTables_wrapper .bottom { margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }

body.customers .terminalFrame .adminBar { background-color: #edbfc4; padding: 10px; border-bottom: #dcdcdc 1px solid; margin: 0 0 10px 0; }

body.customers .terminalFrame .adminInfo { margin: 50px 0 0 0; font-size: 0.8em; color: #666; }

body.customers .terminalFrame .ui-tabs .ui-tabs-panel { padding: 0 0 10px; }

body.customers .terminalFrame .adminBar label { margin: 0 6px 0 12px; }

body.customers .terminalFrame .adminBar label:first-child { margin-left: 0; }

body.customers .terminalFrame .adminBar input.telecash { width: 90px; }

body.customers .terminalFrame .adminBar input.pricecode { width: 90px; }

body.customers .terminalFrame .adminBar select.product { max-width: 120px; }

body.customers .terminalFrame .adminBar select.price { width: auto; max-width: 298px;}

body.customers .terminalFrame .adminBar select.ownership { max-width: 138px; }

body.customers .three-column-container.terminal-container h3 { margin-top: 0; margin-bottom: 0.2em; }

body.customers .three-column-container.terminal-container > .col:first-child { width: 24%; margin-right: 3%; }

body.customers .three-column-container.terminal-container > .col:nth-child(2) { width: calc(45% - 20px); margin-right: 20px; }

body.customers .three-column-container.terminal-container > .col:last-child { width: 28%; margin-right: 0; }

body.customers .three-column-container.terminal-container label { display: block; float: left; width: 35%; line-height: 2.334em; }

body.customers .three-column-container.terminal-container input[type="text"],
body.customers .three-column-container.terminal-container input[type="number"],
body.customers .three-column-container.terminal-container input[type="email"],
body.customers .three-column-container.terminal-container input[type="date"],
body.customers .three-column-container.terminal-container select { box-sizing: border-box; display: block; float: left; width: calc(100% - 35% - 5px); margin-left: 5px; }

body.customers .three-column-container.terminal-container input[type="checkbox"] { margin-top: 4px; box-sizing: border-box; display: block; float: left; height: calc(2.25em - 8px); width: calc(2.25em - 8px); margin-left: 9px; }

body.customers .three-column-container.terminal-container input[type="text"]:first-child,
body.customers .three-column-container.terminal-container input[type="number"]:first-child,
body.customers .three-column-container.terminal-container input[type="email"]:first-child,
body.customers .three-column-container.terminal-container input[type="date"]:first-child,
body.customers .three-column-container.terminal-container select:first-child { margin-left: 0; }

body.customers .three-column-container.terminal-container .col-receipt input { width: 58%; }

body.customers .three-column-container.terminal-container .col-receipt select { width: calc(42% - 5px); }

body.customers .three-column-container.terminal-container .row:after { content: "."; display: block; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; zoom: 1; }

body.customers .three-column-container.terminal-container .border > .row:last-child { margin-bottom: 0; }

body.customers .three-column-container.terminal-container input.inputTerminationdate { width: calc(100% - 35% - 5px - 2.25em - 8px); }

body.customers .three-column-container.terminal-container .row-debit-text input { width: 100%; }

body.customers .three-column-container.terminal-container .multi-columns .col { width: calc(40% - 10px); float: left; margin-left: 10px; }

body.customers .three-column-container.terminal-container .multi-columns .col:nth-of-type(1) { width: 60%; margin-left: 0; }

body.customers .three-column-container.terminal-container .multi-columns .col label { width: 40%; }

body.customers .three-column-container.terminal-container .multi-columns .col input[type="text"],
body.customers .three-column-container.terminal-container .multi-columns .col input[type="number"],
body.customers .three-column-container.terminal-container .multi-columns .col input[type="email"],
body.customers .three-column-container.terminal-container .multi-columns .col input[type="date"],
body.customers .three-column-container.terminal-container .multi-columns .col select { width: calc(100% - 40% - 5px); }

body.customers .three-column-container.terminal-container .row.label-right label { width: auto; margin-left: 5px; }

body.customers .three-column-container.terminal-container .row.label-right input[type="text"],
body.customers .three-column-container.terminal-container .row.label-right input[type="number"],
body.customers .three-column-container.terminal-container .row.label-right input[type="email"],
body.customers .three-column-container.terminal-container .row.label-right input[type="date"],
body.customers .three-column-container.terminal-container .row.label-right select { margin-left: 0; width: 26%; }

body.customers .three-column-container.terminal-container .row.label-right input[type="checkbox"] { margin-left: 4px; }

body.customers .three-column-container.terminal-container .row-double-fields { clear: both; }

body.customers .three-column-container.terminal-container .row.row-double-fields label { width: 24%; }

body.customers .three-column-container.terminal-container .row.row-double-fields input[type="text"],
body.customers .three-column-container.terminal-container .row.row-double-fields input[type="number"],
body.customers .three-column-container.terminal-container .row.row-double-fields input[type="email"],
body.customers .three-column-container.terminal-container .row.row-double-fields input[type="date"],
body.customers .three-column-container.terminal-container .row.row-double-fields select { width: calc(36% - 5px); }

body.customers .three-column-container.terminal-container .row.row-double-fields input[type="text"]:nth-child(3),
body.customers .three-column-container.terminal-container .row.row-double-fields input[type="number"]:nth-child(3),
body.customers .three-column-container.terminal-container .row.row-double-fields input[type="email"]:nth-child(3),
body.customers .three-column-container.terminal-container .row.row-double-fields input[type="date"]:nth-child(3),
body.customers .three-column-container.terminal-container .row.row-double-fields select:nth-child(3) { margin-left: 10px; width: 37%; }

body.customers .three-column-container.terminal-container input#setInvoiceAddress { float: none; margin: 0; display: inline; height: auto; width: auto; outline: none !important; }

body.customers .three-column-container.terminal-container label[for="setInvoiceAddress"] { display: inline; float: none; width: auto; }

body.customers .three-column-container.terminal-container .flexForm input[type="text"],
body.customers .three-column-container.terminal-container .flexForm input[type="number"],
body.customers .three-column-container.terminal-container .flexForm input[type="email"],
body.customers .three-column-container.terminal-container .flexForm input[type="date"],
body.customers .three-column-container.terminal-container .flexForm select { width: auto; float: none; display: inline-block; margin-left: 0; }

body.customers .three-column-container.terminal-container .row.row-vas { margin-bottom: 4px; }

body.customers .three-column-container.terminal-container .row.row-vas a.icon { vertical-align: middle; }

body.customers .three-column-container.terminal-container .row.row-vas select { display: inline-block; float: none; width: auto; max-width: 80%; }

body.customers .ticket-tabs ul.ui-tabs-nav > li.terminal-inactive { background-color: #F9F9F9;}

body.customers .ticket-tabs ul.ui-tabs-nav > li.terminal-inactive a { color: #BAB9B9; }

body.customers .ticket-tabs ul.ui-tabs-nav > li.terminal-inactive.ui-state-active { background: rgb(254, 186, 11);
    background: -moz-linear-gradient(top, rgba(254, 186, 11, 1) 0%, rgba(232, 165, 11, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 186, 11, 1)), color-stop(100%, rgba(232, 165, 11, 1)));
    background: -webkit-linear-gradient(top, rgba(254, 186, 11, 1) 0%, rgba(232, 165, 11, 1) 100%);
    background: -o-linear-gradient(top, rgba(254, 186, 11, 1) 0%, rgba(232, 165, 11, 1) 100%);
    background: -ms-linear-gradient(top, rgba(254, 186, 11, 1) 0%, rgba(232, 165, 11, 1) 100%);
    background: linear-gradient(to bottom, rgba(254, 186, 11, 1) 0%, rgba(232, 165, 11, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feba0b', endColorstr='#e8a50b', GradientType=0); }

body.customers .ticket-tabs ul.ui-tabs-nav > li.terminal-inactive.ui-state-active a { color: #E0E0E0; }

body.customers .customerInactive,
body.customers .terminalInactive { background: #CCC; }

body.customers #invoicesFrame { width: 55%; }

body.customers .ordersFrame form { padding: 10px; }

body.customers .ordersFrame .equipmentForm .hFlexContainer div:first-child .hFlexContainer label { flex-basis: 115px; flex-grow: 0; }

body.customers .ordersFrame .equipmentForm .hFlexContainer.sendMail input[type="checkbox"] { flex-basis: initial; flex-grow: 0; }

body.customers .ordersFrame .equipmentForm .hFlexContainer.sendMail input[type="number"] { margin-right: 50px; }

body.customers .ordersFrame .equipmentForm .hFlexContainer.sendMail label { flex-basis: initial; flex-grow: 0; }

body.customers .ordersFrame .orderForm h3 { margin-top: 0; }

body.customers .equipmentChangeForm h3 { margin-top: 0; }

body.customers .equipmentChangeForm { padding: 10px; }

body.customers .equipmentChangeForm select { width: auto; }

body.customers .equipmentChangeForm input[type="number"] { width: 60px; }

body.billing .mainIframe { width: 100%; height: 100%; border: none; min-height: 400px; }

body.ordercode-generator .defaultForm .price input.pre-decimal { width: calc(100% - 60px - 20px); }

body.ordercode-generator .defaultForm .price select.decimal { width: 50px; }

.notes { font-style: italic; }