Merge branch 'MDL-69391-master' of git://github.com/junpataleta/moodle
authorAndrew Nicols <andrew@nicols.co.uk>
Thu, 3 Sep 2020 03:32:31 +0000 (11:32 +0800)
committerAndrew Nicols <andrew@nicols.co.uk>
Thu, 3 Sep 2020 03:32:31 +0000 (11:32 +0800)
1  2 
calendar/tests/behat/calendar.feature
theme/boost/scss/moodle/calendar.scss
theme/boost/style/moodle.css
theme/classic/style/moodle.css

@@@ -199,10 -199,10 +199,10 @@@ Feature: Perform basic calendar functio
      And I am viewing site calendar
      And I click on "New event" "button"
      And I set the field "Type of event" to "Course"
 -    When I open the autocomplete suggestions list
 -    Then I should see "Course 1" in the ".form-autocomplete-suggestions" "css_element"
 -    And I should not see "Course 2" in the ".form-autocomplete-suggestions" "css_element"
 -    And I should not see "Course 3" in the ".form-autocomplete-suggestions" "css_element"
 +    When I expand the "Course" autocomplete
 +    Then "Course 1" "autocomplete_suggestions" should exist
 +    And "Course 2" "autocomplete_suggestions" should not exist
 +    And "Course 3" "autocomplete_suggestions" should not exist
      And I click on "Close" "button"
      And I am on site homepage
      And I navigate to "Appearance > Calendar" in site administration
      And I am viewing site calendar
      And I click on "New event" "button"
      And I set the field "Type of event" to "Course"
 -    When I open the autocomplete suggestions list
 -    Then I should see "Course 1" in the ".form-autocomplete-suggestions" "css_element"
 -    And I should see "Course 2" in the ".form-autocomplete-suggestions" "css_element"
 -    And I should see "Course 3" in the ".form-autocomplete-suggestions" "css_element"
 +    When I expand the "Course" autocomplete
 +    Then "Course 1" "autocomplete_suggestions" should exist
 +    And "Course 2" "autocomplete_suggestions" should exist
 +    And "Course 3" "autocomplete_suggestions" should exist
  
    @javascript
    Scenario: Students can only see user event type by default.
      And I follow "This month"
      When I click on "New event" "button"
      Then I should see "User" in the "div#fitem_id_staticeventtype" "css_element"
