/* =============================================== */
/* Redução de fontes Bootstrap                     */
/* =============================================== */
 
:root {
    --field-height: 40px;
    --panel-row-margin-bottom: 15px;
    --font-size: 12px;
    --button-height: 30px;
   
}

h1, .h1 {
    font-size: 1.6rem !important; /* padrão Bootstrap: 2.5rem */
}

h2, .h2 {
    font-size: 1.4rem !important; /* padrão Bootstrap: 2rem */
}

h3, .h3 {
    font-size: 1.2rem !important; /* padrão Bootstrap: 1.75rem */
}

h4, .h4 {
    font-size: 1rem !important; /* padrão Bootstrap: 1.5rem */
}

h5, .h5 {
    font-size: 0.875rem !important; /* padrão Bootstrap: 1.25rem */
}

h6, .h6 {
    font-size: 0.75rem !important; /* padrão Bootstrap: 1rem */
}

p, body {
    font-size: 0.8rem !important; /* padrão Bootstrap: 1rem (16px) */
}

small, .small {
    font-size: 0.7rem !important; /* padrão Bootstrap: 0.875rem */
}

.lead {
    font-size: 0.95rem !important; /* padrão Bootstrap: 1.25rem */
}

.display-1 {
    font-size: 3.5rem !important; /* padrão Bootstrap: 6rem */
}

.display-2 {
    font-size: 3rem !important; /* padrão Bootstrap: 5.5rem */
}

.display-3 {
    font-size: 2.5rem !important; /* padrão Bootstrap: 4.5rem */
}

.display-4 {
    font-size: 2rem !important; /* padrão Bootstrap: 3.5rem */
}

/* Botões */
.btn {
    font-size: 0.8rem !important;
}

.btn-sm {
    font-size: 0.7rem !important;
}

.btn-lg {
    font-size: 0.875rem !important;
}

/* Formulários */
.form-control {
    font-size: 0.8rem !important;
}

.form-control-sm {
    font-size: 0.7rem !important;
}

.form-control-lg {
    font-size: 0.875rem !important;
}

/* Labels */
label {
    font-size: 0.8rem !important;
}

/* Badges */
.badge {
    font-size: 0.65rem !important;
}

/* Alertas */
.alert {
    font-size: 0.8rem !important;
}

/* Cards */
.card-title {
    font-size: 0.95rem !important;
}

.card-text {
    font-size: 0.8rem !important;
}

/* Tabelas */
.table {
    font-size: 0.8rem !important;
}

/* Navegação */
.nav-link {
    font-size: 0.8rem !important;
}

.navbar-brand {
    font-size: 0.95rem !important;
}

/* Dropdown */
.dropdown-item {
    font-size: 0.8rem !important;
}

/* Breadcrumb */
.breadcrumb-item {
    font-size: 0.8rem !important;
}

/* Modal */
.modal-title {
    font-size: 0.95rem !important;
}

.modal-body {
    font-size: 0.8rem !important;
}

/* Listas */
.list-group-item {
    font-size: 0.8rem !important;
}

/* =============================================== */
/* Fim - Redução de fontes Bootstrap               */
/* =============================================== */

.ui-dialog
{
    padding: 15px !important;
}

.table td, .table th
{
    padding: 10px;
    height: 10px !important;
}


table > tbody > tr > td.tdatagrid_cell.action > div > ul > li{
  padding: 0.2rem !important;
}

table > tbody > tr > td.tdatagrid_cell.action > div > ul{
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.175);
  /*padding:0px 20px 10px 5px;*/
}


/* btn acao datagrid */



table > tbody > tr > td.tdatagrid_cell.action > div > button::after{
    display: none;
}
    
table > tbody > tr > td.tdatagrid_cell.action > div > button > i::before{
    display: none;
}


table > tbody > tr > td.tdatagrid_cell.action > div > button > i::after{
    
    font-family: "Font Awesome 5 Free"; 
	font-weight: 400;
	content: "\f142";
    color:#858585;
    font-weight: 900;
    
}

