@charset "UTF-8";

body {
    padding-top: 60px;
    position: relative;
}

.footer {
    margin-top: 70px;
}

table form {
    margin: 0;
}

div.container > hr.hr-tall {
    margin: 30px 0;
}

ul.plain-list {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    max-height: 200px;
    max-width: 300px;
    overflow-y: auto;
}

table .hint.action-icons, table .hint.action-icons:hover {
    position: absolute;
    margin-left: 90px;
}

td .ellipsis {
    display: table;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

td .ellipsis > * {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tab-pane {
    margin-top: 15px;
}

blockquote {
     padding: 0 0 0 15px;
     font-size: inherit;
}

label.radio {
    font-weight: inherit;
    margin-left: 20px;
}

a.hint, a.hint:hover {
    color: #000000;
    margin-left: 2px;
}

.nowrap {
    white-space: nowrap;
}

.pre-wrap {
    white-space: pre-wrap;
}

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

.chevron {
    margin-right: 5px;
}

.dropdown > a.dropdown-toggle > img.flag, .dropdown-menu > li > a > img.flag {
    vertical-align: -1px;
    margin-right: 5px;
}

.tooltip {
    min-width: 200px;
    max-width: 300px;
}

.terms-and-conditions {
    overflow-y: scroll;
    max-height: 450px;
}

.virtual-balances .description, .virtual-balances .balances {
    display: inline-block;
    vertical-align: top;
}

h5 {
    font-weight: 700;
}

.show-on-submit {
    display: none;
}

.progress-bar {
    width: 100%;
}

.thinner-input {
    width: 50%;
}

.payment-gateway-icon {
    max-height: 30px;
}

.percentage-converter .glyphicon {
    margin-top: 7px;
    font-size: 20px;
}

.identifier-icon {
    margin-bottom: 5px;
}

.identifier-icon img {
    height: 15px;
}

/* =======================================
    modals
 ======================================= */
.modal-body input.single-checkbox {
    margin-top: 11px;
}

.modal-body pre {
    white-space: pre-wrap;
    word-break: inherit;
}

/* =======================================
    forms
 ======================================= */
form.inline {
    display: inline;
}

.modal-wide .modal-dialog {
    width: 800px;
}

.form-inline .wider-input {
    width: 100%;
}

.form-group .text {
	padding-top: 6px;
}

/* =======================================
    notification legend
 ======================================= */

.email-template-hint .hint {
    color: #000000;
}

.email-template-hint .legend-header {
    margin-bottom: 5px;
}

.email-template-hint .row {
    margin-bottom: 10px;
}

/* =======================================
    multiselect with actions
 ======================================= */

.multiselect select {
    min-height: 200px;
    border-radius: 0;
}

.multiselect .input-group.action-top {
    margin-bottom: -1px;
}

.multiselect .input-group.action-top input {
    border-bottom-left-radius: 0;
}

.multiselect .input-group.action-top button {
    border-bottom-right-radius: 0;
}

.multiselect .action-bottom {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

/* =======================================
    filters
 ======================================= */
.form-filter .pad-right-medium {
    margin-right: 40px;
}

.form-filter .filter-buttons {
    margin-bottom: 15px;
    margin-left: 0;
}

.form-filter label {
    display: block;
    color: #999;
    overflow-x: hidden;
    white-space: nowrap;
    font-weight: inherit;
}

.form-filter label.inline {
    display: inline-block;
}

.form-filter .row {
    padding-top: 0px;
}

.form-filter .filter-buttons {
    margin-top: 25px;
}

.form-filter .control-label {
    margin-bottom: 5px;
}

.form-filter .row {
    margin-bottom: 20px;
}

.select2-container.form-control {
    margin-right: 4px;
}

.filter-by-group {
    vertical-align: top;
}

.filter-by-group ul {
    display: inline-block;
    list-style: none;
}

/* =======================================
    control buttons
 ======================================= */
.btn-group-center {
    text-align: center;
}

/* file button styling */
.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/* =======================================
    navigation list
 ======================================= */

.navigation {
   margin-top: 15px;
   top: 75px;
   width: 225px;
}

.navigation > li > a {
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
}

.navigation .glyphicon-chevron-right {
    float: right;
    margin-right: -6px;
    margin-top: 2px;
    opacity: 0.25;
}

.navigation>.active>a, .navigation>.active>a:hover, .navigation>.active>a:focus {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #08c;
}

.nav li + .nav-header {
    margin-top: 25px;
}

.nav-header {
    font-weight: bold;
    color: #999;
}

.navbar-brand span {
	background: url("../img/ps-logo-full24.png") no-repeat;
	padding: 2px;
	padding-left: 30px;
	margin-left: 40px;
	color: #ff6600;
}

/* =======================================
    wizard
 ======================================= */

.wizard-nav {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.wizard-nav>li>a {
    color: #000000;
    display: inline;
    background-color: #eee;
}

.wizard-nav>li>a:focus {
    color: #000000;
}

.block-height {
    height: 145px;
}

.license-activated {
    font-size: 150%;
    line-height: 21px;
}

.control-group .textarea-description>small{
    margin-left: 0;
}

.wizard-buttons {
     float: right;
     margin-right: 220px;
 }

.wizard-body textarea.form-control {
    width: 380px;
}

/* =======================================
    disabled table rows
 ======================================= */
.table tbody tr.disabled > td {
    background-color: #F9F9F9;;
    color: #AAAAAA;
}

.table tbody tr.disabled .label {
    background-color: #CCCCCC;
}

/* =======================================
    login page
 ======================================= */
.login {
    padding-top: 60px;
}

.form-signin .form-group {
    margin-bottom: 10px;
}

.login .brand {
    color: #ff6600;
}

/* =======================================
    title header
 ======================================= */
h3.page-title {
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 20px;
}

/* =======================================
    table
 ======================================= */

.tablesort-remote th > a  {
    color: #000000;
}

.tablesort-remote th a:hover{
    text-decoration: none;
}

table .quota-remain-block {
    float: left;
}

table .quota-remain {
    width: 20%;
}


/* =======================================
    errors
 ======================================= */
.has-error input, .form-group label.has-error, .config-item label.has-error, .config-item.has-error .config-label, .validation-errors label.has-error {
    color: #A94442;
}

.alert.alert-danger > ul {
    margin: 0;
}

.alert.alert-danger li {
    list-style: none outside none;
}

input:focus:invalid:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}

.badge.in-debt {
    margin-right: 5px;
}

input:focus:invalid:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}



/* =======================================
    identifiers
 ======================================= */
.quota-remaining-identifiers {
    display: inline;
    margin-left: 10px;
}


/* =======================================
    config overview
 ======================================= */
.overview-horizontal .config-item:before, .overview-horizontal .config-item:after {
    content: "";
    display: table;
    line-height: 0;
}

.overview-horizontal .config-item:after {
    clear: both;
}

.overview-horizontal .config-item {
    margin-bottom: 8px;
}

.overview-horizontal .config-label {
    float: left;
    padding-top: 5px;
    width: 160px;
    text-align: right;
    color: #555555;
    font-weight: bold;
}

.overview-horizontal .config-value {
    padding-top: 5px;
    margin-left: 180px;
}

.config-value .balance {
    float: left;
    width: 70px;
    display: inline-block;
    text-align: right;
}

.config-value .merchant {
     margin-left: 80px;
 }

.config-value .col-md-7 {
    padding-left: 0px;
}

.config-value.config-value-with-input {
    padding-top: 0px;
    margin-bottom: 8px
}

.config-value.config-value-with-radio {
    padding-top: 0px;
}

/* =======================================
    Plugin bugfixes
 ======================================= */
/* TinyMCE bugfix - missing right-side border in Chrome */
.mce-edit-area.mce-container {
    width: 99.9%;
}

/* Select2 - so it can be used as input-group-addon */
.select2-container.input-group-addon, .select2-container.input-group-addon {
    width: 75%;
    margin-right: 0px;
}

/* Select2 - no double border when using input-addon */
.select2-bootstrap-prepend .select2-choice {
    border-left: 0px;
}

/* Select2 - limit input's width so it can be used in input-group */
.select2-bootstrap-prepend input.form-control {
    width: 25%;;
}

/* =======================================
     Cashdesk
 =======================================*/

#user-account .account-action {
    margin-bottom: 10px;
}

#user-account .action-group {
    margin-bottom: 10px;
}

