@import url('./pendenciaPonto.css');
@import url('./datagrid.css');
@import url('./blockUI.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --white: #fff;

    --gray-400: #9ca3af;

    --zinc-50: #FAFAFA;
    --zinc-200: #E4E4E7;
    --zinc-300: #D4D4D8;
    --zinc-400: #a1a1aa;
    --zinc-500: #71717A;
    --zinc-700: #3F3F46;

    /* --fuchsia-200: #f5d0fe; */
    /* --fuchsia-400: #e879f9; */
    /* --fuchsia-600: #605ca8; */
    /* --fuchsia-600: red; */
    /* --fuchsia-600: #C026D3; */
    /* --fuchsia-700: #A21CAF; */

    
    --fuchsia-200: #d9d0fe;
    --fuchsia-400: #8e79f9;
    --fuchsia-600: #605ca8;
    --fuchsia-700: #3a1caf;

    --border-color: rgba(255, 255, 255, 0.1);

    --red-400: #f87171;

    --primary-color-app: #605ca8;
}


body {
    --bg-primary: #fff;
    /* --color-primary: #f4f4f5; */
    --color-primary: #fff;
    --color-effects: #605ca8;
    --color-text: #fff;
}

body.dark {
    --bg-primary: #242424f2;
    --color-primary: #303030;
    --color-text: rgb(255 255 255 / 70%);
    /* --color-primary:  var(--color-primary); */
    color: #b7b7b7;
}


#headerDatagrid_crachas {
    width: 100%;
    justify-content: start;
}

#cracha_list_dropdown {
    margin-left: auto;
}

body.dark .dropdown-menu.pull-right.dropdown-menu-right > li > a{
    color: #b7b7b7 !important;
}

/* config filtros */

[curtain-filters] {
    .card-header.panel-heading, .panel-footer.card-footer {
        background: transparent !important;
        border: none;
    }
}

.page-head{
    background: transparent;
    box-shadow: none;
    border: none;
    margin-bottom: auto;
}

.page-head .panel-heading{
    display: flex !important;
    background: transparent !important;
    border: none;
}

.page-head .panel-body{
    padding: 5px !important;
}

ul > li.select2-selection__choice{
    background-color: #605ca8 !important;
}

section#adianti_content {
    background: #f4f4f5 !important;
}

body.dark section#adianti_content {
    background: #303030 !important;
}

.color-purple {
    color: #605ca8 !important;
}
.color {
    color: var(--color-effects);
}

.text-color {
    color: var(--color-text) !important;
}

body.dark .color {
    color: inherit;
}

/*
atrapalha a tela de login 
.card,.panel {
    box-shadow: none;
} */


[type="checkbox"] + label.tswitch {
    color: #605ca8 !important;
}

.bg-primary {
    background: var(--bg-primary)  !important;
}

.panel-heading, .panel {
    border-radius: 8px !important;
    /* border-bottom-left-radius: none; */
    /* border-bottom-right-radius: none; */
}

.panel-heading {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

body.dark #adianti_div_content div .panel-heading{
    background-color: var(--color-primary);
    color: #b7b7b7;
}
   
body.dark section.content {
    background:  var(--color-primary);
    color:#b7b7b7;
}

body.dark #adianti_div_content div .panel {
    background-color:  var(--color-primary) ;
    color: #b7b7b7;
    border-color: rgba(255, 255, 255, 0.1) !important;
    border-top-color: rgba(255, 255, 255, 0.1) !important;
    border-right-color: rgba(255, 255, 255, 0.1) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    /* overflow: hidden; */
}

#div_breadcrumbs {
    background-color: #e5e7eb;
}


body.dark #div_breadcrumbs{
    background-color:transparent;
}


body.dark.content-wrapper{
    background:  var(--color-primary) !important;
}

body.dark:not([class*="light"]) .main-sidebar, body.dark .left-side {
    background:  var(--color-primary) !important;
}
body.dark:not([class*="light"]) .wrapper, body.dark:not([class*="light"]) .main-sidebar, body.dark .left-side {
    background-color:  #1A1919 !important;
}

body.dark #side-menu .treeview span,
body.dark #side-menu li span{
    color:#b7b7b7;
}

body.dark #side-menu li:hover > a, 
body.dark #side-menu .treeview > a:hover {
    background-color:  var(--color-primary) !important;
    filter: brightness(1.2);
}
body.dark #side-menu .treeview > a{
    /* background-color:  var(--color-primary) !important; */
    background-color:  #1A1919;
}
body.dark #side-menu .treeview .treeview-menu .active a{
    background-color:  var(--color-primary) !important;
    filter: brightness(1.2);
}

body.dark #side-menu .treeview.active>a {
    background-color:  var(--color-primary) !important;
    filter: brightness(1.2);
}
body.dark .sidebar-menu .treeview:hover  > a >  span{
    filter: brightness(1.2) !important;
}

body.dark #side-menu .treeview .treeview-menu a:hover{
    filter: brightness(1.3) !important;
}

   
body.dark .sidebar-menu>li>.treeview-menu.menu-open {
    background-color: #313131 !important;
}

