.process_links {
    align-self: flex-end;
}

.process_link {
    color: darkslategray;
}

.process_link:hover {
    color: darkslateblue;
    text-decoration: underline;
}

.down-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    background: transparent;
    border-top: solid 7px #666;
    border-bottom-width: 0;
    margin-top:1px;
}

.up-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    background: transparent;
    border-bottom: solid 7px #666;
    border-top-width: 0;
}

#datatable thead tr th a {
    text-decoration: none;
    font-weight: bold;
    color: #666;
}

#datatable tbody tr td {
    vertical-align: middle;
}

.nav-item.copyright a {
    display: inline !important;
    padding: 0px !important;
    color: #23CCEF !important;
}

.nav-item.copyright a:hover {
    background-color: transparent !important;
}

.copyright {
    position: absolute;
    bottom: 10px;
    margin: 5px 15px 0px 10px;
}

.copyright-logo {
    position: absolute;
    bottom: -15px;
    margin-bottom: 0px !important;
}


@media (max-height: 940px) {
    .copyright {
        position: static;
    }
}

.has-error .form-control {
    color: #FB404B;
}

.has-success .form-control:focus {
    color: #87CB16;
}

.form-group.has-error .error {
    color: #FB404B;
    text-transform: none;
    margin-bottom: 0;
}

.navbar.navbar-expand-lg.main-navbar,
.alert.alert-info.mt-5.col-xl-9 {
    background-color: #6777ef;
}

.list-group-item {
    border: none !important;
}

#email,
#password {
    background-color: #fdfdff;
    border-color: #e4e6fc;
}

.swal-footer {
    text-align: center !important;
}

.iziToast-wrapper {
    top: 75px;
    width: 30%;
}

.alert.alert-has-icon .alert-icon {
    margin-top: 3px !important;
}

.alert .alert-title {
    margin-bottom: 0px !important;
}

#table-2_wrapper {
    padding: 0px !important;
}

.btn.btn-link:hover {
    background-color: transparent !important;
}

.sidebar-brand,
.sidebar-brand-sm {
    height: 74px !important;
    margin-bottom: 70px;
    font-size: 24px !important;
}

.card-header {
    display: block !important;
}

/* Tooltip container */
.info-text {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.info-text .tooltiptext {
    visibility: hidden;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    font-family: "Nunito", "Segoe UI", arial !important;
    font-size: 14px !important;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    left: 25px;
    top: -5px;
    width: 18vw;
    max-width: max-content;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.info-text .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 8px;
    right: 100%; /* To the left of the tooltip */
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.info-text:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.form-group.has-success .error {
    display: none !important;
}

.card-statistics {
    padding-right: 10px;
    width: 100%;
}

.card-statistics p i{
    margin-right: 5px;
}

.card-header-styled {
    padding-top: 1.5rem !important;
}

.row.form-row,
.row.row-styled {
    margin-bottom: 10px;
}

#id_form-0-unit:hover,
#id_form-0-unit:focus,
#id_unit:hover,
#id_unit:focus {
    border-color: #e4e6fc !important;
}

#datatable_wrapper {
    padding: 0px !important;
}

#datatable tbody tr:hover {
    color: black;
}

#datatable {
    border-bottom: none;
}

.process_link {
    margin: 0 2px;
}

.card .card-header .card-title {
    margin-top: 6px;
    margin-bottom: 0px;
}

.form-info {
    margin: 1rem 0;
}

.nav-pills .nav-item .nav-link {
    background-color: #f6f7fe;
}

.info-title {
    margin-top: 3rem;
    margin-bottom: 1rem;
}

.fa.fa-info.icon {
    margin: 0px 4px;
}

.paginate_button.page-item:hover {
    background: none !important;
    border: none !important;
}

.fa.fa-chevron-down {
    margin-right: 2px;
}

.down-arrow {
    margin-left: 3px;
}

.swal-button-container {
    width: 30%;
}

.swal-button {
    width: 100%;
}

.iziToast-body {
    padding-left: 0px !important;
}

.login-card {
    margin-top: 20rem !important;
}

.float-right a {
    font-size: 12px;
}

img[alt="Flowit"] {
    height: 70px;
    width: 145px;
}

.login-btn.py-3 button {
    width: 100%;
}

.sidebar-brand img[alt="Flowit"] {
    height: 100%;
    width: 60%;
}

.sidebar-brand-sm img[alt="Flowit"] {
    height: 50%;
    width: 30%;
}

.btn.btn-default.add-form-row {
    margin-right: 5px;
}

.iziToast-message.slideIn {
    font-weight: 700 !important;
}

.nav-item.copyright.hide-sidebar-mini a {
    color: #6777ef !important;
}

