/****************************************
*****************************************
          Login Styling
*****************************************
****************************************/

.login-sidebar {
  background-color: #043251;
}

.login-button {
  background-color: #053d63 !important;
}

.login-button:hover {
  background-color: #D98E13 !important;
}

.login-text {
  color: white;
}

.error-messages div:nth-child(1) {
  margin-top: -20px !important;
}

/****************************************
*****************************************
            Global Styling
*****************************************
****************************************/

#kt_wrapper {
  /* Keep set as zero  if changed then headers will be lowered*/
  padding-top: 0px !important;
}

.container {
  margin-bottom: 50px !important;
  margin-left: unset !important;
  max-width: -webkit-fill-available !important;
}

.primary-colour {
  color: #043251 !important;
}

.gold-colour {
  color: #C78C3A !important;
}

.gold-hover:hover {
  color: #C78C3A !important;
}

.h2-to-h1 {
  font-size: 1.75rem !important;
}

.primary-link {
  color: #043251 !important;
}

.primary-link:hover {
  color: #C78C3A !important;
}

.invisible-label span,
.invisible-label {
  color: #F5F8FA !important;
}

.page-title {
  margin-bottom: 20px !important;
}

.form-margin-top {
  margin-top: 20px !important;
}

.add-button {
  background: #043251 !important;
  color: white !important;
  padding: 7.5px 10px 7.5px 10px !important;
  border-radius: 6px;
  height: 46px !important;
}

.add-button:hover {
  background: #C78C3A !important;
}

.edit-button {
  background: #043251 !important;
  color: white !important;
  padding: 5px 10px 5px 10px !important;
  border-radius: 6px;
  float: right !important;
}

.edit-button span {
  color: white !important;
}

.edit-button:hover {
  background: #C78C3A !important;
}

.delete-button {
  background: #043251 !important;
  padding: 5px 10px 5px 10px !important;
  border-radius: 6px !important;
  float: right !important;
}

.delete-button .delete-icon {
  color: white !important;
}

.delete-button:hover {
  background: #C78C3A !important;
}

.view-button {
  background: #043251 !important;
  padding: 5px 10px 5px 10px !important;
  border-radius: 6px !important;
  float: right !important;
}

.view-button .view-icon {
  color: white !important;
}

.view-button:hover {
  background: #C78C3A !important;
}

.view-button span {
  color: white !important;
}

.submit-button {
  background: #043251 !important;
  color: white !important;
  font-size: 1rem !important;
  height: 46px !important;
}

.submit-button:hover {
  background: #C78C3A !important;
}

.file-upload-button {
  background-color: #043251 !important;
  color: white !important;
  height: 46px !important;
  border: none !important;
  border-radius: 5px !important;
}

.file-upload-button:hover {
  background-color: #C78C3A !important;
}

.download-button {
  background-color: #043251 !important;
  color: white !important;
  padding: 5px 8.5px 5px 8.5px !important;
  border-radius: 5px !important;
  float: right !important;
}

.download-button:hover {
  background-color: #C78C3A !important;
}

.download-button .download-icon {
  color: white !important;
}

.cancel-button {
  background-color: #043251 !important;
  color: #fff !important;
}

.input-field {
  background-color: white !important;
  border: 1px solid lightgrey !important;
  color: #043251 !important;
  font-size: 1rem !important;
}

.courses-filter-area select {
  appearance: none;
  background-color: white !important;
  background-image: url('/assets/images/down-arrow-svgrepo-com.svg');
  background-repeat: no-repeat;
  background-position: 92.5%;
  background-size: 12.5px;
}

.form-area select,
.input-dropdown {
  width: 100% !important;
  height: 46px !important;
  background-color: white !important;
  border: 1px solid lightgrey !important;
  border-radius: 5px !important;
  -webkit-appearance: menulist !important;
  color: #043251 !important;
}

.dropdown-padding select {
  padding-left: 16px !important;
}

