/* General */
/* best left as is */
.tiny-header {
  background: none;
}

/* If the design is for RTL (BiDi) languages such as Hebrew and Arabic, then uncomment the following lines */
body {
  direction: rtl;
}
.second-alignment {
  text-align: left;
}
.tiny-header {
  direction: rtl;
}

/* Header image and logo */
/* Hiding the header image */
/* 020 */
.second-alignment img {
  display: none;
}

/* Replacing the header image */
/* 025 */
/* Replace the following address with your own image link */
div.second-alignment {
  width: 100%;
  height: 100%;
}
.header-top-bg {
  padding-left: 0px;
}

/* Hiding the company logo. Remove the comment if you want to hide the logo*/
/* 030 */
/*.first-aligment img {display: none;} */

/* Top menu */
/* 040 */
.menu-bg {
  background-color: #7fc241;
}
.menu_top_level_wrapper {
  border-bottom: 0px solid black;
  border-top: 0px solid black;
}

/* 044 */
.top_menu a,
.top_menu a:hover {
  color: #404042;
}
.top_menu-selected {
  background-color: #404042;
}
.top_menu-selected a,
.top_menu-selected a:hover {
  color: #7fc241;
}

/* 048 */
.gray-lighter2 {
  color: #404042;
}
.gray-lighter3 {
  border: none;
}

/* 060 Bottom information bar */
.bottom-tr {
  background-color: #404042;
  color: #fff;
}
.footer-dots {
  background: #404042;
  border-bottom: solid 0px #4579ab;
}
.contact-td {
  background: #404042;
  border-bottom: solid 0px #4579ab;
}
.font-style {
  font-size: 14px;
  font-family: arial;
}

/* Main menu (the page that is displayed right after logging in) */
/* 070 */
tr.titleinsidemain {
  background-color: #666;
  color: #fff;
}
td.mainMenu-line1,
td.mainMenu-line2 {
  border: 1px solid #666;
}

/* Internal pages */
/* 105 */
.pageTitle {
  color: #404042;
}

/* 110 */
.section-lable {
  background-color: #666;
  color: #ffffff;
  padding: 3px;
  border-radius: 6px 6px 0 0;
  text-indent: 10px;
}

/* 115 */
a.reportitemtitle {
  color: #404042;
}

/* 120 */
/* Replace the following address with your own image link */
/*img.submenu-arrow {background-image: url('https://www.checker-soft.com/demo/checker-files/media/68/pictures/dot-orange.png'); width: 16px; height: 16px; background-repeat: no-repeat; vertical-align: middle;}*/

/* 130 */
td.leftpanel {
  background-color: #fafafa;
  border-top-color: #d8ddef;
  border-top-style: solid;
}

/* 142 */
.leftcategorytitle {
  background-color: #7fc241;
  color: #ffffff;
}

/* Tables */

/* 200 */
thead.db,
thead.report {
  background-color: #666;
  color: #fff;
}
thead.report a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
td.db-surrounding {
  border: 2px solid transparent;
}
table.report {
  font-size: smaller;
  border: 2px solid #666;
  border-collapse: collapse;
}
/* 210 */
tr.db th,
.report-dir {
  border-left-color: #808080;
  border-left-style: solid;
  border-left-width: 1px;
}
thead.db th a {
  color: #fff;
}
table.db {
  border: 2px solid #777;
}
/* 220 */
tr.db1,
tr.report1 {
  background-color: #e7e7ed;
}
tr.db1 td {
  padding: 7px;
}
/* 230 */
tr.db2,
tr.report2 {
  background-color: #ffffff;
  border-bottom-color: #ffffff;
  border-top-color: #ffffff;
}
tr.db2 td {
  padding: 7px;
}

/* 240 */
tr.db1:hover,
tr.report1:hover,
tr.db2:hover,
tr.report2:hover {
  background-color: rgba(127, 194, 65, 0.4);
  text-decoration: none;
}