table > tbody > tr > td.tdatagrid_cell.action > div > button{
    background:rgb(210 210 210 / 0%);
    border: 0px !important;
    
}

/* datagrid linhas */

.table td, .table th
{
        /*padding: 10px 0px 10px 60px !important;*/
        /*padding: 10px 0px 10px 20px !important;*/
        white-space: nowrap;
}

.tpagenavigation_resume
{
    text-align: left !important;
    font-size: 12px;
    margin-left: 10px;
}

.card-footer
{
    display: flex!important;
    justify-content: space-between!important;
    padding: 25px !important;
}

.tpagenavigation li.off a 
{
    color: rgb(205, 205, 205) !important;
    background: transparent;
    border: 1px solid #e8e8e8;
}p

.table thead th
{
    border-bottom: 1px solid rgba(39, 4, 112, 0.07) !important;
    border-top: 0px;
    color: var(--table-header-color);
    background-color: rgb(253, 250, 255);
    font-weight: var(--table-header-font-weight);
    font-size: var(--table-header-font-size);
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    text-transform: uppercase !important;
    white-space: nowrap;
}

.table .action .btn{
    min-height: 0px !important;
}
/* header */

/*
body > nav > div.header-track > div.header-action.navbar-custom-menu{
    display: none !important;
}*/

[page_name="SearchBox"] {
     display: none !important;
}


body > nav > div.header-track > div.header-action.builder-dropdown-menu{
    display: none !important;
}

.ui-dialog .ui-dialog-titlebar-close 
{
        width: 40px !important;
        height: 40px !important;
        background: rgba(193, 147, 147, 0.21) !important;
        top: 15px !important;
        right: 17px !important;
 }
 
.tseparator-divisor{ 
    border-top: rgb(226, 226, 226) 1px solid !important;
}

/* botões */
.salvar {
    background: rgb(162,97,253) !important;
    background: linear-gradient(90deg, rgba(162,97,253,1) 0%, rgba(106,75,213,1) 46%) !important;
}

.salvar_modal 
{
    background: rgb(162,97,253) !important;
    background: linear-gradient(90deg, rgba(162,97,253,1) 0%, rgba(106,75,213,1) 46%) !important;
}


input::placeholder {
  color: rgb(196, 196, 196) !important;
}

textarea::placeholder {
  color: rgb(196, 196, 196) !important;
}

.badge-success {
    color: #fff !important;
    background-color: #6928a7 !important;
}

/*
div[page-name="FieldForm"] .toggle-wrapper .btn-group .btn 
{
    
    border:0px;
    padding: 20px;
    margin: 5px;
    border-radius: 0px;
    background: rgb(238, 238, 238);
}
*/

.icon-container{
    
    text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%;
}


.nav-tabs .nav-item {
    border: 1px solid rgb(223, 223, 223);
    border-radius: 10px 10px 0px 0px;
    padding: 0px;
    
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background: rgba(180, 119, 221, 0.13);
        color: rgba(116, 31, 179, 1);
        border: solid 1px !important;
        height: 39px;
        font-weight: 600 !important;
        border-bottom: 0px !important;
}   

.tab-pane{
    padding: 39px !important;
}

.tab-pane{
        padding: 22px !important;
}


div[page-name="FieldForm"] .select-card .fb-inline-field-container .toggle-wrapper .btn-group .btn 
{
    
    border:0px;
    padding: 9px;
    margin: 5px;
    border-radius: 9px;
    background: rgba(136, 135, 136, 0.09);
}

label
{
    color: black;
    font-weight: 600;
    padding-bottom: 10px;
}

.select2-results__option[aria-selected]
{
    border-radius: 10px !important;
   
}

.icon-container span{
    font-weight: 600;
}

.icon-container .fas{
   /* color: #5f008f; */
}

