﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
}

.color-palette {
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.color-palette-set {
    margin-bottom: 15px;
}

.color-palette span {
    display: none;
    font-size: 12px;
}

.color-palette:hover span {
    display: block;
}

.color-palette-box h4 {
    position: absolute;
    top: 100%;
    left: 25px;
    margin-top: -40px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    display: block;
    z-index: 7;
}

.numberCircle {
    width: 45px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;   
    
}

/* Make Select2 boxes match Bootstrap3 heights: */

/*.select2-container--default {
    display: block;
    width: 100% !important;
}*/

/*.select2-selection__rendered {
    line-height: 32px !important;
}

.select2-selection {
    height: 34px !important;
}*/

.bank-selector-img {
    width:100px;
    height:100%;
}

.dropzone {
    border: 2px dashed #dedede;
    border-radius: 5px;
    background: #f5f5f5;
}

.dropzone i {
    font-size: 5rem;
}

.dropzone .dz-message {
    color: rgba(0,0,0,.54);
    font-weight: 500;
    font-size: initial;
    text-transform: uppercase;
}


.noBulletsDiv ul li {
    list-style: none;
}


[data-toggle="collapse"] .collapseicon:before {
    content: "\f068";
}

[data-toggle="collapse"].collapsed .collapseicon:before {
    content: "\f067";
}

div.form-group label {
    justify-content: flex-end;
}

.account-header {
    cursor: pointer;
}

.bank-icon {
    width:40px;
    height:40px;
    border-radius: 50%;
}

.modal-full-dialog {
    /*width: 98% !important;*/
    /*height: 92% !important;*/
    min-width: 88% !important;
    min-height: 92% !important;
    max-width: 88% !important;
    max-height: 92% !important;
    padding: 0 !important;
}

.modal-full-content {
    /*height: 99% !important;*/
    min-height: 99% !important;
    max-height: 99% !important;
}

.table-content > table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}

.table-content > table {
    display: block;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-content > table.table-bordered {
    border: 0;
}

.table-content > table > thead > tr > th,
.table-content > table > thead > tr > td,
.table-content > table > tbody > tr > th,
.table-content > table > tbody > tr > td,
.table-content > table > tfoot > tr > th,
.table-content > table > tfoot > tr > td {
    padding: 0.75rem;
    vertical-align: top;
    border: 1px solid #dee2e6;
}

.table-content > table > thead > tr > th > p:last-child,
.table-content > table > thead > tr > td > p:last-child,
.table-content > table > tbody > tr > th > p:last-child,
.table-content > table > tbody > tr > td > p:last-child,
.table-content > table > tfoot > tr > th > p:last-child,
.table-content > table > tfoot > tr > td > p:last-child {
    margin-bottom: 0;
}

.table-content > table td:first-child > code {
    white-space: nowrap;
}

.user-panel,
.user-panel .info {
    overflow: visible;
    white-space: nowrap;
    margin-top: -0.4rem;
}

/* DataTables custom styles
-------------------------------------------------- */

/*When both the length and filter inputs (the datatable's search box e.g. BackgroundServices.cshtml) are enabled, the length input is floated to the left and the filter input is floated to the right, otherwise they area rendered in separate rows.*/
.dataTables_wrapper .dataTables_length {
    float: left;
}
.dataTables_wrapper .dataTables_filter {
    float: right;
}