body.dark ul.skin-purple .sidebar-menu> li > .treeview-menu,
body.dark ul.skin-purple .sidebar-menu > li,
body.dark.skin-purple .sidebar-menu>li>.treeview-menu {
    background: #313131 !important;
}

/* logout */
body.dark .sidebar-menu>li:last-child a{
    /* background-color:  var(--color-primary) !important; */
    color: #b7b7b7;
}
body.dark .sidebar-menu>li:last-child a:hover{
    background-color:  var(--color-primary) !important;
}


body.dark button, body.dark a.btn,  body.dark .btn  {
    border-color: rgba(255, 255, 255, 0.1) !important;
    outline: none !important; 
    background: none;
    color: #b7b7b7 !important;
}

body.dark .btn.btn-default{
    background: none;
}

body.dark form span.btn{
    border-color: rgba(255, 255, 255, 0.1) !important;
    outline: none !important; 
    background: rgba(36,36,36,0.95) !important;
    color: rgb(183, 183, 183)!important;
}


/* --; form */

/* Label */
body.dark #adianti_div_content  .form-group label{
    color:#b7b7b7;
}
   
   /* Input */
body.dark #adianti_div_content .form-group input[type=text]{
    background-color:rgba(36, 36, 36, 0.95) !important;
    border: 1px solid rgba(255,255,255,0.1);
    color: rgb(183, 183, 183);
}
/* body.dark #adianti_div_content .tfield:focus { */
    /* border: 1px solid rgba(255,255,255,0.4) !important; */
    /* background: none ; */
/* } */

.form-group textarea:focus{
    border-color: #605ca8 !important;
}
body.dark .form-group textarea{
    background-color: #242424f2;
    color: rgb(183, 183, 183);
    border: 1px solid rgba(255,255,255,0.1);
}
body.dark .form-group textarea:focus {
    background-color: #242424f2 !important;
    /* border: 1px solid rgba(255,255,255,0.4) !important; */
    
}
   
   


/* daatagrid */

/* datagrid laberl */


/* form.card.panel {
    border: transparent !important;
} */



/* TSCROLL */
body.dark .tscroll {
    background: none !important;
}

   

body.dark .pagination>li a{
    color: #c0c0c0 !important;
}
body.dark .pagination>li.off a{
    color: #666 !important;
}
body.dark .page-link:focus{
    box-shadow: none !important;
}


body.dark .wrapper footer{
    background-color: var(--color-primary);
    border-color: rgba(255, 255, 255, 0.1)
}

/* Link */
body.dark .wrapper .main-footer a{
    color:#b7b7b7 !important;
}
   
   /* Span Tag */
body.dark .wrapper .main-footer span{
    color:#b7b7b7 !important;
}
   


body.dark .wrapper .main-header nav{
    /* background-color: var(--color-primary)  !important; */
    background-color: #1A1919  !important;
    color: rgb(255 255 255 / 70%) !important;
}


body.dark .main-header .navbar .nav>li>a, body.dark .navbar-custom-menu .dropdown i{
    color: rgb(255 255 255 / 70%) !important;
}

body.dark.sidebar-collapse >  .wrapper .main-header .logo{ 
    background-color: #1A1919   !important;
    /* background-color: var(--color-primary)  !important; */
}

@media (max-width: 767px){
    body.dark .skin-purple .main-header .logo, 
    body.dark .skin-purple .main-header .logo:hover {
        background:  var(--color-primary);
    }
}

.content-wrapper {
    background:  var(--color-primary) !important;
}


body.dark .logo-mini {
    color: #605ca8 !important;
    /* color: #605ca8 !important; */
}

.tooltip div {
    border-radius: 8px !important;
}

body.dark .tooltip div {
    background:  var(--color-primary) !important;
    color:#b7b7b7 !important;
    /* box-shadow: 2px 2px 5px 0px rgba(99,99,99,1); */
    box-shadow: none;
    /* border-color:  rgba(0,0,0,.3)  !important; */
    border: 1px solid  rgba(255, 255, 255, 0.1)  !important;
}

body.dark #adianti_online_content div .ui-draggable-handle{    
    border-color: rgba(255, 255, 255, 0.1);
    background:  var(--color-primary) !important;
}

body.dark #adianti_online_content div .ui-draggable{
    border:0;
    background:  var(--color-primary) !important;
}

body.dark #adianti_online_content div .card.panel{
    border-color: rgba(255, 255, 255, 0.1);
    background: var(--color-primary) !important;
    border: 0;
   
}

body.dark #adianti_online_content div .ui-dialog-content {
    background-color: var(--color-primary) !important;
    border-color: rgba(255, 255, 255, 0.1);

    /* animation: wid 300ms; */
}


body.dark .card .card-header {
    background: var(--color-primary) !important;
}



body.dark form {
    background:  var(--color-primary);
    border-color: rgba(255, 255, 255, 0.1);
    color: #b7b7b7;
}

/* 
[widget="bootstrapformbuilder"] {
    border: transparent !important; */
/* } */

.card.panel[widget="bootstrapformbuilder"] {
    height: 100%;;
    overflow: hidden;
}

