@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;
  }
}

/********************************************************
 ****** Media modal (frontend) — visible upload tab *****
 ********************************************************/
.media-modal .media-router .media-menu-item,
.media-frame .media-router .media-menu-item,
.media-modal-content .media-router .media-menu-item {
	color: #2271b1 !important;
	opacity: 1 !important;
	text-decoration: none !important;
}

.media-modal .media-router .media-menu-item:hover,
.media-frame .media-router .media-menu-item:hover,
.media-modal-content .media-router .media-menu-item:hover {
	color: #135e96 !important;
}

.media-modal .media-router .media-menu-item.active,
.media-frame .media-router .media-menu-item.active,
.media-modal-content .media-router .media-menu-item.active {
	color: #1d2327 !important;
}

/* Upload dropzone: "Selecionar arquivos" was white-on-white. */
.media-modal .uploader-inline .browser.button,
.media-frame .uploader-inline .browser.button,
.media-modal .uploader-inline .button,
.media-frame .uploader-inline .button,
.media-modal .media-toolbar .button,
.media-frame .media-toolbar .button:not(.button-primary),
.media-modal .attachments-browser .media-button,
.media-frame .attachments-browser .button {
	color: #2271b1 !important;
	background: #f6f7f7 !important;
	border-color: #2271b1 !important;
	text-shadow: none !important;
	box-shadow: none !important;
}

.media-modal .uploader-inline .browser.button:hover,
.media-frame .uploader-inline .browser.button:hover,
.media-modal .uploader-inline .button:hover,
.media-frame .uploader-inline .button:hover {
	color: #fff !important;
	background: #2271b1 !important;
	border-color: #2271b1 !important;
}

.media-modal .media-button-select.button-primary,
.media-frame .media-button-select.button-primary,
.media-modal .button-primary,
.media-frame .button-primary {
	color: #fff !important;
	background: #2271b1 !important;
	border-color: #2271b1 !important;
}

.media-modal .uploader-inline-content,
.media-frame .uploader-inline-content,
.media-modal .upload-ui h2,
.media-frame .upload-ui h2,
.media-modal .upload-ui .upload-instructions,
.media-frame .upload-ui .upload-instructions,
.media-modal .upload-ui .max-upload-size,
.media-frame .upload-ui .max-upload-size {
	color: #1d2327 !important;
}