.btn-group .btn.btn-default.active {
    background: #741fb2 !important;
    color: #fff;
}

.tabpanel_form_OccurrenceTypeForm,
.tabpanel_form_OccurrenceTabForm,
.tabpanel_form_OccurrenceTabList,
.tabpanel_form_OccurrenceTypeAttachmentTypeForm,
.tabpanel_form_OccurrenceTypeAttachmentTypeList,
.tabpanel_form_OccurrenceTypeList,
.tabpanel_form_FieldList{
    border: 1px solid #e4e4e4 !important;
    border-radius: 10px !important;
}


.tselect_disabled,.tfield_disabled,
.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false], .note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false],
.tfield_disabled+.pickr>button, .tfield_disabled[widget="tpassword"]+button,.tfield_disabled+.input-group-addon,
.select2-disable+ .selection .select2-selection,
/* .select2-disable+ .selection .select2-selection__rendered, */
.tcombo_disabled, .form-control:disabled, .form-control[readonly]
{
     opacity: 0.6;
     color: rgb(46, 1, 69) !important;
}

.table-bordered td, .table-bordered th
{
    border: 0px solid var(--header-border-bottom);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice
{

    background: rgba(232, 232, 232, 0.76) !important;
    color: #45006c !important;
    font-weight: 600;
    padding: 9px;
    padding-left: 20px;
    padding-right: 20px;
}    

.select2-container--open .select2-dropdown--below
{
    margin-top: 0px !important;
}

th{
    white-space: nowrap !important;
    text-transform: uppercase !important;
}


.card.panel.card-item {
  
    border-radius: var(--content-border-radius) !important;
    border: 1px solid #dbdbdb;

}


.card-item-content {
    padding: 10px;
    background:#e9eaf738;
}

.panel-default>.panel-heading.card-item-title {

    font-size:10px !important;
}

.card-item-actions{

    padding:5px !important;
}

#datagrid_form_OccurrenceList > div{
    display:block !important;
}


input[type="checkbox"], input[type="radio"]  
{
    border: 1px solid #673AB7 !important;
}

.toggle-wrapper .btn-group .btn
{
    margin: 2px;
    border: 1px solid rgba(52, 14, 113, 0.19); 
}

.login-medium-logo {

  height: 100px;
  
  background-image: url('/app/images/600x200.png');
  
  background-size: cover; 

  background-repeat: no-repeat;
 
  background-position: center center; 
  
  background-color: #fff;
}


.simulate-logo{

    background-image: url('/app/images/600x200.png');
  
  background-size: contain; 

  background-repeat: no-repeat;
 
  background-position: center center; 
  
  background-color: #f7f4f4;
    
}

#form_login > div.panel-footer.card-footer{
    
    padding: 0px !important;
}

body > div > div.master-menu-content > div.container-submenu > div:nth-child(3){
    display: none !important;
}

.container-login .panel-login .info-login .login-image.force-full {
 /*
 background: url('/app/images/sgo_login.png'), linear-gradient(to right, rgba(20, 2, 34, 1), rgba(62, 9, 122, 1) 35%, rgba(0, 0, 0, 1));
 */
 background: url('/app/images/sgo_login.png'), linear-gradient(to right, rgba(0, 0, 0, 1), rgba(40, 40, 40, 1) 35%, rgba(15, 15, 15, 1));

 background-size: cover;
}

.header-track
{
  padding-top:20px !important;
}

.btn {
    max-height: 30px !important;
    min-height: 30px !important;
}

[page-name="FieldForm"] .btn {
     max-height: unset !important;
    min-height: unset !important;
}

.tdate-group .btn {
    min-height: 40px !important;
    max-height: 47px !important;
}
.container-submenu ul li a {
    min-height: 35px;
}



[page-name="OccurrenceBox"] .select2-container--default .select2-selection--single {
    height: 30px !important;
}
.builder-profile-menu {
        margin-top: -10px;
}