html {
    height: 100%;
}

.btn-link {
    color: #009FE3;
}

.btn-link:hover {
    color: #007FB6;
}

a {
    color: #009FE3;
}

a:hover {
    color: #007FB6;
}

.fc .fc-button-primary{
    background-color: #009FE3;
    border-color: #009FE3;
}

.fc .fc-button-primary:disabled,
.fc .fc-button-primary:hover,
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active{
    background-color: #007FB6;
    border-color: #007FB6;
}

.fc .fc-button-primary:focus {
    box-shadow: rgb(0 159 227 / 44%) 0px 0px 0px 0.2rem;
}

.fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc-button-primary:not(:disabled):active:focus {
    box-shadow: rgb(0 159 227 / 33%) 0px 0px 0px 0.2rem;
}

.pointer {
    cursor: pointer;
}

.btn-primary {
    background-color: #009FE3;
    border-color: #009FE3;
}

.btn-primary:hover {
    background-color: #007FB6;
    border-color: #007FB6;
}

.btn-primary.disabled, .btn-primary:disabled{
    background-color: #009FE3;
    border-color: #009FE3;
}


.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    background-color: #c82333;
    border-color: #c82333;
}

.btn-danger.disabled, .btn-danger:disabled{
    background-color: #dc3545;
    border-color: #dc3545;
}

.bg-dark-blue{
    background: #1D1D1B;
}

#absolute-nav-left-info{
    color: rgba(0, 0, 0, .5);
    position: absolute;
}

@media screen and (max-width: 1670px) {
    #absolute-nav-left-info{
        display: none;
    }
}

.wasAutostop{
    background-color: #ffff86;
    position: relative;
}

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

tr.wasAutostop::after{
    content: 'Autostopped';
    opacity: 0;
    position: absolute;
    left: 0;
    background: #fff;
    border: 1px solid #000;
    padding: 2px 5px;
    top: -14px;
}

tr.wasAutostop:hover::after{
    opacity: 1;
}

.nav-logo img{
    max-height: 40px;
    max-width: 250px;
}

#loginLogo {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.primaryBox {
    text-align: center;
}

.home span {
    width: 100%;
    float: left;
}

#startStop {
    width: 200px;
    height: 50px;
    margin: 50px auto;
}

#summaryLink {
    position: absolute;
    right: 20px;
    bottom: 10px;
    text-decoration: none;
}

.back {
    position: absolute;
    left: 25px;
    width: 80px;
    padding: 0px;
}

.back a {
    padding: 5px 0px;
    display: block;
    color: #ffffff;
    text-decoration: none;
}

#todaysSummary {
    text-align: left;
}

#todaysSummary div strong {
    margin-right: 15px;
    min-width: 115px;
    display: inline-block;
}

.secondaryBox {
    text-align: left;
}
/*
th {
    width: 33%;
} */

tbody tr th {
    font-weight: 100;
    border-bottom: 1px solid #d6d6d6;
    padding: 5px 0;
}

.placeholderTr th {
    border-bottom: none;
}

.form-group label {
    width: 100%;
    font-weight: bold;
}

.submit {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.noneClick{
    pointer-events: none;
}

.edithome {
    padding-bottom: 65px;
}

.noDataInfo {
    text-align: center;
    margin: 30px 0 15px;
}

.activeInput input{
    background-color: #fff !important;
}

.edit {
    width: 25px;
    padding: 0 0 0 3px;
    margin-right: 3px;
}

.delete {
    width: 25px;
    padding: 0;
}

.convert {
    display: block;
    margin: 30px auto 10px;
    width: 160px;
    color: #ffffff;
}

.spacer {
    height: 20px;
}

.infoBox {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
    color: #ffffff;
    padding: 5px 20px;
    border-radius: 5px;
    display: none;
}

.reload {
    padding: 2px 7px;
}

.chooseTime {
    text-align: center;
}

/* Sweet Alert Start */
body .swal2-styled.swal2-confirm {
    background-color: #009FE3 !important;
}

body .swal2-styled.swal2-confirm:focus {
    box-shadow: none;
}

body .swal2-loader{
    border-color: #009FE3 rgba(0,0,0,0) #009FE3 rgba(0,0,0,0);
}

body .swal2-footer a{
    color: #009FE3;
}

.btn-white-blue{
    background-color: #fff;
    color: #009FE3;
    border: 1px solid #009FE3;
}

.btn-white-blue:hover{
    background-color: #009FE3;
    color: #fff;
    border: 1px solid #fff;
}

select.select2-user,
select.select2-client,
select.select2-customer,
select.select2-task{
    max-width: 440px;
}

.form-group select.select2-user,
.form-group select.select2-client,
.form-group select.select2-customer,
.form-group select.select2-task{
    max-width: 220px;
}

/* Sweet Alert End */

.icon::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.icon-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-white{
    filter: brightness(0) invert(1);
}

.clear-icon::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M242.7 256l100.1-100.1c12.3-12.3 12.3-32.2 0-44.5l-22.2-22.2c-12.3-12.3-32.2-12.3-44.5 0L176 189.3 75.9 89.2c-12.3-12.3-32.2-12.3-44.5 0L9.2 111.5c-12.3 12.3-12.3 32.2 0 44.5L109.3 256 9.2 356.1c-12.3 12.3-12.3 32.2 0 44.5l22.2 22.2c12.3 12.3 32.2 12.3 44.5 0L176 322.7l100.1 100.1c12.3 12.3 32.2 12.3 44.5 0l22.2-22.2c12.3-12.3 12.3-32.2 0-44.5L242.7 256z'/%3E%3C/svg%3E");
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'/%3E%3C/svg%3E"); */
}