body.dark div[widget="bootstrapformbuilder"] .panel-heading{
    background-color:  var(--color-primary) !important;
    color: #b7b7b7;
    border-color: rgba(255, 255, 255, 0.1);
    border-top-right-radius:0px;
    border-top-left-radius:0px;
}
   

body.dark div[widget="bootstrapformbuilder"] .form-group label{
    color:#b7b7b7 !important;
}

/* #52525b3d !important */
div.ui-widget-overlay{
    /* background:#303030 !important; */
    /* background:#52525b80 !important; */
    background: #52525b3d !important;
    z-index: 1000 !important;
    backdrop-filter: blur(3px);
    position: absolute;
    opacity: 1;
    top: 0;
    /* height: 100vh; */
    height: 200vh;
    width: 100%;
}   
body.dark .ui-widget-overlay{
    background: rgba(0,0,0,.3)  !important;
}
   

.button-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
}

button#switch-theme:hover {
    background: rgba(0,0,0,0.1);
}
button#switch-theme {
    outline: none;
}

body.dark nav ul button#switch-theme  {
    border: none;
   
}

body.dark nav ul button#switch-theme i {
    color: #fff;
}



/* coisas tema normal */
nav ul button#switch-theme {
    border: none;
    background: none;
    display: block;
    padding: 15px;
    height: 100%;
}
nav ul button#switch-theme i {
    color: #fff;
}

body.dark nav ul button#switch-theme i {
    color: rgb(255 255 255 / 70%) !important;
}

.logo-mini {
    color: #fff !important;
}



body.dark select.tcombo {
    background-color: rgba(36,36,36,0.95) !important; 
    border: 1px solid rgba(255,255,255,0.1) !important;
    
    color: #b7b7b7;
}
/* .scrollable-body {
    overflow-y: auto;
    height: 100px; /* altura desejada */
/* } */

/* thead th { */
    /* position: sticky; */
    /* top: 0; */
    /* background-color: white; ajuste a cor de fundo conforme necessário */
    /* z-index: 1; para manter o cabeçalho acima do corpo com rolagem */
/* } */ 

/* .fixed-header-form > form:nth-child(2)  {
    overflow-y: scroll;
    height: 540px;
} */

/* scroll- onView */

body.dark::-webkit-scrollbar, 
body.dark ::-webkit-scrollbar{
    width: 6px;
}

body.dark::-webkit-scrollbar-thumb,
body.dark ::-webkit-scrollbar-thumb{
    background-color: #b7b7b7;
    border-radius: 8px;
}
body.dark::-webkit-scrollbar-track,
body.dark ::-webkit-scrollbar-track{
    background-color:  var(--color-primary);
}


::-webkit-scrollbar{
    width: 6px;
}
::-webkit-scrollbar-thumb{
    background-color: #b7b7b7;
    border-radius: 8px;
} 
/* ::-webkit-scrollbar-track{ */
    /* background-color:  var(--color-primary); */
/* } */



/* border: 1px solid rgba(0,0,0,.03)
backgrround #303030
active #605ca8 */

/* TPageNavigation */
.pagination li.active a,
body.dark .pagination li.active a{ 
    background-color: #605ca8 !important;
    border-color: #605ca8 !important;
    border: 1px solid rgba(0,0,0,.03);
}


body.dark .pagination li a{ 
    background-color: #303030 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    /* border: 1px solid rgba(0,0,0,.03); */
    transition: 100ms filter ease-in;
}

body.dark .pagination li a:hover {
    filter: brightness(1.2);
}
body.dark #adianti_div_content div .tpagenavigation_resume{
  color: #b7b7b7;
}

@media (max-width: 555px) {
.card-footer {
    padding: 0px;
}

.card-footer >.tpagenavigation > ul {
    width: 95%;
    padding-bottom: 10px;
}

.card-footer >.tpagenavigation > ul > li {
    width: 100%;
}
}



/* fonts */
    
body.dark .font {
    color: #b7b7b7 !important;
}
.font {
    color: #333333 !important;
}

/* popover */

body.dark .popover {
    background: rgba(36, 36, 36) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    color: #b7b7b7 !important;
}

body.dark .popover-header {
    background: rgba(36, 36, 36) !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark .popover > div {
    color: #b7b7b7 !important;
}


body.dark #adianti_div_content .form-control:disabled, body.dark #adianti_div_content input.form-control[readonly='1'], 
body.dark select.tcombo_disabled, 
body.dark #adianti_div_content .date input.form-control[readonly='readonly'], body.dark [readonly='1'], .readonly {
    background: #3f374e !important;
    /* background: #412626 !important; */
}

body.dark #adianti_div_content .form-group input[type=text][readonly='readonly']{
    background: #3f374e !important;
}

body.dark  div[tradiogroup].tfield_block_events label {
    background: #3f374e !important;
}

/* body.dark form [widget="tradiobutton"][disabled="disabled"] {
    background-color: red !important;
} */

.form-group input:focus, .form-group input:active {
    border-color: #605ca8 !important;
}
body.dark input {
    background: rgba(36, 36, 36) !important;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgb(183, 183, 183) !important;
}