+   @javascript @accessibility
+   Scenario: The calendar page must be accessible
+     And I log in as "student1"
+     And I am on "Course 1" course homepage
+     And I follow "This month"
+     Then the page should meet accessibility standards
+     And the page should meet "wcag131, wcag143, wcag412" accessibility standards
+     And the page should meet accessibility standards with "wcag131, wcag143, wcag412" extra tests
@@@ -1,64 -1,35 +1,64 @@@
  /* calendar.less */
  
  // Calendar colour variables defined.
 -$calendarEventCategoryColor: #d8bfd8 !default; // Pale purple.
 +$calendarEventCategoryColor: #e0cbe0 !default; // Pale purple.
  $calendarEventCourseColor: #ffd3bd !default; // Pale red.
  $calendarEventGlobalColor: #d6f8cd !default; // Pale green.
  $calendarEventGroupColor: #fee7ae !default; // Pale yellow.
  $calendarEventUserColor: #dce7ec !default; // Pale blue.
  $calendarEventOtherColor: #ced4da !default; // Pale gray.
  
 +// Border colours for the event colour indicators.
 +$calendarEventCategoryBorder: 2px solid #9e619f !default; // Purple.
 +$calendarEventCourseBorder: 2px solid #d34600 !default; // Red-orange.
 +$calendarEventGlobalBorder: 2px solid #2b8713 !default; // Green.
 +$calendarEventGroupBorder: 2px solid #9a6e02 !default; // Dark orange.
 +$calendarEventUserBorder: 2px solid #4e7c91 !default; // Blue.
 +$calendarEventOtherBorder: 2px solid #687889 !default; // Gray.
 +
 +// This will be the colour of mini-calendar links, hide/show filter icons, edit/delete icon buttons.
 +$calendarEventColor: #0d5ca1 !default;
 +
  // Calendar event background colours defined.
  .calendar_event_category {
      background-color: $calendarEventCategoryColor;
 +    .commands a {
 +        color: $calendarEventColor;
 +    }
  }
  .calendar_event_course {
      background-color: $calendarEventCourseColor;
 +    .commands a {
 +        color: $calendarEventColor;
 +    }
  }
  
  .calendar_event_site {
      background-color: $calendarEventGlobalColor;
 +    .commands a {
 +        color: $calendarEventColor;
 +    }
  }
  
  .calendar_event_group {
      background-color: $calendarEventGroupColor;
 +    .commands a {
 +        color: $calendarEventColor;
 +    }
  }
  
  .calendar_event_user {
      background-color: $calendarEventUserColor;
 +    .commands a {
 +        color: $calendarEventColor;
 +    }
  }
  
  .calendar_event_other {
      background-color: $calendarEventOtherColor;
 +    .commands a {
 +        color: $calendarEventColor;
 +    }
  }
  
  // Calendar restyling.
  
                              &.calendar_event_category {
                                  background-color: $calendarEventCategoryColor;
 +                                border: $calendarEventCategoryBorder;
                              }
                              &.calendar_event_course {
                                  background-color: $calendarEventCourseColor;
 +                                border: $calendarEventCourseBorder;
                              }
  
                              &.calendar_event_site {
                                  background-color: $calendarEventGlobalColor;
 +                                border: $calendarEventGlobalBorder;
                              }
  
                              &.calendar_event_group {
                                  background-color: $calendarEventGroupColor;
 +                                border: $calendarEventGroupBorder;
                              }
  
                              &.calendar_event_user {
                                  background-color: $calendarEventUserColor;
 +                                border: $calendarEventUserBorder;
                              }
  
                              &.calendar_event_other {
                                  background-color: $calendarEventOtherColor;
 +                                border: $calendarEventOtherBorder;
                              }
                          }
                      }
                  width: 100%;
                  height: 100%;
                  display: block;
 +                color: $calendarEventColor;
              }
  
              &.duration_global {
              margin-bottom: 0.2em;
  
              span {
 +                &.calendar_event_category {
 +                    i {
 +                        color: $calendarEventColor;
 +                    }
 +                }
 +                &.calendar_event_course {
 +                    i {
 +                        color: $calendarEventColor;
 +                    }
 +                }
 +                &.calendar_event_site {
 +                    i {
 +                        color: $calendarEventColor;
 +                    }
 +                }
 +                &.calendar_event_group {
 +                    i {
 +                        color: $calendarEventColor;
 +                    }
 +                }
 +                &.calendar_event_user {
 +                    i {
 +                        color: $calendarEventColor;
 +                    }
 +                }
 +                &.calendar_event_other {
 +                    i {
 +                        color: $calendarEventColor;
 +                    }
 +                }
                  img {
                      padding: 0 0.2em;
                      margin: 0;
@@@ -521,5 -455,5 +521,5 @@@ table.calendartable caption 
  }
  
  .cal_courses_flt {
-     color: #868e96;
+     color: $gray-600;
  }
@@@ -5577,7 -5577,7 +5577,7 @@@ input[type="button"].btn-block 
      color: rgba(0, 0, 0, 0.9); }
  
  .navbar-light .navbar-nav .nav-link {
-   color: rgba(0, 0, 0, 0.5); }
+   color: rgba(0, 0, 0, 0.6); }
    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
      color: rgba(0, 0, 0, 0.9); }
    .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.9); }
  
  .navbar-light .navbar-toggler {
-   color: rgba(0, 0, 0, 0.5);
+   color: rgba(0, 0, 0, 0.6);
    border-color: rgba(0, 0, 0, 0.1); }
  
  .navbar-light .navbar-toggler-icon {
-   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
+   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
  
  .navbar-light .navbar-text {
-   color: rgba(0, 0, 0, 0.5); }
+   color: rgba(0, 0, 0, 0.6); }
    .navbar-light .navbar-text a {
      color: rgba(0, 0, 0, 0.9); }
      .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