/* Visit report */
/* These 2 lines set the border for the summary in the 1st page */
/* 320 */
table.HeaderGradeTable td {
  border: solid 1px black;
}
table.HeaderGradeTable {
  border-collapse: collapse;
}

/* Analyst screen (dashboard) specific settings */

/* Categories (tabs) */
/* 420 */
.toptabactive {
  background-color: #006699;
  background-image: none;
  text-align: center;
  vertical-align: middle;
}

/* 430 */
.toptabinactive {
  color: white;
  background-color: #437fc7;
  background-image: none;
  text-align: center;
  vertical-align: middle;
}
.toptabinactive strong {
  color: white;
}

/* Boxes (the containers for reports) */
/* 450 */
.dragableboxheader {
  background-color: #006699;
  color: white;
}
/* input {direction: rtl;} */
.subChapterName {
  font-size: 20px;
}
.chapterName {
  font-size: 20px;
}

td.first-aligment img {
  width: auto;
  height: 80px;
}

#set-language {
  padding: 0px;
}

input {
  font-size: 13px;
}

.btn-input,
.btn-input input,
input[type='button'],
input[type='submit'],
button:not(.ui-multiselect),
input[type='file'] {
  font-weight: normal;
  min-height: 22px;
  background: none repeat scroll 0 0;
  background-color: #7fc241;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  transition: all 0.2s linear 0s;
  margin: 3px 2px;
}

img.submenu-arrow {
  content: url(https://eu.checker-soft.com/expose-lm/checker-files/media/189/css/images/bullet.png);
  height: 13px;
  vertical-align: baseline;
}

form[name='login'] {
  border: 1px solid rgba(178, 178, 178, 0.8);
  border-radius: 0px;
  box-shadow:
    0 2px 5px rgba(105, 108, 109, 0.7),
    0 0 8px 5px rgba(178, 178, 178, 0.4) inset;
  margin: 0 0 35px;
  padding: 10px 50px 10px 0px;
  top: 0;
  display: inline-block;
  box-shadow:
    0 5px 18px 5px #999999,
    0 0 2px #999;
  margin-bottom: 0px;
}
form[name='login'] table {
  position: relative;
  right: -30px;
}

input[type='text'],
input.searchClass,
textarea {
  display: inline-block;
  border: 1px solid rgb(178, 178, 178);
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset;
  box-sizing: content-box;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 5px;
  transition: all 0.2s linear 0s;
}

input[name='username'],
input[name='password'] {
  display: inline-block;
  border: 1px solid rgb(178, 178, 178);
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset;
  box-sizing: content-box;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 5px;
  transition: all 0.2s linear 0s;
}

form[name='login'] td {
  display: table;
  font-size: 14px;
}

div#FiltersArea p {
  font-size: 15px;
}
input#do_login {
  margin-left: 25%;
  padding: 4px 15px;
  font-size: 14px;
  font-weight: bold;
}
input#do_login:hover {
  background-color: #404042;
  color: #7fc241;
}

td.tedit,
td.tedit-mandatory {
  vertical-align: middle;
}
form#frm[action*='shoppers-list'] #OtherFilters {
  max-width: 250px !important;
}

form#frm[action*='shoppers-list'] .shoppers-list {
  width: auto;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

td.mainMenu-line1,
td.mainMenu-line2 > .insideMain:last-child {
  padding: 0px !important;
}
td.mainMenu-line1 .insideMain .insideMain,
td.mainMenu-line2 .insideMain {
  padding-inline-start: 16px;
}
.contentInsideMain {
  padding: 16px 16px 0 !important;
}
.mainMenu-line1,
.mainMenu-line2 {
  box-shadow: 0px 0px 15px 0px #00000026;
  border-radius: 5px !important;
  overflow: hidden;
}

