/*Todo page*/
.middle_wrapper {padding: 0;}
.Todo_main h2 {padding-top: 12px;}
.Todo_wrapper{box-sizing: border-box; margin: 0 auto; padding: 0; width: 100%;}
.Todo_wrapper .todo_section1 {background-color: #fcfcfc; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 0 10px #dedede; padding-bottom: 0px; padding-top: 0px; margin: 32px 0 0;}
.calendar-update a:focus {color: #fff;}
.todos-pagination ul {float: right; margin: 0; padding: 0;}
.todo_section1 ul.todos-type-ul li {display: inline-block; line-height: 35px; list-style-type: none; padding: 0 10px 0 0;}
.case-notes-wrapper ul.pagination li {margin: 0 -2px; padding: 0; display: inline-block;}
.case-notes-wrapper ul.pagination li.pagi-active > a {background-color: #263959; border: 1px solid #263959; color: #fff;}
.case-notes-wrapper ul.pagination li a:hover, .case-notes-wrapper ul.pagination li.myactive a {background-color: #263959; border: 1px solid #263959; color: #fff;}
.sidebar-heading .right h2 {font-size: 16px;}
.todo_section1 ul.todos-type-ul span {border-radius: 30px; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; margin: 0 3px 0 5px; padding: 0; text-align: center; width: 30px;}
ul.todos-type-ul li {font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 600;}
ul.todos-type-ul li.active {position: relative}
.todo_section1 .Completed .more-todos-information-assigned {padding: 20px 20px 0 0;}
.todo_section1 .Completed .more-todos-information-completed {padding: 5px 20px 17px 0;}
ul.todos-type-ul li.active:after {background: #B3B3B3 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0%; position: absolute; width: 88%;}
.mutliSelect span {padding: 0; margin: 0;}

.todo_section1 span.action-1 {background: #021F27; color: #fff;}
.todo_section1 span.action-2 {background: #FFECED; color: #000;}
.todo_section1 span.action-3 {background: #C6F79B; color: #000;}
.todo_section1 span.action-4 {background: #F5F3BA; color: #000;}
.todo_section2 {border-bottom: 1px solid #b3b3b3; display: block; font-size: 14px; width: 100%;}
.todo_section2 .left textarea.write {background: rgba(0, 0, 0, 0) url("/themes/app/images/todo_pen.png") no-repeat scroll 10px 50%; border-radius: 0; height: 72px !important; outline: 0 none; width: 100%; padding: 15px 10px 15px 40px; line-height: normal;}
.todo_section2 .left textarea.write::-moz-placeholder {line-height: 36px;}
.todo_section2 .left textarea.write::-webkit-input-placeholder {line-height: 36px;}
.todo_section2 .left textarea.write::-ms-input-placeholder {line-height: 36px;}
.todo_section2 .left {display: block; padding: 20px 20px 13px;}
.todo_section2 .left input {border-radius: 0;}
.todo_section3 .left input {vertical-align: middle;}
.todo_section2 .left img {padding: 0 20px; vertical-align: middle;}
.todo_section2 .right {display: block; padding: 0 20px 5px;}
.todo_section2 .right.submit_todo_case_due_date .cases_div .custom-dropdown-wrapper > label {margin-bottom: 3px;}
.todo_section2 .right.submit_todo_case_due_date .cases_div .custom-dropdown-wrapper .custom-dropdown dt a {min-height: 35px; padding: 5px 25px 0 10px
}
.todo_section2 .todo-row-3 {padding: 0 20px 0 20px;}
.todo-row-3 .todo-private-div {float: left;}
/* 
** START: Todo Notifications 
*/

/* Start: CREATE */
.todo_section2 .notifications {margin-bottom: 20px;}
.notification_action .todo_notif_remove {background: #5cb85c url("/themes/app/images/delete_minus.png") no-repeat scroll 9px 10px;}
.todo_section2 .todos_notifications .initial_message span, .edit_initial_message span {cursor: pointer; font-weight: bold;}
.todo_section2 .todos_notifications {display: block; padding: 0 0px 5px;}
.todo_section2 .todos_notifications .notification_label {width: 13%; float: left;}
.todo_section2 .todos_notifications .no_notifications, .todo_section2 .todos_notifications .add_notifcation_link, .todo_section2 .todos_notifications .notification_params {width: 70%; float: left;}
.todo_section2 .todos_notifications .notification_params .notification_type {width: 13%; float: left; margin-right: 5px; margin-bottom: 5px;}
.todo_section2 .todos_notifications .notification_params .notification_time {width: 11%; float: left; margin-right: 5px; margin-bottom: 5px;}
.todo_section2 .todos_notifications .notification_params .notification_time_type {width: 18%; float: left; margin-right: 5px; margin-bottom: 5px;}
.todo_section2 .todos_notifications .notification_params .notification_action {float: left; cursor: pointer; color: red; margin-bottom: 5px;}
.notification_message {display: table-cell; height: 35px; vertical-align: middle;}
.todo_section2 .todos_notifications .notification_params .notification_time input[type="text"] {height: 34px;}
.add_notifcation_link span {text-decoration: underline; cursor: pointer;}
.todos_notifications .no_notifications {color: gray;}
.todos_notifications .add_notifcation_link span img, .edit_todos_notifications .edit_add_notifcation_link span img {padding-right: 5px; width: 23px; height: auto;}
.is_private-checkbox label, .edit_todo-col-is_private label {cursor: pointer;}
/* End: CREATE */

/* Start: EDIT */
.edit_notifications {margin-left: 20px;}
.edit_notifications .edit_notification_label {float: left; width: 16%;}
.edit_no_notifications {color: gray;}
.edit_add_notifcation_link span {text-decoration: underline; float: left; color: #000000; cursor: pointer; margin-bottom: 5px;}
.edit_notification_params .notification_type {width: 13%; float: left; margin-right: 5px; margin-bottom: 5px;}
.edit_notification_params .notification_time {width: 9%; float: left; margin-right: 5px; margin-bottom: 5px;}
.edit_notification_params .notification_time_type {width: 18%; float: left; margin-right: 5px; margin-bottom: 5px;}
.edit_notification_params .notification_action {float: left; cursor: pointer; color: red; margin-bottom: 5px;}
.edit_notifications .edit_no_notifications, .edit_notifications .edit_add_notifcation_link, .edit_notifications .edit_notification_params {width: 70%; float: left;}
/* End: EDIT */

/* 
** END: Todo Notifications 
*/
.display_none {display: none;}
.datetimepicker_div {display: block; float: left; vertical-align: middle; width: 20%;}
.cases_div {display: block; float: left; padding: 0 0 0 10px; vertical-align: middle; width: 28%;}
.cases_div.assign {padding-right: 10px; width: 42%;}
.submit-todos-button {display: block; float: left; padding: 23px 0 0; text-align: right; width: 10%;}
.submit-todos-button input {width: 100%;}
.todo_section2 .right img {padding: 0 0 0 60px;}
.todo_section3 {font-size: 14px; padding: 0;}
.middle {display: table-cell; width: 20%; padding: 15px 20px; vertical-align: middle;}
.page-todos-index div.selector {height: 34px; padding: 0 10px;}
.page-todos-index dl {margin-bottom: 15px;}
.custom-dropdown dt a span, .multiSel span {display: block; overflow: hidden; padding: 0 0 2px; text-overflow: ellipsis; white-space: nowrap; width: 95%;}
/*Conflict came*/
.todos_div_edit_description {display: table; width: 100%; padding: 13px 20px 0;}
.todo_section3 .left {display: table-cell; width: 35%; vertical-align: top;}
.other-information-common:nth-child(1) {width: 24%; display: inline-block;}
.other-information-common:nth-child(2) {display: inline-block; padding-left: 10px; width: 38%;}
.other-information-common:nth-child(3) {display: inline-block; padding-left: 10px; width: 37%;}
.todo_section1 .edit-todos-other-information .todos_actions_buttons {width: auto; display: inline-block; padding: 0 0 20px; float: right;}
.margin-right {margin-right: 6px;}
.edit-todos-other-information label {padding-bottom: 3px;}
.todo_section3 .left input.checkbox-class {margin: 0;}
.todo_section3.sec-1 .todos-other-details {padding: 10px 20px 15px;}
.todo_section3.sec-1 .todos-other-details .left {display: inline-block; width: 33%; padding: 0 0 0 15px;}
.todo_section3.sec-1 .todos-other-details .left:first-child {padding: 0;}
/*Conflict came*/
.todos_description_85.showInlineTodos {display: table; width: 100%;}
.todo_section3 .left .write {margin-top: 17px;}
.todo_section3 .left input span {padding: 0 0 0 0;}
.todo_section3 .left img {padding: 0 20px; vertical-align: middle;}
.todo_section3 .todos_div_edit_description .right {display: table-cell; text-align: right; vertical-align: top;}
.todosCompleteDate {display: inline-block; padding: 0 10px; text-align: left; vertical-align: middle; float: left; width: 175px;}
.todos_actions {display: inline-block; vertical-align: middle; text-align: right;}
.todos_actions_buttons {padding: 10px 20px 20px 0px; text-align: right;}
.todos_entered_desc {display: inline-block; vertical-align: middle; padding: 0 10px; text-align: left; width: 54%; float: left;}
.sprite.edit-icon {background-position: -97px -12px;}
.todo_section1 .new-todo .right .sprite.edit-icon {background-position: -101px -13px;}
.todo_section1 .new-todo .right .todos_actions {padding-right: 1px;}
.todo_section1 .edited-todo .right .todos_actions {padding-right: 1px;}
.todos_actions a {transition: none;}
.todo_section3 .right.edit_case_date .edit_due_date {padding: 0 0 0 10px; width: 40%;}
.todo_section3 .right.edit_case_date .edit_case {padding: 0 0px;}
.todo_section3 .right.edit_case_date .edit_button > label {display: block;}
.todo_section3 .right img {padding: 15px 5px; vertical-align: middle;}
.todo_section4 {background: #FAE6E7; font-size: 14px; padding: 0; margin: 10px 0 0;}
.todo_section4 .left {float: left; padding: 15px 20px;}
.todo_section4 .left input span {padding: 0 0 0 0;}
.todo_section4 .left img {padding: 0 20px; vertical-align: middle;}
.todo_section4 .right {float: right; padding-right: 20px;}
.todo_section4 .right img {padding: 15px 5px; vertical-align: middle;}
.todo_section5 {background: #FDFACF; font-size: 14px; padding: 0; margin: 10px 0 0;}
.todo_section5 .left {float: left; padding: 15px 20px;}
.todo_section5 .left input span {padding: 0 0 0 0;}
.todo_section5 .left img {padding: 0 20px; vertical-align: middle;}
.todo_section5 .right {float: right; padding-right: 20px;}
.todo_section5 .right img {padding: 15px 5px; vertical-align: middle;}
.todo_section6 {background: #CCFF9A; font-size: 14px; padding: 0; margin: 10px 0 0;}
.todo_section6 .left {float: left; padding: 15px 20px;}
.todo_section6 .left input span {padding: 0 0 0 0;}
.todo_section6 .left img {padding: 0 20px; vertical-align: middle;}
.todo_section6 .right {float: right; padding-right: 20px;}
.todo_section6 .right img {padding: 15px 5px; vertical-align: middle;}
.todo_section7 {background: #CCFF9A; font-size: 14px; padding: 0; margin: 10px 0 0;}
.todo_section7 .left {float: left; padding: 15px 20px;}
.todo_section7 .left input span {padding: 0 0 0 0;}
.todo_section7 .left img {padding: 0 20px; vertical-align: middle;}
.todo_section7 .right {float: right; padding-right: 20px;}
.todo_section7 .right img {padding: 15px 5px; vertical-align: middle;}
.todo_section3 .checker span {background-position: 18px -28px; cursor: pointer; height: 27px; width: 38px;}
.todo_section3 .checker span.checked {background-position: 18px -28px;}
.todo_section3 .checker:active:hover span {background-position: 5px -52px;}
.todo_section3 .checker:active span, .todo_section3 .checker.active span {background-position: 5px -44px;}
.todo_section3 .checker.focus:active span.checked, .todo_section3 .checker:hover:active span.checked, .todo_section3 .checker.active:hover span.checked, .todo_section3 .checker.active.focus span.checked {background-position: 5px -40px
}
.todo_section1 span.txt {vertical-align: inherit; display: table-cell; width: 90%; padding: 0 0 0 10px; overflow-wrap: break-word;}
.todo_section3.sec-1 {margin: 0 20px 12px;}
.case-notes-wrapper .todo_section3.sec-6 {float: left; font-size: 14px; margin: 0; padding: 8px 0 20px 40px; width: 65%;}
.case-notes-wrapper .todo_section3.sec-6 .left {width: 100%; display: inline-block;}
.case-notes-wrapper .todos-pagination {float: right; width: 35%; padding: 9px 20px 0 0;}
.todos-pagination ul.pagination > li > a, .todos-pagination ul.pagination > li > span {background-color: #fff; border: 1px solid #40577e; color: #000; float: left; height: 35px; line-height: 34px; margin-left: -1px; padding: 0; text-align: center; text-decoration: none; transition: all 1s ease-in-out 0s; width: 35px;}
.todo_section3.sec-6 .left label {cursor: pointer; font-family: "Open Sans", sans-serif; font-weight: normal;}
.todo-checkbox {display: table-cell; vertical-align: top; width: 3%;}
.todo_section3.sec-6 .left button {float: left; margin-left: 10px;}
.todo_section2 .left input[type="submit"].write_edit {background: rgba(0, 0, 0, 0) url("/themes/app/images/todo_pen.png") no-repeat scroll 1px 0; border: 0; cursor: pointer; height: 27px; padding: 0; width: 27px; outline: 0;}
.todo_section2 .right input[type="submit"].todo_case {background: rgba(0, 0, 0, 0) url("/themes/app/images/todo_case.png") no-repeat scroll 1px 0; border: 0; cursor: pointer; height: 30px; padding: 0 25px; width: 30px; outline: 0;}
.todo_section2 .right input[type="submit"].todo_calander {background: rgba(0, 0, 0, 0) url("/themes/app/images/todo_calander_icon.png") no-repeat scroll 1px 0; border: 0; cursor: pointer; height: 30px; padding: 0; width: 30px; outline: 0;}
.todo_section1 .Pending {background: #FFECED none repeat scroll 0% 0%;}
.todo_section1 .Completed {background: #F5F3BA none repeat scroll 0% 0%;}
.todo_section1 .Active {background: #C6F79B none repeat scroll 0% 0%;}
.Todo_wrapper .todo_section1 .custom-dropdown-wrapper .custom-dropdown dd label {font-size: 14px; width: 86%; padding: 2px 0 0 0px; color: #fff;}
.Todo_wrapper .todo_section1 .custom-dropdown-wrapper .custom-dropdown dd input[type="checkbox"], input[type="radio"] { /*width: auto;padding: 0;*/ vertical-align: middle;}
ul a {cursor: pointer;}
.Todo_wrapper .todo_section1 .custom-dropdown-wrapper .custom-dropdown dd ul li.case-header {text-align: left; padding: 5px 0 5px;}
.empty {padding-left: 20px; color: #E12222;}
.showAllTodos p {margin-left: 18px;}
.page-todos-index .sprite {cursor: pointer;}
.assigned_member {text-align: left;}
.hideCompletedSection {display: none;}
.hide_assigned_to {display: none
}
#uniform-todossearch-todos.selector span {text-align: left;}
.todos_actions a.sprite {width: 21px;}
/*for submitting or displaying todos*/
.todo_section1 ul a {color: #000; ; text-decoration: none; font-size: 14px;}
.submit_todo_case_due_date select {width: 40%; float: left;}
.submit_todo_case_due_date .form-group {margin-bottom: 15px;}
.submit_todo_case_due_date .form-group label {margin-bottom: 3px;}
.case-icon-label {float: left; margin-top: 15px; padding-right: 5px;}
.case-icon-label .input-group .input-group-addon {width: 10%;}
.case-notes-wrapper .todo_section3.sec-6 .left .selectAllCheckbox {display: inline-block; vertical-align: middle;}
.case-notes-wrapper .todo_section3.sec-6 .left .left-action-btns {display: inline-block; vertical-align: middle;}
.todo_section3.sec-6 .left .select_unselect {margin: 0 5px 0 0;}
.submit_todo_case_due_date .form-group .datetime input {height: 35px
}
.due_date_label {font-size: 11px; font-style: italic; text-align: right;}
/* Edit Todos */
.edit_todos_description textarea {border-radius: 0; height: 65px
}
.edit_description {width: 55%;}
.edit_case_date {width: 45%;}
.edit_case_date .edit_case {width: 60%;}
.edit_case_date .edit_case .form-control {margin: 0 0 15px;}
.edit_case_date .edit_due_date {width: 32%;}
.edit_case_date .edit_button {width: 20%;}
.edit_description input[type="text"] {width: 100%;}
.edit_case {float: left;}
.edit_due_date {}
.showTodosActions {display: block;}
.hideTodosActions {display: none;}
.todos-other-details .todos-created-by {width: 33%
}
.todos-other-details .todos-assigned-to {width: 33%
}
.todos-other-details .todos-completed-by {width: 33%
}
.cases_div .custom-dropdown-wrapper {width: 100%;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {display: none;}
#todosrelatedcase-case_id {width: 100%;}
.page-todos-index .sidebar-inner-section .calendar-section h2 {color: #fff;}
.responsive-actions {display: none;}
.custom-dropdown-wrapper .custom-dropdown dd input[type="checkbox"] {vertical-align: middle;}
/* START : INLINE TODOS EDIT */
.todos_updated_div_edit_description {}
.edit_todos_description {display: block; padding: 0 20px 14px; vertical-align: top; width: 100%;}
.edit-todos-other-information .hasDatepicker {border-radius: 0; height: 37px; background: #fff url("/themes/app/images/side-bar-calender-icon.png") no-repeat scroll 98% 10px; cursor: pointer;}
.todo_section3 .right.edit_case_date {text-align: left; padding: 15px 10px 15px 0; vertical-align: middle; width: 50%; color: #333;}
.edit_case_date .edit_todos_case {display: inline-block; width: 64%;}
.edit_case_date .edit_todos_due_date {display: inline-block; float: none; padding: 0 0 0 20px; vertical-align: top; width: 34%;}
.edit_case_date .edit_todos_due_date input.hasDatepicker {cursor: pointer; background-color: #fff;}
.case-notes-wrapper .todos_actions_buttons {}
.case-notes-wrapper .todos_actions_buttons {clear: both; display: block; padding: 4px 19px 19px; text-align: right; width: 100%;}
.edit_todos_case {}
.custom-dropdown-wrapper {width: 100%;}
.edit_todos_due_date {float: left; width: 100%;}
.edit_todos_description input[type='text'] {border-radius: 0; height: 34px;}
.edit-todos-other-information {display: table; padding: 0 20px; width: 100%;}
.todos-edit-team-member {width: 40%
}
.other-information-common {display: table-cell; width: 30%; vertical-align: top;}
.more-todos-information-assigned {font-size: 11px; font-style: italic; text-align: right;}
.todos_assigned_to, .todos_assigned_by {display: inline-block;}
.todos_assigned_to:before {content: "|"; padding: 0 5px; color: transparent;}
.more-todos-information-completed {font-size: 11px; font-style: italic; padding: 0 20px 20px; text-align: right;}
.todos_completed_by, .todos_completed_at {display: inline
}
.todos_completed_at:before {content: "|";}
/* END : INLINE TODOS EDIT  */

/*** EDIT: Custom Drop Down ***/
.edit-custom-dropdown-wrapper {width: 262px;}
.edit-custom-dropdown dd, .edit-custom-dropdown dt {margin: 0px; padding: 0px;}
.edit-custom-dropdown ul {margin: -1px 0 0 0;}
.edit-custom-dropdown dd {position: relative;}
.edit-custom-dropdown a, .edit-custom-dropdown a:visited {color: #fff; text-decoration: none; outline: none; font-size: 14px;}
.edit-custom-dropdown dt a {background: #263959 url("/themes/app/images/arrow-white.png") no-repeat scroll 97% 50%; border: 0 none; display: block; line-height: 24px; min-height: 25px; overflow: hidden; padding: 5px 10px; width: 100%;}
label {font-family: 'Open Sans', sans-serif, sans-serif; font-size: 14px; font-weight: 600; margin: 0;}
.edit-custom-dropdown dt a p {margin: 0; font-weight: normal;}
.edit-custom-dropdown dd .create-client:hover {text-decoration: underline !important;}
.edit-custom-dropdown dd input[type="checkbox"] {line-height: normal; margin: 4px 5px 0 0; padding: 0; vertical-align: top; width: 10%;}
.edit-custom-dropdown dd label {line-height: 20px; margin: 0; padding: 0; text-align: left; vertical-align: top; width: 90%;}
.edit-multiSelect ul li {padding: 5px 10px;}
.edit-custom-dropdown dt a span, .multiSel span {cursor: pointer; display: inline-block; padding: 0 3px 2px 0; font-weight: normal;}
.edit-custom-dropdown dd ul {background-color: #002432; border: 0; color: #fff; display: none; left: 0px; padding: 2px 15px 2px 5px; position: absolute; width: 100%; list-style: none; height: 100px; overflow: auto;}
.edit-custom-dropdown span.value {display: none;}
.custom-dropdown dt a {min-height: 37px; cursor: pointer;}
/*** EDIT: Custom Drop Down ***/

/*Start: View Todos*/
.page-todos-view h2 {padding: 11px 0 25px;}
.page-todos-view .todo_section1 ul {padding: 0; text-align: right
}
.page-todos-view .todo_section1 ul li {padding: 0 0 0 10px
}
.page-todos-view .todo_section1 ul a:first-child li {padding: 0
}
.new_client_container {box-sizing: border-box; padding: 0 20px 0 0; width: 100%;}
.new_client_wrapper {margin: 0px auto; padding: 0px; width: 100%;}
.new_client_wrapper .section1 {border-radius: 4px; box-shadow: 0 0 10px #dedede; margin-top: 10px;}
.page-todos-view .section1_wrp {padding: 18px 20px 10px;}
.page-todos-view .section1_wrp .row1 {display: table; padding-bottom: 10px; width: 100%;}
.page-todos-view .section1_wrp .row1 .lbl {display: table-cell; text-align: right; vertical-align: middle; width: 15%;}
.page-todos-view .section1_wrp .row1 .txt_bx {display: table-cell; padding-left: 15px; padding-right: 0px; padding-top: 0px; vertical-align: middle;}
.page-todos-view .Pending {background: #FFECED none repeat scroll 0% 0%; border: 1px solid #ccc;}
.page-todos-view .Completed {background: #F5F3BA none repeat scroll 0% 0%; border: 1px solid #ccc;}
.page-todos-view .Active {background: #C6F79B none repeat scroll 0% 0%; border: 1px solid #ccc;}
.page-todos-view .todo_section1 ul li {line-height: 34px;}
.page-todos-view .submit_btn_group {margin-top: 10px; text-align: right;}
.page-todos-view .submit_btn_group .loading-icon {height: 65px;}
/*End: View Todos*/

/*Search*/
.Todos-Parent {padding: 20px;}
.case-notes-wrapper .empty {padding-bottom: 20px;}
.Todos-Parent .left {width: 60%; float: left;}
.Todos-Parent .right {float: left; text-align: right; width: 40%;}
.Todos-Parent .left ul {padding: 0;}
.page-todos-index .doc-chk-icons {display: inline-block; width: 42px; vertical-align: top;}
.page-todos-index .sprite {display: inline-block; vertical-align: middle;}
.page-todos-index .doc-title {display: inline-block; vertical-align: middle; width: 68%;}
.page-todos-index .doc-title span label {display: block; word-break: break-all;}
.page-todos-index .section-2 .grid-view table.bordered td {white-space: normal;}
.page-todos-index .section-2 .grid-view table.bordered td.case-number a.doc-list-cases {min-width: 135px;}
.todos-edit-case .edit_case_dropdown select {background: #263959 url("/themes/app/images/arrow-white.png") no-repeat scroll 97% 50%; border: 0 none; display: block; line-height: 24px; overflow: hidden; padding: 0 25px 0 10px; width: 100%; min-height: 36px; border-radius: 0; color: #fff; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; text-overflow: ellipsis; outline: 0;}
.todos-edit-case .edit_case_dropdown select option {background: #002432;}
.todo_section3 .other-information-common.left:nth-child(3) .custom-dropdown-wrapper .custom-dropdown dd ul {height: 110px
}
.todos-edit-case .edit_case_dropdown select optgroup {color: #fff;}
.custom-dropdown dd ul {padding: 7px;}
.page-todos-view .new_client_container {padding: 0;}
.page-todos-view .new_client_container h2 {float: left;}
.page-todos-view .new_client_container ul.todos-type-ul {float: right;}
/* Start: Add New (Filter) */
.doc-advance-filter-elements.clicked {margin-top: 85px;}
.doc-advance-filter-elements.clicked input[type="text"] {color: #333; padding: 3px 10px; height: 36px;}
.doc-advance-filter-elements .col-md-4 {display: inline-block; vertical-align: top; width: 30%;}
.doc-advance-filter-elements .col-md-4.custom-dropdown-wrapper {width: 39%;}
.doc-advance-filter-elements .custom-dropdown dd label {width: 85%;}
.doc-advance-filter-elements .row .col-md-4 {padding-bottom: 10px; float: none;}
.doc-advance-filter-elements .row .col-md-4.causelist-form-controls {display: block; padding-top: 10px;}
.doc-advance-filter-elements .row .col-md-4.causelist-form-controls .comingsoontext {color: #ff0000; font-size: 18px;}
.form-group {margin-bottom: 0;}
.form-group.field-users-work_status {margin-bottom: 15px;}
.doc-advance-filter-elements .row .col-md-4 .hasDatepicker {background: #fff url("/themes/app/images/side-bar-calender-icon.png") no-repeat scroll 95% 50%;}
.doc-advance-filter-elements.clicked div.selector select {top: 0;}
.doc-advance-filter-elements {background: #fff none repeat scroll 0 0; border: 1px solid #fd933d; margin: 10px 0 30px; padding: 20px 20px 10px;}
.client_search {border: 1px solid #fd933d; display: inline-block; height: 35px; padding: 6px 0; vertical-align: top; position: relative; top: 0px; right: 0;}
.client_search span {color: #de972b; cursor: pointer; font-size: 14px; padding: 8px 10px 9px; transition: all 1s ease-in-out 0s;}
.client_search span:hover {background: #fd933d; color: #fff;}
.client_search.clicked {background-color: #fff; border-bottom: none; height: 52px;}
.view-case-filter-actions.col-md-4 {padding-top: 25px;}
.doc-advance-filter-elements .row .col-md-4 .submitbutton {margin-right: 5px;}
.doc-advance-filter-elements .row .col-md-4.comingsoontext {color: #ff0000; display: inline-block; font-size: 16px; font-weight: 600; padding: 30px 0 0; vertical-align: middle;}
div.has-success .form-control:focus {border: 1px solid #ccc !important;}
/* End: Add New (Filter) */

/* START: FILTER */
.page-todos-index .todo_heading {float: left; width: 50%;}
.page-todos-index .todo_filter {float: right;}
.page-todos-index .list-page-search-txtbox {display: inline-block;;}
.page-todos-index .list-page-search-txtbox input[type="text"] {border: 0 none; border-radius: 5px 0 0 5px; height: 35px; margin:0; position: relative; top: 0;}
.page-todos-index .search-btn-div {display: inline-block; vertical-align: top;}
.page-todos-index .search-btn-div button {background: #263959 none repeat scroll 0 0; border: 0 none; color: #fff; font-size: 14px; outline: 0 none; padding: 0 10px; height: 35px; border-radius: 0 5px 5px 0; vertical-align: top;}
.page-todos-index .search-btn-div .submitbutton {font-size: 14px; height: 35px;}
/* END: FILTER */


/*START: new todo design style*/
.todo-row1, .edit_todo-row1 {display: block; padding: 20px 20px 13px;}
.todo-row1 textarea {background: rgba(0, 0, 0, 0) url(/themes/app/images/todo_pen.png) no-repeat scroll 10px 50%; border-radius: 0; height: 72px !important; outline: 0 none; width: 100%; padding: 15px 10px 15px 40px; line-height: normal;}
.edit_todo-row1 textarea {border-radius: 0; height: 65px;}
.todo-row2 > div, .edit_todo-row2 > div {display: inline-block; float: left; vertical-align: top;}
.todo-row2, .edit_todo-row2, .todo-row4 {margin: 12px 20px 5px;}
.clear.todo-row2::after, .edit_todo-row2::after, .edit_todo-row3::after {content: ""; display: block; clear: both;}
.todo-col-submit {float: right;}
/*.page-todos-index .todo_section2 .todo-row3 .todo-col-submit { float: none;}*/
.todo-row2 label, .edit_todo-row2 label, .due_date_to label, .due_date_to_text {font-size: 16px; font-weight: 600; color: #3A4863;}
.due_date_to_text, .edit_due_date_to_text {margin: 40px 18px 0 18px;}
.todo-col-due_date,
.edit_todo-col-due_date,
.due_date_to,
.edit_due_date_to{
/*	width: 21%;*/ width:175px;
}

/*.todo-col-due_date,.edit_todo-col-due_date{width: 25%;}*/
.todo-col-due_date label, .edit_todo-col-due_date label {margin-bottom: 10px;}
.todo-row2 .todo-col-due_date .form-control, .edit_todo-row2 .edit_todo-col-due_date .form-control {font-size: 15px; height: 40px; background-position-y: 11px; background-color: #fff; border-radius: 0px;}
.due_date_to .form-control, .page-todos-index .form-control {font-size: 15px; height: 40px; background-position-y: 11px; background-color: #fff; border-radius: 0px;}
.todo-row2 .todo-col-notification_reminder .notifications_heading, .edit_todo-row2 .edit_todo-col-notification_reminder .edit_notifications_heading {font-size: 16px; color: #3A4863; font-weight: 600; margin-bottom: 10px; font-family: 'Open Sans', sans-serif, sans-serif;}
.todo-row2 .todo-col-notification_reminder, .edit_todo-row2 .edit_todo-col-notification_reminder {width: 50%;}
.todo-row2 .notifications, .edit_todo-row2 .edit_notifications {margin-left: 40px;}
.todo-row2 .notifications .notification_label {width: auto; float: none; margin-bottom: 10px;}
.todo-row2 .todos_notifications .notification_params .notification_type, .edit_todo-row2 .edit_notification_params .notification_type {width: 18%;}
.todo-row2 .todos_notifications .notification_params .notification_time, .edit_todo-row2 .edit_notification_params .notification_time {width: 14%;}
.todo-row2 .todos_notifications .notification_params .notification_time_type, .edit_todo-row2 .edit_notification_params .notification_time_type {width: 24%;}
.todo-row2 .notifications .notification_params, .edit_todo-row2 .edit_notifications .edit_notification_params {width: 100%;}
.todo-row2 div.selector, .edit_todo-row2 div.selector {height: 40px; border-radius: 0px; padding: 3px 10px 0;}
.todo-row2 .todo-col-is_private, .edit_todo-row2 .edit_todo-col-is_private {margin-top: 29px; float: right;}
/*checkbox-style*/
.todo-row2 .todo-col-is_private input[type="checkbox"], .edit_todo-row2 .edit_todo-col-is_private input[type="checkbox"], .todo-row4 .todo-col-is_private input[type="checkbox"], .edit-todo-row4 .edit_todo-col-is_private input[type="checkbox"] {appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: none; border: 0; background-color: transparent; box-shadow: none;}
.todo-row4 .todo-col-is_private input[type="checkbox"]::before, .edit_todo-row2 .edit_todo-col-is_private input[type="checkbox"]::before, .edit-todo-row4 .edit_todo-col-is_private input[type="checkbox"]::before {content: ""; display: inline-block; /*width: 20px;   height: 20px;   background-image: url(/themes/app/images/unchecked-checkbox.png); 
    background-size: contain;   background-position-y: 2px;   background-repeat: no-repeat;*/
  outline: none; width: 20px; height: 21px; background-image: url(/themes/app/images/mml-icons-spirte.png); background-position: -90px -297px; border: 0; background-color: transparent; box-shadow: none;}
.todo-row2 .todo-col-is_private input[type="checkbox"]:checked::before, .todo-row4 .todo-col-is_private input[type="checkbox"]:checked::before, .edit_todo-row2 .edit_todo-col-is_private input[type="checkbox"]:checked::before, .edit-todo-row4 .edit_todo-col-is_private input[type="checkbox"]:checked::before {/* background-image: url(/themes/app/images/checked-checkbox.png); */
  background-position: -138px -298px; outline: none; border: 0; background-color: transparent; box-shadow: none;}
.todo-col-is_private label, .edit_todo-col-is_private label {color: #000;}
/*.todo-row2 .add_notifcation_link span,
.todo-row2 .edit_add_notifcation_link span{text-decoration: none;}*/
.todo-row3, .edit_todo-row3, .edit-todo-row4 {margin: 20px 20px 5px;}
.page-todos-index .due_date_to, .page-todos-index .edit_due_date_to {margin-top: 12px; margin-right:3%; margin-bottom: 5px;}
.todo-row3 .cases_div {padding-left: 0px; width: 45%; float: left;}
.page-todos-index .todo-row3 .cases_div.assign {width: 45.5%;}
.edit_todo-row3 .edit_todo-col-cases {width: 40%; float: left; padding-right: 20px;}
.edit_todo-row3 .edit_todo-col-team_members {width: 40%; float: left;}
.edit_todo-row3 .edit_todo-col-cases select {height: 37px; border-radius: 0px;}
.todo-row3 .cases_div label, .edit_todo-row3 .edit_todo-col-cases label, .edit_todo-row3 .edit_todo-col-team_members label {margin-bottom: 10px; font-size: 16px; font-weight: 600; color: #3A4863;}
.edit_todo-row3 .edit_todo-col-submit {float: right; margin-top: 32px;}
.todo-row3 .cases_div.assign {padding-left: 20px; padding-right: 20px;}
.todo-row3 .todo-col-submit .submit-create-todos {padding: 9px 28px; font-weight: 600; margin-top: 32px;}
.todo_section3 .todos-misc-info {padding: 20px 20px 17px;}
.todo_section3 .todos-misc-info::after {content: ""; display: block; clear: both;}
.todo_section3 .todos-misc-info .todos_list_is_private {width: auto; float: left; font-size: 11px; font-style: italic;}
.todo_section3 .todos-misc-info .todos_list_notifications {max-width: 60%; float: left; font-size: 11px; font-style: italic; padding-left: 20px;}
.todo_section3 .todos-misc-info .todos_list_assigned_info {width: auto; float: right; max-width: 330px;}
.Todo-content {margin-bottom: 45px;}
.page-todos-index .todo_globalsearch_teammember .selector {width: auto !important; height: 35px;}
.page-todos-index .list-page-search-txtbox input[type="text"] {border: 1px solid #ccc; border-right:0 none;}
.todo_section1 .Todos-Parent .left, .todo_section1 .Todos-Parent .right {width: auto;}
.todo_section1 .Todos-Parent .right {float: right;}
.todo_globalsearch_teammember {display: inline-block; height: 34px; vertical-align: top;}
.todo_globalsearch {display: inline-block; margin-left: 5px;}
.todo_section2 {border-bottom: 5px solid #b3b3b3;}
/*END: new todo design style*/


/*START: new ajax dropdown style*/
.app-body-container .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {height: 30px; width: 100%;}
.app-body-container .select2-container .select2-search--inline {float: none;}
.app-body-container .form-group.field-mySelect2Id {margin-bottom: 20px;}
.app-body-container .total_cases .select2-container--krajee .select2-selection.select2-selection--single {padding: 2px 41px 2px 2px;}
.app-body-container .edit_todos_case .select2-container--krajee .select2-selection.select2-selection--single {height: 38px; padding: 8px 24px 8px 12px;}
.app-body-container .select2-container--krajee .select2-selection--multiple .select2-selection__rendered {max-height: 183px; overflow-y: auto; padding-bottom: 5px;}
.app-body-container .select2-container--krajee .select2-selection--single .select2-selection__rendered {width: 100%;}
.app-body-container .select2-container--krajee .select2-selection--multiple .select2-selection__clear {right: 2rem;}
.app-body-container .select2-container--krajee .select2-selection--multiple .select2-selection__choice {font-size: 13px; padding: 0 20px 0px 6px; box-sizing: border-box; position: relative; max-width: 372px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.app-body-container .select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove {right: 3px; top: -1px; position: absolute;}
.app-body-container .select2-container--krajee .select2-dropdown, .app-body-container .select2-container--krajee .select2-selection:focus, .app-body-container .select2-container--krajee .select2-dropdown {border-color: rgb(204, 204, 204) !important; box-shadow: none !important;}
.app-body-container .select2-container--krajee.select2-container--open .select2-selection {border-color: rgb(204, 204, 204); box-shadow: none;}
.app-body-container .select2-container--krajee .select2-results__option--highlighted[aria-selected] {background-color: #263959 !important; color: #ffffff !important;}
.app-body-container .select2-container--krajee .select2-results__option[aria-selected=true] {background-color: rgb(68, 104, 163) !important; color: #fff !important;}
.app-body-container .select2-container--krajee .select2-selection--single .select2-selection__arrow {border-left: none; top: 3px;}
.app-body-container .select2-container--krajee .select2-selection--multiple {padding-top: 1px;}
/*EnD: new ajax dropdown style*/
.page-todos-index .field-mySelect2Id .select2-container--krajee-bs3 .select2-selection--multiple {position: relative; min-height: 37px; background: #263959 url("/themes/app/images/arrow-white.png") no-repeat scroll 97% 50%; border: 0 none; display: block; line-height: normal; overflow: hidden; padding: 9px 25px 0 10px; width: 100%; transition: inherit; border-radius: 0; cursor: pointer;}
.page-todos-index .field-mySelect2Id .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__rendered {line-height: normal; padding-right: 35px;}
.page-todos-index .field-mySelect2Id .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear {display: none;}
.page-todos-index .field-mySelect2Id .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice {color: #fff; background: none; border: 0 none; padding: 0; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; float: right;}
.page-todos-index .field-mySelect2Id .select2-container--krajee-bs3 .select2-selection--multiple .select2-search--inline .select2-search__field {padding: 0; height: inherit; color: #fff;}
.page-todos-index .field-mySelect2Id .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice__remove {color: #fff; margin-top: 0; cursor: pointer;}
.page-todos-index .edit_todos_case .select2-container .select2-selection--single .select2-selection__clear {float: right; font-size: 16px; font-weight: 900; margin-top: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; opacity: 0.4; cursor: pointer; margin-top: -3px; margin-left: 5px;}
.page-todos-index .edit_todos_case .select2-container .select2-selection--single .select2-selection__clear:hover {opacity: 0.6;}
.page-todos-index .edit_todos_case .select2-container {position: relative; min-height: 37px; background: #263959 url("/themes/app/images/arrow-white.png") no-repeat scroll 97% 50%; border: 0 none; display: block; line-height: normal; overflow: hidden; padding: 9px 25px 0 10px; width: 100%; transition: inherit; border-radius: 0; cursor: pointer;}
.page-todos-index .edit_todos_case .select2-container--krajee .select2-selection.select2-selection--single {height: inherit; padding: 0; color: #fff;}
.page-todos-index .edit_todos_case .select2-container--krajee .select2-selection--single .select2-selection__rendered {line-height: normal; padding-left: 0
}
.page-todos-index .select2-container .select2-selection__rendered {line-height: normal;}
.page-todos-index .edit_todos_case .select2-container .select2-selection__choice {color: #fff; background: none; border: 0 none; padding: 0; margin: 0;}
.page-todos-index .select2-container .select2-search--inline .select2-search__field {padding: 0; height: inherit; color: #fff;}
.page-todos-index .select2-container .select2-selection__choice__remove {color: #fff;}
.page-todos-index .sele.page-todos-index .select2-container--krajee-bs3 .select2-search__field::-webkit-input-placeholder {color: #fff;}
.page-todos-index .select2-container--krajee-bs3 .select2-search__field::-moz-placeholder {color: #fff;}
.page-todos-index .select2-container--krajee-bs3 .select2-search__field::-ms-placeholder {color: #fff;}
.page-todos-index .select2-container--krajee-bs3 .select2-search__field::placeholder {color: #fff;}
ct2-container--krajee-bs3 .select2-search__field::-webkit-input-placeholder {color: #fff;}
.page-todos-index .select2-container--krajee-bs3 .select2-search__field::-moz-placeholder {color: #fff;}
.page-todos-index .select2-container--krajee-bs3 .select2-search__field::-ms-placeholder {color: #fff;}
.page-todos-index .select2-container--krajee-bs3 .select2-search__field::placeholder {color: #fff;}
.page-todos-index .select2-container .select2-results {max-height: 200px; overflow-y: scroll;}


/* Responsive  Start */
@media (max-width:1351px) {.sidebar-inner-section.add-case .right {margin: 0 0 0 -4px;   vertical-align: middle
  }
}
@media (max-width:1300px) {.todo_section2 .right.submit_todo_case_due_date .cases_div .custom-dropdown-wrapper label .custom-dropdown dd .cases_checkbox {font-size: 12px;}
}
@media (max-width:1200px) {.todo_section2 .right.submit_todo_case_due_date .cases_div.assign {padding-right: 10px;}
  .cases_div {width: 30%;}
  .todo-row2 .todo-col-notification_reminder, .edit_todo-row2 .edit_todo-col-notification_reminder {width: 43%;}
}
@media (min-width:1024px) and (max-width: 1200px) {.todo_section2 .right.submit_todo_case_due_date .cases_div.assign {display: block;   float: left;   padding: 0;   width: 42%;}
  .cases_div {display: block;   float: left;   width: 35%;   padding: 0 10px;}
  .datetimepicker_div {display: block;   float: left;   width: 23%;}
  .submit-todos-button input {width: auto;}
  .todos_entered_desc {width: 48%;}
  .todo_section2 .right.submit_todo_case_due_date .submit-todos-button {float: none;   width: 100%;   display: block;   text-align: left;}
}
@media (max-width:1024px) {.custom-dropdown-wrapper {max-width: 100%;   width: 252px;}
  .submit_todo_case_due_date .form-group {margin-bottom: 15px;}
  .custom-dropdown-wrapper {width: 100%;}
  .page-todos-index .todo_heading {width: auto;   max-width: 300px;}
  .total_cases .select2-container--krajee .select2-selection--multiple .select2-selection__choice {max-width: 333px;}
}
@media (min-width:1024px) and (max-width: 1232px) {.Todo_wrapper .todo_section1 .custom-dropdown-wrapper .custom-dropdown dd input[type="checkbox"] {margin: 4px 2px 0 0;}
  .page-todos-index .todo-row3 .cases_div.assign {width: 45%
  }
}
@media (max-width:1150px) {.cases_div.assign, .page-todos-index .todo-row3 .cases_div.assign {width: 44.5%
  }
}
@media (max-width:1100px) and (min-width:1024px) {.selectAllCheckbox {float: none;   padding-top: 0;   padding-bottom: 5px;}
  .todo-col-team_members {width: 98%;}
}
@media (max-width:1023px) {.todo_section3 .middle {display: inline-block;   width: 25%;}
  .Todo_main h2 {padding-bottom: 14px;   padding-top: 5px;}
  .submit-todos-button {display: block;   float: none;   width: 100%;   text-align: left;}
  .submit-todos-button input {width: auto;}
  .cases_div.assign, .page-todos-index .todo-row3 .cases_div.assign {padding: 0 0 0 10px;   width: 55%;}
  .cases_div {padding: 0 0 0 10px;   width: 34%;}
  .todo_section2 .right.submit_todo_case_due_date .cases_div.assign {padding-right: 0px;}
  .datetimepicker_div {width: 23%;}
  .todo_section2 .right.submit_todo_case_due_date .cases_div .custom-dropdown-wrapper .custom-dropdown dt a {padding: 4px 15px 0 8px;   background-position: 98% 50%;}
  .custom-dropdown dt a {padding: 8px 10px 3px;}
  .todo_section2 .left textarea.write {background-position: 10px 50%;}
  .middle {vertical-align: top;}
  .Todo_wrapper .todo_section1 {margin: 15px 0 0;}
  .Todos-Parent .left {width: 70%;}
  .Todos-Parent .right {width: 30%;}
  .page-todos-view h2 {padding: 0 0 10px;}
  .submit_todo_case_due_date .form-group {margin-bottom: 15px;}
  .todo_section2 .right.submit_todo_case_due_date .datetimepicker_div .form-group label {margin-bottom: 3px;}
  .todos_entered_desc {width: 47%;}
  .todo_section2 .todos_notifications .notification_params .notification_time, .edit_notification_params .notification_time {width: 60px;}
  .todo_section2 .todos_notifications .notification_label {width: 19%;}
  .edit_notification_params .notification_type {width: 14%;}
  .total_cases .select2-container--krajee .select2-selection--multiple .select2-selection__choice {max-width: 295px;}
  .todo-row3 .todo-col-submit .submit-create-todos {margin-bottom: 10px;   float: right;   margin-top: 5px;}
  .todo-row2 .todo-col-notification_reminder .notifications, .edit_todo-row2 .edit_todo-col-notification_reminder .notifications {margin: 10px 0 0 0;}
  .page-todos-index .field-mySelect2Id .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__rendered, .page-todos-index .edit_todos_case .select2-container .select2-selection--single .select2-selection__rendered {padding-right: 15px;}
	
  .page-todos-index .todo-filter-section .created_date_filter {margin-top: 20px;}
	
}
@media (min-width:768px) and (max-width: 1200px) {.todo_section2 .right.submit_todo_case_due_date .submit-todos-button {padding-bottom: 15px;}
}
@media (max-width:768px) {.edit_todos_description {vertical-align: middle;}
  .edit_todos_description input[type="text"] {margin-top: 20px;}
  .middle {vertical-align: middle;   width: 25%;}
  .todo_section2 .left textarea.write {height: 120px !important;}
  .todo_section2 .left textarea.write::-moz-placeholder {line-height: normal;}
  .todo_section2 .left textarea.write::-webkit-input-placeholder {line-height: 75px;}
  .todo_section2 .left textarea.write::-ms-input-placeholder {line-height: 75px;}
  .todo_section3 .todos-misc-info .todos_list_assigned_info {max-width: 300px;}
}
@media (max-width:767px) {.todo_section2 .left {display: block;   float: none;   width: 100%;   padding-bottom: 10px;}
  .page-todos-index .todo_section3 .right .todos_actions {display: none;}
  .page-todos-index .todo_section3 .right .todosCompleteDate {display: block;   float: none;   width: 100%;   padding-bottom: 10px;   padding-left: 24px;}
  .responsive-actions {float: right;   width: 100%;   display: block;   padding-right: 10px;   padding-top: 0px;   padding-bottom: 10px;}
  .cases_div {padding: 0;}
  .todos_div_edit_description {padding: 10px 16px 0 20px;}
  .page-todos-index .sec-1 .left {float: none;   width: 100%;   display: block;   padding: 0 15px 10px;}
  .page-todos-index .todo_section3 .right .todos_entered_desc {float: none;   width: 100%;   padding-bottom: 8px;   padding-left: 24px;}
  .page-todos-index .sec-1 .middle {float: none;   width: 100%;   display: block;   padding: 0 15px 10px;}
  .page-todos-index .todo_section3 .right {float: none;   width: 100%;   display: block;   text-align: left;   padding: 0 15px;}
  .page-todos-index .todo_section3 div.right a {color: #000;}
  .page-todos-index .todo_section3 .right .todos_actions {width: auto;   float: right
  }
  .todo_section3.sec-1 {padding: 10px 0;}
  .todo-checkbox {width: 2%;}
  .todo_section1 span.txt {width: 94%;}
  .todo_section3.sec-6 {padding: 0;}
  .todo_section3.sec-6 .left {padding: 0 20px;}
  .todo_section1 ul.todos-type-ul {float: none;   width: 100%;}
  .todo_section1 ul a {display: inline-block;   padding-left: 0px;   padding-right: 0;   width: 24.5%;   transition: none;}
  .todo_section1 ul a:first-child {padding-left: 0;}
  ul.todos-type-ul li {width: 100%;   padding: 0;   font-size: 14px;}
  .todo_section1 ul.todos-type-ul a li span {margin-left: 10px;}
  .todo_section1 .todo_section3.sec-6 .left {float: left;   padding: 0;   width: 100%;}
  .edit_todos_description {display: block;   padding: 0 15px 10px;   width: 100%;}
  .case-notes-wrapper .todos_actions_buttons, .todos_actions_buttons {text-align: left;   padding: 0 19px 10px;}
  .edit_case_date .edit_todos_due_date {width: 36%;}
  .todos_updated_div_edit_description {display: block;}
  .todos_div_edit_description {display: block;}
  .page-todos-index .client_search.clicked {height: 73px;}
  .page-todos-index .sec-1 .left {padding: 0 0px 10px;}
  .page-todos-index .todo_section3 .right {padding: 0;}
  .todo_section3 .other-information-common.left:nth-child(1) {display: inline-block;   width: 50%;   vertical-align: top;   padding: 0 0 10px;}
  .todo_section3 .other-information-common.left:nth-child(2) {display: inline-block;   width: 50%;   padding: 0 0 10px 7px;   vertical-align: top;}
  .todo_section3 .other-information-common.left:nth-child(3) {width: 62%;   display: inline-block;   vertical-align: top;   padding: 0;}
  .case-notes-wrapper .edit-todos-other-information .todos_actions_buttons {display: inline-block;   float: none;   padding-left: 0;   padding-top: 24px;   text-align: right;   vertical-align: top;   width: 38%;}
  .todo_section1 ul a:nth-child(4) {text-align: right;}
  .case-notes-wrapper .edit-todos-other-information .todos_actions_buttons .margin-right {margin-right: 3px;}
  .todos-edit-team-member .custom-dropdown dt a {padding: 5px 4px 0;}
  .custom-dropdown dt a {background-position: 98% 50%;}
  .Todos-Parent .right {width: 170px;   float: none;}
  .empty_case_class {display: none;}
  .datetimepicker_div {padding: 0;   width: 30%;}
  .cases_div {padding: 0 0 0 13px;   width: 70%;}
  .todo_section2 .right.submit_todo_case_due_date .cases_div.assign {float: left;   padding: 0 13px 0 0;   width: 82%;}
  .submit-todos-button {width: 18%;   text-align: right;   float: right;   padding-top: 23px;}
  .submit-todos-button input {width: 100%;}
  .cases_div.assign {padding: 0 10px 0 0;   width: 66%;}
  .todo_section2 .right.submit_todo_case_due_date .cases_div .custom-dropdown-wrapper .custom-dropdown dt a {padding: 4px 25px 0 10px !important;}
  .todo_section2 .right.submit_todo_case_due_date .cases_div .custom-dropdown-wrapper .custom-dropdown dt a span {padding-bottom: 0;   padding-top: 0
  }
  .edit-todos-other-information {padding: 0 20px
  }
  .edit_todos_description {padding: 0 20px 10px;}
  .todo_section3.Active .other-information-common.left:nth-child(3) {padding: 0 0px 20px;}
  .todo_section3.Active .other-information-common.left:nth-child(3) dl {margin: 0;}
  .case-notes-wrapper .Active .edit_todos_description {padding: 0 20px 13px;}
  .todo_section3.Active .other-information-common.left:nth-child(1) {padding: 0 0 13px;}
  .case-notes-wrapper .Active .edit-todos-other-information .todos_actions_buttons {padding-bottom: 10px;}
  .edit_todos_description label {display: none;}
  .todos_updated_div_edit_description {padding-top: 10px;}
  .page-todos-index .todo_section3 .right {padding-left: 0;}
  .todos-edit-team-member .custom-dropdown dt a {font-size: 14px !important;   min-height: 36px;   padding: 5px 10px 0;}
  .todos-edit-team-member .custom-dropdown dd label {font-size: 14px !important;}
  .page-todos-view .section1_wrp .row1 .lbl {text-align: left;   width: 23%;}
  .Todos-Parent .left {width: 69%;}
  .Todos-Parent .left {display: block;   float: none;   width: 100%;   padding-bottom: 10px;}
  .Todos-Parent .right {padding-bottom: 20px;}
  .more-todos-information-assigned {padding: 0px 20px 8px 44px;   text-align: left;}
  .page-todos-index .todo_section3 .right .todosCompleteDate {padding-bottom: 11px;}
  .page-todos-index .todo_section3 .right .todos_entered_desc {padding-bottom: 10px;}
  .todos-pagination ul.pagination > li > a, .todos-pagination ul.pagination > li > span {background-color: #fff;   border: 1px solid #ddd;   color: #000;   float: left;   line-height: 34px;   transition: all 1s ease-in-out 0s;   margin-left: -1px;   padding: 0;   width: 35px;   height: 35px;   text-align: center;   text-decoration: none;}
  .todos-pagination ul.pagination > .disabled > span, .todos-pagination ul.pagination > .disabled > span:hover, .todos-pagination ul.pagination > .disabled > span:focus, .todos-pagination ul.pagination > .disabled > a, .todos-pagination ul.pagination > .disabled > a:hover, .todos-pagination ul.pagination > .disabled > a:focus {color: #bbbbbb;}
  .todos-pagination ul.pagination > .disabled > span, .todos-pagination ul.pagination > .disabled > span:hover, .todos-pagination ul.pagination > .disabled > span:focus {border: 1px solid #40577e;}
  .todos-pagination ul.pagination > li > a, .todos-pagination ul.pagination > li > span {border: 1px solid #263959;}
  .todos-pagination ul {float: left;   padding: 5px 0 20px 20px;}
  .case-notes-wrapper .todos-pagination {float: none;   padding: 0 0 0 20px;   width: 100%;}
  .case-notes-wrapper .todo_section3.sec-6 {float: none;   width: 100%;}
  .todos-pagination ul {padding: 0 0 16px 23px;}
  ul.todos-type-ul li.active::after {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;   content: "";}
  .todo_section1 .Completed .more-todos-information-assigned {padding: 10px 10px 0 44px;}
  .todo_section1 .Completed .more-todos-information-completed {padding: 5px 10px 7px 44px;   text-align: left;}
  .page-todos-index .todo_section3.Completed .right .todosCompleteDate {padding-bottom: 0;}
  .todo_section2 .left textarea.write {padding: 28px 10px 28px 40px;}
  .edit_todos_description textarea {height: 120px;}
  .todo_section2 .left textarea.write {background-position: 10px 30%;}
  .todo_section2 .right.submit_todo_case_due_date .cases_div .custom-dropdown-wrapper .custom-dropdown dt a {background-position: 96% 50%;}
  .todo_section2 .left textarea.write::-moz-placeholder {line-height: normal;}
  .todo_section2 .left textarea.write::-webkit-input-placeholder {line-height: normal;}
  .todo_section2 .left textarea.write::-ms-input-placeholder {line-height: normal;}
  .todo_section2 .todos_notifications .notification_label {width: 19%;}
  .todo_section2 .todos_notifications .notification_params .notification_type, .edit_notification_params .notification_type {width: 22%;}
  .todo_section2 .todos_notifications .notification_params .notification_time { /*width: 15%;*/
  }
  .todo_section2 .todos_notifications .notification_params .notification_time_type, .edit_notification_params .notification_time_type {width: 28%;}
  .case-notes-wrapper .edit-todos-other-information .todos_actions_buttons {text-align: left;}
  .todo_section3 .todos-misc-info {padding-bottom: 3px;}
}
@media (max-width:900px) {.cases_div.assign, .page-todos-index .todo-row3 .cases_div.assign {width: 50%;}
}
@media (max-width:600px) {
	.todo_section1 ul.todos-type-ul li {padding-left: 0}
  .page-todos-view .todo_section1 ul li {padding: 0 0 0 10px;}
  .datetimepicker_div {width: 40%;}
  .cases_div {width: 60%;}
  .Todos-Parent .left, .Todos-Parent .right {padding-bottom: 20px;}
  .Todos-Parent {padding: 20px 20px 0;}
  .todo_section3.sec-1 {margin-top: 0;}
  .todo_section1 ul.todos-type-ul a {display: block;   text-align: left;   width: 100%;}
  .todo_section1 ul.todos-type-ul a li {padding: 0;   width: 100%;}
  .todo_section1 span.action-1 {margin-left: 48px !important;}
  .todo_section1 ul.todos-type-ul {-moz-column-count: 2;   -webkit-column-count: 2;   column-count: 2;   float: none;   -moz-column-gap: 30px;}
  .todo_section1 ul.todos-type-ul a:nth-child(2) {padding-left: 0;}
  ul.todos-type-ul li.active::after {background: none;   content: "";}
  .todo_section1 ul.todos-type-ul a:nth-child(3), .todo_section1 ul.todos-type-ul a:nth-child(4) {text-align: right;}
  .todo_section1 ul.todos-type-ul {column-count: 2;   -webkit-column-count: 2;   -moz-column-count: 2;   column-gap: 30px;   -webkit-column-gap: 30px;   -moz-column-gap: 30px;   float: none;}
  .todo_section2 .todos_notifications .notification_label, .edit_notifications .edit_notification_label, .todo_section2 .todos_notifications .notification_params .notification_type, .todo_section2 .todos_notifications .notification_params .notification_time, .edit_notification_params .notification_time, .todo_section2 .todos_notifications .notification_params .notification_time_type, .edit_notification_params .notification_time_type, .todo_section2 .todos_notifications .no_notifications, .todo_section2 .todos_notifications .add_notifcation_link, .edit_notification_params .notification_type, .todo_section2 .todos_notifications .notification_params, .edit_notifications .edit_notification_params {width: 100%;   float: none;}
  .todo_section2 .todos_notifications .notification_params .notification_action {margin-bottom: 14px;}
  .edit_notifications {margin-left: 0;   padding: 0 20px;}
	
.page-todos-index .todo_section1 .Todos-Parent .right {align-items: flex-start;}
.page-todos-index .Todo_main .todo-advance-filter-btn {margin: 15px 5px 0 0;}
.page-todos-index .todo-filter-section.todo-advanced-filter-wrapper .date-range-inputs {width: 100%; flex-wrap: wrap;}
}
@media (max-width:555px) {
    .page-todos-index .client_search.clicked {height: 142px;}
  .Todos-Parent .left {display: inline-block;   float: none;   width: 100%;}
  .todo_section1 ul.todos-type-ul a {display: inline-block}
  .todo_section3 .other-information-common.left:nth-child(3) {width: 100%;}
  .case-notes-wrapper .edit-todos-other-information .todos_actions_buttons {width: 100%;   float: none;   text-align: left;   padding: 0 0 5px;}
}
@media (max-width:500px) {
    .page-todos-view .todo_section1 ul li {padding: 0}
  .page-todos-view .todo_section1 ul {text-align: left}
  .page-todos-index .todo_heading {float: none;   margin: 0 auto;   text-align: center;}
  .page-todos-index .todo_filter {float: none;}
}
@media (max-width:480px) {.datetimepicker_div {width: 100%;   padding: 0;}
  .cases_div {width: 100%;}
  .todo_section2 .right.submit_todo_case_due_date .cases_div.assign {width: 100%;   padding: 0;}
  .submit-todos-button {width: auto;   padding: 0 0 15px;   text-align: left;   float: none;}
  .submit-todos-button input {width: auto;}
  .selectAllCheckbox {float: none;}
  .todo_section1 .todo_section3.sec-6 .left {width: 100%;}
  .pagination > li > a, .pagination > li > span {padding: 4px 9px;}
  .todo_section1 ul {float: none;   padding: 0px;}
  .todos-type-ul a {display: block;}
  .edit_case_date .edit_todos_case {display: block;   width: 100%;   float: none;}
  .edit_case_date .edit_todos_due_date {display: block;   width: 100%;   padding: 10px 0 0;}
  .page-todos-index .todosCompleteDate {text-align: left;}
  .todo_section2 .left textarea.write {font-size: 14px;}
  .Todo_main h2 {font-size: 18px;}
  .page-todos-view .section1_wrp .row1 .lbl {display: block;   text-align: left;   width: 100%;}
  .edit_todos_description input[type="text"] {margin-top: 0;}
  .todo_section3 .other-information-common.left dl {margin: 0 0 10px;}
  .page-todos-view .section1_wrp .row1 .txt_bx {display: block;   padding: 0;   text-align: left;   width: 100%;}
  .todo_section3 .other-information-common.left:nth-child(1) {width: 100%;   display: block;}
  .todo_section3 .other-information-common.left:nth-child(2) {width: 100%;   padding: 0 0 10px 0;}
  .todo_section3 .other-information-common.left:nth-child(3) {width: 100%;   display: block;   padding-bottom: 5px}
  .page-todos-index .todo_section3 .right .todos_entered_desc {width: 100%;}
  .page-todos-index .todo_section3 .right .todos_actions {padding: 5px 0;}
  .selectAllCheckbox {padding-top: 0;   padding-bottom: 5px;}
  .todo_section2 .right.submit_todo_case_due_date .cases_div .custom-dropdown-wrapper .custom-dropdown dt a {}
  .submit_todo_description {width: 100%;}
  .todo_section2 .right {float: none;}
  .submit_todo_case_due_date {width: 100%;}
  .cases_div {width: 100%;   padding: 0;}
  .cases_div.assign, .page-todos-index .todo-row3 .cases_div.assign {width: 100%;   padding: 0}
  .todo_section2 .right {padding-bottom: 10px}
  ul.todos-type-ul li.active::after {background: none;   content: "";}
  .todo_section1 ul.todos-type-ul span {height: 28px;   width: 28px;}
  .case-notes-wrapper .todos-pagination {text-align: left;   padding: 19px 30px 16px;}
  .case-notes-wrapper .todo_section3.sec-6 .left .selectAllCheckbox {padding: 3px 10px 6px;}
  .todo_section1 .todo_section3.sec-6 .left {padding: 0 20px;}
  .todo_section3.sec-6 .left button {float: none;}
  .todo_section3.sec-6 .left button.show {float: none;   display: inline-block !important}
  .todo_section1 .todo_section3.sec-6 .left .left-action-btns {padding: 11px 0 1px;}
  .case-notes-wrapper .todo_section3.sec-6 {padding: 0;}
  .todos-edit-team-member .custom-dropdown dt a {padding: 5px 10px 0;}
  .edit-todos-other-information {display: block;}
  .todo_section2 .right.submit_todo_case_due_date .cases_div.assign {float: none;}
  .todo_section2 .right .submit-todos-button {float: none;   padding: 5px 0 10px;}
  .todo_section2 .left {padding-bottom: 15px;}
  .todo_section2 .left textarea.write {height: 160px !important;}
  .todo_section2 .left textarea.write::-moz-placeholder, .todo_section2 .left textarea.write::-webkit-input-placeholder, .todo_section2 .left textarea.write::-ms-input-placeholder {line-height: normal;}
  .todo_section2 .left textarea.write {background-position: 10px 25%;}
  .todo_section2 .left textarea.write::-ms-input-placeholder {line-height: 115px;}
  .todo-row3 .todo-col-submit .submit-create-todos {float: none;   margin-bottom: 0px;}
}
@media (max-width:414px) {
    .todos_assigned_to {display: block;}
  .todos_assigned_to::before {content: "";   padding: 0;}
  .notifications .notification_params .notification_action, .notifications .notification_params .notification_type, .notifications .notification_params .notification_time, notifications .notification_params .notification_time_type {float: left !important;}
  .notifications .notification_params .notification_action {width: 12% !important;}
  .notifications .notification_params .notification_type, .notifications .notification_params .notification_time, /*.notifications .notification_params .notification_time_type{width: 27%!important;float: left!important}*/ .notifications .notification_params .notification_message {width: 100% !important;   display: block !important;   clear: both !important;}
  .total_cases .select2-container--krajee .select2-selection--multiple .select2-selection__choice {max-width: 271px;}
	
}
@media (max-width:372px) {
    .todo_section2 .right.submit_todo_case_due_date .cases_div .custom-dropdown-wrapper .custom-dropdown dt a {}
  .todo_section1 ul.todos-type-ul {-moz-column-gap: 10px;}
  .todo_section1 ul.todos-type-ul a:nth-child(2) {padding-left: 0;}
  .todo_section1 ul.todos-type-ul span {height: 25px;   width: 25px;   line-height: 27px;}
  .edit_todos_description textarea {height: 160px;}
  .page-todos-index .list-page-search-txtbox {width: 146px;}
  .total_cases .select2-container--krajee .select2-selection--multiple .select2-selection__choice {max-width: 231px;}
}
@media (max-width:360px) {
    .todo_section1 ul.todos-type-ul a {width: auto;   padding: 0;}
  .todo_section1 ul.todos-type-ul a:nth-child(3), .todo_section1 ul.todos-type-ul a:nth-child(4) {float: right;}
  .custom-dropdown dt a p {margin: 2px 0 0 5px;}
  .total_cases .select2-container--krajee .select2-selection--multiple .select2-selection__choice {max-width: 199px;}
}
@media (max-width:320px) {
    .page-todos-index .sec-1 .middle {float: none;}
  .page-todos-index .todo_section3 .right {float: none;   width: 100%;}
  .page-todos-index .todos_entered_desc {width: 50%;}
}


/*nikhil code*/
@media only screen and (max-width: 1024px) {
    /*START: new todo responsive*/
  .todo_section2 .notifications {margin-bottom: 20px;}
  /*.todo-row3 .cases_div{
        width: 43.5%;
    }*/
  .todo-row2 .todos_notifications .notification_params .notification_type, .edit_todo-row2 .edit_notification_params .notification_type, .todo-row2 .todos_notifications .notification_params .notification_time, .edit_todo-row2 .edit_notification_params .notification_time, .todo-row2 .todos_notifications .notification_params .notification_time_type, .edit_todo-row2 .edit_notification_params .notification_time_type {width: auto;}
  .todo_section3 .todos-misc-info .todos_list_notifications {max-width: 48%;}
  .page-todos-index .todo_globalsearch_teammember .selector {max-width: 258px;}
  .todo_section1 .Todos-Parent .right {width: 100%;   text-align: left;   margin-top: 15px;}
  /*END: new todo responsive*/
}
@media only screen and (max-width: 900px) {
    /*START: new todo responsive*/
  .todo-row2 > div, .edit_todo-row2 > div {float: none;}
/*  .todo-row2 .todo-col-due_date, .edit_todo-row2 .edit_todo-col-due_date {width: 30%;}*/
  .todo-row2 .notifications, .edit_todo-row2 .edit_notifications {margin-left: 0px;}
  .todo-row2 .todo-col-notification_reminder, .edit_todo-row2 .edit_todo-col-notification_reminder {width: 73%;}
  .todo-row2 .todo-col-is_private, .edit_todo-row2 .edit_todo-col-is_private {margin-top: 49px;}
  .todo-row3, .edit_todo-row3 {margin: 20px 20px 15px;}
  .todo-row3 .cases_div, .edit_todo-row3 .edit_todo-col-cases, .edit_todo-row3 .edit_todo-col-team_members {width: 50%;}
  .todo-row3 .todo-col-team_members .cases_div {padding-right: 0px;}
  .todo-col-submit, .edit_todo-row3 .edit_todo-col-submit {float: none;}
  .todo-row3 .todo-col-submit .submit-create-todos, .edit_todo-row3 .edit_todo-col-submit {margin-top: 5px;}
  .todos_updated_div_edit_description {padding-bottom: 10px;}
  .todo_section3 .todos-misc-info .todos_list_notifications {max-width: 39%;}
  /*END: new todo responsive*/
}
@media only screen and (min-width: 680px) and (max-width:768px) {
    .todo_section2 .todos_notifications .notification_params .notification_type {width: 19%;}
  .todo_section2 .todos_notifications .notification_params .notification_time_type {width: 23%;}
}
@media only screen and (max-width: 680px) {
    /*START: new todo responsive*/
  .todo-row2 .todo-col-due_date, .edit_todo-row2 .edit_todo-col-due_date, .due_date_to_text, .edit_due_date_to_text {width: 100%;}
  .due_date_to_text, .edit_due_date_to_text {margin: 10px 0 0 0;}
  .page-todos-index .due_date_to, .page-todos-index .edit_due_date_to {margin: 10px 0;   width: 100%;}
  .due_date_to label, .edit_due_date_to label {display: none;}
  .due_date_to .datetime {width: 100%;}
  .todo-row2 .todo-col-is_private, .edit_todo-row2 .edit_todo-col-is_private {float: none;   display: block;   margin-top: 15px;   width: 100%;}
  .todo-row2 .todo-col-notification_reminder, .edit_todo-row2 .edit_todo-col-notification_reminder {width: 100%;}
  .todo-row2 .total_notifications {width: 100%;}
  .todo-row2 .notifications, .edit_todo-row2 .edit_notifications {margin-bottom: 0px;}
  .todo-row2 .notification_message, .edit_todo-row2 .notification_message {display: inline-block;   height: auto;   margin-top: 10px;}
  .todo-row3 .cases_div, .edit_todo-row3 .edit_todo-col-cases, .edit_todo-row3 .edit_todo-col-team_members, .cases_div.assign, .page-todos-index .todo-row3 .cases_div.assign {width: 100%;   padding: 0px;}
  .edit_todo-row3 .edit_todo-col-cases {padding-bottom: 10px;}
  .todos_updated_div_edit_description {padding-bottom: 0px;}
  .todo-row3 .cases_div.assign, .edit_todo-row2 .edit_notifications {padding-left: 0px;}
  .edit_todo-row2 .edit_notifications {padding-right: 0px;}
  .todo_section3 .todos-misc-info .todos_list_is_private, .todo_section3 .todos-misc-info .todos_list_notifications {width: 100%;   float: none;   max-width: 100%;   padding-left: 0px;   margin-bottom: 5px;}
  .todo_section3 .todos-misc-info .todos_list_assigned_info {width: 100%;   max-width: 100%;}
  .more-todos-information-assigned {padding-left: 0px;   padding-bottom: 0px;}
  /*END: new todo responsive*/
}
@media only screen and (max-width: 480px) {
    /*START: new todo responsive*/
  .todo-row2 .todo-col-due_date {width: 100%;}
  .todo-row2 .field-todos-due_date .input-group .form-control.hasDatepicker {background-position: 95% 10px;}
  .todos_assigned_to, .todos_assigned_by {display: block;}
  .todos_assigned_to:before {display: none;}
  .todos_assigned_by {margin-bottom: 5px;}
  .todo_globalsearch {margin: 0px 0 0 0;   width: auto;   float: right;}
  .todo_globalsearch_teammember {margin-bottom: 15px;}
  .todo_globalsearch .list-search-wrapper {width: 110px;}
  .todo_section1 .Todos-Parent .right {margin-top: 5px;}
  .edit_notifications .edit_no_notifications, .edit_notifications .edit_add_notifcation_link, .edit_notifications .edit_notification_params {width: 100%;}
  .todo-row2 .todos_notifications .notification_params .notification_time_type {width: 100%;}
  /*END: new todo responsive*/
}

/* Todos advanced date filter */
.Todo_main .todo-advance-filter-btn {
    display: inline-block;
    border: 1px solid #fd933d;
    height: 34px;
    padding: 0;
    vertical-align: middle;
    position: relative;
    margin-left: 5px;
}
.Todo_main .todo-advance-filter-btn span {
    color: #de972b;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 10px 6px;
    line-height: normal;
    display: block;
    transition: all 1s ease-in-out 0s;
}
.Todo_main .todo-advance-filter-btn span:hover { color: #fff; background: #fd933d; }
.Todo_main .todo-advance-filter-btn.clicked { background-color: #fff; border-bottom: none; height: 50px; }
.page-todos-index .todo_export_custom span { display: block; min-height: 0; padding: 7px 10px 6px; line-height: normal; }
.todo-advanced-filter-wrapper {
    background: #fff;
    border: 1px solid #fd933d;
    width: 100%;
    padding: 20px;
    margin: 10px 0 30px;
}
.todo-advanced-filter-wrapper.clicked { margin-top: -21px; }
.todo-advanced-filter-wrapper .date-filter-group label { display: block; padding-bottom: 6px; }
.todo-advanced-filter-wrapper .date-range-inputs { display: flex; align-items: center; gap: 10px; }
.todo-advanced-filter-wrapper .date-range-inputs input { font-size: 14px; }
.todo-advanced-filter-wrapper .date-separator { color: #888; white-space: nowrap; }
.todo-advanced-filter-wrapper .col-md-4.action-btns { padding-top: 26px; }
.todo-advanced-filter-wrapper .col-md-4.action-btns .submitbutton { margin-right: 5px; height: 32px !important; }

ul.todos-type-ul li.date-filter-group { display: inline-flex; flex-direction: column; vertical-align: middle; padding: 0 0 0 8px; line-height: normal; }
ul.todos-type-ul li.date-filter-group label { font-size: 11px; font-weight: 600; color: #555; margin-bottom: 2px; white-space: nowrap; }
ul.todos-type-ul li.date-filter-group .date-range-inputs { display: flex; align-items: center; gap: 2px; flex-wrap: nowrap; }
ul.todos-type-ul li.date-filter-group .date-separator { color: #888; font-size: 11px; white-space: nowrap; padding: 0 1px; }
ul.todos-type-ul li.date-filter-group .todo-date-input { width: 85px !important; height: 28px !important; font-size: 11px !important; padding: 3px 18px 3px 4px !important; background: #fff url("/themes/app/images/side-bar-calender-icon.png") no-repeat scroll 97% 6px; background-size: 13px; }