@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Gayathri:wght@700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
*focus {
outline-style: none;
box-shadow: none;
border-color: transparent;
}

body {
background-color: #f4f4f4;
color: #404040;
font-family: "Open Sans", sans-serif;
}
 
p,h1,h2,h3,td,.alert,input,label {
  font-family: 'Rubik', sans-serif;
}
.banner {
width: 100%;
height: 150px;
max-height: 150px;
background: #000 url(../img/banner.jpg) no-repeat center center;
background-size: cover;
}


.button {
border: 1px solid #303030;
color: #fff;
background-color: #3B3B3B;
border-color: transparent;
font-weight: bold;
font-size: 14px;
padding: 5px 15px 5px 15px;
}

.button:hover{
background-color: #303030;
border-color: #3B3B3B;
color: #fff;
text-decoration: none;
cursor:pointer;
}

.button2 {
border: 1px solid #303030;
color: #3B3B3B;
background-color: #fff;
font-weight: bold;
font-size: 14px;
padding: 5px 15px 5px 15px;
}

.button2:hover{
background-color: #303030;
border-color: #3B3B3B;
text-decoration: none;
color: #fff;
cursor:pointer;
}


.slick-slide, .slick-slide:focus * {
outline:none!important;
}

::-webkit-scrollbar {
width: 5px;
}

::-webkit-scrollbar-track {
width: 5px;
background: #f5f5f5;
}

::-webkit-scrollbar-thumb {
width: 1em;
background-color: #ddd;
outline: 1px solid slategrey;
border-radius: 1rem;
}

a {
color: #303030;
background-color: transparent;
}

a:hover {
color: #000000;
text-decoration: underline;
background-color: transparent;
}

.fonte {
font-family: 'Gayathri', sans-serif;
}

.linha {
text-decoration: underline; 
color: #343a40!important;
}
.card-box {
    position: relative;
    color: #fff;
    padding: 20px 10px 40px;
    margin: 20px 0px;
}
.card-box:hover {
    text-decoration: none;
    color: #f1f1f1;
}

.card-box .inner {
    padding: 5px 10px 0 10px;
}
.card-box h3 {
    font-size: 27px;
    font-weight: bold;
    margin: 0 0 8px 0;
    white-space: nowrap;
    padding: 0;
    text-align: left;
}
.card-box p {
    font-size: 15px;
}
.card-box .icon {
    position: absolute;
    top: auto;
    bottom: 5px;
    right: 5px;
    z-index: 0;
      font-size: 100px;
    color: rgba(0, 0, 0, 0.15);
}
.card-box .card-box-footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-align: center;
    padding: 3px 0;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    text-decoration: none;
}
.card-box:hover .card-box-footer {
    background: rgba(0, 0, 0, 0.3);
}
.bg-blue {
    background-color: #00c0ef !important;
}
.bg-green {
    background-color: #00a65a !important;
}
.bg-orange {
    background-color: #f39c12 !important;
}
.bg-red {
    background-color: #d9534f !important;
}


.modal-footer button {
text-transform: uppercase;
}
.Rlogin,.Rnenhum, .mostrarDiv, .mostrarDiv2 {
display:none;
}

.pag {
padding-top: 35px;
}

.topo {
top: 0;
background: white;
width: 100%;
}
.topo img {
max-height: 150px;
}
.navbar {
background: #fff;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px;
color: #000;
}
.navbar .titulo {
  font-family: 'Rubik', sans-serif;
}
#corAdmin i {
color: #ff2b5c;
}

.painel {
max-width: 100%;
margin-left: 5px;
padding-bottom: 1.875rem;
padding: 45px;
border-radius: 2px;
}

.perfectworld {
width: 25.625rem;
min-height: 300px;
border: 1px solid #eaeaea;
background-color: #FFFFFF;
padding-bottom: 1.875rem;
margin:0 auto;
margin-top:  50px;
padding: 70px 45px 45px 45px;
border-radius: 2px;
}

.perfectworld .helps {
text-align: center;
font-size: 14px;	
padding-bottom: 0.5px;}


