html {
    font-family: Arial;
}
* {
    box-sizing: border-box;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

th {
    background-color: #f2f2f2;
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

tr:hover {
    background-color: #dddddd;
}

h1 {
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center;
}

.projects-list{
    width: 100%;
    max-width: 1400px;
    margin: 50px auto;
}

.btn {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    height: 35px;
    justify-content: center;
    line-height: 1;
    padding: 0 16px;
    transition: all 100ms linear;
    text-decoration: none;
    font-size: 14px;
}

.btn-primary {
    background-color: #1e79f2;
    border: 1px solid #1e79f2;
    color: #fff;
}

.btn-danger {
    background-color: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
}

.add-project-button {
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
    cursor: pointer;
}

.btn-danger:hover {
    background-color: #d70909;
    border-color: #d70909;
    cursor: pointer;
}

.edit-cell {
    text-align: center;
    max-width: 58px;
}

.delete-cell {
    text-align: center;
    max-width: 37px;
}

.form-container {
    max-width: 500px;
    margin: 50px auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.form-group input, .form-group select {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}

.projects-btn-group {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 10px;
}

.projects-btn-group label {
    font-weight: bold;
}

.projects-btn-group input {
    height: 29px;
    margin-right: 10px;
    margin-left: 6px;
}

/* navbar */
.navbar {
    display: flex;
    /*justify-content: flex-end;*/
    align-items: center;
    padding: 10px 20px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    font-size: 16px;
}

.navbar .user-info {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.navbar .user-info span {
    margin-right: 8px;
    font-size: 16px;
    color: #343a40;
}

.navbar .user-info i {
    font-size: 12px;
}

.navbar .dropdown-menu {
    display: none;
    position: absolute;
    right: 20px;
    top: 40px;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    z-index: 1000;
    width: 150px;
}

.navbar .dropdown-menu a {
    display: block;
    padding: 10px 20px;
    color: #007bff;
    text-decoration: none;
}

.navbar .dropdown-menu a:hover {
    background-color: #f8f9fa;
}

.navbar .dropdown-menu .admin-link {
    font-weight: bold;
}

.navbar .dropdown-menu .admin-link:hover {
    background-color: #f8f9fa;
}

#filter-form .select2-container{
    width: 14% !important;
    font-size: 13px !important;
}

#date_from,
#date_to {
    height: 27px;
    border: 1px solid #6aa5e2;
    border-radius: 4px;
    padding-left: 5px;
    margin-right: 5px;
}

.timereports_filters {
    margin-top: 20px;
    margin-bottom: 6px;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single{
    border-color: #6aa5e2 !important;
}

#filter-form input {
    font-size: 13px;
}

.select2-container .select2-selection--multiple,
.nav-jira-select .select2-selection{
    min-height: 27px !important;
    margin-right: 5px;
}

#apply-filters,
#save-filters {
    height: 27px;
    border-radius: 4px;
    margin-right: 5px;
}

#save-filters,
.modal-footer #confirm-save,
.send-report-button {
    background-color: #0dbf48;
    border-color: #0dbf48;
    margin-right: 10px;
}

#save-filters:hover,
.modal-footer #confirm-save:hover,
.send-report-button:hover {
    background-color: #07a33b;
    border-color: #07a33b;
}

#apply-filters:hover {
    cursor: pointer;
}

.timereports_content {
    margin-left: 50px;
    margin-right: 50px;
}

.timereports_header {
    display: flex;
    width: 100%;
}

.timereports_filters {
    width: 100%;
    display: flex;
}

.timereports_header #filter-form {
    width: 80%;
}

.loader-image {
    width: 20px;
    height: 20px;
}

.timereports_filters .loader {
    padding-top: 3px;
    margin-left: 5px;
}

.btn-primary.btn-disabled,
.remove-email.disabled {
    cursor: auto;
    background-color: #a1c3e9 !important;
    border-color: #a1c3e9 !important;
}

#download_csv {
    height: 27px;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 6px;
    margin-left: auto;
}