#open-deposit-dialog {
    background-color: #4dc824;
    border-color: #47b821;
}

#open-deposit-dialog:active,
#open-deposit-dialog:hover,
#open-deposit-dialog:focus {
    background-color: #47b821;
    border-color: #47b821;
}

#user-account > .well {
    background-color: #FCF8E3;
}

#wells .well {
    min-height: 120px;
}

.well .overview-horizontal .config-label {
    width: 220px;
}

.navbar-brand.test span {
    background: url("../img/cd-logo-full24.png") no-repeat;
}

.print-only {
    display: none;
}

#virtual-accounts .panel-heading,
#debts .panel-heading {
    background-color: #FCF8E3;
    padding: 0;
}

#virtual-accounts .panel,
#debts .panel {
    border: none;
    box-shadow: none;
    background: transparent;
}

#select-user {
    display: flex;
    margin: 0 10%;
}

.account-btn {
    white-space: normal;
}

.deposit-icon, .withdraw-icon {
    background-position: 7px center;
    background-repeat: no-repeat;
    background-size: 1.5em;
}

.deposit-icon,
.deposit-icon:active,
.deposit-icon:hover {
    background-image: url(../img/cash-desk/deposit.svg);
}

.withdraw-icon,
.withdraw-icon:active,
.withdraw-icon:hover {
    background-image: url(../img/cash-desk/withdraw.svg);
}

/* =======================================
     Miscellaneous
 =======================================*/

.ml-5, #filter-reset, small a, #filter-form #reset {
    margin-left: 5px;
}