.perfectworld h1 {
font-family: 'Gayathri', sans-serif;
color: #1b1a1c;
text-align: center;
margin-bottom: 0rem;
}

.dropdown-item:active {
background: #ddd
}


#errortag h1 {
color: red;

}

.cp {
text-align: center;
margin-top: 12px;
margin-bottom: 15px;
}

.cp .nome {
font-size: 20px;
color: #cbd0d5; 
}

.cp .usuario {
font-family: 'Gayathri', sans-serif;
color: #778291;
}

.cp .loja {
font-family: 'Gayathri', sans-serif;
color: #cbd0d5; 
margin-bottom: 5px;
}

.cp .loja i {
color: #FFFFFF;
font-size: 13px;
margin-left: 5px;
text-decoration: none;
}

.btn {
  border-radius: 2px;
  padding: 8px 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.mini-btn {
  font-family: 'Gayathri', sans-serif;
   border-radius: 2px;
  padding: 8px;
  padding-bottom: 5px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: bold; 

}

.sair {
    background-color: #dc3545;
    border: 1px solid #dc3545;
}
.sair-tamanho {
display: block;
text-align: center;
width:120px;
text-transform: uppercase;
margin-top: 5px;
line-height: 10px;

}
.recarregar {
   background-color: #262a2f;
border: 1px solid #666;
}

.recarregar:hover {
   background-color: #262a2f;
border: 1px solid #666;
      color: #FFFFFF;
  text-decoration: none;
}
.sair:hover {
      background-color: #f43d4c;
    border: 1px solid #dc3545;
      color: #FFFFFF;
  text-decoration: none;
}

.gam1ng {
 background-color: #303030;
border: 1px solid #3B3B3B;
}

.gam1ng:hover {
  color: #FFFFFF;
  text-decoration: none;
   background-color: #3B3B3B;
  border: 1px solid #303030;
}

label {
color: #3f4b5b;
}
.form-control:focus {
border-color: #ddd;
box-shadow: none;
outline: 0 none;
}

.is-valid {
border: 1px solid green;
}

.is-invalid {
border: 1px solid red;
}
.btn {
margin-top: 7px;    
}
.checkbox label {
font-size: 15px;

cursor: pointer;
display: block;
}
.checkbox label > input {
display: none;
}
.checkbox label span {
padding-left: 5px;
color: #777;
}
.checkbox label i {
display: inline-block;
width: 42px;
height: 25px;
border-radius: 20px;
vertical-align: middle;
-webkit-transition: .25s .09s;
transition: .25s .09s;
position: relative;
background: #dddddd;
}
.checkbox label i:after {
content: " ";
display: block;
width: 20px;
height: 20px;
top: 2px;
left: 5px;
border-radius: 50%;
background: #fff;
position: absolute;
box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.4);
-webkit-transition: .15s;
transition: .15s;
}
.checkbox label > input:checked + i {
background: #303030;
}
.checkbox label > input:checked + i + span {
color: #050505;
}
.checkbox label > input:checked + i:after {
-webkit-transform: translateX(15px);
transform: translateX(15px);
}

.error404_ {
margin-top: 20px;
}
.error404 {
text-align: center;
font-size: 20px;
}

.grecaptcha-badge { 
visibility: hidden;
}

.arrayalert {
color: red;
}
.arrayalert h3 {
font-size: 16px;
color: #1b1a1c;
font-weight: bold;
text-align: center;
}


.arrayalert ol {
padding: 0px 15px 0px 20px;
margin: 0
}

.arrayalert li {
padding: 0;
list-style-type: square;
}

.links {
 font-family: 'Rubik', sans-serif;
 font-size: 12px;
 margin-bottom: 0px;  
}
.links a{
text-decoration: underline;
}

.links_ {
font-family: 'Gayathri', sans-serif;
text-align: center;
margin-bottom: 30px;
}

.links_ a {
text-decoration: underline;
color: #303030;
}

._links {
	font-family: 'Gayathri', sans-serif;
margin-top: 15px;
text-align: left;
}
.modal-title, .modal-body {
color: #000;
}