body.dark input:focus, body.dark input:active {
    border-color: #605ca8 !important;
    /* border-color:  rgba(255,255,255,0.4) !important; */
}
/* PROGRESSES */

.progress {
    position: relative;
    /* background-color: rgba(36, 36, 36, 0.95) !important; */
    border-radius: 4px;
}
.progress span {
  position: absolute;
  left: 50%; 
  transform: translateX(-50%);  
  /* color: #212529 !important; */
  color: #b7b7b7 !important;
  font-size: 14px;
}



body.dark  .progress{
    background-color: rgba(36, 36, 36, 0.95) !important;
}

body.dark  .progress span {
    color: #b7b7b7 !important;    
}


.progress div {
    background: #605ca8;
    animation: progress 600ms;
}

.progress .progress-bar-danger {
    background: #dd4b39;

}

@keyframes progress {
    from {
        width: 0;
    }
}

body.dark table.dataTable > tbody > tr.child span.dtr-title {
    color: #b7b7b7;
    font-weight: bold;
}

body.dark table.dataTable > tbody > tr.child span {
    color: #b7b7b7;
    font-weight: normal;
}

/* body.dark .progress div {
    width: 0;
    transition: width 300ms;
} */



/* TDBCOMBO enableSearch */
 



.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #605ca8 !important;
    color: #ebebeb !important;
}

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



/* top */
body.dark .select2-search.select2-search--dropdown {
    /* background: red !important; */
    background-color:#242424f2;
}
body.dark .fb-inline-field-container span .selection > span{
    background-color:#242424f2 ;
    border: 1px solid rgba(255,255,255,0.1);
}
body.dark .select2-selection__rendered {
    color: #b7b7b7 !important;
}

body.dark .select2-results__option {
    background-color:#242424f2;
}

body.dark .select2-container--default .select2-results__option[aria-selected=true] {
    color: #b7b7b7 !important;
    background-color: #3a3a3d ;
    
}
body.dark .select2-dropdown.select2-dropdown--below, body.dark .select2-dropdown--above {    
    border: 1px solid rgba(255,255,255,0.1);
    background-color:#242424f2;
    border-radius: 4px;
}

body.dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #605ca8 ;
    color: #ebebeb !important;
}
body.dark .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid rgba(255,255,255,0.1);
    background:#242424f2 ;
    color: #b7b7b7;
}

body.dark .select2-container--default .select2-search--dropdown .select2-search__field:focus {   
    border: 1px solid #605ca8 !important;
}



/* .panel-footer.card-footer {
    display: flex !important;
    gap: 20px !important;
} */

.primary-color-text {
    color: #605ca8 !important;
}
.primary-color {
    background-color: #605ca8 !important;
}

.color-edit {
    color: #639bf2;
}
body.dark .color-edit {
    color: #b7b7b7;
}

.color-pdf {
    color: #f27263;
}

body.dark .color-pdf {
    color: #b7b7b7;
}

body.dark .tdatagrid_cell.action a, body.dark a.action > i{
    color: #b7b7b7 !important;
}
/* [active="yes"] .tdatagrid_cell.action a { */
.tdatagrid_cell.action a, a.action > i {
    color: #212529 !important;
}

[active="yes"] {
    /* background: #d5c7ed !important; */
    background: #605ca859 !important;
}

body.dark [active="yes"] {
    background: #3f3353 !important;
}
body.dark [active="yes"] .tdatagrid_cell.action a {
    color: #b7b7b7  !important;
}

body.dark  .tdatagrid_cell.action a {
    color: #b7b7b7  !important;
}

widget[name='TWindow'] > div {
    border: none !important;
} 

/* tscrol */
div[name='TWindow'] .card-body div{
    background: var(--color-primary);
}
div[name='TWindow'] #windowPanel {
    border: none !important;
}

div[name='TWindow'] table thead th{
    background: var(--color-primary);
    border: none;
}

div[name='TWindow'] table thead th{
    background: var(--color-primary);
    border: none;
}

/* fazer estilo da datagrid com a tw aq */


@keyframes wid {
    from {
        transform: scale(0); /* Escala inicial (1x) */
    }
}




/* window  - modal*/

/* .ui-resizable-handle {
    z-index: -1 !important;
    display: none !important;
    visibility: hidden;
}  */

body.dark [aria-describedby='webcam_'] {
    background-color:  var(--color-primary);
    border-color: rgba(255, 255, 255, 0.1) !important;
}
/* 
body.dark [role='dialog'] {
    background-color:  var(--color-primary);
   
    border-color: rgba(255, 255, 255, 0.1) !important;
} */

/* body.dark [role='dialog'] div {
    background: red !important;
} */
body.dark [role='dialog']:has(.modal-dialog) {
    /* background: #18181bcc !important;
    background: rgba(0,0,0,.3) !important; */
    border-color: rgba(255, 255, 255, 0.1) !important;
}


body.dark [role='dialog'] .ui-dialog-titlebar {
    background-color:  var(--color-primary);
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #b7b7b7;
}

body.dark [role='dialog'] .ui-dialog-buttonpane {
    background-color:  var(--color-primary);
    border-color: rgba(255, 255, 255, 0.1) !important; 
    
}

