﻿.form-control, select.form-control {
    border-color: #ced4da;
}

.form-group .text-danger {
    font-size: 0.85rem;
}

.form-group.row {
    margin-bottom: 0.5rem !important;
}

.form-group.row-narrow {
    margin-bottom: 0 !important;
}

.form-control-sm {
    padding: 5px 7px;
}

select.form-control {
    padding: 0.5rem 0.75rem;
    outline: 1px solid #ced4da;
}

select.form-control:focus {
    outline: 1px solid #80bdff;
}

.row .form-check {
    margin-top: 8px !important;
}

.form-group .form-control-plaintext {
    padding: 0.6rem 0;
}

.form-group label {
    font-weight: 500;
    font-size: 0.85rem;
}

.form-control-xl {
    height: 3.175rem;
    padding: 0.94rem 0.25rem;
    font-size: 1.75rem;
    line-height: 1.75;
    border-radius: 0.3rem;
    text-align: center;
}

.custom-file-label {
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

.row-narrow label {
    margin-bottom: 0;
}

.col-form-label {
    padding-top: calc(0.94rem - 1px) !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: #495057 !important;
}

.field-validation-error {
    font-size: 0.6rem;
}

.validation-summary-errors {
    color: #ff3ca6;
}

.nav-tabs .nav-link {
    padding: 0.5rem 1rem;
}

.table-condensed thead th, .table-condensed td {
    padding: 10px 8px 10px 8px;
}

.table-tiny td {
    padding: 1px;
    border: none;
}


.break-word td {
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.3;
    vertical-align: top;
}

.nav .nav .menu-title  {
    font-size: 0.8125rem !important;
}

.sub-menu .nav .nav-link {
    font-size: 0.8rem !important;
    padding: 0.5rem 2rem 0.5rem 2rem !important;
}

.badge-light {
    color: #000;
}

.dropdowndots {
    cursor: pointer;
}

.auth {
    background: url(../images/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .auth h2 {
        font-family: 'Open Sans', serif; 
        text-transform: uppercase;
    }

.auth-link {
    font-size: 0.875rem;
}

.sidebar-brand h4 {
    color: #141212;
    font-family: 'Open Sans', serif;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
}

.sidebar-brand:hover {
    text-decoration: none;
}

.datepicker {
    z-index: 1051 !important;
}

.ui-timepicker-standard a {
    font-size: 13px;
    font-family: 'Rubik', sans-serif;
}

#showMoney {
    cursor: pointer;
}

.ui-widget {
    font-family: "Rubik", sans-serif;
    font-size: 0.8125rem;
}

table.wrappable  td
{
    white-space: normal;
}

.saving {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('https://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat;
}

body.loading .saving {
    overflow: hidden;
}

body.loading .saving {
    display: block;
}

.vertical {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.btn-staff {
    color: #fff;
    background-color: #f96868;
    border-color: #f96868;
}

.text-staff {
    color: #f96868;
}

.btn-volunteer {
    color: #fff;
    background-color: #5e50f9;
    border-color: #5e50f9;
}

.text-volunteer {
    color: #5e50f9;
}

.btn-client {
    color: #fff;
    background-color: #46c35f;
    border-color: #46c35f;
}

.text-client {
    color: #46c35f;
}

.hidden-who {
    color: #fff;
}

.hidden-who:hover {
    color: #f1f1f1;
}

.btn.btn-icon-sm {
    width: 26px;
    height: 26px;
    padding: 0;
}