/*
############
Geral
############
*/

.form-control
{
    text-align: left !important;
}
:is([type="tel"], [type="url"], [type="email"], [type="number"])::placeholder
{
    text-align: left !important;
}
.disabled
{
    background-color: var(--vz-tertiary-bg);
    opacity: 1;
}
.main-content .page-content .container-fluid
{
    padding-bottom: 20px;    
}
.cursos
{
    cursor: pointer;
}
.scrool1
{
    width: 100%;
    height: 266px;
}
.profile-wid-bg:before 
{
    background: var(#358268);
    background: -webkit-gradient(linear, right bottom, right top, from(#020f0b), to(#358268));
    background: linear-gradient(to top, #020f0b, #358268);
}
.choices__list--dropdown
{
    z-index: 1001;
}
.table-valign-top td 
{
    vertical-align: top;
}
.img-responsive
{
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.modal-dialog .btn-close
{
    filter: invert(1);
}
.BtnCodigo
{
    width: 80px;
}

/* ------------- */

/*
.flatpickr-current-month 
{
    display: flex;
    flex-direction: row-reverse; 
    align-items: center;
}  
.flatpickr-monthDropdown-months 
{
    order: 0;
}
.numInputWrapper 
{
    order: 1;
}
*/

/* ------------- */

.logo
{

}
.logo img
{
    height: 40px;
}

.logo.logo_imobiliarias
{
    margin-left: 10px;
}
.logo.logo_imobiliariasX
{
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

    background: rgba(255, 255, 255, 0.8);

    padding: 10px;
    margin: 0px;
    margin-left: 10px;

    display: inline-block;
}

/* ------------- */

.LinkOrdem
{
    color: rgb(135, 138, 153);
}
.LinkOrdem .mdi.mdi-sort
{
    opacity: 0.4;
}

/* ------------- */

@media (max-width: 767px) {

    /* ------------- */

    .navbar-brand-box 
    {
        display: block !important;

        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    /* ------------- */

    .logo.logo_imobiliarias
    {
        display: none;
    }

    /* ------------- */

}

/* ------------- */














/*
############
Tabela Responsiva
############
*/

.table-container 
{
    position: relative;
    height: 410px;
    margin: 0px;
}

.custom-table-responsive 
{
    height: 100%;
    overflow: hide !important;

    padding-right: 20px;
}
.custom-table thead 
{
    position: sticky;
    left: 0px;
    top: 0;
    
    z-index: 1;
    background-color: white;
}
.custom-table thead th 
{
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
}

.os-scrollbar-vertical 
{
    width: 18px !important;
}
.os-scrollbar-horizontal 
{
    height: 18px !important;
}
.os-scrollbar-thumb 
{
    background-color: #555 !important;
    border-radius: 5px;
}
.os-scrollbar-track
{
    background: #E8E8E8 !important;
}
.os-scrollbar-handle
{
    border-radius: 5px !important;
}

/* ------------- */













/*
############
Formularios
############
*/

.form-check
{
    text-align: left;
}
.form-check input
{
    right: 0px !important;
}
.form-check label
{
    margin-left: 10px;
}

/* ------------- */














/*
############
Campo de Busca do Topo do Site
############
*/

.app-search::placeholder 
{
    color: rgba(255, 255, 255, 0.9);
}
.app-search::placeholder 
{
    color: rgba(255, 255, 255, 0.9);
}
.app-search span.search-widget-icon
{
    color: rgba(255, 255, 255, 0.9);
}

/* ------------- */















/*
############
mascot
############
*/

.mascot
{
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 10;

    width: 150px;
}
.mascot img 
{
    width: 100%;

    /*
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.3));
    animation: mascotMove 4s ease-in-out infinite;
    */
}
@keyframes mascotMove {

    0%, 100% { 
        transform: translateX(0px) translateY(0px);
    }
    25% { 
        transform: translateX(-10px) translateY(-15px);
    }
    50% { 
        transform: translateX(5px) translateY(-8px);
    }
    75% { 
        transform: translateX(-5px) translateY(-12px);
    }
    
}

/* ------------- */

@media screen and (max-width: 767px) 
{
	
	/* ------------- */
	
    .mascot
    {
        width: 100px;
    }

	/* ------------- */
  
}

/* ------------- */


















/*
##############
# blockUI
##############
*/

.blockUI.blockOverlay
{
	background: rgba(255, 255, 255, 0.7) !important;
}
.blockUI.blockMsg
{
	border: 2px solid rgba(0, 0, 0, 0.1) !important;
	background: #FFF !important;
	
	padding: 20px !important;
	
	font-size: 22px !important;
}
.blockUI.blockMsg .fa
{
	margin: 0px;
}

/* ------------- */

@media screen and (max-width: 767px) 
{
	
	/* ------------- */
	
	.blockUI.blockOverlay 
	{
		position: fixed !important;
		left: 0px !important;
		top: 0px !important;
		width: 100% !important;
		height: 100% !important;
	}
	.blockUI.blockMsg 
	{
		position: fixed !important;
		width: 200px !important;
		left: 50% !important;
		margin-left: -100px !important;
		height: 70px !important;
		top: 50% !important;
		margin-top: -35px !important;
	}
	
	/* ------------- */
  
}

/* ------------- */