@media screen {
    #addTask {
        padding: 15px;
        margin: -15px;
    }

    #addTask .task_notes_items {
        display: none;
    }

    #addmovetask select,
    #addmovetask .chosen-container,
    #addtaskform select,
    #addtaskform .chosen-container {
        max-width: 100% !important;
    }

    #addmovetask .controls__for_user_id .btn-secondary,
    #addtaskform .controls__for_user_id .btn-secondary {
        margin-top: 10px;
        width: 100%;
        font-size: 26px;
        border-radius: 5px;
        line-height: 24px;
    }

    #addtaskform select {
        min-width: 50%;
    }

    #addtask_page .form .control-group .buttons {
        padding: 10px 0 0 0;
        border-top: 1px solid #5078FE;
        margin-top: 15px;
    }

    #addtask_page .form .control-group.btns {
        margin-top: 0 !important;
    }

    #addtaskform input + .desc {
        color: #848798;
    }

    #addtaskform fieldset.days {
        padding: 0 5px 5px 5px;
        margin-left: 27px;
        margin-top: 5px;
    }

    #addtaskform fieldset.days .controls {
        display: flex;
        gap: 5px 15px;
        flex-wrap: wrap;
    }

    #addtaskform fieldset.days legend {
        border: none;
        padding: 0;
    }

    #addtaskform .control.days {
        margin-left: 27px;
        padding-top: 0;
    }

    #addTask .theme-explorer .explorer-frame .kv-file-content {
        flex-grow: 10;
        height: auto !important;
        padding: 0 !important;
    }

    #addTask .file-input.theme-explorer .file-preview-thumbnails .file-preview-image {
        width: 100% !important;
    }

    #addtaskform.hide-nonvehicle .hide-nonvehicle {
        display: none !important;
    }

    .modal #addtask_page .controls__for_user_id .btn.add {
        width: 100% !important;
    }

    #addtask_page .added-vechicles-wrapper .added-vechicles,
    #addtask_page .added-vehicles-row:not(.single) {
        display: grid;
        grid-template-columns: 49% auto;
        gap: 10px;
        grid-auto-rows: 1fr;
    }

    #addtask_page .added-vehicle {
        display: grid;
        grid-template-columns: auto;
        gap: 10px;
        border: 1px solid #CEDCEE;
        background-color: #f4f6fa;
        padding: 5px;
        border-radius: 5px;
        position: relative;
        align-items: center;
        font-size: 12px;
    }

    #addtask_page .autocomplete ul li {
        font-size: 12px;
    }

    #addtask_page #task_for_each_element + label {
        line-height: 18px;
    }

    #addtask_page .added-vehicle.filled {
        grid-template-columns: 45px auto;
        padding: 5px 15px 5px 5px;
        gap: 10px;
    }

    #addtask_page .added-vehicle .task-vehicle-input-wrapper {
        position: relative;
    }

    #addtask_page .task-vehicle-input-wrapper:after {
        font-family: 'FontAwesome';
        content: '\f1b9';
        position: absolute;
        display: block;
        font-size: 13px;
        left: 8px;
        top: 50%;
        margin-top: -8px;
        color: #b8c4e3;
    }

    #addtask_page .task-vehicle-input-wrapper:hover:after {
        color: #5078FE;
    }

    #addtask_page .task-vehicle-input-wrapper input {
        padding-left: 26px;
        border-radius: 5px;
    }

    #addtask_page .added-vehicle-name {
        max-width: 100%;
        overflow: hidden;
    }

    #addtask_page .added-vehicle-ymm {
        color: #5078FE;
        font-weight: 500;
    }

    #addtask_page .added-vehicle-ymm,
    #addtask_page .with_vechicle .itemName .ttl {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    #addtask_page .with_vechicle .itemName {
        max-width: 100%;
    }

    #addtask_page .with_vechicle .itemName .ttl,
    #addtask_page .with_vechicle .itemName .val {
        display: block;
    }

    #addtask_page .added-vehicle-picture img {
        width: 100%;
        box-sizing: border-box;
        border-radius: 5px;
        display: block;
    }

    #addtask_page .added-vehicle .remove {
        position: absolute;
        right: 3px;
        top: 2px;
        cursor: pointer;
        color: #5078FE;
        font-size: 8px;
        padding: 3px;
        background: transparent;
        border: none;
    }

    .form.task_item .task-settings .control-groups,
    #addtask_page .task-settings .control-groups {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
        font-size: 12px;
        padding: 0;
        column-gap: 10px;
        row-gap: 5px;
    }

    #addmovetask .task-settings .control-groups {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }

    #addautotask #addtaskform .task-settings .control-groups {
        grid-template-columns: repeat(4, 1fr) 2fr;
    }

    #addautotask #addtaskform .task-settings .control-groups.status_params {
        grid-template-columns: repeat(2, 1fr);
    }

    #addtask_page #vehicle_status fieldset .control-groups {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 33%));
        font-size: 12px;
        column-gap: 10px;
        row-gap: 5px;
        margin-top: 15px;
        background-color: #f4f6fa;
        padding: 10px;
        border-radius: 5px;
    }

    #addtask_page #vehicle_status fieldset .control-group {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    ul.lineitems li.th span,
    #addtask_page #vehicle_status fieldset > .control-group .control-label,
    #addtask_page #vehicle_status fieldset > .control-group .control-label label {
        text-align: center;
        color: #4e5260;
        font-weight: normal;
        font-size: 12px;
    }

    #addtask_page #vehicle_status fieldset .control-group + .control-group,
    #addtask_page fieldset.task-settings .control-group + .control-group {
        margin-top: 0 !important;
    }

    #addtask_page #vehicle_status .chosen-container-single .chosen-single span,
    #addtask_page #vehicle_status .chosen-container .chosen-results li,
    #addtask_page #vehicle_status select,
    .form.task_item .task-settings .chosen-container-single .chosen-single span,
    .form.task_item .task-settings .chosen-container .chosen-results li,
    .form.task_item .task-settings select,
    #addtask_page .task-settings .chosen-container-single .chosen-single span,
    #addtask_page .task-settings .chosen-container .chosen-results li,
    #addtask_page .task-settings select,
    .dtselect .chosen-container-single .chosen-single span,
    .dtselect .chosen-container .chosen-results li,
    #addtask_page #byvehiclestatus .chosen-container-single .chosen-single span,
    #addtask_page #byvehiclestatus .chosen-container .chosen-results li {
        font-size: 12px !important;
    }


    #addtask_page  .chosen-container-single .chosen-single,
    #addtask_page  .chosen-container-single .chosen-single span,
    #addtask_page input[type="text"],
    #addtask_page input[type="number"],
    #addtask_page textarea {
        font-size: 12px !important;
    }

    #addtask_page textarea {
        line-height: 1.2;
    }

    #addtask_page input[type="text"], #addtask_page textarea {
        font-size: 15px;
        -webkit-text-size-adjust: 100%;
    }

    #addtaskform fieldset .control-group + .control-group:not(.btns),
    #addtaskform fieldset + fieldset {
        margin-top: 15px !important;
    }

    .form.task_item .task-settings .control-group + .control-group,
    #addtask_page fieldset.task-settings .control-group + .control-group {
        margin-top: 0 !important;
    }

    .form.task_item .employee-row .control-groups,
    #addmovetask .employee-row .control-groups,
    #addtaskform .employee-row .control-groups {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
        font-size: 12px;
        padding: 0;
        column-gap: 10px;
        row-gap: 5px;
        margin-bottom: 0;
    }

    .form.task_item .employee-row .control-groups .control-group + .control-group,
    #addtask_page fieldset.employee-row .control-group + .control-group {
        margin-top: 0px !important;
    }

    #addmovetask .attendees-btn.empty {
        background-color: #f4f6fa !important;
        color: #AFAFAF !important;
        pointer-events: none;
    }

    #addtask_page .button.add:before {
        display: none !important;
    }

    #addtask_page label {
        font-size: 12px;
        line-height: 12px;
        color: #4e5260;
    }

    #addtask_page input[type="checkbox"] + label {
        line-height: 18px;
    }

    #addtask_page .control-label {
        font-size: 12px;
        line-height: 12px;
        color: #4e5260;
    }

    .task_item.form .task-settings .field-calendar,
    #addtask_page .task-settings .field-calendar {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .task_item.form .task-settings .field-calendar input[type="text"],
    #addtask_page .task-settings .field-calendar input[type="text"] {
        font-size: 10px !important;
        height: 26px;
        padding: 0 6px;
    }

    .task_item.form .task-settings .field-calendar .input-append > .btn,
    #addtask_page .task-settings .field-calendar .input-append > .btn {
        min-width: 26px !important;
        height: 26px;
        min-height: 26px;
    }

    .task_item.form .task-settings .field-calendar .icon-calendar:before,
    #addtask_page .field-calendar .icon-calendar:before {
        width: 12px;
        height: 12px;
        margin-top: 2px;
    }

    #addtask_page #task-employees-dropdown {
        padding: 0;
        display: grid;
        box-sizing: border-box;
        gap: 10px;
    }

    .task_item.form .added-employee.employee,
    #addtask_page .added-employee.employee {
        border-color: #d0b8d2;
        background-color: #faeffb;
        color: #7f6b81;
    }

    .task_item.form .added-employee.approval,
    #addtask_page .added-employee.approval {
        border-color: #b0c6ae;
        background-color: #f5fef4;
        color: #618368;
    }

    .task_item.form .added-employee.vendor,
    #addtask_page .added-employee.vendor {
        border-color: #dab1bc;
        background-color: #fcedf1;
        color: #95757d;
    }

    #addstatusform .added-mpvielements .mpvielement,
    .task_item.form .added-employee.usersgroup,
    #addtask_page .added-employee.usersgroup {
        border-color: #beb8df;
        background-color: #f6f5fe;
        color: #6a6783;
    }

    #addtaskform #task-employees-dropdown .searchinput-wrapper {
        display: block;
        padding: 0px 0 10px 0;
    }

    #addtaskform .theme-explorer .file-preview-frame {
        display: grid;
        grid-template-columns: 45px 1fr;
        padding: 5px 20px 5px 5px;
        gap: 0 10px;
        margin: 0;
    }

    #addtaskform .theme-explorer .file-preview-frame .file-details-cell {
        padding: 0;
    }

    #addtaskform .theme-explorer .file-preview-frame .file-upload-indicator {
        position: absolute !important;
        bottom: 0;
        width: 100%;
    }

    #addtaskform .file-input.theme-explorer .file-drop-zone {
        min-height: 25px;
    }

    #addtaskform .file-drop-zone-title {
        font-size: 16px;
        color: #4e5260;
    }

    #addtaskform .added-mpvielements + .controls {
        padding-top: 15px;
    }

    .form.task_item .task-settings select.chosenDone,
    #addtaskform select.chosenDone {
        max-height: 26px;
        line-height: 26px;
        font-size: 14px;
    }

    #addtaskform select.chosenDone optgroup,
    #addtaskform select.chosenDone option {
        font-size: 13px;
    }

    #addtask_page input[name="tolocation"] + .btn-simple.toggler,
    #addtask_page input[name="location"] + .btn-simple.toggler,
    #addtask_page input[name="title"] + .btn-simple.toggler {
        position: absolute;
        top: 1px;
        right: 1px;
        border: none;
        height: 32px;
        width: 32px;
        min-height: 32px;
        box-shadow: none;
    }

    #addtaskform .upload_images .file-input .kv-file-remove {
        border: none;
        border-radius: 0;
        background: transparent !important;
        box-shadow: none !important;
        height: 14px;
        width: 14px;
    }

    #addtaskform .img_thumbs .bi-trash,
    #addtaskform .theme-explorer .bi-trash {
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0;
    }

    #addtaskform .img_thumbs .bi-trash:before,
    #addtaskform .theme-explorer .bi-trash:before {
        font-family: 'FontAwesome' !important;
        content: "\f00d";
        -webkit-mask: none;
        mask: none;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0;
        color: #4e5260 !important;
    }

    #addtaskform .imagesfrommpvi .img_thumbs,
    #addtaskform .upload_images .file-preview {
        border: none !important;
    }

    #addtaskform .imagesfrommpvi .img_thumbs.empty {
        display: none;
    }

    #addtaskform .imagesfrommpvi .img_thumbs .items,
    #addtaskform .upload_images .file-input .file-drop-zone {
        padding: 0px;
        margin: 0;
        border-radius: 0 !important;
    }

    #addtaskform .imagesfrommpvi .img_thumbs .lbl {
        position: absolute;
        bottom: 0;
        padding: 3px;
        width: 100%;
        background: rgba(255, 255, 255, 0.8);
    }

    #addtaskform .added-mvi-element {
        display: grid;
        grid-template-columns: 10px 12px 40% 1fr;
        align-items: center;
        gap: 10px;
        border-bottom: 1px solid #b8c4e3;
        padding: 0 0 10px 0;
    }

    #addtaskform .added-mvi-element .fa-list {
        display: none;
    }

    #addtaskform .added-mvi-element .fa-close {
        order: -2;
        cursor: pointer;
        font-size: 14px;
        color: #000;
        margin-left: -1px;
    }

    #addtaskform .added-mvi-element .itemName {
        font-size: 12px;
        color: #4e5260;
    }

    #addtaskform .added-mvi-element .mvi-element-condition {
        display: inline-block;
        width: 15px;
        height: 10px;
        background-color: #C5D2FF;
        border-radius: 3px;
    }

    #addtaskform .added-mvi-element .mvi-element-condition.act {
        cursor: pointer;
    }

    #addtaskform .added-mvi-element .mvi-element-condition:not(.act) {
        background-color: #5078FE;
    }

    #addtaskform input:focus,
    #addtaskform textarea:focus {
        border: 1px solid #CEDCEE !important;
        border-bottom: 1px solid #5078FE !important;
    }

    #addtaskform input.invalid,
    #addtaskform textarea.invalid {
        border: 1px solid #CEDCEE !important;
        border-bottom: 1px solid #ff0000 !important;
    }

    #addtaskform .autocomplete .ttl,
    #addtaskform .autocomplete .vin {
        display: block;
    }

    #addautotask #bydatetime .attendees-btn {
        display: none;
    }

    #addautotask #bydatetime input[type="radio"] + label {
        display: flex;
        align-items: center;
    }

    #addautotask #bydatetime > .controls {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        align-items: center;
    }

    #addautotask #bydatetime .dropdowns {
        flex-grow: 2;
    }

    #addautotask #bydatetime .controls > .control {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 48%;
    }

    #addautotask #dtselect .controls.flex {
        align-items: flex-end;
    }

    #addtaskform #weekdays-dropdown .mvi-dropdown-content,
    #addtaskform #days-dropdown .mvi-dropdown-content {
        max-width: 320px;
        margin: 0 auto;
        padding: 0 10px;
    }

    #addtaskform .added-days-wrapper,
    #addtaskform .added-weekdays-wrapper {
        text-align: center;
    }

    #addtaskform #weekdays-dropdown .task-mvi-elements-wrapper,
    #addtaskform #days-dropdown .task-mvi-elements-wrapper {
        grid-template-columns: repeat(7, 1fr);
        align-items: center;
        justify-items: center;
    }

    #addtaskform #bydatetime .searchinput-wrapper {
        display: none !important;
    }

    #addtaskform #bydatetime .control-groups {
        display: grid;
        grid-template-columns: repeat(3, auto);
        grid-column-gap: 10px;
        grid-row-gap: 15px;
        align-items: center;
        justify-items: start;
    }

    #addtaskform #bydatetime .control-groups .control-group.recurringtasks {
        margin-top: 0 !important;
    }

    #addtaskform #bydatetime > .control-groups > .control-group {
        margin-top: 0 !important;
    }

    #addtask_page .added-mpvielements {
        display: grid;
        gap: 10px;
        color: #4e5260;
    }

    .modal #addtask_page .task-settings {
        border-top: 1px solid #5078FE;
        margin-top: -20px;
        padding-top: 15px;
    }

    #addtask_page .btn-simple.toggler {
        padding: 0;
        height: 26px;
        width: 26px;
    }


    #addtask_page .locations  ul.items {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 6px;
        justify-content: center;
    }

    #addtask_page .locations  ul.items.type_of_movement {
        flex-wrap: nowrap;
    }

    #addtask_page .locations  ul.items li {
        margin: 0 !important;
    }

    #addtask_page .locations  ul.items .btn {
        line-height: 22px !important;
        height: 24px !important;
        min-height: 0;
        padding: 0 8px !important;
        border: 1px solid #AFAFAF;
        border-radius: 5px;
        background: #fff;
        box-shadow: none !important;
        font-size: 12px;
    }

    #addtask_page .locations  ul.items input:checked + .btn {
        color: #fff;
        background: #5078FE;
    }

    #addtask_page .locations  ul.items input:disabled + .btn {
        display: none;
    }



    #addtask_page .locations  ul.items .btn:hover,
    #addtask_page .locations  ul.items input:not(:checked):focus + .btn {
        color: #5078FE;
        border-color: #5078FE;
    }

    #addtask_page .locations  ul.items input[type='radio'] {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        white-space: nowrap;
        opacity: 0;
        clip-path: inset(50%);
    }

    #addtask_page  .typeofmovement {
        display: flex;
        align-items: flex-end;
        max-width: 100%;
        gap: 0 10px;
    }

    #addtask_page  .typeofmovement > .control {
        align-items: flex-start;
        flex-direction: column;
    }

    #addtask_page  .typeofmovement .control-group {
        margin-bottom: 0 !important;
    }

    #addtask_page  #with_vechicle .controls {
        width: 100%;
        position: relative;
    }

    #addtask_page .locations .locations li.active .btn {
        padding: 0 8px !important;
        background: #fff;
    }

    #addtask_page .locations .locations li.active span:after {
        font-size: 24px;
        line-height: 17px;
        display: inline-block;
        margin: 0 0 0 5px;
        content: "✔";
        vertical-align: middle;
    }

    @media (max-width: 768px) {
        #addtask_page input[type="text"]:focus, #addtask_page textarea:focus {
            font-size: 16px;
        }
    }
}