@charset "UTF-8";
/* === colors  === */
/* === iputs === */
/* === global === */
/* === checkboxes === */
/* === radios === */
/* ==== bouton === */
/*=== font ===*/
div, * {
  font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif; }

form td.sub-title,
form tr.sub-title > td {
  background-color: #007fff;
  color: #fff;
  padding-left: 10px;
  padding-top: 1px;
  border-radius: 5px;
  vertical-align: middle;
  height: 31px;
  font-size: 16px;
  font-weight: bold; }

form td.sub-sep,
form tr.sub-sep > td {
  background-color: #eef;
  color: #333;
  padding-left: 10px;
  padding-top: 1px;
  border-radius: 5px;
  vertical-align: middle;
  height: 31px;
  font-size: 16px;
  font-weight: bold; }

/* === labels === */
label {
  margin: 2px;
  color: gray; }

.label-hidden {
  display: none;
  opacity: 0;
  margin: 2px;
  color: gray; }

/* === input === */
input {
  outline: none !important;
  border: none;
  box-shadow: none !important;
  padding: 4px 6px 2px 8px;
  font-size: 13px;
  height: 31px;
  line-height: 31px;
  color: #000;
  vertical-align: middle;
  border-radius: 5px; }

input:active,
input:focus,
input:hover {
  outline: none !important;
  border: none;
  box-shadow: none !important; }

/*=== tmce === */
strong {
  font-weight: bold; }

.mce-edit-area {
  padding: 4px 6px 2px 8px !important; }

.mce-tinymce.mce-container.mce-panel {
  border: none !important;
  border-radius: 5px; }

.mce-stack-layout-item.mce-first {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.mce-stack-layout-item.mce-last, .mce-container > iframe {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.tox-tinymce-aux {
  z-index: 998 !important; }

.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
  left: 7px !important;
  font-style: italic;
  font-size: 90%; }

/* === la barre d'outil en haut de la page pour régler les bugs de positionnement. === */
div#tmceinlinetoolbar {
  width: 100% !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  height: 0 !important;
  overflow: visible !important;
  z-index: 999 !important; }

div#tmceinlinetoolbar .mce-tinymce-inline {
  width: 100% !important;
  height: auto !important;
  min-height: 35px !important;
  background-color: #fff;
  border-radius: 0 !important;
  position: relative !important;
  border-bottom: 4px solid #007fff !important; }

div#tmceinlinetoolbar .mce-container-body {
  width: 100% !important;
  height: auto !important;
  position: relative !important; }

div#tmceinlinetoolbar .mce-toolbar-grp {
  width: 100% !important;
  height: auto !important;
  position: relative !important; }

div#tmceinlinetoolbar .mce-toolbar .mce-btn-group {
  float: left !important;
  position: relative !important; }

#tinymceToolbar {
  z-index: 100;
  position: absolute;
  display: inline-block;
  border: 1px solid #333; }

