.largura{
    width: 1300px;
    height: auto;
}
/* Estilo para tablets (telas médias) */
@media (max-width: 1024px) {
    .largura {
        width: 90%; /* Ajusta a largura para 90% da tela */
        max-width: 1000px; /* Define um limite máximo */
    }
}

/* Estilo para celulares (telas pequenas) */
@media (max-width: 768px) {
    .largura {
        width: 100%; /* Ajusta a largura para 100% da tela */
        max-width: 600px; /* Define um limite máximo */
    }
}

/* Estilo para telas muito pequenas */
@media (max-width: 480px) {
    .largura {
        width: 100%; /* Ajusta a largura para 100% da tela */
        padding: 10px; /* Adiciona um pouco de espaçamento interno */
        max-width: 100%; /* Garante que a largura não exceda 100% */
    }
}

.divApresentacao {
    margin-left: 20px;
    margin-right: 20px;
    text-align: justify!important;
}

body {
    background-color: #fffafa;
}

.bg-transparent {
    background-color: transparent;
}

.content {
    margin-top: 20px;
}

table {
    width: 100% !important;
}

.margin-top-50 {
    margin-top: 50px;
}

.main-0 {
    max-width: 180px;
}

.topo {
    background-color: #bb9107;
}

a.list-group-item {
    text-align: center;
    font-size: 15px;
}

.pag {
    text-align: center;
}

.useful {
	background: linear-gradient(175deg, rgba(224,200,138,1) 0%, rgba(231,224,206,1) 51%, rgba(224,200,138,1) 100%);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    color: #161616;
    box-shadow: 3px 3px 3px #adadad;
    border-radius: 10px;
    width: 200px;
    height: 150px;
    /* display: inline-block;
    vertical-align: top; */
    display: inline-flex; /* Alterado para flexbox */
    flex-direction: column;
    justify-content: center; /* Centraliza verticalmente */
    align-items: center; /* Centraliza horizontalmente */
}

@media (max-width:769px) {
    .useful {
        font-size: 15pt;
        width: 100%;
        height: 100%;
    }
}

.main-0-link {
    color: black;
}

.main-0-link:focus,
.main-0-link:hover {
    text-decoration: none;
    color: steelblue;
}

.m-icon {
    position: relative;
    top: 50px;
}

.subtext-main-icons {
    text-align: center;
    font-size: 12pt;
    font-weight: 300;
}

.large-icon {
    font-size: 3em;
    color: white;
    text-align: center;
    border-radius: 50%;
    box-shadow: 3px 3px 3px #adadad;
    height: 180px;
    padding: 15px;
}

.text-main-icons {
    font-size: 20pt;
    text-align: center;
}

.bg-steelblue {
    background-color: steelblue;
}

.bg-gold-soft {
    background: linear-gradient(175deg, rgba(224,200,138,1) 0%, rgba(231,224,206,1) 51%, rgba(224,200,138,1) 100%);
    color: #161616;
}

.smaller-font {
    font-size: smaller;
    font-weight: 300;
}

.title-badge {
    font-size: 20px;
    font-weight: 300;
    background-color: green;
    margin: 5px;
}

.collapse-submenu {
    position: absolute;
    left: 10px;
    width: 87% !important;
}

#mainCarouselRH .list-group {
	position:absolute;
	top:0;
	right:0;
}
#mainCarouselRH .list-group-item {
	border-radius:0px;
	cursor:pointer;
}
#mainCarouselRH .list-group .active {
	background-color:#e0c88a;	
    color:rgba(0,0,0,0.6);
    border-color: #5a5a5a;
}

@media (min-width: 992px) { 
	/*#mainCarouselRH {padding-right:33.3333%;}*/
	#mainCarouselRH .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
	.carousel-caption p,
	#mainCarouselRH .list-group {display:none;} 
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.1); 
    position: relative;
    /* top: -10px; */
    padding-left: 5px;
    padding-right: 5px;
    /* padding-top: 0 !important; */
    /*padding-bottom: 0;*/
    /*width: 100%;*/
    left: 0 !important;
    right: 0 !important;
}

.pagination > li > a
{
    background-color: white;
    color: #000000;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #5a5a5a;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a
{
    color: white;
    background-color: #bb9107 !Important;
    border: solid 1px #bb9107 !Important;
}

.pagination > .active > a:hover
{
    background-color: #e0c88a !Important;
    border: solid 1px #e0c88a;
}


.panel-primary > .panel-heading{
    background-color: #bb9107 !important;
    border-color: #e0c88a;
}

.btn-primary {
    color: #fff;
    background-color: #bb9107;
    border-color: #bb9107;
}


.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #e0c88a;
    border-color: #bb9107; /*set the color you want here*/
}

.modal-dialog {
    max-width: 700px !important;
}

.situacao-vaga{
    width: 75px;
    color: white;
    padding: 2px 5px 2px 5px;
}

.record-edit{
    cursor: pointer;
}

.record-del{
    cursor: pointer;
}

.error {
    color: #F00;
    background-color: #FFF;
}

.td-vagas{
    padding: 5px;
}
.wrapper-vagas{
    margin-top: 10px;
}