@font-face {
    font-family: cruinn;
    src: url(../fonts/Cruinn.ttf)
}

body {
    font-family: "Open Sans", sans-serif;
    line-height: 1.6;
}

.add-todo-input,
.edit-todo-input {
    outline: none;
}

.add-todo-input:focus,
.edit-todo-input:focus {
    border: none !important;
    box-shadow: none !important;
}

#btn-clear-project,
#btn-clear-project-nav {
    display: none;
    cursor: pointer;
}

#btn-dropdown-project-nav {
    padding: .5rem .7rem;
}

.check-list-count {
    font-size: smaller;
    color: #027bff;
}
.check-list-item .form-check-input:checked + label {
    text-decoration: line-through;
}
.check-list-item-form.template {
    display: none !important;
}

.edit-todo-input {
    /*font-size: 1.7rem !important;*/
}

.edit-todo-title .icon-check-list-add {
    position: absolute;
}

.icon-project {
    border-radius: 30px !important;
    line-height: 62px;
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 0;
    cursor: pointer;
}
.icon-project h6 {
    margin: auto;
    font-weight: bold;
}
.icon-project h6 span {
    display: none;
}
.icon-project.bg0 {background-color: #edebeb !important;}
.icon-project.bg1 {background-color: #FFD1DC !important;}
.icon-project.bg2 {background-color: #EFA94A !important;}
.icon-project.bg3 {background-color: #7FB5B5 !important;}
.icon-project.bg4 {background-color: #5D9B9B !important;}
.icon-project.bg5 {background-color: #A18594 !important;}
.icon-project.bg6 {background-color: #77DD77 !important;}
.icon-project.bg7 {background-color: #FF7514 !important;}
.icon-project.bg8 {background-color: #FF8C69 !important;}
.icon-project.bg9 {background-color: #FF9BAA !important;}
.icon-project.bg10 {background-color: #FFB28B !important;}
.icon-project.bg11 {background-color: #FCE883 !important;}
.icon-project.bg12 {background-color: #BEBD7F !important;}
.icon-project.bg13 {background-color: #C6DF90 !important;}
.icon-project.bg14 {background-color: #99FF99 !important;}
.icon-project.bg15 {background-color: #AFDAFC !important;}
.icon-project.bg16 {background-color: #E6E6FA !important;}
.icon-project.bg17 {background-color: #FFF0F5 !important;}
.icon-project.bg18 {background-color: #F5F5DC !important;}
.icon-project.bg19 {background-color: #E4717A !important;}
.icon-project.bg20 {background-color: #B39F7A !important;}
.icon-project.bg21 {background-color: #E6D690 !important;}
.icon-project.bg22 {background-color: #EAE0C8 !important;}
.icon-project.bg23 {background-color: #F2E8C9 !important;}
.icon-project.bg24 {background-color: #F2DDC6 !important;}
.icon-project.bg25 {background-color: #FDF4E3 !important;}
.icon-project.bg26 {background-color: #F5FFFA !important;}
.icon-project.bg27 {background-color: #3EB489 !important;}
.icon-project.bg28 {background-color: #ACE5EE !important;}
.icon-project.bg29 {background-color: #A8E4A0 !important;}
.icon-project.bg30 {background-color: #CCCCFF !important;}
.icon-project.bg31 {background-color: #FAE7B5 !important;}
.icon-project.bg32 {background-color: #FAEEDD !important;}
.icon-project.bg33 {background-color: #FAEBD7 !important;}
.icon-project.bg34 {background-color: #FFDEAD !important;}
.icon-project.bg35 {background-color: #FFE4C4 !important;}
.icon-project.bg36 {background-color: #FFDB8B !important;}
.icon-project.bg37 {background-color: #EEE8AA !important;}
.icon-project.bg38 {background-color: #FADADD !important;}
.icon-project.bg39 {background-color: #AFEEEE !important;}
.icon-project.bg40 {background-color: #ACB78E !important;}
.icon-project.bg41 {background-color: #DAD871 !important;}
.icon-project.bg42 {background-color: #ECEABE !important;}
.icon-project.bg43 {background-color: #FFCF48 !important;}
.icon-project.bg44 {background-color: #DCDCDC !important;}
.icon-project.bg45 {background-color: #A2A2D0 !important;}
.icon-project.bg46 {background-color: #F9F8BB !important;}
.icon-project.bg47 {background-color: #FFC1CC !important;}
.icon-project.bg48 {background-color: #FFE5B4 !important;}
.icon-project.bg49 {background-color: #FCD975 !important;}
.icon-project.bg50 {background-color: #9ACEEB !important;}
.icon-project.bg51 {background-color: #E7C697 !important;}
.icon-project.bg52 {background-color: #5F9EA0 !important;}
.icon-project.bg53 {background-color: #F0DC82 !important;}
.icon-project.bg54 {background-color: #EDD19C !important;}
.icon-project.bg55 {background-color: #FFBD88 !important;}
.icon-project.bg56 {background-color: #FEE5AC !important;}
.icon-project.bg57 {background-color: #EFDECD !important;}
.icon-project.bg58 {background-color: #FFE4B5 !important;}
.icon-project.bg59 {background-color: #9FE2BF !important;}
.icon-project.bg60 {background-color: #7FC7FF !important;}
.icon-project.bg61 {background-color: #FDDB6D !important;}
.icon-project.bg62 {background-color: #71BC78 !important;}
.icon-project.bg63 {background-color: #EFCDB8 !important;}
.icon-project.bg64 {background-color: #FCDD76 !important;}
.icon-project.bg65 {background-color: #E5E4E2 !important;}
.icon-project.bg66 {background-color: #FFEFD5 !important;}
.icon-project.bg67 {background-color: #F5DEB3 !important;}
.icon-project.bg68 {background-color: #DCD0FF !important;}
.icon-project.bg69 {background-color: #FFBCAD !important;}
.icon-project.bg70 {background-color: #F0E68C !important;}
.icon-project.bg71 {background-color: #ACE1AF !important;}
.icon-project.bg72 {background-color: #BADBAD !important;}
.icon-project.bg73 {background-color: #FAD6A5 !important;}
.icon-project.bg74 {background-color: #EEE6A3 !important;}
.icon-project.bg75 {background-color: #EBC2AF !important;}
.icon-project.bg76 {background-color: #D8BFD8 !important;}

input.not-show {
    width: 0;
    padding: 0 !important;
    border: 0;
    line-height: 0;
    position: absolute;
    top: 20px;
    left: 5px;
}

.modal-body .help-block.help-block-error {
    font-size: 85%;
    color: red;
    padding: 5px 0 0;
}

nav.navbar {
    margin: 0 9rem;
}
nav .navbar-brand {
    font-family: cruinn;
    font-size: 2rem;
}
nav .navbar-brand i {
    color: #f94d74;
}
nav .navbar-brand .left-part {
    color: #f94d74;
}
nav .navbar-brand .right-part {
    color: #8b8989;
}
.navbar-nav .user-info i {
    color: #000;
}


.nav-pills .nav-link {
    background: #f1f2f4;
}

.nav-projects .dropdown-toggle {
    padding: .5rem 1rem;
}

#notification {
    position:fixed;
    top:0;
    width:100%;
    z-index:105;
    text-align:center;
    display: none;
}

#pills-tab .nav-item {
    position: relative;
}

#pills-wait-tab {
    padding: 0;
}
#pills-wait-tab.active i {
    color: #fff !important;
}

.project-box .project-box-input {
    display: none;
}

/*.project-box .project-box-input .form-control {*/
/*    width: unset;*/
/*}*/

#task-list .checkbox-wrap,
#task-list-done .checkbox-wrap {
    width: 1.5rem;
}

#task-list .edit-todo-input {
    /*margin-left: 0.5rem;*/
    padding-left: 0.6rem !important;
}

#task-list-done .todo-title {
    display: inline-table;
}

.task-days-ago {
    font-size: .7rem;
    color: red;
}

.task-days-ago-wrap {
    position: absolute;
    white-space: nowrap;
    left: -21px;
    display: inline-block;
    width: 20px;
    text-align: right;
}

.task-item .check-list {
    font-size: 1.1rem;
    font-weight: 300;
    padding: 0 2.5rem;
}
.task-item .check-list input[type="checkbox"] {
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    margin-top: 0.45rem;
}
.task-item .check-list .form-group {
    margin-bottom: 0;
}

/*.task-item.has-check-list .edit-todo-title {*/
/*    border-bottom: dashed;*/
/*    line-height: 1.5rem;*/
/*    color: #027bff;*/
/*    cursor: pointer;*/
/*}*/

.task-item.has-check-list .btn-done {
    cursor: pointer !important;
}

.task-item.has-check-list .icon-success {
    cursor: pointer !important;
}

.task-item.is-done .check-list,
.task-item.is-closed .check-list {
    display: none;
}

.text-stroke {
    text-decoration: line-through !important;
}

.todo-actions,
.icon-check-list-add,
.check-list-item .icon-delete {
    visibility: hidden !important;
}

.todo-item:hover {
    background: #f1f2f4;
}

.todo-item:hover .todo-actions,
.todo-item:hover .icon-check-list-add,
.task-item:not(.is-done) .check-list-item:hover .icon-delete {
    visibility: visible !important;
}

.todo-item.editing .todo-actions .edit-icon,
.todo-item.editing .todo-actions .back-icon,
.todo-item.editing .icon-check-list-add,
.task-item.is-done .edit-icon,
.task-item.is-open .back-icon,
.edit-todo-title.editing .icon-check-list-add {
    display: none !important;
}

.task-item .back-icon i {
    cursor: pointer;
}

.task-item.is-done span.edit-todo-title {
    text-decoration: line-through;
}

.task-item.is-warning .warning-icon {
    visibility: visible;
}

/*.todo-item.closed .todo-actions,*/
.todo-item.closed .icon-check-list-add {
    display: none !important;
}

.todo-item-task .date-todo-wrap,
.todo-item-task .project-todo-wrap {
    position: relative;
    display: none;
}
.todo-item-task .date-todo-wrap .fa-calendar,
.todo-item-task .project-todo-wrap .fa-folder {
    position: absolute;
}
.todo-item-task .date-todo-wrap .date-todo-input,
.todo-item-task .project-todo-wrap select {
    padding-left: 1.9rem !important;
    width: 9rem;
}

.view-opt-label,
.date-label {
    font-size: 0.8rem;
}

@media (max-width: 767px) {
    #form-task .add-todo-wrapper .col {
        padding: 0;
    }
    #form-task .add-todo-wrapper .form-control-lg {
        height: calc(1rem + 2px);
        padding: .1rem .5rem;
        font-size: 1.1rem;
    }
    .icon-all-dates,
    .icon-none-dates {
        padding: 0;
        margin: 0 !important;
    }
    nav.navbar {
        margin: 0 1rem;
    }
    nav .navbar-brand {
        font-size: 1.5rem;
    }
    .nav-item-all-dates {
        position: absolute !important;
        right: 15px;
        top: 10px;
    }
    .nav-item-none-dates {
        position: absolute !important;
        right: 17px;
        margin-top: 17px;
    }
    .task-item .edit-todo-title {
        font-size: 1rem;
    }
    .task-item .check-list {
        font-size: 0.9rem;
    }
    .task-item h2.checkbox-wrap {
        font-size: 1.8rem;
    }
    .task-item .project-icon-col {
        display: none;
    }
}

@media (max-width: 575px) {
    nav .navbar-brand {
        font-size: 1.5rem;
    }
    .navbar-toggler {
        font-size: 1rem;
    }
}