[role='dialog'] {
    backdrop-filter: blur(3px);
    /* background: #52525b80 !important; */

    border-radius: 8px !important;
    overflow: hidden;
    border: none !important;
}

.modal-backdrop {
    opacity: 1 !important;
    background: #52525b3d !important;
}

body.dark  .modal-backdrop {
    background-color: rgba(0,0,0,.3)  !important;
    opacity: 1 !important;
}

body.dark .modal, .modal {
    background: none !important;
}

body.dark [role='dialog']:not(.modal) {
    background-color:  var(--color-primary) !important;

}
body.dark [role='dialog'] {
    border: 1px solid rgb(66, 63, 70) !important;

    border-radius: 8px !important;
    overflow: hidden;
}

/* icons no tmessage do pablo */

.bootbox-body  div {
    display: flex;
    align-items: center ;
    justify-content: center;
    gap: 18px;
}
.bootbox-body div span:nth-child(2){
    margin: 0 !important;
}
.bootbox-body div span:nth-child(1){
    color: #605ca8;
}


div[tradiogroup] label.active, div[tcheckgroup][data-toggle="buttons"] label.active {
    background: #605ca8 !important;
    border-color: #605ca8 !important;
}

body.dark div[tradiogroup] label, body.dark div[tcheckgroup] label {
    background-color: #242424f2 !important;
    border-color: rgba(255, 255, 255, 0.1) !important; 
}

body.dark div[tradiogroup] label.active, body.dark div[tcheckgroup] label.active  {
    color: #fff !important;
    background: #605ca8 !important;
    border-color: #605ca8 !important;
}



/* TQUESTI */

.modal-content {
    border-radius: 8px !important;
    overflow: hidden;
    animation: scaleFrame 200ms ease-in-out;
}

body.dark .modal-content {
    background-color:  var(--color-primary);
    /* border: 1px solid rgba(255, 255, 255, 0.1); */
    border: 1px solid rgb(66, 63, 70);
   
}

