body a { color: var(--cor-normal); }
body a:hover { color: var(--cor-claro); }

#shortcut li a:hover { color: var(--cor-normal); }
#shortcut li a i { font-size:3em; }

.ico2 { font-size: 1.5em; }
.setting.topUserName { min-width: 110px; }
.usrName { color: var(--cor-claro); }
a.byflex { background: transparent url("../new_images/flex.png") no-repeat scroll 0 0; display: inline-block; float: right; height: 15px; overflow: hidden; text-indent: -1000px; width: 85px; }

#validaSenha { float: right; width: 40%; border-left: 2px solid #ddd; padding-left: 20px; margin-top: -70px; }
#ulRegras { margin-bottom: 10px; }
#ulRegras li { padding-left: 30px; margin-bottom: 8px; }
#ulRegras li .checksquared { margin-right: 15px !important; margin-left: -25px !important; float: left; }
#ulRegras li.rOK .checksquared label::after { opacity: 1; }
#rDoc { color:#000 !important; font-weight:bold; }
#rDoc .checksquared label::after { border-color:#DDD; opacity: 1; }
.clr { clear: both; }
.hidden { display: none !important; }

table.display tbody tr:hover { background-color: var(--cor-claro2); }

.uibutton.new { background-color: var(--cor-normal); color: var(--cor-claro2); background-image: none !important; }
.uibutton.new.normal { background-color: #888; color: #ddd; }
.uibutton.new.confirm { background-color: var(--cor-bg); color: #eee; }

.radiorounded label::after { background: var(--cor-normal); }
.checkslide input:checked + label { background-color: var(--cor-normal); }

form div.obrig input, form div.obrig textarea, form div.obrig select, form div.obrig div.selectbox .display, form div.obrig .radiorounded label { background-color: var(--cor-claro2); }

.setting ul.subnav li a:hover { color: var(--cor-claro) !important; }
.checksquared label::after { border-color: var(--cor-normal); }

.paging_full_numbers a.paginate_button:hover, .paging_full_numbers a.paginate_active { background-color: var(--cor-claro2) !important; border-color: var(--cor-normal) !important; color: var(--cor-normal); }

.badge { border-radius: 5px; padding: 2px 5px; }

.section input.datePicker { width: 80px; }

.big { font-size: 1.5em; }

.ui-datepicker { border-top-color: var(--cor-escuro) !important; }
.ui-datepicker .ui-datepicker-header { background-color: var(--cor-claro) !important; }
.ui-datepicker th.ui-datepicker-week-end { color: var(--cor-claro) !important; }
td.ui-datepicker-current-day a { border-color: var(--cor-normal) !important; background-color: var(--cor-claro) !important; }
.ui-datepicker td.ui-datepicker-today a { color: var(--cor-normal) !important; background-color: var(--cor-claro2) !important; }
.ui-datepicker td span, .ui-datepicker td a:hover { border-color: var(--cor-claro) !important; background-color: var(--cor-claro2) !important; }

.cardGray { display: block; width: 100%; border-radius: 7px; background-color: #f4f4f4; }
.cardFiltros { padding: 10px 20px 0; width: calc(100% - 40px); }
.cardSpaced { margin-bottom: 10px; }
.mhScroll { max-height: 450px; overflow: auto; }
.text-primary { color: var(--cor-normal); }

form div.section.formInline { display: inline-block; white-space: nowrap; margin-right: 20px; }
form div.section.formInline label,
form div.section.formInline div { display: inline-block; float: none; min-height: auto; margin: 0; padding: 0; width: auto; }

form div.section.formInline input.large, 
form div.section.formInline textarea.large { width: 100%; max-width: auto; }
form div.section.formInline input.xxsmall { width: 30px; max-width: auto; padding: 0 10px; }

.infoGameficacao { position: absolute; top: 140px; left: 30px; }
.user-coins .coin { background-image: url('../new_images/coin.png'); display: inline-block; width: 30px; height: 30px; background-size: contain; float: left; margin: -1px -10px 0 0; z-index: 5; position: relative; }
.user-coins .saldo { background: #eee; color: #000; font-weight: bold; padding: 3px 12px; display: inline-block; border-radius: 50px; margin-top: 4px; }
.user-coins .update { display: block; font-size: 0.7em; color: #999; padding: 1px; margin-left: 27px; }