@import "variables.css";
@import "base.css";
@import "nav-menu.css";
@import "user-menu.css";
@import "data-table.css";
@import "metabox.css";
@import "group-buttons.css";


/********************************************************
 ******************** Dashboard Login *******************
 ********************************************************/
.dashlifter-login-wrapper {
    margin: 30px auto;
    width: 100%;
    max-width: 400px;
    scrollbar-width: thin;
    scrollbar-color: #757474 #F5F5F5;
}

.dashlifter-login-content {
    background-color: #fff;
    border-radius: 5px;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.dashlifter-login-logo {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.dashlifter-login-logo img {
    margin-bottom: 30px;
    min-width: 110%;
}

.dashlifter-login-form {
    width: 100%;
}

.dashlifter-login-form-fields {
    display: grid;
    gap: 12px;
    flex-direction: column;
}

#dashlifter-email-input, #dashlifter-password-input {
    background-size: 22px;
    background-position: left 16px top 11px;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 50px;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 1.5rem + 2px);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #434343;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #D8D8D8;
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.11);
    border-radius: 5px;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}

#dashlifter-email-input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='%236B6B6B'%3E%3Cg%3E%3Cg data-name='person'%3E%3Crect width='24' height='24' opacity='0'/%3E%3Cpath d='M12 11a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0-6a2 2 0 1 1-2 2 2 2 0 0 1 2-2z'/%3E%3Cpath d='M12 13a7 7 0 0 0-7 7 1 1 0 0 0 2 0 5 5 0 0 1 10 0 1 1 0 0 0 2 0 7 7 0 0 0-7-7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#dashlifter-password-input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%236B6B6B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 13.25C17.3472 13.25 19.25 11.3472 19.25 9C19.25 6.65279 17.3472 4.75 15 4.75C12.6528 4.75 10.75 6.65279 10.75 9C10.75 9.31012 10.7832 9.61248 10.8463 9.90372L4.75 16V19.25H8L8.75 18.5V16.75H10.5L11.75 15.5V13.75H13.5L14.0963 13.1537C14.3875 13.2168 14.6899 13.25 15 13.25Z'%3E%3C/path%3E%3Cpath stroke='%236B6B6B' d='M16.5 8C16.5 8.27614 16.2761 8.5 16 8.5C15.7239 8.5 15.5 8.27614 15.5 8C15.5 7.72386 15.7239 7.5 16 7.5C16.2761 7.5 16.5 7.72386 16.5 8Z'%3E%3C/path%3E%3C/svg%3E%0A");
}

/********************************************************
 ********* Dashboard Fix Metabox select results *********
 ********************************************************/
.select2-results__options .select2-results__option {
  padding: 10px 20px !important;
}

.select2-container {
  z-index: 99999;
}

/********************************************************
 ************* Dashboard Acess Rule Metabox *************
 ********************************************************/
 
body .checkcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

table > tbody > tr > td {
    vertical-align: middle !important;
}

