.login-box, .register-box{ 
	height: 100%;
    width: 100%;
    background: radial-gradient(#71abd140, #7084cd8c);
    margin: 0px;
    padding: 10% 35%;
}





 
@media only screen and (max-width: 600px) {
	.login-box, .register-box{ 
		padding: 20% 8%;
	}	
}

@media only screen and (max-width: 1000px) {
	.login-box, .register-box{ 
		padding: 25% 8%;
	}	
}



.dataTable  button, .datatableGridView  button{
	margin:0px 2px;
}

.authCardTopLogo{
	width:160px;
}


.wt-select2-ajax{
	width:100%;
}

 
.custom-select-sm + .select2-container .select2-selection{
    height: 32px!important;
}
.custom-select-sm + .select2-container .select2-selection__rendered{
    line-height: 29px!important;
}
.custom-select-sm + .select2-container .select2-selection__arrow{
    top:35% !important;
}

.d-none-important {
    display: none !important;
}




 

.nav-admin.nav-link{
	
	background-color: rgb(243 10 10 / 50%);
	
}
.nav-admin.nav-link.menu-open{
	
	background-color: rgb(243 10 10 / 50%);
	
}

 .btn-group-xs > .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

/* Modal Admin Querys */
.QuerystopCornerInfo{
	position: absolute;
	top: -3px;
	left: 3px;
}

.dataTable tr > td:last-child ,.dataTable tr > th:last-child {
	text-align: right;
}

[WTfileRef]{
	cursor: pointer;
	margin-right:10px;
}
[WTfileRef]:hover{
	opacity:0.7;
}




.floatR{
	float:right;
}
.floatL{
	float:left;
}

.datatableGridView{
	margin-top:10px;
}

	
.modal-widget > section{
	margin:-16px -20px -14px -20px !important;  
}
	
	
.modal-widget .card-primary{
	border-top: 0px solid transparent !important;  
}

.modal-widget .card{
	margin-bottom: 0rem;
    box-shadow: none !important;  
}
	
	
table{
	 width:100% !important; 
}
	
.modal-header.ui-draggable-handle{
	cursor:grab;
}


/*
	Usar class ia-browser-hide para esconder elementos apenas quando inAppBrowser
*/
body.inappbrowser .ia-browser-hide{
	display:none !important;
	
}


 
.bootstrap-tagsinput{
	width:100%;
}

.bootstrap-tagsinput .tag {
	margin-right: 2px;
	color: white;
}
.label-info, .badge-info {
	background-color: #3a87ad;
}

.select2.hasButton .select2-selection{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.Wtselect2Btn{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.modalDraggable{
	height: auto;
}



[copy]{
	cursor:pointer;
	color:#007bff;
}




.icon-only{
	border-radius: 50px;
	padding: 0px;
	border: none;
	background:none;
}

/* Base comum para todos os botões de ícone */
[class^="btn-icon-"] {
    background: transparent;
    border: none;
    padding: 8px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[class^="btn-icon-"]:focus {
    box-shadow: none !important;
    outline: none;
}

[class^="btn-icon-"]:hover {
    transform: scale(1.2);
    cursor: pointer;
}

/* Variantes de Cores (Bootstrap 4.6 Colors) */
.btn-icon-primary { color: #007bff; }
.btn-icon-primary:hover { color: #0056b3; }

.btn-icon-danger { color: #dc3545; }
.btn-icon-danger:hover { color: #a71d2a; }

.btn-icon-warning { color: #ffc107; }
.btn-icon-warning:hover { color: #ba8b00; }

.btn-icon-success { color: #28a745; }
.btn-icon-success:hover { color: #1e7e34; }

.btn-icon-info { color: #17a2b8; }
.btn-icon-info:hover { color: #117a8b; }


/* Fix Footer */
#wt_main_container {
	min-height: auto !important;
}

.content-wrapper {
	height: auto !important;
}



/* ============================================
   Utilitário: .line-clamp-2
   Descrição: Limita o texto a 2 linhas com reticências (...)
   Compatibilidade: Funciona em navegadores modernos (webkit)
   Necessário: display: -webkit-box + -webkit-line-clamp
============================================ */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3.2em; /* opcional: ajuda em browsers antigos */
}


.cursor-pointer{
    cursor: pointer;
}
.cursor-not-allowed{
    cursor: not-allowed;
}
 




.form-group:has(select:required) > label::after,
.form-group:has(input:required) > label::after,
.form-group:has(textarea:required) > label::after {
  content: " *";
  color: #dc3545;
}