.viewing-table {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.input-field::-webkit-input-placeholder {
  font-size: 1rem !important;
}

.input-field::-moz-placeholder {
  font-size: 1rem !important;
}

.input-field:-ms-input-placeholder {
  font-size: 1rem !important;
}

.input-field:-moz-placeholder {
  font-size: 1rem !important;
}

input {
  height: 46px !important;
}

input[type="search"] {
  height: inherit !important;
}

select {
  height: 46px !important;
}

.dataTables_length select {
  height: inherit !important;
}

#datatableTable_wrapper #datatableTable_filter {
  margin-top: 10px !important;
  margin-bottom: 20px !important;
}

#datatableTable_wrapper #datatableTable_info {
  margin-top: 20px !important;
  margin-bottom: -25px !important;
}

#datatableTable_wrapper #datatableTable_paginate {
  margin-top: 13.5px !important;
}

#datatableTable_wrapper #datatableTable_length {
  margin-top: 10px !important;
}

.paginate_button:hover {
  background: #C78C3A !important;
  border: 1px solid #C78C3A !important;
  color: white !important;
  transition: none !important;
}

.notes-textarea {
  background: white !important;
  border: 1px solid lightgrey !important;
  color: #043251 !important;
  font-size: 1em !important;
}

/****************************************
*****************************************
           Template Styling
*****************************************
****************************************/

.initials-area {
  background-color: #043251 !important;
  color: #C78C3A !important;
  font-weight: 700 !important;
  padding: 10px !important;
}

.sidemenu-header,
.sidemenu-area {
  background-color: #043251 !important;
}

.menu-item span {
  color: #043251 !important;
}

.side-menu-item span {
  color: white !important;
}

.header-logo {
  width: 75% !important;
  margin-top: 17% !important;
  margin-left: 10% !important;
}

.menu-area-title span {
  color: orange !important;
}

.header-pin-icon {
  color: #C78C3A !important;
  font-size: 32px !important;
  margin-right: 12.5px !important;
  margin-top: 2.5px !important;
  transform: rotate(45deg);
}

input.quick-search-input[type="search"] {
  height: 40px !important;
  width: 300px;
  padding-left: 10px !important;
  border: 1px solid #bec2c8 !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; 
}

@media screen and (max-width: 600px){
  input.quick-search-input[type="search"]{
    width: 150px !important;
  }
}

input.quick-search-input[type="search"]:focus {
  border: 1px solid #bec2c8 !important;
  outline: none !important;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none !important; 
}

.search-button {
  height: 40px !important;
  width: 40px !important;
  margin-bottom: 1px !important;
  margin-left: -10px !important;
  padding-left: 15px !important;
  border-top: 1px solid #bec2c8 !important;
  border-bottom: 1px solid #bec2c8 !important;
  border-right: 1px solid #bec2c8 !important;
  border-radius: 0 !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important; 
}

.search-icon {
  padding-bottom: 4px !important;
}

/****************************************
*****************************************
           Homepage Styling
*****************************************
****************************************/

#calendar {
  width: 100% !important;
}

.fc-toolbar-title {
  color: #043251 !important;
}

.line-chart-card {
  min-height: 538px !important;
}

.homepage-row {
  margin-bottom: 15px !important;
}

.faded-grey-download-icon,
.faded-grey-check-icon {
  color: #E2E2E2 !important;
}

.green-download-icon,
.green-check-icon {
  color: #42D584 !important;
}

.upcoming-courses-table tbody a:hover {
  color: #C78C3A !important;
}

/****************************************
*****************************************
             Courses Styling
*****************************************
****************************************/

.courses-edit-column,
.courses-delete-column {
  width: 50px !important;
}
.stock-required-section {
  margin-top: 35px !important;
  margin-bottom: 25px !important;
}

.course-venue-section {
  margin-top: 35px !important;
}

.required-equipment-list,
.required-consumables-list {
  line-height: 30px !important;
}

.course-delegate-status {
  background-color: transparent !important;
  border: none !important;
}

