body{ font-family: arial;}
.learn{font-size:12px;}
/* tracker.css*/
.back-button {color: #212529; text-decoration: none;}
.back-button:hover h5, .back-button:hover i, .back-button:focus h5, .back-button:focus i {color: #7e8035; }
.back-button:hover small, .back-button:focus small {color: #212529;}
.g-text {color: #7e8035;}
.image-frame {width: 100%;height: 180px;}
.switch-big {width: 80px !important;height: 40px !important;}
i.fa.fa-chevron-left.fs-1.d-flex.align-items-center.px-3 {font-size: 18px !important;color: #2f2540;padding-right: 24px !important;}
center.image-frame.d-flex.flex-column.justify-content-center { margin-top: 7px;}
.work-diary { margin: 7px 0;}
.work-diary a { color: #2f2540;text-decoration: none;font-size: 14px;}
.d-flex.w-100.justify-content-between small {margin-bottom: 10px;}
.settings {position: static; width: 100%;bottom: 0;padding: 0 15px; left: 0; right: 0;border-top: 1px solid #ccc;}
.setting-btn.d-flex {justify-content: space-between; padding: 10px 0;}
ul.left-part { padding: 0;margin: 0; list-style: none;}
.setting-btn .left-part i {font-size: 20px;color: #2f2540; margin-right: 10px;}
.setting-btn .left-part ul { display: none;}
.setting-btn .left-part ul li { text-align: left; margin-bottom: 5px;padding-bottom: 20px;}
.setting-btn .left-part li {font-size: 15px; text-decoration: none;color: #212529;}
.setting-btn .left-part ul li a { color: #21252c;text-decoration: none;}
.setting-btn.d-flex button { border: 0;background: transparent;}
.setting-btn i {font-size: 20px;}
#activeMenu ul {display: block !important;position: fixed; bottom: 0;width: 100%;left: 0;padding: 50px 30px;background: #f1f1f1;list-style: none; box-shadow: 0 0 15px 0px rgb(0 0 0 / 25%); margin-bottom: 0;}
a {text-decoration: none; padding-top: 16px;}
.icon-flex.d-flex i.fas.fa-angle-right {font-size: 13px;}
.icon-flex.d-flex { align-items: center;}



/*project */

.project-name h6 {font-size: 15px;font-weight: 600;}
.input-group input.form-control.rounded {position: relative;}
.input-group i.fas.fa-search {position: absolute;left: 20px;top: 13px;}
.input-group input.form-control.rounded {padding-left: 60px;}
.input-group.rounded { margin-right: 20px;}
.search-area.d-flex {margin: 20px 0;}
.refres-btn button {border: 1px solid #ddd;border-radius: 100px;width: 40px !important;height: 40px;}
.justify-text.d-flex{justify-content: space-between;border-bottom: 2px solid #ccc;padding-bottom: 10px;}
.justify-text.d-flex button {border: 1px solid transparent;background: transparent; }
.justify-text.d-flex button:hover {border: 1px solid;}
.progress-bar.w-75 {background: #2f2540;}
.hours-week a { color: #000;text-decoration: none;}
.progress {height: 2px!important; }
.tracker-page .project-name {padding: 10px 0; width: 100%;}
.project-block.d-flex.flex-row.justify-content-between.align-items-center {border-bottom: 1px solid #ccc; }
.project-block.d-flex.flex-row.justify-content-between.align-items-center.border {border:none!important; }
.setting-btn.d-flex {justify-content: space-between;padding: 10px 0;}
.setting-btn.d-flex button {border: 0;background: transparent; }
.setting-btn .left-part li {font-size: 15px;text-decoration: none; color: #212529; font-family: arial;}
ul.left-part {padding: 0;margin: 0; list-style: none;}
#activeMenu ul {display: block !important;position: absolute;bottom: 0; width: 100%;left: 0;background: #f1f1f1;padding: 50px 30px;list-style: none;box-shadow: 0 0 15px 0px rgb(0 0 0 / 25%);margin-bottom: 0;}
.setting-btn .left-part ul li { text-align: left; margin-bottom: 5px;padding-bottom: 20px;}
.setting-btn .left-part ul li a {color: #21252c;text-decoration: none;}
.setting-btn .left-part i {font-size: 20px;color: #2f2540;margin-right: 10px; }
.setting-btn i {font-size: 20px;color: #2f2540;}
.settings { position: fixed; width: 100%;bottom: 0;padding: 0 15px;left: 0;right: 0; border-top: 1px solid #ccc; margin-top: 20px;    background: #fdfaf8;}
.setting-btn .left-part ul {display: none;}

p.client-name.mb-0 {font-size: 10px;}

.icon-flex.d-flex i.fas.fa-angle-right {font-size: 13px;}
.icon-flex.d-flex { align-items: center;}
h6.projectList {cursor: pointer;margin: 0px;font-weight: 700;}
h6.projectTask {font-weight: 500; cursor: pointer;}
.w-100.px-3.py-2.captchur { position: absolute;bottom: 45px;}
.additems { font-size: 13px;font-weight: 600;}
.items {width: 100%; height: 35px;border: 1px solid #e8e8e8;font-size: 14px;}


/* index.html */

.border-line {margin: 20px 0;}
.border-line p {text-align: center;font-size: 56px;}
.upwork-login .heading h1 {text-align: center;margin: 20px 0;}
.form-login h4 {text-align: center;font-size: 24px;margin-bottom: 30px !important;}
input.email::placeholder {font-size: 15px !important;}
.form-login form {text-align: center;margin-top: 40px;}
.form-login form input {padding: 10px 30px;border-radius: 5px;outline: none;border: 1px solid #ccc;}
input.email, input.custom-password {width: 100%;margin-bottom: 15px;padding: 7px 15px;}
input.submit {padding: 10px 30px !important;width: 100%;background: #2f2540;color: #fff;font-weight: 600;border: 1px solid #2f2540 !important;border-radius: 100px !important;font-size: 18px;}
.upwork-login {padding: 20px 15px;height: 620px;display: flex;}
.custom-desktop-app {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.logo {text-align: center;}
.logo img {width: 150px !important;}
.form-2 .btn {width: 100%;padding: 26px !important;border-radius: 100px;}
input.google-btn.btn {background: #008bff;color: #fff;font-size: 46px;font-weight: 600;margin-bottom: 25px;}
input.apple-btn.btn {color: #000;font-size: 46px;font-weight: 600;border: 1px solid;}
.error{color:red;}
.project {margin-bottom: 46px;}
small.timeago { font-size: 14px;}
i.fa.fa-folder {color: #7d782e;margin-right: 5px;}
i.fa.fa-tasks {color: #7d782e; margin-right: 5px;}
.notes{width:100%;height:35px;border: 1px solid #e8e8e8;    font-size: 14px;}
.addnotes{font-size: 13px;font-weight: 600;}
h5.m-0.projectname {font-size: 16px !important;font-weight: 700;}
.form-check-input:checked { background-color: #2f2540; border-color: #2f2540;}
.loader { position: absolute;top: 50%;  left: 38%;}
.loader img {
    width: 100px;
}