/* CSS DO INDEX */
body { background: linear-gradient(to right, #E8EDF1, #F2F7FB); }

::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0); }
::-webkit-scrollbar { height: 5px; width: 5px; background: rgba(0, 0, 0, 0.03); }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); }


/* LOGOTIPO CONCEPT PRIME */
div.cprime { padding: 0px !important; text-align: center; margin-top: 20px; margin-bottom: 40px; opacity: 0.9; }
div.cprime > img.esfera { width: 45px; }
div.cprime > img.descricao { height: 30px; margin-left: 8px; vertical-align: super; }





/* ESFERAS DOS SISTEMAS */
img.background { width: 100%; }

a.box-cph { width: 12.5%; height: 37%; background-color: transparent; position: absolute; left: calc(50% - 6.2%); top: calc(50% - 19%); border-radius: 100%; }

a.box-pdv { width: 7%; height: 20%; background-color: transparent; position: absolute; left: 12.8%; top: 8.5%; border-radius: 100%; }
a.box-erp { width: 7%; height: 20%; background-color: transparent; position: absolute; left: 77%; top: 8.5%; border-radius: 100%; }

a.box-concierge { width: 7%; height: 20%; background-color: transparent; position: absolute; left: 21%; top: 27%; border-radius: 100%; }
a.box-checkin { width: 7%; height: 20%; background-color: transparent; position: absolute; left: 72%; top: 27%; border-radius: 100%; }

a.box-governanca { width: 7%; height: 20%; background-color: transparent; position: absolute; left: 6.2%; top: 50.5%; border-radius: 100%; }
a.box-checkout { width: 7%; height: 20%; background-color: transparent; position: absolute; left: 76.4%; top: 49.2%; border-radius: 100%; }

a.box-crm { width: 7%; height: 20%; background-color: transparent; position: absolute; left: 15.9%; top: 69.2%; border-radius: 100%; }
a.box-cpconnect { width: 7%; height: 20%; background-color: transparent; position: absolute; left: 64.5%; top: 59%; border-radius: 100%; }