#tab1 {
    line-height: 1.5 !important;
}

.row .col-md-10 .form-group.mb-1 {
    margin: 6px 0 !important;
}

.col-md-4 .activity-group,
.col-md-4 .dropdown {
    margin-bottom: 1rem;
}

.has-error #id_name,
.has-error #id_email,
.has-error #id_password,
input[aria-invalid=true],
.has-error #id_description,
.has-error #id_task_time,
.has-error #id_repetition,
#registerForm .has-error #id_first_name,
#registerForm .has-error #id_last_name,
#registerForm .has-error #id_password1,
#registerForm .has-error #id_password2{
    border-color: red !important;
}

.has-success #id_name,
.has-success #id_email,
.has-success #id_password,
.has-success #id_description,
.has-success #id_task_time,
.has-success #id_repetition,
#registerForm .has-success #id_first_name,
#registerForm .has-success #id_last_name,
#registerForm .has-success #id_password1,
#registerForm .has-success #id_password2 {
    border-color: #87CB16 !important;
}

input[type="checkbox"] {
   height:15px;
   width:15px;
   margin-top: 3px;
   border:1px solid #6c757d;
   -webkit-appearance:none;
   -webkit-transition:box-shadow 200ms;
   border-radius:2px;
}

input[type="checkbox"]:checked {
   border-color:#6777ef;
   background-color:#6777ef;
}

input[type="checkbox"]:checked:before {
   content:'';
   display:block;
   width:5px;
   height:8px;
   border:solid #fff;
   border-width:0 2px 2px 0;
   -webkit-transform:rotate(45deg);
   transform:rotate(45deg);
   margin-left:4px;
   margin-top:1px;
}

.col-md-10.py-1 label{
    display: none !important;
}

#group-1-label,
#group-2-label {
    color: rgb(108, 117, 125) !important;
}

.navbar-nav.mr-3 .user_tab {
    color: white;
    padding-top: 3px;
    font-size: 20px;
}

.card .card-header #field-input,
#datatable_filter input {
    font-size: 14px !important;
    padding: 10px 15px !important;
    height: 42px !important;
    border-radius: 4px !important;
}

.form-group.pt-3 .add_unit {
    padding: 5px 0;
}

.row.form-row .fa.fa-info-circle.info-text {
    align-self: center;
}

.row.form-row .fa.fa-info-circle.info-text a {
    color: #fff;
    font-weight: 900;
    text-decoration-line: underline;
}

.flowit-statistic-header {
    justify-content: space-between;
}
.flowit-statistic-header input{
    width: 20%;
}

body {
    font-size: 16px !important;
}

.checkbox-first,
.edit-checkbox-first,
.edit-checkbox-second{
    margin-bottom: 20px;
}

#group-1-label,
#group-2-label {
    margin-bottom: 0px;
}

#tab2 {
    margin-top: 10px;
    padding-bottom: 0px;
}

.row.info-contact {
    margin-top: 40px;
}

.accordion-open {
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    background: transparent;
    border-top: solid 7px #6777ef;
    border-bottom-width: 0;
    margin-top:1px;
}

.accordion-collapsed {
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    background: transparent;
    border-left: solid 7px #6777ef;
}

.accordion-open:hover,
.accordion-collapsed:hover {
    cursor: pointer;
}

.row.mt-4 .col-auto {
    width: 554px;
}

.nav-unit {
    font-size: 20px !important;
    margin-left: 5px;
}

.nav-unit span {
    font-size: 16px;
    top: -3px !important;
    left: 28px !important;
    font-family: "Nunito", "Segoe UI", arial !important;
}

#clear_search {
    margin-left: 5px;
    vertical-align: middle;
    color: red;
}

#clear_search:hover {
    cursor: pointer;
}

input::-webkit-calendar-picker-indicator {
  opacity: 100;
}

#datatable_filter {
    margin-right: 5px;
}

#datatable_length,
#datatable_filter {
    margin-bottom: 10px;
}


#datatable_wrapper .col-sm-12.col-md-6 {
    align-self: self-end;
}

#datatable_paginate li {
    padding: 0px;
}

#datatable_wrapper .col-sm-12.col-md-7 {
    padding-right: 10px;
    padding-top: 20px;
}

#datatable_length .form-control {
    width: 214px;
}

table.dataTable tbody th,
table.dataTable tbody td{
    padding: 5px 0px !important;
}

table.dataTable tbody td .btn.text-danger {
    width: 14px;
}

.card-header.text-center .card-subtitle {
    color: #6c757d;
    padding-top: 10px;
}

.footer .copyright {
    position: static !important;
}

.iziToast>.iziToast-body .iziToast-texts {
    padding-right: 36px;
}