.mce-container input, .moxman-container input {
  border-radius: 0 !important;
  border: 1px solid #ccc !important; }

.mce-content-body {
  padding-bottom: 5px !important; }

.mce-content-body p, .mce-content-body div {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.plugin-placeholder:before {
  display: none;
  position: absolute;
  content: attr(placeholder);
  -webkit-margin-before: 0 !important;
  -webkit-margin-after: 0 !important;
  -webkit-margin-start: 0 !important;
  -webkit-margin-end: 0 !important;
  color: #999 !important;
  font-style: italic !important;
  font-size: 13px; }

.required .plugin-placeholder:before {
  color: #f00 !important; }

/*=== select invisible until ===*/
table.input-container select {
  visibility: hidden; }

/* === placeholder === */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999;
  font-style: italic;
  font-size: 13px; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #999;
  font-style: italic;
  font-size: 13px; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
  font-style: italic;
  font-size: 13px; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
  opacity: 1;
  font-style: italic;
  font-size: 13px; }

.select2-selection__placeholder {
  color: #999;
  opacity: 1;
  font-style: italic;
  font-size: 13px; }

table.input-container.required input::-moz-placeholder {
  color: #f00;
  opacity: 1; }

table.input-container.required input::-webkit-input-placeholder {
  color: #f00; }

table.input-container.required input:-ms-input-placeholder {
  color: #f00; }

table.input-container.required input:-moz-placeholder {
  color: #f00; }

table.input-container.required .select2-selection__placeholder {
  color: #f00; }

table.input-container.required textarea:placeholder {
  color: #f00;
  opacity: 1; }

table.input-container.required textarea::-moz-placeholder {
  color: #f00;
  opacity: 1; }

table.input-container.required textarea::-webkit-input-placeholder {
  color: #f00; }

table.input-container.required textarea:-ms-input-placeholder {
  color: #f00; }

table.input-container.required textarea:-moz-placeholder {
  color: #f00; }

/* === disabled === */
:disabled {
  background-color: #fafafa; }

/* === textarea === */
textarea {
  outline: none !important;
  border: 1px solid #bbb;
  border-radius: 5px;
  box-shadow: none !important;
  vertical-align: middle;
  padding: 4px 6px 4px 8px; }

textarea:active,
textarea:focus {
  outline: none !important;
  border: 1px solid #333 !important;
  box-shadow: none !important; }

textarea:hover {
  outline: none !important;
  border: 1px solid #333;
  box-shadow: none !important; }

textarea.invalid {
  outline: none !important;
  border: 1px solid #333;
  box-shadow: none !important; }

.input-container .tmce {
  padding: 8px; }

.input-container td .tmce-placeholder {
  padding-left: 4px; }

/* === button === */
button,
input[type="button"],
input[type="submit"] {
  display: inline-block;
  border: 1px solid #007fff;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #007fff;
  color: #fff;
  cursor: pointer;
  padding: 0.2rem 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px; }

input[type="button"]:hover,
input[type="submit"]:hover {
  background-color: #025aa5; }

input[type="button"].s,
input[type="submit"].s {
  font-size: 13px !important;
  padding: 0.3rem 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px; }

input[type="submit"]:disabled {
  cursor: wait;
  background-color: #ccc !important;
  border: 1px solid #ccc !important; }

/* === fieldset === */
fieldset {
  padding: 10px;
  border: 1px solid #bbb;
  border-radius: 5px; }

fieldset legend {
  font-style: italic;
  color: #999; }

/* === checkboxes === */
/* == radio === */
a.checkbox {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 19px;
  height: 19px;
  cursor: pointer;
  font-family: "Font Awesome 5 Pro";
  font-size: 15px;
  line-height: 18px !important;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #bbb;
  text-align: center;
  border: 1px solid #bbb;
  box-sizing: border-box;
  border-radius: 5px;
  color: #bbb;
  padding: 0 0 2px 1px !important;
  background-color: #fff;
  text-decoration: none !important;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  vertical-align: text-bottom; }

a.checkbox:before {
  content: ""; }

a.checkbox-checked {
  color: #fff;
  border-color: #007fff;
  background-color: #007fff; }

a.checkbox-checked:before {
  content: ""; }

a.checkbox.invalid, a.checkbox.required {
  border-color: #f00;
  background-color: #fff; }

a.checkbox-checked.invalid {
  color: #fff;
  border-color: #f00;
  background-color: #f00; }

a.checkbox:hover, a.checkbox.invalid:hover, a.checkbox-checked:hover {
  border-color: #333;
  text-decoration: none !important; }

a.checkbox:focus, a.checkbox.invalid:focus, a.checkbox-checked:focus {
  border-color: #333; }

/* === radio === */
/* == radio === */
a.radio {
  display: inline-block;
  position: relative;
  top: -1px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  line-height: 19px;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #bbb;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #bbb;
  box-sizing: border-box;
  border-radius: 50%;
  color: #bbb;
  padding: 0 !important;
  background-color: #fff;
  text-decoration: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none; }

a.radio:before {
  content: ""; }

a.radio:hover {
  color: #007fff;
  border-color: #333;
  text-decoration: none !important; }

a.radio-checked {
  color: #007fff;
  border: none;
  font-size: 21px;
  font-weight: 900; }

a.radio-checked:before {
  content: "\f058"; }

a.radio.invalid {
  color: #f00;
  border-color: #f00; }

a.radio:focus {
  color: #007fff;
  border-color: #333; }

/* === select2 === */
/* === select2 =============================================================== */
.select2.select2-container, .select2-search {
  width: 100% !important; }

.select2-container--focus .select2-selection,
.select2-container--open .select2-selection {
  outline: none !important;
  border: 1px solid #333 !important;
  box-shadow: none !important; }

.select2-container:hover .select2-selection {
  outline: none !important;
  border: 1px solid #333;
  box-shadow: none !important; }

/* === la boite === */
.select2-container .select2-selection.select2-selection--single.invalid,
.select2-container--default .select2-selection--single {
  border: none !important;
  border-radius: 5px; }

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-selection__placeholder {
  line-height: 31px; }

.select2-selection__placeholder {
  display: inline-block; }

/* === la selection === */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000;
  padding-left: 8px;
  padding-right: 6px; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #bbb !important; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #66b2ff;
  color: white; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #007fff;
  color: white; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: none; }

.select2-container--default .select2-selection--multiple {
  border: none !important;
  line-height: 13px;
  min-height: 29px; }

.select2-results__option[aria-selected] {
  border-bottom: 1px solid #ccc; }

/* multiple */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: none;
  padding: 2px 6px 2px 4px;
  line-height: 19px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 3px; }

.select2-container--default .select2-selection--multiple .select2-search__field {
  height: 20px; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 9px;
  margin-right: 6px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  font-size: 17px; }

span.select2-selection--multiple li.select2-search:before {
  content: "\f00e";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  position: absolute;
  top: 10px;
  left: 4px; }

span.select2-selection--multiple li.select2-search input.select2-search__field {
  padding-left: 20px; }

/* === picto fleche à droite === */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  border-left: 1px solid #bbb;
  border-right: none;
  height: 100%;
  top: 0;
  right: 0;
  background-color: #eef;
  min-width: 31px;
  display: none; }

/* === trigger === */
table.input-container td.sub-select-trigger {
  cursor: pointer; }

table.input-container td:last-child .select2-container .select2-selection__arrow {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #bbb transparent transparent transparent; }

/*hover*/
.select2-container--default:hover .select2-selection--single .select2-selection__arrow {
  border-left: 1px solid #333; }

.select2-container--default:hover .select2-selection--single .select2-selection__arrow b {
  border-color: #333 transparent transparent transparent; }

/* focus */
.select2-container--focus .select2-selection__arrow,
.select2-container--open .select2-selection__arrow {
  border-color: #333 !important; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #333 transparent !important; }

.select2-container--default.select2-container--focus .select2-selection--single .select2-selection__arrow b {
  border-color: #333 transparent transparent transparent !important; }

/*open*/
.select2.select2-container.select2-container--default.select2-container--below.select2-container--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

table.input-container.dropdown-above,
table.input-container.dropdown-below {
  border-color: #333; }

table.input-container.dropdown-above .sub-left,
table.input-container.dropdown-above .sub-right,
table.input-container.dropdown-below .sub-left,
table.input-container.dropdown-below .sub-right {
  border-color: #333; }

table.input-container.dropdown-above .sub-left,
table.input-container.dropdown-above .sub-left .fa,
table.input-container.dropdown-above .sub-right,
table.input-container.dropdown-above .sub-right .fa,
table.input-container.dropdown-below .sub-left,
table.input-container.dropdown-below .sub-left .fa,
table.input-container.dropdown-below .sub-right,
table.input-container.dropdown-below .sub-right .fa {
  color: #333; }

.select2-container--open .select2-dropdown--below {
  border: 1px solid #333 !important;
  top: -1px; }

.select2-container--open .select2-dropdown--above {
  border: 1px solid #333 !important;
  top: 1px; }

.select2-selection.invalid {
  border: 1px solid #f00 !important; }

.select2-selection.invalid .select2-selection__arrow {
  border-left: 1px solid #f00 !important; }

/* === readonly === */
table .input-container.readonly .select2-search__field {
  display: none; }

table .input-container.readonly .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: transparent;
  cursor: default; }

.select_tag_sortable {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin: 5px;
  padding: 5px;
  font-size: 14px; }

.select_tag_sortable i {
  float: right;
  margin: 2px;
  margin-left: 6px;
  cursor: pointer; }

span.select2-selection.select2-selection--multiple li.select2-selection__choice, span.select2-selection.select2-selection--multiple span.select2-selection__clear {
  display: none; }

/* === radio === */
/* CSS Document */
button.ui-datepicker-trigger {
  display: none; }

.datepicker-trigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
  line-height: 31px; }

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
  border: none;
  text-align: center; }

div.input-date {
  display: inline-block;
  position: relative;
  border: 1px solid #ccc; }

div.input-date input {
  border: none; }

.ui-datepicker {
  width: auto;
  display: none; }

.ui-datepicker *,
.ui-datepicker .ui-state-default {
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  background: #FFFFFF;
  color: #000; }

.ui-datepicker .ui-datepicker-header {
  padding: 0; }

.ui-datepicker a {
  text-decoration: none; }

.ui-datepicker-title {
  text-align: center;
  padding: 0; }

.ui-datepicker-title * {
  vertical-align: middle; }

.ui-datepicker-next,
.ui-datepicker-prev {
  cursor: pointer;
  color: #000 !important;
  border: none !important;
  background-color: #fff !important;
  background: #fff !important;
  font-family: FontAwesome;
  font-size: 16px !important;
  font-weight: normal !important;
  width: 10px !important;
  height: 16px !important;
  padding: 0 !important; }

.ui-datepicker-next span,
.ui-datepicker-prev span {
  display: none !important; }

.ui-datepicker-prev {
  float: left;
  left: 0 !important;
  top: -6px !important;
  margin-left: 5px;
  margin-top: 0.7em; }

.ui-datepicker-prev:before {
  content: "\f0d9"; }

.ui-datepicker-next {
  float: right;
  right: 0 !important;
  top: -6px !important;
  margin-right: 2px;
  margin-top: 0.7em; }

.ui-datepicker-next:before {
  content: "\f0da"; }

.ui-datepicker .ui-icon-circle-triangle-e,
.ui-datepicker .ui-icon-circle-triangle-w {
  background-image: none; }

.ui-datepicker-calendar {
  border-collapse: collapse;
  width: 100%; }

.ui-datepicker-calendar thead {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }

.ui-datepicker-calendar td {
  border: 1px solid #ccc;
  padding: 2px;
  text-align: center; }

.ui-datepicker-calendar td:hover,
.ui-datepicker-calendar td:hover a {
  background: #025aa5;
  color: #fff;
  cursor: pointer; }

.ui-datepicker-other-month a,
.ui-datepicker-other-month span {
  color: #ccc !important; }

.ui-datepicker-trigger {
  font-family: 'FontAwesome';
  border: none;
  background: #fff;
  cursor: pointer; }

.ui-datepicker-current-day,
.ui-datepicker-current-day a {
  background: #333 !important;
  color: #fff !important; }

.ui-datepicker-buttonpane {
  text-align: center;
  border: 1px solid #ccc;
  border-top: none; }

.ui-datepicker .ui-datepicker-buttonpane button {
  border: none !important;
  cursor: pointer;
  margin: 0;
  margin-top: -5px; }

.ui-datepicker-trigger {
  padding: 0;
  margin: 0; }

.ui-datepicker-header select {
  padding: 4px;
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #fff;
  color: #000;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  vertical-align: middle; }

.ui-datepicker-header option {
  padding: 2px; }

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .ui-datepicker-header select {
    padding-right: 10px; } }
/* === input in table === */
/* ========== input + icones ou  boutons ============================ */
/* === container === */
table.input-container {
  display: inline-table;
  padding: 0;
  margin: 0;
  border-spacing: 0;
  vertical-align: middle;
  border: 1px solid #bbb;
  height: 31px;
  border: 1px solid #bbb;
  background-color: #fff;
  border-radius: 5px; }

table.input-container tbody,
table.input-container td.sub-field,
table.input-container tr {
  width: 100% !important; }

table.input-container td {
  padding: 0;
  margin: 0;
  position: relative;
  vertical-align: middle; }

table.input-container td input:not(.select2-search__field), table.input-container td textarea {
  width: 100% !important;
  border: none !important; }

table.input-container .sub-left,
table.input-container .sub-right {
  width: 1px;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background-color: #eef;
  color: #888;
  min-width: 31px;
  padding-left: 5px;
  padding-right: 4px;
  padding-top: 2px; }

table.input-container .sub-left {
  border-right: 1px solid #bbb;
  border-radius: 0; }

table.input-container .sub-left:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

table.input-container .sub-right {
  border-left: 1px solid #bbb;
  border-radius: 0; }

table.input-container .sub-right:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

table.input-container input,
table.input-container input:hover {
  width: 100%;
  height: 29px; }

table.input-container:hover,
table.input-container:hover .sub-left,
table.input-container:hover .sub-right {
  border-color: #333; }

table.input-container:hover .sub-left .fa,
table.input-container:hover .sub-left .fal,
table.input-container:hover .sub-left .fas,
table.input-container:hover .sub-left .far,
table.input-container:hover .sub-right .fa,
table.input-container:hover .sub-right .fal,
table.input-container:hover .sub-right .far,
table.input-container:hover .sub-right .fas {
  color: #888; }

table.input-container.readonly:hover,
table.input-container.readonly:hover .sub-left,
table.input-container.readonly:hover .sub-right {
  border-color: #bbb; }

table.input-container.readonly:hover .sub-left .fa,
table.input-container.readonly:hover .sub-left .fal,
table.input-container.readonly:hover .sub-left .far,
table.input-container.readonly:hover .sub-left .fas,
table.input-container.readonly:hover .sub-right .fa,
table.input-container.readonly:hover .sub-right .fal,
table.input-container.readonly:hover .sub-right .far,
table.input-container.readonly:hover .sub-right .fas,
table.input-container.readonly:hover .sub-left,
table.input-container.readonly:hover .sub-right {
  color: #888; }

table.input-container.focus,
table.input-container.focus .sub-left,
table.input-container.focus .sub-right {
  border-color: #333; }

table.input-container.focus .sub-left .fa,
table.input-container.focus .sub-left .fal,
table.input-container.focus .sub-left .far,
table.input-container.focus .sub-left .fas,
table.input-container.focus .sub-right .fa,
table.input-container.focus .sub-right .fal,
table.input-container.focus .sub-right .far,
table.input-container.focus .sub-right .fas {
  color: #333; }

/* === disabled === */
table.input-container.disabled {
  background-color: #fafafa; }

/* === invalid === */
table.input-container.invalid {
  border: 1px solid #f00; }

/* === readonly === */
table.input-container.readonly td.sub-field {
  padding: 2px 6px 0 8px;
  font-size: 13px;
  line-height: 25px;
  height: 27px; }

/* === trigger === */
table.input-container td.sub-date-trigger .fa, table.input-container td.sub-date-trigger .fal, table.input-container td.sub-date-trigger .far, table.input-container td.sub-date-trigger .fas {
  cursor: pointer; }

/* === select 2 dropdown === */
table.input-container.dropdown-above {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

table.input-container.dropdown-above .sub-right:last-child {
  border-top-right-radius: 0; }

table.input-container.dropdown-above .sub-left:first-child {
  border-top-left-radius: 0; }

table.input-container.dropdown-below {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

table.input-container.dropdown-below .sub-right:last-child {
  border-bottom-right-radius: 0; }

table.input-container.dropdown-below .sub-left:first-child {
  border-bottom-left-radius: 0; }

/* === bottom bar === */
.form-bottombar {
  position: absolute;
  display: block;
  text-align: center;
  border-top: 1px solid #ccc;
  background-color: #fff;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 4px;
  height: auto;
  z-index: 2; }

.form-bottombar-clear {
  position: relative;
  width: 100%; }

/* === jquery ui === */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #007fff;
  background: #007fff;
  color: #fff; }

/* === uploader === */
table.uploader {
  border-collapse: collapse; }

table.uploader tr {
  border: 1px solid #ccc;
  border-collapse: collapse;
  background-color: #fff; }

table.uploader td {
  padding: 4px; }

table.uploader .sub-file {
  width: 95%; }

table.uploader .sub-icon {
  font-size: 50px;
  float: left;
  margin-right: 5px; }

table.uploader .sub-actions {
  width: 5%;
  vertical-align: top;
  text-align: center;
  align-content: center; }

table.uploader .sub-actions .fa, table.uploader .sub-actions .fas, table.uploader .sub-actions .fal, table.uploader .sub-actions .far {
  cursor: pointer;
  font-size: 20px; }

table.uploader .sub-delete {
  color: #f00; }

table.uploader .sub-google {
  color: #4386fc; }

table.uploader .sub-title {
  font-size: 16px;
  height: 31px;
  padding-top: 1px;
  padding-left: 10px;
  vertical-align: middle;
  color: #fff;
  border-radius: 5px;
  background-color: #007fff;
  font-weight: bold;
  border-radius: 0; }

table.uploader .sub-select {
  font-size: 28px;
  color: #007fff;
  cursor: pointer; }

table.uploader.required .sub-select {
  color: #f00; }

table.uploader .sub-drop.sub-hover {
  background-color: #007fff; }

table.uploader .sub-drop.sub-hover .sub-select {
  color: #fff; }

/* === duplicate === */
table.duplicate-file {
  background-color: #f00;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  color: #fff;
  padding-left: 10px;
  padding-top: 1px;
  border-radius: 5px;
  vertical-align: middle;
  text-align: center;
  height: 31px;
  font-size: 16px;
  font-weight: bold; }