.course-delegate-status:active,
.course-delegate-status:hover,
.course-delegate-status:visited,
.course-delegate-status:active,
.course-delegate-status:valid {
  outline: none !important;
  outline-color: transparent !important;
}

.course-filter-label {
  padding-bottom: 5px !important;
}

.edit-course-container table thead {
  font-size: 14px !important;
}

.edit-course-container table tbody {
  font-size: 13px !important;
}

/* Course Edit Page - AJAX Work */

.ajax-search-delegates-table {
  width: 100%;
}

.ajax-search-delegates-table thead th {
  padding-left: 0px !important;
}

.ajax-search-delegates-table thead .ajax-sdt-populated-th {
  width: 30% !important;
}

.ajax-search-delegates-table thead .ajax-sdt-empty-th {
  width: 5% !important;
}

.ajax-search-delegates-table tbody tr {
  height: 5vh !important;
}

.ajax-add-button {
  background: #043251 !important;
  padding: 5px 10px 5px 10px !important;
  border-radius: 6px !important;
  float: left !important;
}

.ajax-add-button .delete-icon {
  color: white !important;
}

.ajax-add-button:hover {
  background: #C78C3A !important;
}

/****************************************
*****************************************
            Delegates Styling
*****************************************
****************************************/

.delegates-history-table a {
  color: black !important;
}

.delegates-history-table a:hover {
  color: #C78C3A !important;
}

#delegates-hidden-area {
  display: none;
}

/****************************************
*****************************************
             Venues Styling
*****************************************
****************************************/

.venues-edit-column,
.venues-delete-column {
  width: 50px !important;
}

.venue-notes-textarea {
  background: white !important;
  border: 1px solid lightgrey !important;
  color: #043251 !important;
  font-size: 1em !important;
}

.venue-notes-table {
  margin-top: -10px !important;
}

.venue-notes-table td {
  height: 2px !important;
}



/****************************************
*****************************************
        Course Template Styling
*****************************************
****************************************/

.trainer-pack-title,
.equipment-title,
.consumable-title {
  font-size: 1.75em !important;
  margin-bottom: 15px !important;
}

.add-file-title {
  font-weight: 700 !important;
  color: #bbbdc7 !important;
}

.template-file-upload-button {
  background-color: #043251 !important;
  color: white !important;
  padding: 6px 12px 6px 12px !important;
  border: none !important;
  border-radius: 5px !important;
  width: 90px !important;
}
.trainer-pack-section {
  margin-bottom: 30px !important;
}

.equipment-section {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.consumable-section {
  margin-top: 30px !important;
}

/****************************************
*****************************************
          Documents Styling
*****************************************
****************************************/

.upload-document-title {
  font-size: 1.75rem !important;
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.file-name-field {
  padding: 5px 10px 5px 10px;
  border-radius: 0px !important;
  border: 1px solid lightgrey !important;
  border-radius: 5px !important;
  height: 45px !important;
}

.file-input-field {
  background-color: #043251 !important;
}

input[type="file"] {
  display: none !important;
}

.custom-file-upload {
  background-color: #043251 !important;
  color: white !important;
  padding-top: 12px !important;
  cursor: pointer !important;
  border-radius: 5px !important;
  height: 46px !important;
  text-align: center;
}

.custom-file-upload:hover {
  background-color: #C78C3A !important;
}

.file-upload-button {
  background-color: #043251 !important;
  color: white !important;
  padding: 6px 12px 6px 12px !important;
  border: none !important;
  width: 90px !important;
  border-radius: 5px !important;
  height: 45px !important;
}

.file-name-field::placeholder {
  color: black !important;
}

.edit-document-button {
  background-color: #043251 !important;
  color: white !important;
  padding: 5px 7px 5px 9px !important;
  border-radius: 5px !important;
  float: right !important;
}

.edit-document-button:hover {
  background-color: #C78C3A !important;
  cursor: pointer;
}

.edit-document-button .edit-document-icon {
  color: white !important;
}

/* Modal Area */

.modal-body select {
  width: 100% !important;
  height: 46px !important;
  background-color: white !important;
  border: 1px solid lightgrey !important;
  border-radius: 5px !important;
  -webkit-appearance: menulist !important;
}

.modal-submit-button {
  background: #043251 !important;
  color: white !important;
}

.modal-submit-button:hover {
  background: #C78C3A !important;
}

/****************************************
*****************************************
          Global Table Styling
*****************************************
****************************************/

table th {
  padding-left: 10px !important;
}

.blank-table-heading {
  display: none !important;
}

table tr {
  background: none !important;
}

table {
  border-bottom: none !important;
}

#datatableTable_filter {
  margin-top: 15px !important;
}

#datatableTable th:first-child {
  padding-left: 0px !important;
}