.box {
margin: auto
}

.infor_userpending {
font-size: 15px;
margin-top: 20px;
}

.heading {
font-weight: bold;
font-size: 40px;
color: black;
margin-top: 20px;
}

.sub-heading {
border-top: 1px solid #adadad;
border-bottom: 1px solid #adadad;
padding: 8px 0 8px 0;
margin-bottom: 15px;
color: #595959
}


.help_user {
text-align: center;
margin-top: 20px;
color: #000000;
text-decoration: underline
}

.email_user {
font-size: 18px;
color: #000;
padding: 0;
margin:0;
text-align: center;
font-weight: bold;
}

.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em
}
a.label:focus, a.label:hover {
color: #fff;
text-decoration: none;
cursor: pointer
}
.label:empty {
display: none
}
.btn .label {
position: relative;
top: -1px
}

.dropdown-menu {
color: #000;
margin-left: -30px;
margin-top: -5px;
border-radius: 0px;

}

.dropdown-menu a {
color: #000;
}
.dropdown-menu a:hover {
color: #ff2b5c;
}

.logo {
text-align: center;
margin-top: 5px;

}
.logo img {
-webkit-filter: drop-shadow(1px 1px 0 white) 
drop-shadow(-1px -1px 0 white);
filter:drop-shadow(1px 1px 0 white) 
drop-shadow(-1px -1px 0 white);
max-width: 120px;
max-height: 120px;
margin-top: 25px;
}

.menu-abrir {
margin-left: 15px;
color: #262a2f
}

.adm {
margin-top: 20px;
}

.cbp_tmtimeline {
margin: 0;
padding: 0;
list-style: none;
position: relative
}

.cbp_tmtimeline:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 3px;
background: #eee;
left: 20%;
margin-left: -6px
}

.cbp_tmtimeline>li {
position: relative
}

.cbp_tmtimeline>li:first-child .cbp_tmtime span.large {
color: #444;
font-size: 17px !important;
font-weight: 700
}