body.dark .modal-header {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark .modal-body {
    border: none !important;
    border-color: rgba(255, 255, 255, 0.1) !important; 
    border: 1px solid;
}

body.dark .modal-footer {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
    background-color:  var(--color-primary);
    box-shadow: none !important;
}


@keyframes scaleFrame {
    from {
      scale: 0;
    }
}






/* #alo {
    backdrop-filter: blur(8px) !important;
    z-index: 1000;
    height: 100vh;
    width: 100%;
} */




/* lib dialog  init */

.swal2-container {
    z-index: 5000;
}
.swal2-info.swal2-icon-show {
    border-color: #605ca8;
    color: #605ca8;
}


.dropdown-menu {
    border-radius: 10px !important;
    padding: 2px !important;
}

.dropdown-menu li:first-child a {
    border-radius: 8px 8px 0 0;
}

.dropdown-menu li:last-child a {
    border-radius: 0 0 8px 8px;
}

.dropdown-menu li a:hover {
    background:  #605ca8 !important;
    color: #fff !important;
}

tbody > tr > td.tdatagrid_cell.action > div > button {
    border: none;
    background: none;
}
/* #tdatagrid_1071315914 > tbody > tr:nth-child(1) > td.tdatagrid_cell.action > div > button */

button.dropdown-toggle::after {
    display: none;
}


body.dark .dropdown-divider {
    border-top-color: rgba(255, 255, 255, 0.1);
}
body.dark [widget=tdropdown] li a:hover, body.dark .dropdown-menu li a:hover i:not(.red) {
    color: #fff !important;
}

body.dark [widget=tdropdown] {
    background: var(--color-primary);
    border-color: rgba(255, 255, 255, 0.1);
}

/* body.dark [widget=tdropdown] a span{
    color: #b7b7b7;
} */

 
.swal2-container .swal2-cancel {
    background-color: transparent !important;
    border: 1px solid #444;
    color: #444;
}

.swal2-container .swal2-actions  .swal2-confirm {
    background: #605ca8 !important;
    color: #fff !important;
}
.swal2-container .swal2-actions {
    gap: 12px;
}

body.dark .swal2-html-container {
    color: #b7b7b7 !important;
}

/* lib dialog  fim */

/* perfil do user */


.main-header li.user-header {
    border-radius: 10px 10px 0 0;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer a {
    border-radius: 10px ;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    border-radius: 0 0 10px 10px ;
}

body.dark .main-header li.user-header {
    background-color:  var(--color-primary);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.dark .navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color:  var(--color-primary);
}

a:focus {
    color: initial;
}


body.dark .nav-link.active {
    background-color:  var(--color-primary);
    border-color: rgba(255, 255, 255, 0.1);
    border-bottom: none;
}

/* 
.nav-link.active {
    
} */


.nav-tabs {
    border: none;
}

body.dark .nav-tabs .tab-name {
    color: #b7b7b7;
}

body.dark .nav-tabs .nav-link:focus, body.dark .nav-tabs .nav-link:hover  {
    background-color: #2d2d2d;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[role='tabpanel'] {
    border-radius: 10px;
    border-top-left-radius: 0px;
}

body.dark [role='tabpanel'] {
    border-color: rgba(255, 255, 255, 0.1) !important;
}


.disabled-btn-group {
    opacity: 0.5;
    pointer-events: none;
}


/* CALENDARIO */

body.dark .tfullcalendar {
    background:  var(--color-primary) !important;
}

body.dark .tfullcalendar, body.dark table,body.dark th,body.dark td,body.dark tbody,body.dark thead,body.dark div, body.dark label {
    border-color: rgba(255, 255, 255, 0.1) ;
}
body.dark th {
    color: #b7b7b7;
}

.fc-day-today {
    background: #605ca880 !important;
}


/* bater ponto via sistema */


.newtons-cradle {
 --uib-size: 50px;
 --uib-speed: 1.2s;
 --uib-color: #605ca8;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 width: var(--uib-size);
 height: var(--uib-size);
}

.newtons-cradle__dot {
 position: relative;
 display: flex;
 align-items: center;
 height: 100%;
 width: 25%;
 transform-origin: center top;
}

.newtons-cradle__dot::after {
 content: '';
 display: block;
 width: 100%;
 height: 25%;
 border-radius: 50%;
 background-color: var(--uib-color);
}

.newtons-cradle__dot:first-child {
 animation: swing var(--uib-speed) linear infinite;
}

.newtons-cradle__dot:last-child {
 animation: swing2 var(--uib-speed) linear infinite;
}

@keyframes swing {
 0% {
  transform: rotate(0deg);
  animation-timing-function: ease-out;
 }

 25% {
  transform: rotate(70deg);
  animation-timing-function: ease-in;
 }

 50% {
  transform: rotate(0deg);
  animation-timing-function: linear;
 }
}

@keyframes swing2 {
 0% {
  transform: rotate(0deg);
  animation-timing-function: linear;
 }

 50% {
  transform: rotate(0deg);
  animation-timing-function: ease-out;
 }

 75% {
  transform: rotate(-70deg);
  animation-timing-function: ease-in;
 }
}



 /* componente de TCheckButton */

[type="checkbox"].filled-in:checked + label.tswitch.my-purple::after,[type="checkbox"].filled-in:checked + label.tswitch.my-purple::before {
    background-color: #605ca8 !important
}




@media (max-width: 768px) {
    [role="window-wrapper"] [role="dialog"]{
        width: 100% !important;
        /* height: 100dvh !important; */

        top: 0 !important;
        /* height: 100% !important; */
    }   
    
    [widget="TWindow"] {
        height: 100% !important;
    }
    
    [widget="TWindow"] form {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    [widget="TWindow"] form > .card-body {
        height: initial !important;
    }

    div.ui-widget-overlay{
        height: initial;
    }   
}

body.dark .spinner a {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

 .spinner a i {
    color: #605ca8;
}


 div.css-default-50 {
    max-width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
table tbody tr td div.css-default-75 {
    max-width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
table tbody tr td div.css-default-100 {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
table tbody tr td div.css-default-125 {
    max-width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
table tbody tr td div.css-default-150 {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.btn-save {
    background-color: #605ca8 !important;
    > span, i {
        color: #fff;
    }
}

body.dark .btn-save {
    background-color: transparent !important;
    > span {
        color: #b7b7b7;
        > i {
            color: #605ca8;
        }
    }
}

/* PONTO FORM VIEW  */

#container_cracha_apuracaoview > #container_principal{
    background-color: unset ;
    width: unset ;
    height: 430px;
}

#container_cracha_apuracaoview #container_principal #container1{
    height: unset ;
    background-color: unset ;
}

#container_cracha_apuracaoview > #container_principal #container1 > div.titulo_container {
    display: none;
    /* background-color: green; */
}

#container_cracha_apuracaoview > #container_principal > #container1 > #image_container_frente >
#imagem_frente {
    margin-top: unset ;
    box-shadow: 0 0 19px -4px rgba(1, 1, 1, 0.6);
}


#container_cracha_apuracaoview > #container_principal > #container2 {
    display: none !important;
}


/* CLASSE DE PREFERENCIAS  */

body.dark #frame_indicies,
body.dark #frame_indices {
    border: 1px solid #ffffff1a;
}

#frame_indicadores_pesos, 
#frame_indices,
.tframe {
    border: 1px solid #DDDDDD;
}

#frame_indicadores_pesos > legend,
#frame_indices > legend,
.tframe legend {
    background: #605ca8;
    border-radius: 3px;
    box-shadow: none;
}

#frame_indicadores_pesos > legend > label,
#frame_indices > legend > label,
.tframe legend label {
    color: white;
}

body.dark #frame_indicadores_pesos,
body.dark #frame_indices,
body.dark .tframe {
    border: 1px solid #ffffff1a;
}

body.dark fieldset.tframe.frame legend label,
body.dark #frame_indicadores_pesos > legend > label,
body.dark #frame_indices > legend > label {
    color: rgb(255 255 255 / 70%) !important;
}


/* PONTOFORMVIEW */

body.dark .colaborador_footer.activate {
    background: linear-gradient(to bottom, #605ca8 6%, #222222 6%);
}

body.dark .footer_main_data.activate {
    color: var(--color-text)
}

body.dark .titulo_fieldset {
    color: var(--color-text);
    border-radius: 5px;
}

body .titulo_fieldset {
    border-radius: 5px;
}

body.dark #pontos_container > div {
    background: var(--zinc-700);
    color: var(--color-text);
}

body.dark #pontos_container .ponto_container_entrada {
    border-left: 8px solid;
    border-color: #6beb6b !important;
}

body.dark #pontos_container .ponto_container_saida {
    border-left: 8px solid;
    border-color: #d95858 !important;
}