.calendar-plus-icon::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M436 160H12c-6.6 0-12-5.4-12-12v-36c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48v36c0 6.6-5.4 12-12 12zM12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm316 140c0-6.6-5.4-12-12-12h-60v-60c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v60h-60c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h60v60c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12v-60h60c6.6 0 12-5.4 12-12v-40z'/%3E%3C/svg%3E");
}


.delete-icon::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z'/%3E%3C/svg%3E");
}

.plus-icon::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M416 208H272V64c0-17.7-14.3-32-32-32h-32c-17.7 0-32 14.3-32 32v144H32c-17.7 0-32 14.3-32 32v32c0 17.7 14.3 32 32 32h144v144c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V304h144c17.7 0 32-14.3 32-32v-32c0-17.7-14.3-32-32-32z'/%3E%3C/svg%3E");
}

.edit-icon::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1L291.7 89.8l-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L387.7 253.7 410.3 231zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9L59.4 452l23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1v32c0 8.8 7.2 16 16 16h32zM362.7 18.7L348.3 33.2 325.7 55.8 314.3 67.1l33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5L453.3 18.7c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z'/%3E%3C/svg%3E");
}

.filter-icon::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M3.9 54.9C10.5 40.9 24.5 32 40 32H472c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9V448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6V320.9L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z'/%3E%3C/svg%3E");
}

.eye-icon::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M572.5 241.4C518.3 135.6 410.9 64 288 64S57.7 135.6 3.5 241.4a32.4 32.4 0 0 0 0 29.2C57.7 376.4 165.1 448 288 448s230.3-71.6 284.5-177.4a32.4 32.4 0 0 0 0-29.2zM288 400a144 144 0 1 1 144-144 143.9 143.9 0 0 1 -144 144zm0-240a95.3 95.3 0 0 0 -25.3 3.8 47.9 47.9 0 0 1 -66.9 66.9A95.8 95.8 0 1 0 288 160z'/%3E%3C/svg%3E");
}

.eye-slash-icon::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M320 400c-75.9 0-137.3-58.7-142.9-133.1L72.2 185.8c-13.8 17.3-26.5 35.6-36.7 55.6a32.4 32.4 0 0 0 0 29.2C89.7 376.4 197.1 448 320 448c26.9 0 52.9-4 77.9-10.5L346 397.4a144.1 144.1 0 0 1 -26 2.6zm313.8 58.1l-110.6-85.4a331.3 331.3 0 0 0 81.3-102.1 32.4 32.4 0 0 0 0-29.2C550.3 135.6 442.9 64 320 64a308.2 308.2 0 0 0 -147.3 37.7L45.5 3.4A16 16 0 0 0 23 6.2L3.4 31.5A16 16 0 0 0 6.2 53.9l588.4 454.7a16 16 0 0 0 22.5-2.8l19.6-25.3a16 16 0 0 0 -2.8-22.5zm-183.7-142l-39.3-30.4A94.8 94.8 0 0 0 416 256a94.8 94.8 0 0 0 -121.3-92.2A47.7 47.7 0 0 1 304 192a46.6 46.6 0 0 1 -1.5 10l-73.6-56.9A142.3 142.3 0 0 1 320 112a143.9 143.9 0 0 1 144 144c0 21.6-5.3 41.8-13.9 60.1z'/%3E%3C/svg%3E");
}

.LoginSvgContainer{
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto 1em;
    border-radius: 50%;
    pointer-events: none;
}

.LoginSvgContainer div {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    border-radius: 50%;
    padding-bottom: 100%;
}

.LoginSvgContainer:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: inherit;
    height: inherit;
    box-sizing: border-box;
    border: solid 2.5px #217093;
    border-radius: 50%;
}

.LoginSvgContainer .mySVG {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.input-label-fix-size{
    width: 200px !important;
}

/* Datatable */

.page-item.active .page-link {
    background-color: lightgrey !important;
    border: 1px solid lightgrey;
}

.page-link {
    color: black !important;
}


table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{
    color: #5C676C;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0;
}

.select2-container--bootstrap4 .select2-results__option--selected {
    background-color: #ddd;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 7px;
    padding-right: 5px;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-search__field{
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove > span {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove > span:hover, .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove > span:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none;
}


.fc-multimonth-header-table {
    display: none;
}

.fc-multimonth-month{
    display: flex;
    border-bottom: 1px solid #414141;
    flex-flow: wrap;
}

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{
    top: 0;
}

.fc .fc-multimonth-singlecol .fc-multimonth-daygrid{
    margin-top: 0 !important;
    width: calc(100% - 145px);
}

.fc-multimonth-header{
    margin-bottom: 0 !important;
    background-color: #f1f1f1 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    width: 145px !important;
    position: relative !important;
}

.fc .fc-toolbar.fc-header-toolbar{
    margin-bottom: 2.5em;
}

#dayList{
    margin-bottom: -75px;
    margin-top: 75px;
    margin-left: 145px;
    width: calc(100% - 163px);
    display: flex;
    justify-content: space-around;
    overflow: hidden;
}