#download_csv:hover {
    cursor: pointer;
}

#report-table {
    font-size: 13px !important;
}

.report-sending-logs-table {
    font-size: 13px; !important;
}


.projects-table {
    font-size: 14px;
}

.projects-list button.btn-primary {
    max-height: 27px;
}

.projects-list button.btn-danger {
    max-height: 27px;
}

.projects-list a.btn-primary {
    max-height: 27px;
}

#time_goal {
    max-height: 27px;
}

.projects-list label {
    font-size: 14px;
}

.nav-links {
    /*margin-right: auto;*/
}

.nav-links a {
    color: #343a40;
    margin-right: 20px;
    text-decoration: none;
}

.nav-links a.active {
    /*color: #868484;*/
    font-weight: bold;
    color: #000;
}



.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 700px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    font-size: 15px;
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.modal-body {
    margin-top: 20px;
    text-align: left;
}

.modal-footer {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.modal-footer .close-modal {
    background-color: #6c757d;
}

.modal-footer button {
    border-radius: 4px;
    height: 37px;
    font-size: 15px;
    width: 150px;
}

.btn-secondary {
    background-color: #6c757d;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.btn-secondary:hover {
    background-color: #555a5e;
}

.close-modal {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

#selected-filters {
    list-style-type: none;
    padding: 0;
}

#selected-filters li {
    margin-bottom: 10px;
}

.model-header-separator {
    border-color: #fff;
}

.modal-header .close-modal {
    color: #d11515;
    font-weight: bold;
}

input#filter-name {
    width: 510px;
    height: 27px;
}

.modal-btns-container {
    position: relative;
}

.loader-modal {
    position: absolute;
    left: -35px;
    top: 7px;
}

.modal-btns-container .loader-image {
    width: 25px;
    height: 25px;
}

.modal-footer .btn-primary.disabled {
    background-color: #7adc9a !important;
    border-color: #7adc9a !important;
    cursor: auto !important;
}

.modal-footer .btn-danger {
    margin-right: 10px;
    cursor: pointer;
}

/*.modal-footer .btn-danger.disabled {*/
/*    background-color: #ff8a8a !important;*/
/*    border-color: #ff8a8a !important;*/
/*    cursor: auto !important;*/
/*}*/

.btn-danger.disabled {
    background-color: #ff8a8a !important;
    border-color: #ff8a8a !important;
    cursor: auto !important;
}

.modal-body-warning {
    color: #ff0000;
    font-weight: bold;
}

.modal-body-success {
    color: #0dbf48;
    font-weight: bold;
}

.filters-list,
.jiras-list,
.reports-list {
    margin-left: 50px;
    margin-right: 50px;
}

.filters-table,
.jiras-table,
.reports-table {
    font-size: 14px;
}

.header-filters-name {
    width: 532px;
}

.header-filters-projects {
    width: 230px;
}

.header-filters-users {
    width: 230px;
}

.header-filters-labels {
    width: 230px;
}

.header-filters-date_range {
    width: 170px;
}

.header-filters-delete {
    width: 104px;
}

.filters-table button {
    max-height: 27px;
}

.select2-results__option {
    font-size: 14px !important;
}

.timereports_filters_right {
    display: flex;
    width: 20%;
}

.filter_select_container {
    display: flex;
    flex-direction: column;
    /*justify-content: flex-end;*/
    margin-top: 20px;
    margin-bottom: 6px;
}

.filter_select_container {
    font-size: 13px;
    width: 222px;
    margin-right: auto;
}

.select2-container.select2-filters-container {
    position: absolute;
    left: 1200px !important;
    width: 500px !important;
    right: 0;
    z-index: 9999;
}

#generate_and_send {
    float: right;
    margin-bottom: 5px;
    height: 27px;
}

#sendModal label {
    display: block;
    margin-bottom: 8px;
    cursor: pointer;
}

.select-all-checkbox {
    font-weight: bold;
}