body.dark .observacao_ponto {
    color: var(--color-text);
}

body.dark .observacao_ponto span {
    background-color: var(--zinc-700);
}

body.dark .observacao_ponto textarea {
    background-color: var(--zinc-700) !important;
    border: 1px solid var(--color-text);
    color: var(--color-text);
}

body.dark .ponto_container_saida_empty span {
    color: var(--color-text) !important;
}

body.dark .field_registro_do_sistema {
    border: 1px solid var(--color-text);
    border-radius: 5px;
}

body .field_registro_do_sistema {
    border-radius: 5px;
}

body.dark .button_colaborador_apuracao {
    border-color: var(--color-text) !important;
    color: var(--color-text) !important;
}

#button_container button:hover {
    background-color: white !important;
    border-color: var(--color-effects) !important;
    color: var(--color-effects) !important;
}

/* JANELAS DE BUSCA */

body #right_panel_container {
    position: relative;
}

body #adianti_right_panel {
    position: fixed;
    border-right: 1px solid #c0c0c0;
    top: 54px;
    overflow: auto;
    opacity: 1;
    overflow-x: hidden;
    background: white;
    box-shadow: none;
}

body.dark #adianti_right_panel {
    background: var(--bg-primary);
}

body.dark #adianti_right_panel > div:first-of-type {
    background: var(--zinc-700);
}

body.dark #adianti_right_panel > div:first-of-type > div {
    background: var(--color-primary);
}

@media (max-width: 767px) {
    body #adianti_right_panel{
        height: calc(100vh - 100px);
    }
}

/* BARRA DE PESQUISA */

body.dark form#search_box > span.select2.select2-container > 
span.selection > span.select2-selection {
    background-color: var(--zinc-700);
    border: 1px solid var(--zinc-700);
}

/* DROPDOWN DAS MENSAGENS */

body.dark #envelope_messages > ul,
body.dark #envelope_notifications > ul {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

body.dark #envelope_messages > ul li:first-child,
body.dark #envelope_notifications > ul li:first-child{
    background-color: var(--color-primary);
    color: var(--color-text);
    border-bottom: 1px solid var(--zinc-500);
}

body.dark #envelope_messages > ul li,
body.dark #envelope_notifications > ul li{
    background-color: var(--color-primary);
    color: var(--color-text);
    border-bottom: none;
}

body.dark #envelope_messages > ul li a,
body.dark #envelope_notifications > ul li a{
    background-color: var(--color-primary) !important;
    color: var(--color-text) !important;
    border-bottom: none;
}


/* CLASSE DE MENSAGENS */

body.dark div[page_name="SystemMessageList"] > div > div:nth-child(2) >
div > div.left-mailbox > div.card {
    background-color: var(--color-primary);
}

body.dark div[page_name="SystemMessageList"] > div > div:nth-child(2) >
div > div.left-mailbox > div.card > div.card-body > ul > li {
    border-radius: 5px;
}

body.dark div[page_name="SystemMessageList"] > div > div:nth-child(2) >
div > div.left-mailbox > div.card > div.card-body > ul > li > a:hover {
    background: var(--zinc-700);
}

body.dark div[page_name="SystemMessageList"] > div > div:nth-child(2) >
div > div.left-mailbox > div.card > div.card-body > ul > li > a:focus {
    background: var(--zinc-700);
}

body.dark div[page_name="SystemMessageList"] > div > div:nth-child(2) >
div > div.left-mailbox > div.card > div.card-body > ul > li > a{
    color: var(--color-text) !important;
    border-radius: 5px;
}

body.dark div[page_name="SystemMessageList"] > div > div:nth-child(2) >
div > div.left-mailbox > div.card > div.card-body > ul > li.active {
    background-color: var(--color-effects);
}

body.dark div[page_name="SystemMessageList"] > div > div:nth-child(2) >
div > div.left-mailbox > div.card > div.card-body > ul > li.active > a{
    color: var(--color-text) !important;
}


/* SYSTEMDRIVELIST AREA DE LISTAGEM DE DOCUMENTOS */

body.dark div[page_name="SystemDriveList"] .system-drive.card.panel 
.system-drive-container .system-drive-menu ul li a {
    color: var(--color-text);
}


/* CALENDARIO */

body.dark div[page-name="CalendarioView"] > .tfullcalendar > 
.fc-header-toolbar > .fc-toolbar-chunk > button.btn {
    background-color: var(--zinc-700) !important;
}