.page-main-menu .begin-report-area-td > center > table {
  margin-top: 20px;
}
.page-main-menu #the_cell_with_the_program td.mainMenu-line2:first-child {
  left: 0px !important;
  right: auto !important;
}
.page-edit-crit-openlink .middle-right {
  width: calc(100% - 20px);
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0px 0px 6px 0px #0000001a;
  border-radius: 2px;
  padding: 10px;
  box-sizing: border-box !important;

  display: block;
}
form.edit-crit-openlink {
  display: block;
  width: fit-content;
  margin: 0 auto;
}
form.edit-crit-openlink > table {
  margin: 0 auto;
}
form.edit-crit-openlink table > tbody > tr {
  background-color: transparent !important;
}

form.edit-crit-openlink > table > tbody > tr > td {
  border-bottom: 1px solid #ccc !important;
  width: 100% !important;
  padding: 10px;
  font-size: 0px !important;
}
form.edit-crit-openlink > table > tbody > tr > td:empty {
  padding: 0px !important;
}
form.edit-crit-openlink > table > tbody > tr > td * {
  color: #000;
  font-size: 14px !important;
}
#the_cell_with_the_program {
  border: 0px !important;
}
.SecondtdWidth[width='0%'],
#width_limiter > tbody > tr > td[width]:first-child {
  display: none;
}
textarea,
input:not(.btn-input):not([type='checkbox']):not([type='radio']),
button.ui-multiselect,
.list-select,
select.DateInputClass,
select {
  -webkit-appearance: none;
  appearance: none;
  padding: 5px 12px !important;
  color: #4e5360 !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 2px !important;
  background: white !important;
  box-shadow: 0 0px 0px -2px #9098a9 !important;
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  transition: all 150ms ease;
  background-image: none !important;
  position: relative;
  box-sizing: border-box !important;
}

.btn-input {
  -webkit-appearance: none;
  appearance: none;
  padding: 5px 12px !important;
  color: #fff !important;
  border: 0px solid #e3e3e3 !important;
  border-radius: 2px !important;
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  transition: all 150ms ease;
  background-image: none !important;
  position: relative;
  box-sizing: border-box !important;
  min-width: 100px;
  text-shadow: none !important;
}
select.list-select,
select:not(.DateInputClass) {
  padding-inline-end: 25px !important;
  text-overflow: ellipsis;
}

select {
  max-width: 260px !important;
}

select.DateInputClass:focus,
select.DateInputClass:hover,
select.DateInputClass:active,
button.ui-multiselect:focus,
.list-select:focus,
button.ui-multiselect:active,
.list-select:active,
button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all.ui-state-active {
  border: 1px solid var(--main-brand-color) !important;
  outline: none;
}

.list-select,
select.DateInputClass,
select {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234E5360" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"%3E%3Cpolyline points="6 9 12 15 18 9"%3E%3C/polyline%3E%3C/svg%3E') !important;
  background-size: 14px !important;
  background-position: center left 10px !important;
  background-repeat: no-repeat !important;
  border: 1px solid #e3e3e3 !important;
  /*! margin-top: 5px; */
  font-size: inherit;
}

select[style*='height']:focus,
select[multiple='multiple']:focus,
select[style*='height'],
select[multiple='multiple'],
select[multiple=''] {
  background-image: none !important;
  padding-inline-end: 0px !important;
  max-width: 500px !important;
}

.list-select:focus,
select:focus {
  background-size: 14px !important;
  background-repeat: no-repeat !important;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234E5360" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"%3E%3Cpolyline points="18 15 12 9 6 15"%3E%3C/polyline%3E%3C/svg%3E') !important;
}

select.DateInputClass {
  width: auto;
  background-position: right 4px center !important;
  padding-inline-end: 15px !important;
  font-family: inherit;
  min-width: 42px;
}

.ui-multiselect span.ui-icon {
  float: inline-end;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234E5360" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"%3E%3Cpolyline points="6 9 12 15 18 9"%3E%3C/polyline%3E%3C/svg%3E') !important;
  background-size: 14px !important;
  background-position: center right;
  height: 22px;
  display: inline-block;
}