.cbp_tmtimeline>li:first-child .cbp_tmicon {
background: #fff;
color: #666
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child {
color: #444;
font-size: 13px
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel {
background: #f0f1f3
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
border-right-color: #f0f1f3
}

.cbp_tmtimeline>li .empty span {
color: #777
}

.cbp_tmtimeline>li .cbp_tmtime {
display: block;
width: 23%;
padding-right: 70px;
position: absolute
}

.cbp_tmtimeline>li .cbp_tmtime span {
display: block;
text-align: right
}

.cbp_tmtimeline>li .cbp_tmtime span:first-child {
font-size: 15px;
color: #3d4c5a;
font-weight: 700
}

.cbp_tmtimeline>li .cbp_tmtime span:last-child {
font-size: 14px;
color: #444
}

.cbp_tmtimeline>li .cbp_tmlabel {
margin: 0 0 15px 25%;
background: #f0f1f3;
padding: 1.2em;
position: relative;
border-radius: 5px
}

.cbp_tmtimeline>li .cbp_tmlabel:after {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #f0f1f3;
border-width: 10px;
top: 10px
}

.cbp_tmtimeline>li .cbp_tmlabel blockquote {
font-size: 16px
}

.cbp_tmtimeline>li .cbp_tmlabel .map-checkin {
border: 5px solid rgba(235, 235, 235, 0.2);
-moz-box-shadow: 0px 0px 0px 1px #ebebeb;
-webkit-box-shadow: 0px 0px 0px 1px #ebebeb;
box-shadow: 0px 0px 0px 1px #ebebeb;
background: #fff !important
}

.cbp_tmtimeline>li .cbp_tmlabel h2 {
margin: 0px;
padding: 0 0 10px 0;
line-height: 26px;
font-size: 16px;
font-weight: normal
}

.cbp_tmtimeline>li .cbp_tmlabel h2 a {
font-size: 15px
}

.cbp_tmtimeline>li .cbp_tmlabel h2 a:hover {
text-decoration: none
}

.cbp_tmtimeline>li .cbp_tmlabel h2 span {
font-size: 15px
}

.cbp_tmtimeline>li .cbp_tmlabel p {
color: #444
}


@media screen and (max-width: 992px) and (min-width: 768px) {
.cbp_tmtimeline>li .cbp_tmtime {
padding-right: 60px
}
}

@media screen and (max-width: 65.375em) {
.cbp_tmtimeline>li .cbp_tmtime span:last-child {
font-size: 12px
}
}

@media screen and (max-width: 47.2em) {
.cbp_tmtimeline:before {
display: none
}
.cbp_tmtimeline>li .cbp_tmtime {
width: 100%;
position: relative;
padding: 0 0 20px 0
}
.cbp_tmtimeline>li .cbp_tmtime span {
text-align: left
}
.cbp_tmtimeline>li .cbp_tmlabel {
margin: 0 0 30px 0;
padding: 1em;
font-weight: 400;
font-size: 95%
}
.cbp_tmtimeline>li .cbp_tmlabel:after {
right: auto;
left: 20px;
border-right-color: transparent;
border-bottom-color: #f5f5f6;
top: -20px
}
.cbp_tmtimeline>li .cbp_tmicon {
position: relative;
float: right;
left: auto;
margin: -64px 5px 0 0px
}
.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
border-right-color: transparent;
border-bottom-color: #f5f5f6
}
}

.content {
  min-width: 100vw;
  padding: 20px;
}
@media (min-width: 768px) {
  .content {
    min-width: 0;
    width: 100%;
  }
}

.content-box {
  padding: 1.25rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
  min-height: 200px;
}

.content-box h1 {
  margin-top: 20px;
}

.sidebar {
  min-height: calc(100vh - 0rem);
  margin-left: -17rem;
  transition: margin 0.15s ease-out;
}
@media (min-width: 768px) {
  .sidebar {
    margin-left: 0;
  }
}

.sidebar-toggle .sidebar {
  margin-left: 0;
}
@media (min-width: 768px) {
  .sidebar-toggle .sidebar {
    margin-left: -17rem;
  }
}

.sidebar-menu {
  width: 17rem;
}

.navbar-link {
  margin-left: 0.1875rem;
}

.navbar-bars {
  transition: 0.2s all;
  margin-left: 0.3125rem;
  font-size: 0.875rem;
}

.dropdown-logged {
  margin-left: auto;
}

.dropdown-logged-toggle:before {
  margin: 0.375rem 0 0 0.5rem;
  float: right;
  font-family: "FontAwesome";
  font-size: 0.875rem;
  content: "\f175";
}

.dropdown-logged-menu {
  top: 2.125rem;
}

.dropdown-logged-item {
  font-size: 0.875rem;
}
.dropdown-logged-item .fa {
  transition: 0.5s all;
  padding-right: 0.625rem;
  width: 1.375rem;
}

.dropdown-link:hover {
  text-decoration: none;
}

.dropdown-user {
  display: block;
  margin: 0.3125rem 0.5rem 0 0;
  font-weight: 600;
  font-size: 0.875rem;
}

.dropdown-avatar {
  height: 1.8125rem;
  width: 1.8125rem;
  border-radius: 50%;
}

.dropdown-menu-arrow {
  top: -1.5625rem;
  left: 50%;
  position: relative;
}

.dropdown-menu-arrow:before,
.dropdown-menu-arrow:after {
  content: "";
  position: absolute;
  display: block;
  border-width: 0.375rem 0.4375rem;
  border-style: solid;
  border-color: transparent;
  z-index: 1001;
}

.dropdown-menu-arrow:before,
.dropdown-menu-arrow:after,
.dropdown-menu-arrow {
  width: 0;
  height: 0;
}

.dropdown-menu-arrow:after {
  bottom: -1.125rem;
  right: -4.625rem;
}

.list {
  padding: 0 1.25rem;
  font-size: 0.875rem;
}

.list-item {
  padding: 0;
  margin-top: 0.625rem;
  line-height: 2.125rem;
}

.list-title {
  margin-bottom: 0;
  font-size: 0.75rem;
}

.list-hidden {
  display: none;
  padding-left: 0.625rem;
  margin: 0.9375rem 0 0.9375rem 0.625rem;
  overflow: hidden;
}

.list-link {
  font-size: 17px;
  display: block;
  padding: 0 0.625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.25rem;
}
.list-link:hover {
  text-decoration: none;
}
.list-link:hover .fa {
  transform: rotate(360deg);
  transition: 0.5s all;
}

.list-icon {
  width: 1.775rem;
  display: inline-block;
}

.link-arrow:before {
  font-family: "FontAwesome";
  margin-right: 0.1875rem;
  float: right;
}

.link-arrow.up:before {
  content: "\f106";
}

.link-arrow.down:before {
  content: "\f107";
}

.link-arrow.transition:before {
  transition: 0.2s all;
}

.link-arrow.rotate:before {
  transform: rotate(180deg);
}

.link-arrow.rotate-revert:before {
  transform: rotate(-180deg);
}

.list-scrollbar {
  position: relative;
  overflow: hidden;
}

.ps__rail-y {
  margin-top: 0.0625rem;
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus .ps__thumb-y,
.ps__rail-y:hover .ps__thumb-y,
.ps__thumb-y {
  width: 0.3125rem;
}

.nanobar {
  width: 100%;
  height: 0.125rem;
  z-index: 9999;
  top: 0;
}

.nanobar .bar {
  width: 0;
  height: 100%;
  transition: height 0.3s;
}

.sidebar-lighten .ps__rail-y.ps--clicking .ps__thumb-y,
.sidebar-lighten .ps__rail-y:focus .ps__thumb-y,
.sidebar-lighten .ps__rail-y:hover .ps__thumb-y,
.sidebar-lighten .ps__thumb-y {
  background-color: #e6e6e6;
}

.sidebar-lighten .list {
  color: #a6a6a6;
}

.sidebar-lighten .list-link {
  color: #404040;
}

.sidebar-lighten .list-hidden {
  border-left: 0.0625rem solid #f0f0f0;
}

.sidebar-lighten .link-current,
.sidebar-lighten .list-link:hover {
  background-color: #f4f4f4;
}

.navbar-lighten .navbar-link {
  color: #404040;
}

.navbar-lighten .navbar-bars {
  color: #404040;
}

.dropdown-logged-lighten .dropdown-link {
  color: #404040;
}

.dropdown-menu-lighten {
  background-color: #ededed;
}

.dropdown-menu-lighten .dropdown-logged-item {
  color: #404040;
}

.dropdown-menu-lighten .dropdown-logged-item:hover {
  background-color: white;
  color: #404040;
}

.dropdown-menu-lighten .dropdown-menu-arrow:after {
  border-bottom-color: #ededed;
}

.content-lighten {
  background-color: white;
}

.sidebar-lighten .link-arrow:before,
.sidebar-lighten .list-link .fa,
.navbar-lighten .navbar-bars,
.dropdown-logged-lighten .dropdown-logged-toggle:before,
.dropdown-menu-lighten .dropdown-logged-item .fa {
  opacity: 0.3;
}

.navbar-lighten .navbar-bars:hover {
  opacity: 0.7;
}

.sidebar-lighten .link-arrow.active:before,
.sidebar-lighten .list-link:hover .fa {
  opacity: 1.0;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.nanobar .bar {
  background-color: #404040;
}

.sidebar-dark {
  background-color: #262a2f;
}

.sidebar-dark .ps__rail-y.ps--clicking .ps__thumb-y,
.sidebar-dark .ps__rail-y:focus .ps__thumb-y,
.sidebar-dark .ps__rail-y:hover .ps__thumb-y,
.sidebar-dark .ps__thumb-y {
  background-color: #3d434b;
}

.sidebar-dark .list {
  color: #778291;
}

.sidebar-dark .list-link {
  color: #cbd0d5;
}

.sidebar-dark .list-hidden {
  border-left: 0.0625rem solid #343940;
}

.sidebar-dark .link-current,
.sidebar-dark .list-link:hover {
  background-color: #30353c;
}

.navbar-darken .navbar-link {
  color: #cbd0d5;
}

.navbar-darken .navbar-bars {
  color: #cbd0d5;
}

.dropdown-logged-darken .dropdown-link {
  color: #cbd0d5;
}

.dropdown-menu-darken {
  background-color: #30353c;
}

.dropdown-menu-darken .dropdown-logged-item {
  color: #cbd0d5;
}

.dropdown-menu-darken .dropdown-logged-item:hover {
  background-color: #262a2f;
  color: #cbd0d5;
}

.dropdown-menu-darken .dropdown-menu-arrow:after {
  border-bottom-color: #30353c;
}

.content-darken {
  background-color: #262a2f;
}

.sidebar-dark .link-arrow:before,
.sidebar-dark .list-link .fa,
.sidebar-dark .list-link .ma,
.navbar-darken .navbar-bars,
.dropdown-logged-darken .dropdown-logged-toggle:before,
.dropdown-menu-darken .dropdown-logged-item .fa,
.dropdown-menu-darken .dropdown-logged-item .ma {
  opacity: 0.3;
}

.navbar-darken .navbar-bars:hover {
  opacity: 0.7;
}

.sidebar-dark .link-arrow.active:before,
.sidebar-dark .list-link:hover .fa,
.sidebar-dark .list-link:hover .ma {
  opacity: 1.0;
}


.sidebar-white {
  background-color: #fff;
}

.sidebar-white .sidebar-menu {
border-right: 1px solid #ddd;
}

.sidebar-white .ps__rail-y.ps--clicking .ps__thumb-y,
.sidebar-white .ps__rail-y:focus .ps__thumb-y,
.sidebar-white .ps__rail-y:hover .ps__thumb-y,
.sidebar-white .ps__thumb-y {
  background-color: #e0e0e0;
}

.sidebar-white .list {
  color: #778291;
}

.sidebar-white .list-link {
border-radius: 0.1875rem;
    color: #494949;
}

.sidebar-white .list-hidden {
  border-left: 0.0625rem solid #e0e0e0;
}

.sidebar-white .link-current,
.sidebar-white .list-link:hover {
  background-color: #F4F5F7;
}

.navbar-darken .navbar-link {
  color: #cbd0d5;
}

.navbar-darken .navbar-bars {
  color: #cbd0d5;
}

.dropdown-logged-darken .dropdown-link {
  color: #cbd0d5;
}

.dropdown-menu-darken {
  background-color: #F4F5F7;
}

.dropdown-menu-darken .dropdown-logged-item {
  color: #cbd0d5;
}

.dropdown-menu-darken .dropdown-logged-item:hover {
  background-color: #262a2f;
  color: #cbd0d5;
}

.dropdown-menu-darken .dropdown-menu-arrow:after {
  border-bottom-color: #f4f4f4;
}

.content-darken {
  background-color: #262a2f;
}


.navbar-darken .navbar-bars:hover {
  opacity: 0.7;
}

.sidebar-white .link-arrow.active:before,
.sidebar-white .list-link:hover .fa,
.sidebar-white .list-link:hover .ma {
  opacity: 1.0;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.nanobar .bar {
  background-color: #e8eaec;
}

.numero {
width: 50px;
font-size: 25px;
margin-bottom: 25px;
margin-left: 10px;
padding: 10px;
float: left;
text-align: center;
color: #000;
font-weight: bold;
border: 1px solid #ddd;
border-radius: 0.5rem;
background: linear-gradient(145deg, #e6e6e6, #ffffff);
box-shadow: 28px 28px 56px #d9d9d9, -28px -28px 56px #ffffff; 
}
.tabelanumeros {
max-width: 90%;
min-height: 200px;
margin-top: 25px;
margin-bottom: 250px;
}
.numero-azul {
background: #00a9ff;
color: #fff;
}
.numero-vermelho {
background: #f9112c;
color: #fff;
}
.numero-duas {
background: linear-gradient(90deg, #00a9ff 50%, #f9112c 50%);
color: #fff;
}
.premio-1 {
width: 150px;
border: 1px solid #ddd;
}
.premio-2 {
background: #00a9ff;
color: #fff;
}
.premio-3 {
background: #f9112c;
color: #fff;
}

.border-lable-flt {
display: block;
position: relative;
}
.border-lable-flt label, .border-lable-flt > span {
position: absolute;
left: 0;
top: 0;
cursor: text;
font-size: 75%;
opacity: 1;
-webkit-transition: all .2s;
transition: all .2s;
top: -.5em;
left: 0.75rem;
z-index: 3;
line-height: 1;
padding: 0 1px;
}
.border-lable-flt label::after, .border-lable-flt > span::after {
content: " ";
display: block;
position: absolute;
background: white;
height: 2px;
top: 50%;
left: -.2em;
right: -.2em;
z-index: -1;
}
.border-lable-flt .form-control::-webkit-input-placeholder {
opacity: 1;
-webkit-transition: all .2s;
transition: all .2s;
}
.border-lable-flt .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
opacity: 0;
}
.border-lable-flt .form-control:placeholder-shown:not(:focus) + * {
font-size: 15px;
top: .8em;
}

.input-group .border-lable-flt {
display: table-cell;
}
.input-group .border-lable-flt .form-control {
border-radius: 0.25rem;
}
.input-group .border-lable-flt:not(:last-child), .input-group .border-lable-flt:not(:last-child) .form-control {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-right: 0;
}
.input-group .border-lable-flt:not(:first-child), .input-group .border-lable-flt:not(:first-child) .form-control {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}

.alerta-ul {
text-align: left;
color: red;
}

.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
color: #000;
background-color: #fff;
background-clip: border-box;
border: 1px solid #dddddd;
border-radius: 4px;
padding: 15px;
margin-bottom: 35px;
}

#txt_card {
font-weight: 500;
text-transform: uppercase;
}

#sub_card {
font-size: 12px;
color: #6f727d;
}

#total_card {
font-size: 20px;
}

.card i {
color: #2796ec;
font-size: 50px;
margin-top:-60px;
margin-right: 5px;
}

.mt {
padding: 0;
}
.mt .card {
border: none;
}
.mt .card h3 {
font-size: 20px;
padding-top: 10px;
}
.mt .card-header {
background: none;
padding: 5px 20px 5px 20px;
}
.mt .card-header i {
font-size: 100%;
color: #fff;
}
.mt .card-body {
padding: 20px;
}
.badge {
font-weight: 500
}
.radio-tile-group {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: left;
justify-content: left;
margin-bottom: 20px;
}

.radio-tile-group .input-container {
position: relative;
height: 50px;
width: 80px;
margin-right: 0.5rem;
}
.radio-tile-group .input-container .radio-button {
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
margin: 0;
cursor: pointer;
}
.radio-tile-group .input-container .radio-tile {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 5px;
padding: 1rem;
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.radio-tile-group .input-container .radio-tile-label {
text-align: center;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color: #3f4b5b;
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile {
background-color: #E9ECEF;
border: 1px solid #ddd;
color: white;
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}

.pagination {
list-style-type: none;

margin-top: 45px;
margin-bottom: 0px;
display: inline-flex;
justify-content: space-between;
box-sizing: border-box;
}
.pagination li {
box-sizing: border-box;
padding-right: 10px;
}
.pagination li a {
box-sizing: border-box;
border:1px solid #ddd;
background-color: #fff;
padding: 8px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #666;
border-radius: 4px;
}
.pagination li a:hover {
background-color: #262a2f;
color: #FFFFFF;
border-color: #262a2f;
}
.pagination .next a, .pagination .prev a {
text-transform: uppercase;
font-size: 12px;
}
.pagination .currentpage a {
background-color: #262a2f;
color: #FFFFFF;
border-color: #262a2f;
}

a.disabled {
background: #dddddd;
pointer-events: none;
cursor: default;
opacity: 0.6;
}

.comments {
margin-top: 15px;
border-top: 1px solid #ebebeb;
padding: 25px 0;
}
.comments .comment {
display: flex;
padding-bottom: 5px;
}
.comments .comment div {
display: flex;
align-items: flex-start;
justify-content: center;
width: 70px;
color: #e6e6e6;
transform: scaleX(-1);
}
.comments .comment p {
margin: 0 0 20px 0;
}
.comments .comment p span {
display: flex;
font-size: 14px;
padding-bottom: 5px;
color: gray;
}
.comments .comment i {
padding-top: 50px;
}

.box-part {
background-color: #f4f4f4;
border-radius: 3px;
margin-bottom: 55px;
padding: 20px;
border-radius:0;
margin:30px 0px;
}
.text{
margin:20px 0px;
}
.box-part img {
margin-bottom: 10px;
}
.box-part a {
min-width: 200px;
padding: 0;
}

#slider {
margin: 50px;
}
.slick-slide {
margin: 0px 20px;
}

.slick-slide img {
width: 100%;
}

.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}

.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}