body.dark div[page-name="CalendarioView"] > .tfullcalendar > 
.fc-header-toolbar > .fc-toolbar-chunk > div.btn-group > button.btn {
    background-color: var(--zinc-700) !important;
}

body.dark div[page-name="CalendarioView"] > .tfullcalendar > 
.fc-header-toolbar > .fc-toolbar-chunk > div.btn-group > button.btn.active {
    background-color: var(--color-effects) !important;
    color: var(--color-text) !important;
}


/* BOTÃO DE FILTRO DE DATAGRID */

.filter-green {
    color: mediumspringgreen;
}

/* BOTÕES DO PANEL DA DATAGRID */

.new-btn-green {
    color: #69aa46;
}

/* ESPAÇO ENTRE OS BOTÕES DE AÇÃO DO HEADER ACTIONS */

.card-header.panel-heading .header-actions {
    gap: 4px;
}

/* BOTÃO TOGGLE-GRID */

.toggle-grid  {
    /* background-color: var(--color-effects) !important; */
    color: var(--color-effects) !important;
}

/* CAMPOS DA DATAGRID DA MODELOSJORNADALIST */

[id*="modelo_jornada"] > td{
    cursor: default !important;
}
/* sdksaodksaoppdks */

#grid_mj tbody{
    display: flex;
}

#grid_mj tbody tr{
    background: transparent;
}



#div_btn_add_mj {
    transition: all ease-in 2s;
}


/* LISTAGEM DE CONTATOS */
.contact-card {
    border-radius: 8px !important;
}

body.dark .contact-card {
    background-color: var(--bg-primary) !important;
    /* background-color: var(--zinc-700) !important; */
    border: none !important;
    color: var(--color-text) !important;
}

body.dark .contact-card .contact-card-body .contact-card-line .contact-card-description .contact-name {
    color: var(--color-text) !important;
}

.contact-card .contact-card-body .contact-card-line .contact-card-description .contact-name {
    color: var(--color-effects) !important;
}

.contact-card .contact-card-footer .text-right a {
    background-color: var(--color-effects) !important;
    border: none;
    color: white !important;
}

body.dark .contact-card .contact-card-footer .text-right a:hover {
    background-color: white !important;
    color: var(--color-effects) !important;
}

.contact-card .contact-card-body .contact-card-line .contact-card-image img {
    border: 2px solid grey;
}

body.dark .contact-card .contact-card-body .contact-card-line .contact-card-description .contact-email,
body.dark .contact-card .contact-card-body .contact-card-line .contact-card-description .contact-address,
body.dark .contact-card .contact-card-body .contact-card-line .contact-card-description .contact-phone {
    color: var(--color-text) !important;
}


/* MENU DO USUÁRIO NAVBAR */

body.dark li.dropdown.user.user-menu.show ul.dropdown-menu.show {
    border: none;
    background-color: var(--zinc-500);
}

/* EDITOR DE MENU  */

body.dark div.ui-sortable div.level-1 label {
    color: var(--color-text);
}


/* MENU DE TABS */

body.dark #adianti_content .adianti_tabs_container #adianti_tab_content {
    background-color: var(--zinc-700);
    border: none;
    color: var(--color-text);
}

body.dark #adianti_content .adianti_tabs_container .tab-arrow {
    background-color: var(--zinc-700);
    height: 78%;
    border: none;
    color: var(--color-text);
}

body #adianti_content .adianti_tabs_container .tab-arrow {
    height: 78%;
    color: var(--color-effects);
}

body #adianti_content .adianti_tabs_container .tab-arrow.tab-arrow-left{
    border-radius: 5px 0 0 5px;
}

body #adianti_content .adianti_tabs_container .tab-arrow.tab-arrow-right{
    border-radius: 0 5px 5px 0;
}


body.dark #adianti_content .adianti_tabs_container #adianti_tab_content .adianti-tab {
    color: var(--color-text);
    background-color: var(--border-color);
    border-radius: 5px;
    /* border: none; */
}

body #adianti_content .adianti_tabs_container #adianti_tab_content .adianti-tab {
    color: var(--color-text);
    background-color: #605ca89e;
    border-radius: 5px;
    /* border: 1px solid var(--zinc-300); */
    transition: 0.3s;
}

body #adianti_content .adianti_tabs_container #adianti_tab_content div.active {
    background-color: var(--color-effects) !important;
    border: 1.5px solid transparent !important;
    border-radius: 5px ;
}

body #adianti_content .adianti_tabs_container #adianti_tab_content 
.adianti-tab:not(.active):hover {
    background: var(--zinc-500);
    /* background: #605ca89e; */
    color: var(--color-text);
    border-radius: 5px;
}



/* JANELA DE PONTOS */

#windowPanel > div.card-header.panel-heading > div.header-actions {
    width: 100%;
}


body.dark #header_detalhamento_pontos {
    color: var(--color-text);
}


[opacity_data=1] td:not(:first-child):not(:nth-last-child(1)) {
    opacity: 0.5 !important;
}
[opacity_data='2'] td:not(:first-child):not(:nth-last-child(2)) {
    opacity: 0.5 !important;
}