@font-face {
    font-family: 'Century Gothic';
    font-weight: bold;
    src: url(../fonts/CenturyGothicBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Century Gothic';
    font-weight: normal;
    src: url(../fonts/CenturyGothicRegular.ttf) format('truetype');
}

body {
    background: #F2EDE5;
    font-family: 'Century Gothic', sans-serif;
    font-size: 16px;
}

::placeholder {
    opacity: 1; /* Firefox */
}

input[type="text"].form-control::-webkit-input-placeholder {
    color: #8EB2B9 !important;
}

input[type="text"].form-control::-ms-input-placeholder {
    color: #8EB2B9 !important;
}

input[type="text"].form-control:-ms-input-placeholder {
    color: #8EB2B9 !important;
}

input[type="text"].form-control::-moz-placeholder, input[type="text"].form-control:-moz-placeholder {
    color: #8EB2B9 !important;
}

.ui-datepicker {
    display: block !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1;
}

.table td, .table th {
    vertical-align: middle;
    border-top: 1px solid #64c8ff;
}

.table-history tbody tr, .table-retailhistory tbody .trlast {
    border-bottom: 1px solid #64c8ff !important;
}

.btn-sm {
    padding: .25rem .5rem !important;
}

.tableheader h3 {
    color: #FFFFFF;
}

.table-loans tbody td, .table-loans tbody td a, .table-surplus tbody td, .table-paymentsinfo tbody td {
    font-weight: bold;
    font-size: 0.9375rem;
}

.table-loans tbody th, .table-history tbody th, .table-loans thead th, .tabletotallabel, .totallabel, .table-surplus thead th, .table-paymentsinfo thead th {
    text-transform: uppercase;
}

.tabletotalvalue, .totalvalue {
    text-transform: uppercase;
    font-style: italic;
}

.textcolor1 {
    line-height: normal;
}

.retailitemdesc {
    line-height: 1.3rem;
}

.btn {
    border: 0 none;
    border-radius: 25px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.125rem; /*18px*/
    height: 48px;
    padding: 0.7rem 1rem;
    min-width: 122px;
}

.backbreadcrumb {
    background: transparent;
    font-style: italic;
}

.textcolor2, .table-loans .loanddescr, .ajs-content, .backbreadcrumb, p, .lead, .footer p, .printtable a, ol.list li:before, ol.list li, .table-history tbody tr, .table-paymentsinfo tbody tr {
    color: #005078;
}

.printtable thead th {
    /*padding-left: 1rem;*/
    padding-right: 2rem;
}

.custom-control-label::before {
    transform: rotate(-45deg);
}

.custom-radio .custom-control-label::before {
    height: 24px;
    width: 24px;
    border: 2px solid #64c8ff;
    background-color: #FFF3EF;
    margin: -5px;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 50%;
    border: 2px solid #64c8ff;
    background-color: #fff;
    height: 15px;
    width: 15px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #64c8ff;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
}

.custom-control-label {
    color: #005078 !important;
    font-style: italic;
}

.amltext {
    color: #1D4F63 !important;
    font-style: normal !important;
}

.form-group select {
    height: 45px;
}

.btn-warning .fa {
    font-size: 1rem;
}

.table-loans tbody td, .table-loans tbody td a, .totalvalue {
    color: #005078;
}

h3.renewheader, h4.renewheader, h1, .form-group input, .form-control, select option, .table-loandetails tr td:nth-child(2),
.tabletotalvalue, .inputdiv p, .datepckrlabel, .table-surplus tbody, .table-paymentsinfo tbody td {
    color: #64c8ff;
}

.datepckrlabel {
    color: #005078 !important;
}

.formdiv, .bankdiv {
    width: 750px;
}

.formdiv label, .bankdiv label {
    margin-bottom: 0;
}

.savebtn {
    width: 125px;
    align-self: flex-end;
}

.tableheader {
    background: #64c8ff;
}

hr, .btn-primary, .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok, .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,
.btn-primary:active, .btn-primary.active,
.custom-control-input:checked ~ .custom-control-label::before, .alertify .ajs-header {
    background: #005078;
}

.btn-cancel {
    height: 28px;
    width: 144px;
    font-size: 0.75rem !important; /*12px*/
}

.btn-primary {
    color: #FFFFFF !important;
}

a {
    color: #FFFFFF;
}

.form-group label, .table-history tbody tr td:nth-child(1), .textcolor1, .table-loandetails tr td:nth-child(1),
.table-loans tbody th, .table-history tbody th, .table-loans thead th, .tabletotallabel, .totallabel, p.calculateamount,
.table-surplus thead th, .table-surplus tbody th, .table-paymentsinfo tbody th, .table-paymentsinfo thead th {
    color: #005078;
}

.surpluspaidlabel {
    font-size: 1.125rem;
    color: grey;
}

.alertify .ajs-header {
    height: 50px;
    padding-left: 40px;
    padding-top: 5px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-right: 5px;
}

.alertify .ajs-body .ajs-content {
    padding: 1rem 0;
}

.ajs-content {
    font-style: italic;
    font-weight: bold;
}

.alertify.ajs-closable .ajs-commands button.ajs-close {
    display: none;
}

.alertify .ajs-footer {
    border: none;
    background: #FFFFFF;
}

.ajs-buttons {
    padding: 0 1rem 1rem 0;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok, .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
    color: #FFFFFF;
    padding: 0 2rem;
    border: 0 none;
    height: 48px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.125rem; /*18px;*/
    text-wrap: normal;
}

.btn-danger {
    background-color: #64c8ff !important;
}

div .alert-primary, div .alert-info {
    background-color: #A8E3FF;
}

.btn-warning, .table-loans .btn-warning {
    background: #B9B9B9;
    color: #ffffff;
    font-style: normal;
    border: none !important;
}

.btn-warning:hover, .btn-warning:focus, .open > .dropdown-toggle.btn-warning {
    background: #B9B9B9;
    opacity: 0.7;
    color: #ffffff;
    border: none !important;
}

.btn-warning:active, .btn-warning.active {
    background: #B9B9B9 !important;
    border: none !important;
}

.bamboralogo {
    border: 0px solid #005078;
    border-radius: 5%;
    width: 100px;
}

.nordea-siirto-logo {
    border: 0px solid #000000;
    border-radius: 5%;
    width: 100px;
}

.paytrail-logo {
    border: 0px solid #000000;
    border-radius: 5%;
    width: 8rem;
    margin-top: 2rem;
}

.paytrail-provider-btn {
    border: #64c8ff 0.1rem solid;
    border-radius: 1rem;
    box-shadow: #64c8ff -0.2rem -0.2rem inset;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.125rem;
    padding: 0.4rem 1.2rem;
    min-width: 10rem;
    min-height: 5rem;
    margin: 0.4rem;
}

.logo-holder {
    width: auto;
    display: inline-block;
}

.logo-holder img {
    width: 12%;
    height: auto;
}

.bottomnav {
    background-color: #64c8ff;
    min-height: 66px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.bottomnav .nav-item a:hover, .menulinkactive {
    color: #F7DCD0 !important;
}

.bottomnav li {
    align-self: center; /*dziala*/
}

.bottomnav a {
    color: #002b40;
    font-weight: bold;
    text-align: center;
    display: block;
    width: auto;
    align-content: center;
    padding: 0 1rem;
    text-transform: uppercase
}

.bottomnav ul{
    justify-content: space-around;
    width: 100%;
}

.navbar {
    background-color: #64c8ff;
}

.container {
    margin-top: 100px;
}

/*not refactored yet - below*/


.container > .row .row {
    justify-content: center;
}



h1, h3, h4 {
    text-transform: uppercase;
    font-weight: bold;
}

h1 {
    margin-bottom: 0;
}

h3, h4 {
    color: #64c8ff;
}

hr {
    margin-top: 0;
    margin-bottom: 0;
    border: none;
}

.lead {
    font-weight: bold;
    font-style: italic;
    letter-spacing: -0.1px
}

ol.list {
    list-style-position: inside;
    text-align: center;
    counter-reset: item;
    padding-left: 0px;
    margin: 0;
}

ol.list li {
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: bold;
}

ol.list li:before {
    content: counter(item) ". ";
    counter-increment: item;
    font-weight: bold;
}

.footer {
    width: 100%;
    height: 60px;
}

.form-group input {
    padding-left: 15px;
    height: 45px;
    font-weight: bold;
    font-style: italic;
    border: 1px solid #64c8ff;
    border-radius: 1px;
}

.form-control-static {
    color: #8EB2B9;
    background-color: #eaeaea;
    padding: 10px 12px;
    border: 1px solid #64c8ff;
    border-radius: 1px;
}

.form-control {
    box-shadow: none;
    border: 1px solid #64c8ff;
    border-radius: 1px;
    font-weight: bold;
    font-style: italic;
}

select option {
    font-weight: bold;
    font-style: italic;
}

.table-history tbody tr {
    display: block;
    width: 100%;
}

.table-history tr td {
    vertical-align: middle !important;
    padding: 0;
}

.table-history tbody tr td:nth-child(1) {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
}

.table-history tfoot tr td {
    color: #005078 !important;
    text-transform: uppercase;
    font-weight: bold;
}

.table-loans thead, .table-surplus thead, .table-paymentsinfo thead {
    border-bottom: 5px thin #64c8ff;
}

.table-loans thead tr, .table-loans thead th, .table-history, .table-history td, .table-history th,
.table-retailhistory td, .table-surplus thead tr, .table-surplus thead th, .table-paymentsinfo thead tr {
    border: none;
}

.table-retailhistory img{
    min-width: 280px;
}

.table-retailhistory .fa-picture-o {
    width: 250px;
}


.table-loans tbody tr, .table-history tbody tr, .table-surplus tbody tr, .table-paymentsinfo tbody tr {
    border-bottom: 1px solid #64c8ff;
}

.table-loans > tbody > tr > td:first-of-type, .table-surplus > tbody > tr > td:first-of-type, .table-paymentsinfo > tbody > tr > td:first-of-type {
    text-decoration: underline;
}

.table-loandetails {
    width: 90%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.table-loandetails tr td:nth-child(2) {
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
    text-align: right;
}

.table-loandetails tr td:nth-child(1) {
    text-transform: uppercase;
    font-weight: bold;
}

.table-loandetails tr:last-child td:nth-child(2) {
    text-transform: none;
}

.table-loandetails tr:last-child {
    border-bottom: 1px solid #A8E3FF;
}

.table-loandetails tr:first-child {
    border-top: hidden;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #F2EDE5 !important;
}

button.disabled, button.disabled:hover, button.disabled:active {
    cursor: default !important;
    opacity: .7 !important;
    background: #005078 !important;
    color: #888888 !important;
    background-blend-mode: multiply !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #FFFFFF;
    opacity: 0.7;
    box-shadow: none;
    border: none;
}

/* old - probably to remove*/

.panel-primary,
.panel-success {
    border-color: #000;
}

.panel-primary .panel-heading {
    background-color: #000;
    background-image: none;
    border: #000;
}

.panel-success .panel-heading {
    background-color: #7B4E12;
    background-image: linear-gradient(to bottom,#9B6E32 0%,#8B4513 100%);
    border: #000;
    color: #fff;
}

.panel
{
    border-radius: 0;
}

.label {
    border-radius: 0;
}

.panel-heading {
    border-radius: 0;
}

.alert {
    border-radius: 10px;
    color: #b7803e;
}

.btn-success {
    background: #c0b283;
    color: #000;
}

.table > tbody > tr:first-child > th {
    border: none;
}

.notmessagecontainer {
    pointer-events: none;
    position: absolute;
    top: 0px;
    right: 0px;
    /*animation: blinker 3s linear infinite;*/
    background-color: #a46497;
    z-index: 1000;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currentlyz*/
}

.notmessagetext {
    color: #FFFFFF;
    text-align: center;
    font-size: 1em;
}

.serverinfo {
    pointer-events: none;
    position: absolute;
    top: 0px;
    right: 0px;
    animation: blinker 3s linear infinite;
    background-color: chartreuse;
    z-index: 1000;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currentlyz*/
}

@keyframes blinker {
    20% {
        opacity: 0;
    }
}