.header-logs-date {
    width: 162px;
}

.header-logs-filters {
    width: 506px;
}

.header-logs-reports {
    width: 506px;
}

.header-logs-date-range {
    width: 162px;
}

.report-sending-logs-list {
    margin-left: 50px;
    margin-right: 50px;
}

/*.report-sending-logs-table li{*/
/*    margin-bottom: 10px;*/
/*}*/

td ul li {
    margin-bottom: 10px;
}

td ul li:last-child {
    margin-bottom: 0;
}

.btn {
    height: 27px;
}

.add-jira-button,
.add-report-button {
    margin-bottom: 5px;
}

.required::after {
    content: '*';
    color: red;
    margin-left: 5px;
    font-size: 12px;
}

.validation-errors li{
    color: red;
}

.header-jiras-edit,
.header-jiras-delete {
    width: 104px;
}

.login-button-container .btn {
    height: 100%;
}

.header-jiras-choose {
    width: 100px;
}

.nav-disabled {
    position: relative;
    /*pointer-events: none;*/
    opacity: 0.6;
    cursor: not-allowed;
}

.nav-disabled .tooltip {
    display: none;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 9999;
    pointer-events: none;
    top: 24px;
    left: 74px;
}

.nav-disabled.show-tooltip .tooltip {
    display: block;
}

.nav-jira-select {
    width: 300px;
}

.nav-jira-select .select2-container {
    width: 100% !important;
}

.nav-links {
    flex: 0 0 50%;
}

.user-info {
    margin-left: auto;
}

.nav-jira-select .select2-selection {
    height: 27px !important;
}

.nav-jira-select .select2-selection__rendered {
    line-height: 27px !important;
    font-size: 15px;
}

.nav-jira-select .select2-selection {
    margin-right: 0;
}

.select2-container .select2-selection--single {
    height: 27px !important;
}

#date_range_select + .select2-container {
    margin-right: 5px;
    min-height: 27px !important;
}

.select2-selection__placeholder {
    color: #757575 !important;
}

#date_range_select + .select2-container .select2-selection__rendered {
    line-height: 25px;
}

.form-wide {
    max-width: 1000px;
}

.plus-minus-btn {
    text-align: right;
    margin-top: 10px;
}

.plus-minus-btn .add-email {
    margin-right: 5px;
}

.email-input-group {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.email-input-group input {
    width: 907px;
}

.report-create-edit input:not(.select2-search__field) {
    height: 29.5px;
    border-radius: 4px;
    /*border: 1px solid;*/
}

.report-create-edit input.select2-search__field {
    font-size: 13px !important;
}

.report-create-edit .select2-container .select2-selection--multiple {
    min-height: 29.5px !important;
}

.report-create-edit .select2-container .select2-search--inline .select2-search__field {
    margin-top: 6px;
}

.report-create-edit .select2-container .select2-selection--multiple {
    margin-right: 0;
}

.report-create-edit .remove-email.inline-row-btn,
.plus-minus-btn .btn{
    height: 29.5px;
}

.plus-minus-btn .btn {
    font-weight: bold;
    font-size: 13px;
}

/*.report-create-edit .remove-email.inline-row-btn {*/
/*    margin-left: 5px;*/
/*}*/

.header-report-name {
    width: 161px;
}

.header-report-jira {
    width: 150px;
}

.header-report-filters-list {
    width: 440px;
}

.header-reports-recipients {
    width: 300px;
}

.header-report-creator {
    width: 300px;
}

.header-reports-edit {
    width: 150px;
}

.header-reports-delete {
    width: 125px;
}

.reports-table ul {
    padding-left: 20px;
}

.header-reports-send {
    width: 100px;
}

.send-report-button {
    margin-right: 0;
}

input {
    border: 1px solid #6aa5e2;
}

td ul {
    margin-top: 0;
    margin-bottom: 0;
}

.msg-success, .msg-error {
    background-color: #c6f0c6;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.msg-error {
    background-color: #ff7b7b;
}