.radio-image {
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s;
cursor: pointer;
}
.radio-hidden:checked ~ .radio-image {
background: #ddd;
border-radius: 5px;
}
.radio-hidden {
position: absolute;
visibility: hidden;
}
.radio-container {
margin: 10px;
}
.radio-image:hover {
background: #f1f1f1 ;
border-radius: 5px;
}

.slick-slide h2 {
color: #000;
font-size: 17px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
position: relative;
margin: 15px 0 0px;
}
.slick-slide h2 b {
color: #2796ec;
}

.valor {
text-align: center;
font-size: 18px;
}
.promoCode {
border: 2px solid #efefef;
float: left;
width: 450px;
max-width:100%;
padding: 20px;
margin-bottom: 10px;
}
.promoCode input {
width: 100%;
border-radius: 2px;
font-size: 1em;
padding: .8em;
float: left;
border: 1px solid #dadada;
}

.progresso {
margin:-30px;
padding: 0;
margin-bottom: 50px;
}


.progressobar {
display: table;
width: 100%;
margin: 0 auto;
margin-bottom: 30px;
}

.progressobar .progresso-passo {
display: table-cell;
position: relative;
padding: 24px;
}

.progressobar .progresso-passo:first-child .progresso-barra-left,
.progressobar .progresso-passo:last-child .progresso-barra-right {
display: none;
}