@media handheld,
  only screen and (min-device-width: 320px) and (max-device-width: 480px),
  only screen and (max-width: 320px),
  /* only screen and (min-device-width: 768px) and (max-device-width: 1024px),
  */ /* only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape),
  */ /* only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait),
  */ /* only screen and (-webkit-min-device-pixel-ratio: 1.5),
  */ /* only screen and (min-device-pixel-ratio: 1.5),
  */ only screen and (max-width: 480px),
  only screen and (max-device-width: 480px),
  only screen and (min-device-width: 480px) and (max-device-width: 800px),
  only screen and (device-width: 768px),
  only screen and (device-width: 480px) {
  form[name='login'] {
    position: relative;
    width: 80%;
    text-align: center;
  }
  .font-style {
    font-size: 40px;
  }
  a.fieldset_toggler {
    font-size: 3em;
    color: inherit;
    height: 100px;
    width: 100px;
    background-image: url(https://www.checker-soft.com/qualimetrie-fr/css/images/menu-200.png);
    background-size: 100px 100px;
    display: block;
    color: transparent;
  }
  a.fieldset_toggler.menu_top_level_wrapper img {
    content: url(http://i.imgur.com/lCun2lq.png) !important;
    height: 55px;
    position: relative;
    top: 30%;
    left: 0%;
    display: none;
  }
  .pageTitle {
    font-size: 40px;
  }
  span.breadcrums {
    font-size: 40px;
  }
  ul#menu_top_level {
    padding-left: 0;
  }
  tr.menu-bg ul li a {
    display: block;
    float: left;
    padding: 10px 10px;
    font-size: 25px;
  }
  .top_menu a:hover {
    font-weight: bold;
    font-size: 25px;
    padding: 10px 10px;
  }

  .header-top-bg {
    display: block;
    height: 100px !important;
    padding-top: 10px;
  }

  td.first-aligment img {
    height: 80px;
  }
  table#top_title_graphics tr:nth-child(2) {
    display: none;
  }
  .second-alignment img {
    display: none;
  }
  a.login_checkers_link,
  a.login_panels_link {
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 0px;
    font-size: 40px;
    font-weight: bold;
  }
  a[href*='recover-password.php'] {
    font-size: 50px;
  }

  form[name='login'] {
    border: 0px;
    box-shadow: none;
  }

  form[name='login'] td {
    font-size: 40px;
    padding-bottom: 15px;
  }

  input[name='username'],
  input[name='password'] {
    display: inline-block;
    border: 1px solid rgb(178, 178, 178);
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset;
    box-sizing: content-box;
    margin-top: 4px;
    margin-bottom: 10px;
    padding: 15px;
    transition: all 0.2s linear 0s;
    font-size: 40px;
    width: 500px;
  }
  input[name='username']:focus,
  input[name='password']:focus {
    outline: none;
  }
  input#do_login {
    border-radius: 0px;
    box-shadow: none;
    cursor: pointer;
    font-size: 3em;
    font-weight: normal;
    margin: 3px 2px;
    min-height: 44px;
    padding: 15px 60px;
    transition: all 0.2s linear 0s;
    color: #fff;
  }

  div#FiltersArea table {
    background-color: transparent;
    margin: 0 auto;
  }

  input#do_login {
    font-size: 40px;
    font-weight: bold;
  }

  input[name='username'],
  input[name='password'] {
    font-size: 40px;
  }
  div#FiltersArea p:nth-child(3) {
    font-size: 40px;
  }
  .ui-state-error.ui-corner-all,
  .ui-state-highlight.ui-corner-all {
    width: 90%;
    margin: 0 auto;
    font-size: 15px;
  }
  form[name='login'] {
    border: 1px solid rgba(178, 178, 178, 0.8);
    border-radius: 0px;
    box-shadow:
      0 2px 5px rgba(105, 108, 109, 0.7),
      0 0 8px 5px rgba(178, 178, 178, 0.4) inset;
    margin: 0 0 35px;
    padding: 10px 50px 10px 0px;
    top: 0;
    display: inline-block;
    box-shadow:
      0 5px 18px 5px #999999,
      0 0 2px #999;
    margin-bottom: 0px;
  }
}