.timeragecontainer {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

.timepickercontainer {
    display: grid;
    grid-template-columns: auto 45px;
    align-items: center;
    background: white;
    border: solid 1px #eee;
    border-radius: 2px;
    margin: 0 12px;
}
.timepickercontainer input,
.timepickercontainer select {
    padding: 6px 12px;
	padding-right: 0px;
    border: none;
    border-right: 1px solid #eee !important;background: transparent;
    outline: none !important;min-width: 0 !important;
}
.timepickercontainer select {
    min-width: 150px;
}
.timepickercontainer select option {
    background: #fff;
}
.timepickercontainer select + i {
    font-size: 18px;
}
.timepickercontainer i {
    font-size: 22px;
    text-align: center;
}
.timeragecontainer.disabled {
    opacity: 0.95;
    pointer-events: none;
    user-select: none;
}
.timeragecontainer.disabled .timepickercontainer {
    background: #eee;
}
.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 3px;
}
.checkcontainer:hover input ~ .checkmark {
  background-color: #ccc;
}
.checkcontainer input:checked ~ .checkmark {
  background-color: #11a0d2;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkcontainer input:checked ~ .checkmark:after {
  display: block;
}
.checkcontainer .checkmark:after {
  left: 9px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




/********************************************************
 ************** Dashboard Profile reports ***************
 ********************************************************/

.llms-reporting-header {
    background: #fff;
    padding: 30px 10px 25px;
    border-radius: 5px;
    /* box-shadow: 1px 0px 6px #b8b8b852; */
    /* border: solid 1px #e1e1e1; */
}

.llms-reporting-header-img {
    border-radius: 100%;
    display: block;
}

.llms-reporting-header-img img {
    border-radius: 100%;
}

.llms-reporting-header-info h2 {
    margin: 0 !important;
}

.llms-reporting-header-info h2 a {
    color: #333;
}

.llms-reporting-header-info h5 a {
    font-weight: 500;
}

.llms-nav-tab-wrapper {
    background: transparent !important;
    border-bottom: 3px solid #dedede;
}

.llms-nav-tab-wrapper .llms-nav-items {
    list-style: none;
}

.llms-reporting-tab {
    background: #fff;
    padding: 20px 25px;
    border-radius: 5px;
    border: solid #e1e1e1 1px;
}


/********************************************************
 **************** Guterbeng Editor Mode *****************
 ********************************************************/

.iso-editor .edit-post-header .components-button:hover {
    color: #fff;
}

body:not(.dashlifter-full-editor) .iso-editor {
	overflow: hidden;
}

body:not(.dashlifter-full-editor)  .editor-styles-wrapper {
	overflow: auto;
	max-height: 650px;
}

body:not(.dashlifter-full-editor) .is-root-container {
	width: 1400px;
}


 /********************************************************
 ************* Dashboard Full Page Editor Mode ***********
 ********************************************************/

.dashlifter-full-editor {
    overflow: hidden;
}

.dashlifter-full-editor .dashlifter-navbar,
.dashlifter-full-editor .dashlifter-main-content > nav + br,
.dashlifter-full-editor .dashlifter-breadcrumb,
.dashlifter-full-editor .dashlifter-form-wrap .description.d-all,
.dashlifter-full-editor .dashlifter-form-wrap .description.d-all + input,
.dashlifter-full-editor .dashlifter-form-wrap .description.d-all + input + br,
.dashlifter-full-editor .dashlifter-post-link,
.dashlifter-full-editor .dashlifter-post-link + br {
    display: none;
    
}

.dashlifter-full-editor .dashlifter-main {
    padding: 0;
    margin: 0;
}

.dashlifter-full-editor .dashlifter-main-content {
    max-width: 100%;
}

.dashlifter-full-editor .dashlifter-edit-row {
    margin-left: 25px;
    margin-right: 25px;
}

.dashlifter-full-editor  .button-primary[type='submit'] {
    margin-left: 25px;
    margin-bottom: 55px;
}

.dashlifter-full-editor .iso-editor {
    position: fixed;
    z-index: 99999999;
    height: 100%;
    margin-left: -1px;
}

.dashlifter-full-editor:not(.dashlifter-full-page) .iso-editor {
	width: calc( 100% - 265px );
}

.dashlifter-full-editor.dashlifter-full-page .iso-editor {
	width: calc( 100% - 50px );
}

.dashlifter-full-editor .editor-styles-wrapper {
    width: calc( 100% + 2px );
    height: 100vh !important;
    overflow: scroll;
}

.dashlifter-full-editor .block-editor-inserter__menu {
    height: calc( 100vh - 60px );
    overflow: hidden;
}

.dashlifter-full-editor .interface-navigable-region.interface-interface-skeleton__sidebar {
    height: calc( 100vh - 60px );
    overflow: scroll;
}















#lifterlms-integrations-tab-1 .llms-table.zebra tbody tr td a[href^="http"]:not([href*="meu-certificado"]) {
    pointer-events: all;
}

/* Controles de prioridade com setas - v2.3.13 */
.priority-controls {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  margin: 0 auto !important;
}

.priority-controls.is-loading {
  opacity: 0.6;
  pointer-events: none;
}

.priority-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  color: #495057 !important;
  cursor: pointer !important;
  line-height: 1 !important;
}

.priority-arrow:hover:not(:disabled) {
  background-color: #e9ecef !important;
  border-color: #adb5bd !important;
}

.priority-arrow:disabled {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.priority-display {
  display: inline-block !important;
  padding: 6px 10px !important;
  background-color: #f8f9fa !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 4px !important;
  color: #495057 !important;
  font-weight: 500 !important;
  text-align: center !important;
  min-width: 36px !important;
  cursor: default !important;
  user-select: none !important;
}

.priority-display:hover {
  background-color: #f8f9fa;
}

/* Centralizar a coluna de prioridade - v2 */
.column-priority {
  text-align: center !important;
  vertical-align: middle !important;
  padding: 8px !important;
}

/* Sobrescrever regras da tabela para a coluna de prioridade - v2 */
.dashlifter-table .column-priority {
  text-align: center !important;
  vertical-align: middle !important;
  padding: 8px !important;
}

/* Forçar centralização com máxima especificidade */
.dashlifter-table td.priority,
.dashlifter-table td.column-priority {
  text-align: center !important;
  vertical-align: middle !important;
  padding: 8px !important;
}

/* Centralizar todas as colunas da tabela de cursos */
.dashlifter-table td {
  text-align: center !important;
  vertical-align: middle !important;
}

/* Centralizar cabeçalhos da tabela */
.dashlifter-table th {
  text-align: center !important;
  vertical-align: middle !important;
}

@media (max-width: 768px) {
  .dashlifter-search-form {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }

  .dashlifter-search-form select,
  .dashlifter-search-form .select2,
  .dashlifter-search-form .select2-container {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .filter-listing-top .dashlifter-right {
    position: static !important;
    width: 100%;
    top: auto !important;
    margin-top: 12px;
  }

  .filter-listing-top {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}