table th:first-child,
table td:first-child {
  padding-left: 0px !important;
}

/* Homepage Table Styling */

.homepage-table .home-courses-empty-th {
  width: 5% !important;
}

.homepage-table .home-courses-populated-th {
  width: 30% !important;
}

.homepage-table .home-courses-populated-th-narrow {
  width: 13.33% !important;
}

.homepage-table .td-empty-1 {
  text-align: right !important;
}

/* Courses View Table Styling */

.courses-view-table .courses-view-empty-th {
  width: 5% !important;
}

.courses-view-table .courses-view-populated-th {
  width: 14.1% !important;
}

/* Courses Edit Table Styling */

.course-edit-delegate-table .course-edit-delegate-empty-th {
  width: 5% !important;
}

.course-edit-delegate-table .course-edit-delegate-populated-th {
  width: 21.667% !important;
}

.course-edit-delegate-table .course-edit-delegate-populated-th-narrow {
  width: 10% !important;
}

/* Courses Quick Search Styling */

.course-quick-search-table .course-quick-search-empty-th {
  width: 5% !important;
}

.course-quick-search-table .course-quick-search-populated-th {
  width: 23.75% !important;
}

/* .course-quick-search-table .course-quick-search-empty-th-narrow {
  width: 5% !important;
} */


/* Delegates View Table Styling */

.delegates-view-table .delegates-view-empty-th {
  width: 5% !important;
}

.delegates-view-table .delegates-view-populated-th {
  width: 18% !important;
}

/* Delegates History Table Styling */

.delegate-history-upcoming-table .delegate-history-upcoming-empty-th {
  width: 5% !important;
}

.delegate-history-upcoming-table .delegate-history-upcoming-populated-th {
  width: 23.75% !important;
}

.delegate-history-past-table .delegate-history-past-empty-th {
  width: 5% !important;
}

.delegate-history-past-table .delegate-history-past-populated-th {
  width: 23.75% !important;
}

/* Trainers View Table Styling */

.trainers-view-table .trainers-view-empty-th {
  width: 5% !important;
}

.trainers-view-table .trainers-view-populated-th {
  width: 23.75% !important;
}

/* Course Template View Styling */

.course-template-view-table .course-template-view-empty-th {
  width: 5% !important;
}

.course-template-view-table .course-template-view-populated-th {
  width: 90% !important;
}

/* Course Template Edit Styling */

.template-edit-trainer-pack-table .template-edit-trainer-pack-empty-th {
  width: 5% !important;
}

.template-edit-trainer-pack-table .template-edit-trainer-pack-populated-th {
  width: 47.5% !important;
}

.template-edit-equipment-table .template-edit-equipment-empty-th {
  width: 47.5% !important;
}

.template-edit-equipment-table .template-edit-equipment-populated-th {
  width: 47.5% !important;
}

.template-edit-consumable-table .template-edit-consumable-empty-th {
  width: 31.66% !important;
}

.template-edit-consumable-table .template-edit-consumable-populated-th {
  width: 31.66% !important;
}

/* Venue View Table Styling */

.venue-view-table .venue-view-empty-th {
  width: 5% !important;
}

