:root{
  --color-blue: #333;
  --field-check-color: #333;
}
.btn-primary:hover{background: #222; border-color: transparent}
.ui-widget-overlay,
.right-panel[style="display: block;"]::before {background-color: black !important;}
.ui-dialog .ui-dialog-titlebar-close {border: none !important; }

.container-login{
    background-color: #000000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23333333' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%2377770A'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 400px;
    background-repeat: repeat;
}
.builder-profile-menu,
.builder-list-themes{display: none !important;}

.login-medium-logo {height: 60px !important; margin-bottom: 1rem;}
div[page-name="LoginForm"] .form-group:nth-last-of-type(1){display:none !important}
div[page-name="LoginForm"] .tformrow:nth-of-type(2){margin-bottom: 0 !important;}
#form_login #tbutton_btn_entrar{border: none; font-weight: bold}

div[page-name=SystemRequestPasswordResetForm] .card-header {justify-content:center}
div[page-name="SystemRequestPasswordResetForm"] .tformrow{margin-bottom: 0 !important;}
div[page-name="SystemRequestPasswordResetForm"] input {padding-left: 28px !important;}
div[page-name="SystemRequestPasswordResetForm"] input + i{top: 15px}
#form_login #tbutton_btn_enviar{background: #FFE400; border: none; color:#000; font-weight: bold}
#form_login #tbutton_btn_enviar:hover{color:#000 !important;}

div[page-name="SystemPasswordResetForm"] #form_login .fb-inline-field-container{width: 100% !important;}
div[page-name="SystemPasswordResetForm"] #form_login .form-control {height: 50px !important; padding-left: 35px}
div[page-name="SystemPasswordResetForm"] #form_login .login-avatar {height: 50px !important; margin: 0 !important;}

.header-box{background: linear-gradient(to left, #222 0%,#000000 100%);}
.header-logo{border: none;}
.splash-user-photo{display: none;}
.page-item.active .page-link{color: #000}
.btn-group .btn.btn-default.active{color: #000}
.container-menu{background: linear-gradient(to left, #222 0%,#000000 100%);}
.menu-elastic > i{display: none;}
.menu-elastic a{height: auto; margin: 0 auto; padding: 12px 0; border-bottom: 1px solid #666 !important; border-radius: 0 !important}
.menu-elastic a:hover{color: #FFE400 !important;}
.menu-elastic a.checked{background: none !important;}
.menu-elastic a i{color: inherit !important; font-size: 1.25rem;}
.container-submenu{background: linear-gradient(to bottom, #BDB8B7 0%, #ddd 100%);}
.splash-user-content{margin: 0 1rem 1rem; padding: 10px 0; background: none; border-top: 1px solid #999; border-bottom: 1px solid #999;}
.container-submenu ul li a:hover{background: #ddd}
.container-submenu a i{display: none}
.container-submenu .sub + ul{padding-left: 0 !important;}
.container-submenu .sub + ul a:before{content: '⦿'; margin-right: 5px;}

.info-box{min-height: 0; height: 80px !important; border-radius: 5px; overflow: hidden}
.info-box-icon{width: 80px; height: 80px !important; line-height: 80px !important; font-size: 2rem}
.info-box-content{height: 80px !important; align-items:center}
.info-box-text{font-size: 16px !important;}

/*Tabs*/
form ul.nav {flex-wrap: nowrap; align-items: stretch; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin;}
form ul.nav a{display: flex; align-items: center; height: 100%; text-align: center; white-space: nowrap;}
.tab-pane,
.tab-pane .card {border: none !important;}
/*Table*/
table td{padding: 1rem 5px !important;}
table a i{margin: .25rem; font-size: 1rem; text-align: center; }
table a .fa-search{color: #888 !important;}
table a .fa-edit{color: #0066cc !important; font-weight: normal}
table a .fa-trash-alt{color: #EC1B24 !important; font-weight: normal}
/*Forms*/
.tformrow{margin-bottom: 0 !important;}
.fb-field-container{margin-top: .75rem; margin-bottom: .75rem;}
.tseparator{margin-top: 1rem; color: #333 !important;}
label{color: #888 !important;}
td .label-info{background: #999 !important;}
.label-danger, .label-info, .label-warning, .label-primary, .label-success{color: #fff !important;}
td .label-danger, td .label-info, td .label-warning, td .label-primary, td .label-success{line-height: 1.5; font-size: .85em}
.btn-group{height: 50px}
.btn-group label{width: auto !important;}
button i{color: inherit !important;}
.fb-inline-field-container button{margin-top: 7px;}
.fb-inline-field-container .tpassword button{margin-top:0}
/*Date Input*/
span.tdate-group-addon{background: #eee !important; border: 1px solid #ddd !important; border-bottom-width: 3px !important;}
.datetimepicker.dropdown-menu td, .datetimepicker.datepicker-inline td,
.datepicker table tr td.day{padding: 8px !important;}
.datepicker table tr td.today {background: #e0e0e0 !important;}
.datepicker table tr td.active{color: #000 !important;}
/*File input*/
input::file-selector-button {line-height: 47px; padding: 0 .5rem; border: none;}
/*Radio Input*/
.toggle-wrapper:not([data-toggle="buttons"]){margin-top: 10px;}
.toggle-wrapper>div + div{margin-left: 10px;}
.toggle-wrapper .btn-group .btn.btn-default.active {background: #000;border-color: #000;color: #fff !important;}
/*Select*/
.select2-container--default .select2-results__option--highlighted[aria-selected]{color: #000;}
/*Panel Footer*/
.panel-footer button{margin-top: 3px; margin-bottom: 3px;}
.panel-footer .btn-primary{background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);  border: none !important;}
.datagrid-header-actions button, .panel-footer button{height: 35px;}
.datagrid-header-actions #tbutton_button_button_cadastrar,
.panel-footer .btn-default{background: linear-gradient(to bottom, #FFE400 0%, #FFCB00 100%) !important; border: none !important;}
/*Notas Falecimento*/
.nota-item > *{float: none !important; display:block !important; margin: 0 auto;}
.nota-item{padding: 1rem;}
.nota-item button{width: 100%; max-width: 200px;}
.nota-item img{max-width: 200px; height:auto;}

@media screen and (max-width: 575px){
    div[page-name="SearchBox"]{width: 100%; padding-top: 1rem; text-align: center;}
    form ul.nav a{font-size: .9rem !important;}
    .fb-field-container{margin-top: .5rem; margin-bottom: .5rem; padding-right: .5rem; padding-left: .5rem;}
    .info-box{margin-bottom: 0 !important;}
}

/*Listagem de Notas*/
#listagem-notas{display:grid; gap: 3rem; grid-template-rows:auto; grid-template-columns: repeat(auto-fill, minmax(190px, auto)); width: 100%; padding: 3rem;}
.modelo-nota img{display: block; width: 100%; height: auto; transition: transform .3s ease-in-out}
.modelo-nota:hover img{transform: scale(1.03)}

@media screen and (max-width: 575px){
    #listagem-notas{gap: 2rem; grid-template-columns: repeat(auto-fill, minmax(150px, auto)); padding: 1rem;}
}