.progressobar .progresso-passo .progresso-circulo {
width: 50px;
height: 50px;
margin: 0 auto;
background-color: #9E9E9E;
border-radius: 50%;
text-align: center;
line-height: 55px;
font-size: 25px;
color: white;
}

.progressobar .progresso-passo.status-ativo .progresso-circulo {
background-color: #0fc162;
}


.progressobar .progresso-passo.step-done .progresso-circulo *,
.progressobar .progresso-passo.editable-step .progresso-circulo * {
display: none;
}

.progressobar .progresso-passo .progresso-titulo {
margin-top: 10px;
font-size: 18px;
font-weight: normal;
}

.progressobar .progresso-passo .progresso-titulo {
text-align: center;
}

.txt-opcional {
text-align: center;
color: #6f727d;
font-size: 13px;
}

.progressobar .progresso-passo.status-ativo .progresso-titulo {
font-weight: 500;
}

.progressobar .progresso-passo.status-ativo.step-done .progresso-titulo,
.progressobar .progresso-passo.status-ativo.editable-step .progresso-titulo {
font-weight: 300;
}


.progressobar .progresso-passo .progresso-barra-left,
.progressobar .progresso-passo .progresso-barra-right {
position: absolute;
top: 50px;
height: 1px;
border-top: 1px solid #9E9E9E;
}

.progressobar .progresso-passo .progresso-barra-right {
right: 0;
left: 50%;
margin-left: 20px;
}

.progressobar .progresso-passo .progresso-barra-left {
left: 0;
right: 50%;
margin-right: 20px;
}

footer {
font-family: 'Rubik', sans-serif;
text-align: center;
margin-bottom: 100px;
margin-top: 40px;
}
footer .social a img {
width: 25px;
margin-left: 15px;
}
footer .dev {
padding-top: 20px;

}
footer .social a img:hover, footer .dev:hover{
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
opacity: 0.9;
}