.venue-view-table .venue-view-populated-th {
  width: 30% !important;
}

/* Users View Table Styling */

.users-view-table .users-view-empty-th {
  width: 5% !important;
}

.users-view-table .users-view-populated-th {
  width: 30% !important;
}

/* Companies View Table Styling */

.companies-view-table .companies-view-empty-th {
  width: 5% !important;
}

.companies-view-table .companies-view-populated-th {
  width: 40% !important;
}

.companies-view-table .companies-view-populated-th-narrow {
  width: 15% !important;
}

/* Documents View Table Styling */

.documents-view-table .documents-view-empty-th {
  width: 5% !important;
}

.documents-view-table .documents-view-populated-th {
  width: 45% !important;
}

/* Equipment Stock View Table Styling */

.equipment-stock-view-table .equipment-stock-view-empty-th {
  width: 5% !important;
}

.equipment-stock-view-table .equipment-stock-view-populated-th {
  width: 30% !important;
}

/* Consumables Stock View Table Styling */

.consumable-stock-view-table .consumable-stock-view-empty-th {
  width: 5% !important;
}

.consumable-stock-view-table .consumable-stock-view-populated-th {
  width: 30% !important;
}

.register-delegate-view-table .register-delegate-view-th {
  width: 22.5% !important;
}

.register-delegate-view-table .register-delegate-view-th-narrow {
  width: 5% !important;
}


/****************************************
*****************************************
            Media Queries
*****************************************
****************************************/

@media only screen and (max-width: 576px) {
  .mobile-row-top-spacing {
    margin-top: 20px !important;
  }
  .mobile-row-top-reverse-spacing {
    margin-top: -15px !important;
  }
}

/****************************************
*****************************************
            Dashboard Styles
*****************************************
****************************************/

.dashboard-container {
  width: 100% !important;
  padding: 0px 20px;
}

.no-search-box-table #courseDataTable_filter,
.no-search-box-table #courseDataTable_info,
.no-search-box-table #delegateDataTable_filter,
.no-search-box-table #delegateDataTable_info {
  display: none !important;
}

.table-container {
  padding: 0px 100px !important;
  background-color: #efefef;
}

/****************************************
*****************************************
          Register Styling
*****************************************
****************************************/

.register-delegate-accordion {
  background-color: rgba(245 248 250, 1);
}

.delegate-status-form-button {
  display: inline-block !important;
}

.course-delegate-status-button {
  width: 31px !important;
  height: 29px !important;
  padding: 5px 10px !important;
}

.notes-icon {
  width: 31px !important;
  height: 29px !important;
  padding: 8px 10px 5px 10px !important;
  border-radius: 6px;
  background-color: #053d63;
  color: #fff;
}

/****************************************
*****************************************
          Modal Styling
*****************************************
****************************************/

.note-icon-p {
  cursor: pointer;
  margin: 0px !important;
  margin-right: 10px !important;
  display: inline-block !important;
}

.empty-notes {
  background: #e4e6ef !important;
  color: #043251;
}

.close {
  margin-left: 10px;
  font-size: 30px;
}

#modalContent {
  width: 800px !important;
  height: 400px !important;
  margin: 20px auto;
}


/****************************************
*****************************************
          Validation
*****************************************
****************************************/

.error-messages p {
  background-color: #d9534f !important;
  border-radius: 5px !important;
  margin: 4px !important;
  padding: 5px 5px !important;
  color: #fff !important;
  font-size: 1.2rem !important;
  /* width: 300px !important; */
}


.course-delegate-status-dropdown {
  height: 24px !important;
}

.course-delegate-status-dropdown option[value="Completed"]{
  background-color: #5cb85c !important;
  color: #F5F8FA !important;
}
.course-delegate-status-dropdown option[value="Failed"]{
  background-color: #d9534f !important;
  color: #F5F8FA !important;
}
.course-delegate-status-dropdown option[value="Cancelled"]{
  background-color: #fd7e14 !important;
  color: #F5F8FA !important;
}