@@@ -12741,34 -12741,22 +12741,34 @@@ input[disabled] 
  
  /* calendar.less */
  .calendar_event_category {
 -  background-color: #d8bfd8; }
 +  background-color: #e0cbe0; }
 +  .calendar_event_category .commands a {
 +    color: #0d5ca1; }
  
  .calendar_event_course {
    background-color: #ffd3bd; }
 +  .calendar_event_course .commands a {
 +    color: #0d5ca1; }
  
  .calendar_event_site {
    background-color: #d6f8cd; }
 +  .calendar_event_site .commands a {
 +    color: #0d5ca1; }
  
  .calendar_event_group {
    background-color: #fee7ae; }
 +  .calendar_event_group .commands a {
 +    color: #0d5ca1; }
  
  .calendar_event_user {
    background-color: #dce7ec; }
 +  .calendar_event_user .commands a {
 +    color: #0d5ca1; }
  
  .calendar_event_other {
    background-color: #ced4da; }
 +  .calendar_event_other .commands a {
 +    color: #0d5ca1; }
  
  .path-calendar .calendartable {
    width: 100%;
            border-radius: 6px;
            vertical-align: middle; }
            .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_category {
 -            background-color: #d8bfd8; }
 +            background-color: #e0cbe0;
 +            border: 2px solid #9e619f; }
            .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_course {
 -            background-color: #ffd3bd; }
 +            background-color: #ffd3bd;
 +            border: 2px solid #d34600; }
            .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_site {
 -            background-color: #d6f8cd; }
 +            background-color: #d6f8cd;
 +            border: 2px solid #2b8713; }
            .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_group {
 -            background-color: #fee7ae; }
 +            background-color: #fee7ae;
 +            border: 2px solid #9a6e02; }
            .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_user {
 -            background-color: #dce7ec; }
 +            background-color: #dce7ec;
 +            border: 2px solid #4e7c91; }
            .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_other {
 -            background-color: #ced4da; }
 +            background-color: #ced4da;
 +            border: 2px solid #687889; }
      .path-calendar .maincalendar .calendarmonth td {
        height: 5em; }
      .path-calendar .maincalendar .calendarmonth .clickable:hover {
      color: #0b4f8a;
      text-decoration: underline; }
    .path-calendar .maincalendar .calendar_event_category {
 -    border-color: #d8bfd8; }
 +    border-color: #e0cbe0; }
    .path-calendar .maincalendar .calendar_event_course {
      border-color: #ffd3bd; }
    .path-calendar .maincalendar .calendar_event_site {
    .block .minicalendar td a {
      width: 100%;
      height: 100%;
 -    display: block; }
 +    display: block;
 +    color: #0d5ca1; }
    .block .minicalendar td.duration_global {
      border-top: 1px solid #d6f8cd;
      border-bottom: 1px solid #d6f8cd; }
      .block .minicalendar td.duration_global.duration_finish {
        background-color: #d6f8cd; }
    .block .minicalendar td.duration_category {
 -    border-top: 1px solid #d8bfd8;
 -    border-bottom: 1px solid #d8bfd8; }
 +    border-top: 1px solid #e0cbe0;
 +    border-bottom: 1px solid #e0cbe0; }
      .block .minicalendar td.duration_category.duration_finish {
 -      background-color: #d8bfd8; }
 +      background-color: #e0cbe0; }
    .block .minicalendar td.duration_course {
      border-top: 1px solid #ffd3bd;
      border-bottom: 1px solid #ffd3bd; }
  
  .block .calendar_filters li {
    margin-bottom: 0.2em; }
 +  .block .calendar_filters li span.calendar_event_category i {
 +    color: #0d5ca1; }
 +  .block .calendar_filters li span.calendar_event_course i {
 +    color: #0d5ca1; }
 +  .block .calendar_filters li span.calendar_event_site i {
 +    color: #0d5ca1; }
 +  .block .calendar_filters li span.calendar_event_group i {
 +    color: #0d5ca1; }
 +  .block .calendar_filters li span.calendar_event_user i {
 +    color: #0d5ca1; }
 +  .block .calendar_filters li span.calendar_event_other i {
 +    color: #0d5ca1; }
    .block .calendar_filters li span img {
      padding: 0 0.2em;
      margin: 0; }
@@@ -13037,7 -13006,7 +13037,7 @@@ table.calendartable caption 
      margin: 0; }
  
  .cal_courses_flt {
-   color: #868e96; }
+   color: #6c757d; }
  
  .content-bank-container .cb-content-wrapper {
    padding: 0.5rem;
@@@ -13543,16 -13512,11 +13543,16 @@@ span.editinstructions 
    margin-left: 30px;
    font-size: 0.8203125rem;
    padding: .1em .4em;
 -  background-color: #cce6ea;
 -  color: #008196;
    text-decoration: none;
    z-index: 9999;
 -  border: 1px solid #b8dce2; }
 +  border: 0 solid transparent;
 +  color: #00434e;
 +  background-color: #cce6ea;
 +  border-color: #b8dce2; }
 +  span.editinstructions hr {
 +    border-top-color: #a6d3db; }
 +  span.editinstructions .alert-link {
 +    color: #00171b; }
  
  /* Course drag and drop upload styles */
  #dndupload-status {
    width: 40%;
    margin: 0 30%;
    padding: 6px;
 -  border: 1px solid #b8dce2;
    text-align: center;
 -  background: #cce6ea;
 -  color: #008196;
 -  z-index: 1; }
 +  z-index: 1;
 +  border: 0 solid transparent;
 +  color: #00434e;
 +  background-color: #cce6ea;
 +  border-color: #b8dce2; }
 +  #dndupload-status hr {
 +    border-top-color: #a6d3db; }
 +  #dndupload-status .alert-link {
 +    color: #00171b; }
  
  .dndupload-preview {
    color: #909090;
@@@ -19111,65 -19070,6 +19111,65 @@@ span[data-flexitour="container"][x-plac
        height: 1em;
        font-size: 4em; }
  
 +.form-control:-ms-input-placeholder {
 +  color: #6c757d; }
 +
 +.custom-select {
 +  -webkit-appearance: none;
 +  -moz-appearance: none; }
 +
 +.custom-range {
 +  -webkit-appearance: none;
 +  -moz-appearance: none; }
 +  .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
 +    -webkit-appearance: none;
 +    -moz-appearance: none; }
 +
 +input[type="date"].form-control,
 +input[type="time"].form-control,
 +input[type="datetime-local"].form-control,
 +input[type="month"].form-control {
 +  -webkit-appearance: none;
 +  -moz-appearance: none; }
 +
 +@media (min-width: 576px) {
 +  .card-columns {
 +    -webkit-column-gap: 1.25rem;
 +    -moz-column-gap: 1.25rem; } }
 +
 +.carousel-item {
 +  -webkit-backface-visibility: hidden; }
 +
 +.card {
 +  -webkit-background-clip: border-box; }
 +
 +.carousel-indicators li,
 +.dropdown-menu,
 +.form-control,
 +.modal-content,
 +.popover,
 +.toast {
 +  -webkit-background-clip: padding-box; }
 +
 +.btn {
 +  -webkit-user-select: none;
 +  -ms-user-select: none; }
 +
 +.user-select-all {
 +  -webkit-user-select: all !important;
 +  /* stylelint-disable-line declaration-no-important */
 +  -ms-user-select: none; }
 +
 +.user-select-auto {
 +  -webkit-user-select: auto !important;
 +  /* stylelint-disable-line declaration-no-important */
 +  -ms-user-select: none; }
 +
 +.user-select-none {
 +  -webkit-user-select: none !important;
 +  /* stylelint-disable-line declaration-no-important */
 +  -ms-user-select: none; }
 +
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
@@@ -5658,7 -5658,7 +5658,7 @@@ input[type="button"].btn-block 
      color: rgba(0, 0, 0, 0.9); }
  
  .navbar-light .navbar-nav .nav-link {
-   color: rgba(0, 0, 0, 0.5); }
+   color: rgba(0, 0, 0, 0.6); }
    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
      color: rgba(0, 0, 0, 0.9); }
    .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.9); }
  
  .navbar-light .navbar-toggler {
-   color: rgba(0, 0, 0, 0.5);
+   color: rgba(0, 0, 0, 0.6);
    border-color: rgba(0, 0, 0, 0.1); }
  
  .navbar-light .navbar-toggler-icon {
-   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
+   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
  
  .navbar-light .navbar-text {
-   color: rgba(0, 0, 0, 0.5); }
+   color: rgba(0, 0, 0, 0.6); }
    .navbar-light .navbar-text a {
      color: rgba(0, 0, 0, 0.9); }
      .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
@@@ -12955,34 -12955,22 +12955,34 @@@ input[disabled] 
  
  /* calendar.less */
  .calendar_event_category {
 -  background-color: #d8bfd8; }
 +  background-color: #e0cbe0; }
 +  .calendar_event_category .commands a {
 +    color: #0d5ca1; }
  
  .calendar_event_course {
    background-color: #ffd3bd; }
 +  .calendar_event_course .commands a {
 +    color: #0d5ca1; }
  
  .calendar_event_site {
    background-color: #d6f8cd; }
 +  .calendar_event_site .commands a {
 +    color: #0d5ca1; }
  
  .calendar_event_group {
    background-color: #fee7ae; }
 +  .calendar_event_group .commands a {
 +    color: #0d5ca1; }
  
  .calendar_event_user {
    background-color: #dce7ec; }
 +  .calendar_event_user .commands a {
 +    color: #0d5ca1; }
  
  .calendar_event_other {
    background-color: #ced4da; }
 +  .calendar_event_other .commands a {
 +    color: #0d5ca1; }
  
  .path-calendar .calendartable {
    width: 100%;
            border-radius: 6px;
            vertical-align: middle; }
            .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_category {
 -            background-color: #d8bfd8; }
 +            background-color: #e0cbe0;
 +            border: 2px solid #9e619f; }
            .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_course {
 -            background-color: #ffd3bd; }
 +            background-color: #ffd3bd;
 +            border: 2px solid #d34600; }
            .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_site {
 -            background-color: #d6f8cd; }
 +            background-color: #d6f8cd;
 +            border: 2px solid #2b8713; }
            .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_group {
 -            background-color: #fee7ae; }
 +            background-color: #fee7ae;
 +            border: 2px solid #9a6e02; }
            .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_user {
 -            background-color: #dce7ec; }
 +            background-color: #dce7ec;
 +            border: 2px solid #4e7c91; }
            .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_other {
 -            background-color: #ced4da; }
 +            background-color: #ced4da;
 +            border: 2px solid #687889; }
      .path-calendar .maincalendar .calendarmonth td {
        height: 5em; }
      .path-calendar .maincalendar .calendarmonth .clickable:hover {
      color: #0b4f8a;
      text-decoration: underline; }
    .path-calendar .maincalendar .calendar_event_category {
 -    border-color: #d8bfd8; }
 +    border-color: #e0cbe0; }
    .path-calendar .maincalendar .calendar_event_course {
      border-color: #ffd3bd; }
    .path-calendar .maincalendar .calendar_event_site {
    .block .minicalendar td a {
      width: 100%;
      height: 100%;
 -    display: block; }
 +    display: block;
 +    color: #0d5ca1; }
    .block .minicalendar td.duration_global {
      border-top: 1px solid #d6f8cd;
      border-bottom: 1px solid #d6f8cd; }
      .block .minicalendar td.duration_global.duration_finish {
        background-color: #d6f8cd; }
    .block .minicalendar td.duration_category {
 -    border-top: 1px solid #d8bfd8;
 -    border-bottom: 1px solid #d8bfd8; }
 +    border-top: 1px solid #e0cbe0;
 +    border-bottom: 1px solid #e0cbe0; }
      .block .minicalendar td.duration_category.duration_finish {
 -      background-color: #d8bfd8; }
 +      background-color: #e0cbe0; }
    .block .minicalendar td.duration_course {
      border-top: 1px solid #ffd3bd;
      border-bottom: 1px solid #ffd3bd; }
  
  .block .calendar_filters li {
    margin-bottom: 0.2em; }
 +  .block .calendar_filters li span.calendar_event_category i {
 +    color: #0d5ca1; }
 +  .block .calendar_filters li span.calendar_event_course i {
 +    color: #0d5ca1; }
 +  .block .calendar_filters li span.calendar_event_site i {
 +    color: #0d5ca1; }
 +  .block .calendar_filters li span.calendar_event_group i {
 +    color: #0d5ca1; }
 +  .block .calendar_filters li span.calendar_event_user i {
 +    color: #0d5ca1; }
 +  .block .calendar_filters li span.calendar_event_other i {
 +    color: #0d5ca1; }
    .block .calendar_filters li span img {
      padding: 0 0.2em;
      margin: 0; }
@@@ -13251,7 -13220,7 +13251,7 @@@ table.calendartable caption 
      margin: 0; }
  
  .cal_courses_flt {
-   color: #868e96; }
+   color: #6c757d; }
  
  .content-bank-container .cb-content-wrapper {
    padding: 0.5rem;
@@@ -13757,16 -13726,11 +13757,16 @@@ span.editinstructions 
    margin-left: 30px;
    font-size: 0.8203125rem;
    padding: .1em .4em;
 -  background-color: #cce6ea;
 -  color: #008196;
    text-decoration: none;
    z-index: 9999;
 -  border: 1px solid #b8dce2; }
 +  border: 0 solid transparent;
 +  color: #00434e;
 +  background-color: #cce6ea;
 +  border-color: #b8dce2; }
 +  span.editinstructions hr {
 +    border-top-color: #a6d3db; }
 +  span.editinstructions .alert-link {
 +    color: #00171b; }
  
  /* Course drag and drop upload styles */
  #dndupload-status {
    width: 40%;
    margin: 0 30%;
    padding: 6px;
 -  border: 1px solid #b8dce2;
    text-align: center;
 -  background: #cce6ea;
 -  color: #008196;
    z-index: 1;
 -  border-radius: 8px; }
 +  border: 0 solid transparent;
 +  color: #00434e;
 +  background-color: #cce6ea;
 +  border-color: #b8dce2; }
 +  #dndupload-status hr {
 +    border-top-color: #a6d3db; }
 +  #dndupload-status .alert-link {
 +    color: #00171b; }
  
  .dndupload-preview {
    color: #909090;
@@@ -19293,65 -19253,6 +19293,65 @@@ span[data-flexitour="container"][x-plac
        height: 1em;
        font-size: 4em; }
  
 +.form-control:-ms-input-placeholder {
 +  color: #6c757d; }
 +
 +.custom-select {
 +  -webkit-appearance: none;
 +  -moz-appearance: none; }
 +
 +.custom-range {
 +  -webkit-appearance: none;
 +  -moz-appearance: none; }
 +  .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
 +    -webkit-appearance: none;
 +    -moz-appearance: none; }
 +
 +input[type="date"].form-control,
 +input[type="time"].form-control,
 +input[type="datetime-local"].form-control,
 +input[type="month"].form-control {
 +  -webkit-appearance: none;
 +  -moz-appearance: none; }
 +
 +@media (min-width: 576px) {
 +  .card-columns {
 +    -webkit-column-gap: 1.25rem;
 +    -moz-column-gap: 1.25rem; } }
 +
 +.carousel-item {
 +  -webkit-backface-visibility: hidden; }
 +
 +.card {
 +  -webkit-background-clip: border-box; }
 +
 +.carousel-indicators li,
 +.dropdown-menu,
 +.form-control,
 +.modal-content,
 +.popover,
 +.toast {
 +  -webkit-background-clip: padding-box; }
 +
 +.btn {
 +  -webkit-user-select: none;
 +  -ms-user-select: none; }
 +
 +.user-select-all {
 +  -webkit-user-select: all !important;
 +  /* stylelint-disable-line declaration-no-important */
 +  -ms-user-select: none; }
 +
 +.user-select-auto {
 +  -webkit-user-select: auto !important;
 +  /* stylelint-disable-line declaration-no-important */
 +  -ms-user-select: none; }
 +
 +.user-select-none {
 +  -webkit-user-select: none !important;
 +  /* stylelint-disable-line declaration-no-important */
 +  -ms-user-select: none; }
 +
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }