@import "fonty.css";

* {
    font-family: 'Nunito', sans-serif !important;
    font-weight: 400;
}

:root {
    --blue: #489ECE;
    --light-blue: #e5f1f8;
    --green: #3c7727;
    --bs-dark-teal: #016666;
}

::-moz-selection {
    background-color:  var(--blue);
    color: #ffffff;
}

::selection {
    background-color:  var(--blue);
    color: #ffffff;
}

.stopka {
    background-color: #0E4F4F !important;
}
/* user panel */
body:not(.sb-nav-fixed) {
    /*background: #016666;*/
    background: linear-gradient(180deg, rgb(3, 131, 131) 0%, #0E4F4F 80%);
    color: white;
    font-size: 1rem !important;
    min-height: 100vh;
}
/* admin panel */
body.sb-nav-fixed {
    padding-top: 56px;
}

#tlodiv{
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

#tlodiv::after {
    content: "";
    width: 90px;
    height: 90px;
    border: 12px solid #dddddd;
    border-top: 12px solid  var(--blue);
    border-radius: 50%;
    animation: obrot 1s ease infinite;
}
@keyframes obrot {
    from { transform: rotate(0turn); }
    to { transform: rotate(1turn); }
}

.cursor-pointer {
    cursor: pointer;
}
.footer {
    background-color: #EAEAEA;
}

.bg-white {
    background-color: white !important;
}

.bg-blue {
    background-color:  var(--blue) !important;
    color: white;
}

.border-blue {
    border-color:  var(--blue) !important;
}

.bg-light-blue {
    background-color:  var(--light-blue) !important;
    color: white;
}

.text-blue {
    color:  var(--blue) !important;
}

a.dropdown-item:hover {
    color: white;
    background-color:  var(--blue);
}

.jumbo {
    margin-bottom: 0;
    padding: 40px 0;
    background-color: #eaeaea !important;
}


input::placeholder {
    color: rgba(75, 75, 75, 0.53) !important;
}

/*szukajka w datatables*/
#dt-search-0 {
    display: inline !important;
    width: auto !important;
}

.ck-editor__editable_inline:not(.ck-comment__input *) {
    height: 500px;
    overflow-y: auto;
}


.no-underline {
    text-decoration: none !important;
}




.text-muted {
    opacity: 0.5;
}

.form-check-image {
    padding-left: 0 !important;
}
.form-check-label-image {
    padding: 15px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid #F8FAFC;
}

input.female:checked + label{
    background: #F6C0EC;
    border: 1px solid #ff40d8
}

input.male:checked + label{
    background: #E6F2FF;
    border: 1px solid #4ca5ed
}

input.other:checked + label{
    background: #F2F2F2;
    border: 1px solid #9a9a9a
}

.calendar-day {
    cursor: pointer;
}
.calendar-day:hover {
    background-color: #d7d7d7 !important;
}

.table-7col th,
.table-7col td {
    width: 14.2857%;
}


.delete-btn:hover {
    text-decoration: underline;
}

ul.no-dot {
    list-style: none;
    padding: 0;
}

.custom-tooltip-paid {
    --bs-tooltip-bg: var(--green);
    --bs-tooltip-color: white;
}

.custom-tooltip-unpaid {
    --bs-tooltip-bg: #ac182c;
    --bs-tooltip-color: white;
}