@font-face { font-family: Futura; font-weight: normal; src: url('Futura/Futura_Book_font.ttf'); }
body { padding-top: 0px; padding-bottom: 20px; font-family: Futura,Trebuchet MS,Arial,sans-serif; margin-bottom: 60px; }
.body-content { padding-left: 15px; padding-right: 15px; }
.dl-horizontal dt { white-space: normal; }
a, a:visited, a:hover { color: #000; text-decoration: underline; }

.cf10 { height: 10px; }
.cf15 { height: 15px; }
.cf20 { height: 20px; }
.cf30 { height: 30px; }

.logo { position: absolute; left: 10px; }
    .logo img { max-width: 50%; }
.navbar-text { margin: auto; }
.admin { position: absolute; right: 10px; }
    .admin a { width: 32px; height: 32px; margin: 0 5px 0 0; }
        .admin a img { width: 32px; height: 32px; }

.g-recaptcha { margin: auto; }

@media screen and (max-width: 576px) {
    .logo img { max-width: 25%; }
    .navbar-text { font-size: smaller; }
    .admin a { width: 24px; height: 24px; margin: 0 2px 0 0; }
        .admin a img { width: 24px; height: 24px; }
}

@media screen and (min-width: 576px) {
    input,
    select,
    textarea { max-width: 480px; }
}

.bg-light { background-color: #fff !important; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.badge.larger-badge { font-size: 1em; }


.fc-event { background-color: #efefef !important; cursor: pointer; }
    .fc-event .fc-daygrid-event-dot { border-color: #3788d8 !important; }
    .fc-event { border-color: #cccccc !important; }
    .fc-event .fc-event-time, .fc-event .fc-event-title { color: #000000 !important; }

.fc-list-event { background-color: #ffffff !important; }

.fc-event-sel { background-color: #3788d8 !important; }
    .fc-event-sel .fc-daygrid-event-dot, .fc-event-sel .fc-list-event-dot { border-color: #ffffff !important; }
    .fc-event-sel .fc-event-time, .fc-event-sel .fc-event-title { color: #ffffff !important; }
    .fc-event-title, .fc-list-event-title a { font-weight:bold; }
    .fc-event-sel .fc-list-event-time, .fc-event-sel .fc-list-event-title { color: #ffffff !important; }

.fc-day-past, .fc-event-past { background-color: #f6f6f6 !important; }

.fc-list .fc-event { background-color: #f6f6f6 !important; }
.fc-list .fc-event-future { background-color: #ffffff !important; }
.fc-list .fc-event-today { background-color: #fffadf !important; }
.fc-list .fc-event-sel { background-color: #3788d8 !important; }

.fc .fc-list-event:hover td { background-color: transparent !important;}

.adm-menu { padding: 5px; }
    .adm-menu a { text-decoration: none; }
.adm-selected { background-color: #000 !important; }
    .adm-selected a { color: #fff !important; }
.bTop { border: 1px solid #000000; }

.green-ico { color: green; }
.rowTable { padding-top: 5px; padding-bottom: 5px; border: 1px solid #dadada; border-top: 0px solid #ffffff; }
    .rowTable .cap { text-transform: capitalize; }
.rowTableHead { background-color: #dadada; font-weight: bold }

.form-control-dg { margin: auto; border-radius: 0 !important; }

.btn-default { background-color: #000; color: #fff !important; border-radius: 0 !important; text-transform: uppercase; text-decoration: none !important; }
    .btn-default:hover { background-color: #777; color: #fff !important; text-decoration: none !important; }

.btn-danger { background-color: #dc3545; color: #fff !important; border-radius: 0 !important; text-transform: uppercase; text-decoration: none !important; }
    .btn-danger:hover { color: #fff !important; text-decoration: none !important; }

.btn-primary { border-color: #000; background-color: #000 /*#0062cc*/; color: #fff !important; border-radius: 0 !important; text-transform: uppercase; text-decoration: none !important; }
    .btn-primary:hover, .btn-primary:disabled, .btn-primary.active { border-color: #777 !important; background-color: #777 !important; color: #fff !important; text-decoration: none !important; }

.page-item .page-link { color: #000 !important; }
.page-item.active .page-link { background-color: #000 !important; color: #fff !important; border-color: #000 !important; }

.intl-tel-input { width: 100% !important; }
.iti-flag { background-image: url("/Scripts/intl-tel-input/img/flags.png"); }

.active .badge-primary { background-color: #ffffff; color: #007bff; }
.list-group-appointments { max-height:375px; }

.swal2-cancel { background-color: #bd2130 !important; }
.swal2-confirm { background-color: #000000 !important; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti-flag { background-image: url("/Scripts/intl-tel-input/img/flags@2x.png"); }
}

.footer { margin-top: 40px; width: 100%; min-height: 20px; line-height: 20px; padding: 20px; background-color: #fff; font-size: 12px; text-align: center; }
.hidden { display: none; }

.overlay-loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; z-index: 2000; background-color: rgba(0,0,0,0.5); text-align: center; display: none; }
.loader { border: 16px solid #f3f3f3; border-top: 16px solid #000000; border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite; margin: 20% auto 0 auto; }


/* The switch - the box around the slider */
.switch { position: relative; display: inline-block; width: 60px; height: 34px; }
    /* Hide default HTML checkbox */
    .switch input { opacity: 0; width: 0; height: 0; }
/* The slider */
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cccccc; -webkit-transition: .4s; transition: .4s; }
    .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #000000; }
input:focus + .slider { box-shadow: 0 0 1px #cccccc; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
/* Rounded sliders */
.slider.round { border-radius: 34px; }
    .slider.round:before { border-radius: 50%; }

.imgMedia { position: relative; display: inline-block; }
    .imgMedia img { max-width: 300px; max-height: 100px; }
    .imgMedia a { position: absolute; top: 0px; right: 0px; background-color: white; padding: 5px 10px 0 10px; }

/*.form-check { display: inline-block; float: left; margin-left: 10px; }*/

@keyframes spin { 0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

::-webkit-input-placeholder { font-size: smaller; }
::-moz-placeholder { font-size: smaller; }
:-ms-input-placeholder { font-size: smaller; }
:-moz-placeholder { font-size: smaller; }

.hasError { border: 2px solid red }