html {
font-size: 14px;
}
@media (min-width: 768px) {
html {
font-size: 16px;
}
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 60px;
}
.unloggedbody {
font-family: "Poppins", sans-serif;
height: 100vh;
background-image: url(/images/Foto_Tela_inicial_portal.jpg);
background-size: 100%;
background-position: 50% 0%;
background-repeat: no-repeat;
}
/* For Desktop View */
@media screen and (min-width: 1024px) {
.unloggedbody {
font-family: "Poppins", sans-serif;
height: 100vh;
background-image: url(/images/Foto_Tela_inicial_portal.jpg);
background-size: 100% !important;
background-position: 50% 0%;
background-repeat: no-repeat;
}
}
/* For Tablet View */
@media screen and (min-device-width: 768px)
and (max-device-width: 1024px) {
.unloggedbody {
font-family: "Poppins", sans-serif;
height: 100vh;
background-image: url(/images/Foto_Tela_inicial_portal.jpg);
background-size: auto 100%;
background-position: 50% 0%;
background-repeat: no-repeat;
}
}
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
and (orientation: portrait) {
.unloggedbody {
font-family: "Poppins", sans-serif;
height: 100vh;
background-image: url(/images/Foto_Tela_inicial_portal.jpg);
background-size: auto 100%;
background-position: 50% 0%;
background-repeat: no-repeat;
}
}
/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
and (orientation: landscape) {
.unloggedbody {
font-family: "Poppins", sans-serif;
height: 100vh;
background-image: url(/images/Foto_Tela_inicial_portal.jpg);
background-size: auto 100%;
background-position: 50% 0%;
background-repeat: no-repeat;
}
}
/* For Mobile Phones Portrait or Landscape View */
@media screen
and (max-device-width: 640px) {
.unloggedbody {
font-family: "Poppins", sans-serif;
height: 100vh;
background-image: url(/images/Foto_Tela_inicial_portal.jpg);
background-size: auto 100%;
background-position: 50% 0%;
background-repeat: no-repeat;
}
}
/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
.unloggedbody {
font-family: "Poppins", sans-serif;
height: 100vh;
background-image: url(/images/Foto_Tela_inicial_portal.jpg);
background-size: auto 100%;
background-position: 50% 0%;
background-repeat: no-repeat;
}
}
/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px)
and (device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
.unloggedbody {
font-family: "Poppins", sans-serif;
height: 100vh;
background-image: url(/images/Foto_Tela_inicial_portal.jpg);
background-size: auto 100%;
background-position: 50% 0%;
background-repeat: no-repeat;
}
}
/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px)
and (min-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 3) {
.unloggedbody {
font-family: "Poppins", sans-serif;
height: 100vh;
background-image: url(/images/Foto_Tela_inicial_portal.jpg);
background-size: auto 100%;
background-position: 50% 0%;
background-repeat: no-repeat;
}
}
/* Custom */
a.navbar-brand {
white-space: normal;
text-align: center;
word-break: break-all;
}
/* Provide sufficient contrast against white background */
a {
color: #0366d6;
}
.btn-primary {
color: #fff;
background-color: #1b6ec2;
border-color: #1861ac;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff;
background-color: #1b6ec2;
border-color: #1861ac;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
font-size: 11px;
}
@media (min-width: 768px) {
html {
font-size: 14px;
}
}
.border-top {
border-top: 1px solid #e5e5e5;
}
.border-bottom {
border-bottom: 1px solid #e5e5e5;
}
.box-shadow {
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}
button.accept-policy {
font-size: 1rem;
line-height: inherit;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
white-space: nowrap;
line-height: 40px; /* Vertically center the text there */
}
.pageTitle{
font-size: 24px;
/* color: #1e92d1; */
font-weight: bold;
}
.formSectionTitleWithoutBorder{
font-size: 16px;
font-weight: bold;
color: #888;
}
.formSectionTitle{
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #dedede;
padding-bottom: 5px;
margin-bottom: 10px;
color: #888;
}
.confirm,
.confirmWithValidation
{
min-width: 120px !important;
}
.cancel
{
min-width: 120px !important;
}
.editButtons{
border-top: 1px solid #EFEFEF !important;
padding-top: 15px;
margin-top: 10px;
}
div.form-group > .row{
margin-top: 15px;
}
div.homeKPI{
padding: 10px;
}
div.homeKPI > h4{
font-size: 20px !important;
text-transform: uppercase;
}
div.homeKPI > h5{
font-size: 16px !important;
color: #AAA;
text-transform: uppercase;
}
.bigKPINumber,
.bigKPINumber:hover{
font-size: 28px;
font-weight: bold;
color: white !important;
text-decoration: none;
}
.bigKPINumberPillAntiGreen{
font-size: 14px;
font-weight: bold;
border: 1px solid white !important;
/* background-color: white !important; */
/* color: #6dd4b1 !important; */
color: white !important;
max-width: 60%;
}
.bgHomeBlue{
background-color: #3b76ef !important;
color: white !important;
}
.bgHomeLightBlue{
background-color: #63c7ff !important;
color: white !important;
}
.bgHomeGreen{
background-color: #6dd4b1 !important;
color: white !important;
}
.homePillPurple{
background-color: #f3e5f5 !important;
color: #9c27b0 !important;
max-width: 50px;
}
.homePillBlue{
background-color: #e3f2fd !important;
color: #2196f3 !important;
max-width: 50px;
}
.homePillRed{
background-color: #ffebee !important;
color: #f44336 !important;
max-width: 50px;
}
.homePillGreen{
background-color: #e8f5e9 !important;
color: #4caf50 !important;
max-width: 50px;
}
.homePillOrange{
background-color: #fff3e0 !important;
color: #f57c00 !important;
max-width: 50px;
}
.homePillPink{
background-color: #fce4ec !important;
color: #c2185b !important;
max-width: 50px;
}
.homePillYellow{
background-color: #fffde7 !important;
color: #fbc02d !important;
max-width: 50px;
}
.badge-purple{
background-color: #9c27b0 !important;
color: white !important;
}
.badge-blue{
background-color: #2196f3 !important;
color: white !important;
}
.badge-green{
background-color: #4caf50 !important;
color: white !important;
}
.noRecordSpan{
font-size: 12px;
font-style: italic;
color: #DDD;
}
.table{
font-size: 13px;
}
.roundedPillCustom{
border-radius: 20rem!important;
}
.homeLinkPill{
text-decoration: none;
}
.homeLinkPill:hover{
text-decoration: none;
}
.alertSmallPadding {
padding: .25rem .75rem !important;
}
.validationErrors{
color: Red !important;
}
.fakeButtonLink{
border: 0px;
background-color: transparent;
color: #3b76ef;
cursor: hand;
font-size: 11px;
}
.fakeButtonLink:hover{
text-decoration: underline;
}
.fakeButtonLinkDisabled{
border: 0px;
background-color: transparent;
color: #ccc;
cursor: not-allowed;
font-size: 11px;
}
/* Home */
.CardHeaderHome{
font-weight: 700;
font-size: 18px;
}
.CardLockedBackground{
background-color: rgba(255, 255, 255, 0.2); ;
background-image: url(/images/lock-icon.png) ;
background-size: auto 35%;
background-repeat: no-repeat;
background-position: 95%;
padding-right: 60px;
min-height: 120px;
}
.CardUnlockedBackground{
background-color: rgba(255, 255, 255, 0.2);
background-image: url(/images/green-check-icon.png) ;
background-size: auto 35%;
background-repeat: no-repeat;
background-position: 95%;
padding-right: 60px;
min-height: 120px;
}
/* Produto Item */
.ProdutoItemLabel{
font-size: 12px !important;
}
.PedidosGridProdutosLabel{
font-size: 12px !important;
min-height: 50px;
padding-top: 8px;
}
.PedidoRegraLimite{
font-size: 12px !important;
/* color: Red; */
/* font-style: italic; */
}
.PedidoRegraLimiteValido{
color: #4caf50;
}
.PedidoRegraLimiteInvalido{
color: #f44336;
}
.ProdutoSKUItem{
padding-bottom: 25px;
border: 1px solid #EFEFEF;
border-radius: 5px;
min-height: 200px !important ;
display: block;
}
.ProdutoSKUItemLojaNAOS{
padding-bottom: 25px;
border: 1px solid #EFEFEF;
border-radius: 5px;
min-height: 220px !important ;
display: block;
}
.paddingTop15
{
padding-top: 15px;
}
.paddingTop25
{
padding-top: 25px;
}
.badgeBioderma
{
background-color: #2196f3;
color: #FFFFFF;
}
.badgeEsthederm
{
background-color: #000000;
color: #FFFFFF;
}
.badgeEtatPur
{
background-color: #264665;
color: #FFFFFF;
}
.inputValorCarrinho{
font-size: 9px;
}
/* UI Blocking */
div.blockOverlay {
background-color: #666;
filter: alpha(opacity=50) !important;
-moz-opacity:.50;
opacity:.50;
z-index: 200000 !important;
}
div.blockPage {
z-index: 200001 !important;
position: fixed;
padding: 10px;
margin: -38px 0 0 -45px;
width: 70px;
height: 56px;
top: 50%;
left: 50%;
text-align: center;
cursor: wait;
background: url(/images/ajax-loader.gif) center 30px no-repeat #fff;
border-radius: 5px;
color: #666;
box-shadow:0 0 25px rgba(0,0,0,.75);
font-weight: bold;
font-size: 15px;
border: 1px solid #ccc;
}
.ciclopromo_relat_level_1
{
text-indent: 5px !important;
}
.ciclopromo_relat_level_2
{
text-indent: 10px !important;
}
.ciclopromo_relat_level_3
{
text-indent: 15px !important;
}
.ciclopromo_relat_level_4
{
text-indent: 50px !important;
font-size: 10px;
}
.bg-ciclopromo-custom-gray{
background-color: #ccc;
margin-left: 2px;
}
.bg-ciclopromo-custom-green{
background-color: #67E0A3;
margin-left: 2px;
}
.ciclopromo_highligth_row
{
background-color: #DDD;
}
select[readonly] {
background: #eee; /*Simular campo inativo - Sugestão @GabrielRodrigues*/
pointer-events: none;
touch-action: none;
}
input[type=checkbox].checkReadOnly
{
opacity: 0.5;
pointer-events: none;
touch-action: none;
}
.verticalWriting
{
vertical-align: middle;
text-align: center;
}
.verticalWriting span{
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-bt;
writing-mode: vertical-lr;
transform: rotate(180deg);
white-space: nowrap;
font-weight: bold;
}
.timeline-with-icons {
margin-left: 10px;
border-left: 1px solid hsl(0, 0%, 90%);
position: relative;
list-style: none;
}
.timeline-with-icons .timeline-item {
position: relative;
}
.timeline-with-icons .timeline-item:after {
position: absolute;
display: block;
top: 0;
}
.timeline-with-icons .timeline-icon {
position: absolute;
left: -43px;
background-color: hsl(217, 88.2%, 90%);
color: hsl(217, 88.8%, 35.1%);
border-radius: 50%;
height: 31px;
width: 31px;
display: flex;
align-items: center;
justify-content: center;
}
tr.rowRelatorio a.editInputManual{
display:none;
}
tr.rowRelatorio:hover a.editInputManual{
display:inline-block;
}
/* Select2 Disabled */
.disabled-select {
background-color: #d5d5d5;
opacity: 0.5;
border-radius: 3px;
cursor: not-allowed;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
select[readonly].select2-hidden-accessible + .select2-container {
pointer-events: none;
touch-action: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
background: #eee;
box-shadow: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
display: none;
}