@font-face {
    font-family: 'Inter';
    src: url("../fonts/Inter-VariableFont_slnt,wght.ttf") format('truetype'),
        url("404.html") format('truetype');
}


h2 {
    font-family: Inter !important;
}

button {
    font-family: Inter !important;
}

.nav-left::-webkit-scrollbar {
    width: 3px !important;
    opacity: 0 !important;
    transition: 0.5s ease-in-out;
    opacity: 0;
}
   
.nav-left::-webkit-scrollbar-track {
    display: none;
}
   
.nav-left::-webkit-scrollbar-thumb {
    background-color: #CDD1D9;
    outline: 1px solid #CDD1D9;
    opacity: 0;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #CDD1D9;
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}
::-webkit-scrollbar-track {
    background-color: #E2E6ED;
}

.modal_mobile ::-webkit-scrollbar {
    width: 6px !important;
    opacity: 0 !important;
    transition: 0.5s ease-in-out;
    opacity: 0;
}
   
.modal_mobile ::-webkit-scrollbar-track {
    background-color: #E2E6ED;
    width: 3px;
}
   
.modal_mobile ::-webkit-scrollbar-thumb {
    background-color: #CDD1D9;
    opacity: 0;
}

label.crop-label {
	position: relative;
	z-index: 0;
	display: inline-block;
	overflow: hidden;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

	background-image: url("../img/fundo-img.png");
}

label.crop-label:before {
	content: '';
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.7);
	transform: scaleX(0);
}

.logo_details label {
    color: #1E1E1E !important;
    font-family: Inter;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 500 !important;
    padding: 6px !important;
    line-height: unset !important;
}

.logo_details input, .logo_details textarea {
    color: #1E1E1E !important;
    font-family: Inter !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400;
}

#div-upload-image-logo_organizador input {
    padding: 0 !important;
}

label.crop-label:hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.2;
    z-index: -2;
}

label.crop-label:hover:before {
	opacity: 1;
	transform: scaleY(1);
}

label.crop-label img,
label.crop-label input {
	display: none;
}

/* preview */
.croppie-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, .9);
	opacity: 0;
	animation: fadeInCrop .5s ease-in-out forwards;
}

@keyframes fadeInCrop {
	to {
		opacity: 1;
	}
}

#crop-buttons {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0;
}

#crop-buttons > button {
	border: none;
	padding: 10px;
	font-size: 13px;
	border-radius: 3px;
	cursor: pointer;
	transition: .2s linear all;
    position: relative;
}

#crop-buttons > button[data-title]:before {
    content: attr(data-title);
    position: absolute;
    top: 20px;
    right: -10px;
    min-width: 200px;
    padding: 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: rgba(40, 40, 40, 0.8);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    transition: 300ms ease-in-out all;
}

#crop-buttons > button[data-title]:hover:before {
    opacity: 1;
    top: -35px;
}

#crop-buttons > button:hover {
	background-color: #fff;
	color: #333;
}

#crop-buttons > button:active {
	transform: scale(0.95);
}

#crop-buttons > button + button {
	margin-left: 10px;
}

#buttonAplicar {
	background-color: rgb(45, 139, 40);
	color: white;
}

#buttonCancelar {
	background-color: rgb(200, 31, 72);
	color: white;
}

#buttonExpand {
	background-color: rgb(84, 84, 84);
	color: white;
}

#buttonRotateLeft,
#buttonRotateRight {
	background-color: rgb(84, 84, 84);
	color: white;
}

#buttonRotateLeft i {
	transform: rotateZ(-90deg);
}

#buttonRotateRight i {
	transform: rotateZ(90deg);
}





/*Loading*/
.loading-info {
  margin: 0 auto;
  padding: 15px 0;
  width: 70px;
  text-align: center;
  display: none;
}

.loading-info > div {
  width: 10px;
  height: 10px;
  background-color: #E62B3A;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.loading-info .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loading-info .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/*animations*/
@-webkit-keyframes fadeInUp {
  0% { -webkit-transform: translateY(-40px); transform: translateY(-40px) rotateX(-80deg); opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0) rotateX(0); opacity: 1; }
}
@keyframes fadeInUp {
    0% { -webkit-transform: translateY(-40px); transform: translateY(-40px) rotateX(-80deg); opacity: 0; }
    100% { -webkit-transform: translateY(0); transform: translateY(0) rotateX(0); opacity: 1; }
}

@-webkit-keyframes rotate {
  to { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }
}
@keyframes rotate {
  to { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }
}


.__tabela-padrao {
    text-align: left;
    color: #000;
}
.__tabela-padrao thead {
    background-color: #efefef;
}
.__tabela-padrao thead tr th {
    padding: 10px !important;
    font-size: 12px !important;
}
.__tabela-padrao tbody {
    background-color: #fff;
}
.__tabela-padrao tbody tr {
    background-color: #fff;
    border: 1px solid #e7e7e7;
}
.__tabela-padrao tbody tr td {
    background-color: #fff;
    padding: 15px 10px !important;
    text-align: left;
}
.__tabela-padrao input[type='text'] {
    border: 1px solid #ccc;
    padding: 5px;
}
.__tabela-padrao button {
    border: none;
    color: #fff;
    font-size: 12px;
    padding: 7px 10px;
    cursor: pointer;
    transition: 100ms all;
}
.__tabela-padrao button:hover {
    opacity: .8;
}
.__tabela-padrao button.excluir {
    background-color: #d12323;
}
.__tabela-padrao button.adicionar {
    background-color: #555555;
}
.__tabela-padrao button.editar {
    background-color: #6e6969;
}
.__tabela-padrao button.salvar {
    background-color: #61953d;
}

.__no-border-left { border-left: 0 !important }
.__no-border-right { border-right: 0 !important }

.__text-grey { color: #808080 !important }
.__text-orange { color: #F6B800 !important }
.__text-green { color: green !important }
.__text-red { color: red !important }

.__overlay-modal {
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 0;
}
.modal .__modal-content {
    z-index: 11;
}

.__button-default {
    padding: 10px 25px;
    border-radius: 30px;
    border: 1px solid #444;
    text-align: center;
    text-decoration: none !important;
    transition: 150ms all;
    line-height: 30px;
    white-space: nowrap;
}
.__button-default:hover {
    background-color: #00D40F;
    border-color: transparent;
    color: #fff;
}
.__button-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 12px;
    margin: 0 auto;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

    width: 80px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
}
.__button-dropdown:hover {
  color: #333333;
  background-color: #e6e6e6;
}
.__button-dropdown .fa {
    font-size: 14px;
}
.__content-dropdown {
    position: absolute;
    top: 34px; right: 0;
    width: 200px;
    background-color: #fff;
    text-align: left;
    display: none;
    border: 1px solid #ccc;
}
.__content-dropdown p {
    margin: 5px 0;
}
.__content-dropdown p a {
    display: block;
    line-height: 24px;
    font-size: 12px;
    padding: 7px 10px 7px 20px;
    color: #1C1C1C;
    text-decoration: none;
}
.__content-dropdown p a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.__button-cinza {
  padding: 9px 35px;
  font-size: 14px;
  background-color: #AAB1C0;
  border-radius: 30px;
  color: #fff !important;
  text-decoration: none !important;
  text-transform: capitalize;
  border: none;
  outline: 0 !important;
}
.__button-cinza .fa {
  margin-right: 5px;
}
.__button-cinza:hover {
    background-color: #838b9c;
}

.__button-recusar {
    text-align: center;
    padding: 9px 35px;
    font-size: 14px;
    background-color: #423a3b;
    border-radius: 30px;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: capitalize;
    border: none;
    outline: 0 !important;
    z-index: 1050;
    margin-left: 10px;
}
.__button-recusar:hover {
    background-color: #4e4748;
}
.__button-recusar-disabled {
    padding: 9px 35px;
    font-size: 14px;
    background-color: #ccc;
    border-radius: 30px;
    color: #fff;
    text-decoration: none !important;
    text-transform: capitalize;
    pointer-events: none;
}

.__button-avaliar {
    text-align: center;
    padding: 9px 35px;
    font-size: 14px;
    background-color: #ff2b34;
    border-radius: 30px;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: capitalize;
    border: none;
    outline: 0 !important;
}
.__button-avaliar:hover {
    background-color: #c8232a;
}
.__button-avaliar-disabled {
    padding: 9px 35px;
    font-size: 14px;
    background-color: #ccc;
    border-radius: 30px;
    color: #fff;
    text-decoration: none !important;
    text-transform: capitalize;
    pointer-events: none;
}
.__button-red {
    padding: 12px 35px;
    font-size: 16px;
    background-color: #E72D1D;
    border-radius: 30px;
    color: #fff !important;
    text-decoration: none !important;
}
.__button-red:hover {
    background-color: #bf2518;
}

.__btn-red,
.__btn-green {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    background-color: gold;
    text-align: center;
    padding: 10px 25px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    -webkit-transition: 120ms all;
    -o-transition: 120ms all;
    transition: 120ms all;
}
.__btn-red {
    background-color: #FF2B34;
    float: left;
}
.__btn-red:hover { background-color: #b62e3a; }

.__btn-green {
    background-color: #61BD4F;
    float: right;
}
.__btn-green:hover { background-color: #45944a; }

.__btn-green:hover, .__btn-red:hover, .__btn-green:focus, .__btn-red:focus {
    text-decoration: none;
    color: white;
}

.__bell-icon {
    display: flex;
    align-items: center;
    position: relative;
}

.__nav_left-profile {
    width: 100px;
    overflow: hidden;
    border-radius: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    left: 50%;
}

.__left { float: left; }
.__right { float: right; align-items: center; }
.__brand { width: 80px; height: 40px; display: inline-block; }

.__headbar.imasters .__brand { width: 196px; height: 39px; display: inline-block; }

.__headbar.arena .__brand { margin-right: 20px; }
.__headbar.arena .__brand img { width: 120px; height: 30px; }

.__brand img { width: 100%; height: 100%; }
.__brand-name {
    float: right;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    font-size: 12px;
    color: #515050;
}
.__brand-name:hover,
.__brand-name:hover a {
    color: #000;
}
.__brand-name .fa {
    font-size: 14px;
    margin-right: 5px;
    margin-left: 10px;
    color: #ea404f;
}
.__brand-name a {
    text-decoration: none;
    color: #515050;
}
.imasters .__brand-name a {
    color: #fff;
}
.imasters .__brand-name .fa {
    color: #fff;
}
.__leia-mais {
    font-size: 14px;
    text-transform: uppercase;
    color: #c83123;
    font-weight: bold;
    margin-left: 10px;
}
/*centralizar conteudo*/
.__centered  {
    width: 100%;
    margin: 0 auto;
    /* position: relative; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1366px;
}
.__centered .nome_evento {
    color: #000;
    font-family: Inter;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}
.__centered:after {
    clear: both;
}


.__menu_trabalhos {
    padding: 0;
    float: right;
}

.__menu_trabalhos li{
    float: left;
    border: 1px solid #CCC;
    background: #F9f9f9;
    padding: 10px 12px;
}


.__menu_trabalhos li:hover {
    background: #CCC;
}

.__menu_trabalhos a {
    font-size: 15px;
    color: #0099de !important;
}

.row_margin_20 {
    margin-bottom: 20px !important;
}

.__menu_trabalhos_first {
    border-radius: 3px 0 2px 3px;
}

.__menu_trabalhos_last {
    border-radius: 0 3px 3px 0;
}


/*navheader*/
.__headbar {
    width: calc(100dvw - 250px);
    display: block;
    padding: 25px 91px;
    background-color: #F6F6F6;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 23px;
    position: fixed;
    left: 250px;
    top: 0;
    z-index: 100;
}

.__headbar.imasters {
    background-color: #155bab;
    padding: 5px 0;
}

.__headbar .__toggleNav {
    background-color: transparent;
    border: none;
    font-size: 22px;
    height: 44px;
    cursor: pointer;
    position: relative;
    outline: 0 !important;
}
.__headbar .__toggleNav:before {
    content: '';
    display: none;
    position: absolute;
    top: 16px; left: -10px;
    border: 5px solid transparent;
    border-left: none;
    border-right-color: #7399ff;
}
.__headbar .__toggleNav.__active:before { display: block; }
.__headbar .__notificacoes {
    position: relative;
    margin-right: 18px;
}
.__headbar .__notificacoes .fa {
    font-size: 17px;
    line-height: 42px;
}
.__headbar .__notificacoes span {
    position: absolute;
    top: 3px; right: 3px;
    background-color: #5584FF;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 10px;
    line-height: 13px;
    width: 15px;
    height: 15px;
    text-align: center;
}
.__headbar .__perfil {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    margin-left: 27px;
}
.__headbar.imasters .__perfil {
    padding-top: 5px;
}
.__headbar .__perfil .__avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ccc; /* ccc de novo */
    margin-right: 12px;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.__headbar .__perfil .__avatar * {
    width: 100%;
}
.__headbar .__perfil .__info {
    /* padding: 7px 0 5px 0; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.__headbar .__perfil .__info h3 {
    padding: 0 !important;
    font-size: 12px;
    font-family: 'Inter';
    color: #5A5A5A;
    margin: 0 !important;
}

.__headbar .__perfil .__info p {
    line-height: 16px;
    font-size: 12px;
    color: #777777;
}
.__headbar .__perfil .__info .fa {
    margin-left: 5px;
    font-size: 9px;
}

.imasters.__headbar .__perfil .__info .fa {
    color: #fff;
}

.__headbar .__perfil .__menu {
    display: none;
    z-index: 9000;
    position: absolute;
    width: 205px;
    top: 50px;
    right: 0;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 11px 30px -4px rgba(0, 0, 0, 0.10);
}
.__headbar .__perfil .__menu ul {
    list-style: none;
    font-size: 12px;
    padding: 8px;
}
.__headbar .__perfil .__menu ul li {
    padding-left: 0;
    margin: 0 !important;
}
.__headbar .__perfil .__menu ul li a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 6px 8px;
}
.__headbar .__perfil .__menu ul li:hover a {
    color: #FF2B34;
}
.__headbar .__perfil .__menu ul li.__showAndHide {
    position: relative;
}
.__headbar .__perfil .__menu ul li.__showAndHide .fa {
    position: absolute;
    right: 15px;
}
.__headbar .__perfil .__menu .__sub {
    display: none;
}
.__headbar .__perfil .__menu ul li.__menu-backroot a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
}
.__headbar .__perfil .__menu ul li.__menu-backroot .fa {
    position: relative !important;
    right: 0;
    margin-right: 5px;
}
.__headbar.imasters .__perfil .__info h3 {
    color: #fff;
}

.__headbar #top-menu-help {
    text-decoration: none;
    width: 83px;
    height: 29px;
    background: #FF2B34;
    color: #FFF;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 12px;
    padding-left: 5px;
}                        

/*alertas*/
#__flashAlert {
  display: none;
}
.__alert {
    width: 100%;
    font-size: 15px;
    display: block;
    padding: 15px 60px 15px 80px;
    margin: 20px 0;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    cursor: default;
    -webkit-animation: fadeInUp 0.5s linear;
            animation: fadeInUp 0.5s linear;
}
.__alert.hidden {
    display: none;
}
.__alert:before {
    font-family: 'FontAwesome';
    content: '';
    font-size: 24px;
    padding-top: 14px;
    padding-bottom: 4px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: calc(100% - 15px);
}
.__alert .__close {
    position: absolute;
    top: 15px; right: 18px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    opacity: .6;
    -webkit-transition: 200ms all;
    -o-transition: 200ms all;
    transition: 200ms all;
}
.__alert .__close svg { fill: #fff; }
.__alert .__close:hover {
    opacity: 1;
}

.__alert p {
    margin: 0px !important;
}

.__alert.__default { color: #f4f7e8; background-color: #aaaaaa; }
.__alert.__default:before { content: '\f0a1'; background-color: #919191; }

.__alert.__success { color: #f4f7e8; background-color: #B5C863; }
.__alert.__success:before { content: '\f00c'; background-color: #9BAC52; }

.__alert.__info { color: #f4f7e8; background-color: #327fff; }
.__alert.__info:before { content: '\f129'; background-color: #3273dc; }

.__alert.__error { color: #f4f7e8; background-color: #e34b4b; }
.__alert.__error:before { content: '\f057'; background-color: #d23a3a; }

.__alert.__warning { color: #f4f7e8; background-color: #f5bd39; }
.__alert.__warning:before { content: '\f071'; background-color: #eca620; }

/*__cards*/
.__card {
    width: 100%;
    background-color: #fff;
    margin: 20px 0;
    border-radius: 15px;
    overflow: hidden;
    min-height: 247px;
    padding: 0 53px;
}
.__card .__open-detail {
    cursor: pointer;
}
.__card .__open-detail:hover {
    color: #808080;
}
.__card .__section-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D9D9D9;
    min-height: 123px;
    padding: 53px 0 22px 0;
    margin-bottom: 28px;
}
.__card .__verSite {
    min-width: 137px;
    max-width: 137px;
    font-size: 12px;
    color: #4A4A4A;
    text-decoration: none;
    line-height: normal;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid #CDD1D9;
    background: rgba(226, 230, 237, 0.20);
    transition: 0.3s ease-in-out;
}
.__card .__verSite:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), rgba(226, 230, 237, 0.20) !important;
}
.__card .__verSite.__mobile {
    display: none;
}
.__card .__title {
    font-size: 24px;
    line-height: 30px;
    color: #000;
    font-weight: 500;
}
.__card .__title a {
    text-decoration: none;
}
.__card .__details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 53px;
}
.__card .__details .__event_details {
    display: flex;
    gap: 40px;
}
.__card .__details .__detail {
    display: flex;
    flex-direction: column;
}

.__card .__details .__header {
    font-size: 12px;
    color: #5A5A5A;
    margin-bottom: 4px;
}

.__card .__details .value_hidden::before {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    border-radius: 15px;
    background: #D9D9D9;
    content: '';
    position: absolute;
}
.__card .__details .value_hidden span {
    opacity: 0;
}

.__card .__details .__sub_header {
    font-size: 20px;
    color: #000;
    display: flex;
    align-items: center;
}

.__card .__details .__sub_header svg {
    cursor: pointer;
    margin-left: 5px;
}

.__card .__details .__sub_header span span {
    transition: 0.4s ease-in-out;
}

.__card .__detail.__cog {
    max-width: 80px;
}
.__card .__details .__detail b {
    color: #151515;
    font-size: 12px;
    line-height: 20px;
    font-weight: 100;
    /*text-transform: uppercase;*/
}
.__card .__details .__detail p {
    color: #808080;
    font-size: 14px;
}
.__card .__details .__detail.__items-row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 230px;
}
.__card .__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    width: 200px;
    padding: 0 20px;
}
.__card .__rating .__value {
    margin-top: 20px;
    font-size: 60px;
    display: block;
}
.__card .__rating .__legend {
    font-size: 14px;
    margin-top: 20px;
    display: block;
    font-weight: bold;
}
.__card .__avaliar {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/*trabalho*/
#row-trabalhos-avaliados .__title { border-right: 1px solid #f7f7f7; }

/*eventos*/
.__card.__evento .__detail.__status {
    width: 80px;
    text-align: center;
}
.__card.__evento .__detail.__status i {
    font-size: 18px;
    text-align: center;
    color: #fff;
    border-radius: 50%;

    margin-top: 30px; /* Inversamente proporcional às regras abaixo */
    width: 22px;
    height: 22px;
    padding-right: 1px;
    line-height: 24px;
}

.__card.__evento.__publicado .__detail.__status i { background-color: #FFF2C7; }
.__card.__evento.__nao-publicado .__detail.__status i { background-color: #ccc; }
.__card.__evento.__incompleto .__detail.__status i { background-color: #E7FFE1; font-size: 20px; font-weight: bold; line-height: 12px; }

.__card.__evento .__detail.__confirmados > *,
.__card.__evento .__detail.__pendentes > *,
.__card.__evento .__detail.__data-evento {
    display: block;
}
.__card.__evento .__detail.__data-evento p {
    color: #5A5A5A;
    font-size: 12px;
}
.__card.__evento .__detail.__confirmados strong,
.__card.__evento .__detail.__pendentes strong {
    font-size: 28px;
    color: #808080;
    font-weight: 100;
    margin-bottom: 5px;
}
.__card.__evento .__detail.__confirmados p,
.__card.__evento .__detail.__pendentes p {
    font-size: 15px;
    color: #5A5A5A;
}

.__acoes.__items-row a {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #CDD1D9;
    background: rgba(226, 230, 237, 0.20) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.__acoes.__items-row a:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), rgba(226, 230, 237, 0.20) !important;
}
.__card.__evento .__detail.__status span {
    width: max-content;
    height: 20px;
    border-radius: 15px;
    font-size: 10px;
    color: #fff;
    display: block;
}
.__card.__evento .__detail.__data-evento p {
    font-size: 12px;
    margin-right: 13px;
}
.__card.__evento .__detail.__data-evento {
    margin-top: 30px;
    display: flex;
    align-items: center;
}
.__acoes {
    gap: 10px;
}
.__card.__evento .__detail.__acoes a {
    display: block;
    color: #37383c !important;
    font-size: 18px;
    margin: 0 5px;
}
.__card.__evento .__detail.__acoes a:hover {
    color: #006cfe;
}
.__card.__evento .__detail.__cog {
    text-align: center;
    border-left: none;
}
.__card.__evento .__detail.__cog a {
    color: #fff;
    font-size: 20px;
}


/*trabalhos apresentados*/
.__card.__trabalho-apresentado {
  border: 1px solid #DADEE7;
  border-radius: 5px;
}
.__card.__trabalho-apresentado .__title {
  padding: 20px 30px;
}
.__card.__trabalho-apresentado .__title p {
  margin: 0;
}
.__card.__trabalho-apresentado .__details .__detail {
  border-top: 1px solid #f1f1f1;
  border-bottom: none;
  padding: 20px 30px 15px 30px;
}
.__card.__trabalho-apresentado .__details .__detail:not(:last-of-type) {
  border-right: 1px solid #f1f1f1;
}
.__card.__trabalho-apresentado .__button-avaliar {
  padding-top: 6px;
  padding-bottom: 6px;
}

/*modal-dedail ~ detalhes do trabalho*/
.__modal-detail {
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%; height: 100%;
    padding: 0 20px;
    color: #151515;
    display: none;
    z-index: 100;
}
.__modal-overlay {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 0;
}
.__modal-content {
    width: 100%;
    max-width: 1000px;

    min-height: 320px;
    max-height: calc(100% - 120px);

    overflow-y: auto;
    position: relative;
    margin: 60px auto;
    background-color: #fff;
    border-radius: 5px;
    padding: 40px;
    z-index: 1;
}
.__modal-content.__modal-medium {
    max-width: 750px;
}
.__modal-content .__title {
    font-size: 24px;
    line-height: 30px;
    color: #151515;
    padding: 0 40px 40px 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #000;
}
.__modal-content .__info {
    margin-bottom: 30px;
}
.__modal-content .__info b {
    font-weight: 100;
    font-size: 12px;
    color: #151515;
}
.__modal-content .__info p {
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
    color: #808080;
}
.__modal-content .__info.__avaliacao {
    margin-top: 30px;
    margin-left: 44px;
}
.__modal-content .__info.__avaliacao b {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
}
.__modal-content .__info.__avaliacao .__nota {
    font-size: 60px;
    line-height: 60px;
    display: block;
}
.__modal-content .__info.__avaliacao .__avaliacao-parecer {
    font-size: 14px;
    margin-top: 30px;
}
.__modal-content .__info.__avaliacao .__avaliacao-parecer .__legend {
    margin-top: 10px;
    display: block;
}
.__modal-content .__infos > div {
    width: 100%;
}
.__modal-content .__close-detail {
    position: absolute;
    top: 15px; right: 15px;
    color: #151515;
    font-size: 28px;
    cursor: pointer;
    -webkit-transition: 200ms all;
    -o-transition: 200ms all;
    transition: 200ms all;
    width: 15px;
    height: 15px;
    /* background-image: url("404.html"); */
    background-repeat: no-repeat;
    background-size: 100%;
}
.__modal-content .__close-detail:hover {
    color: #C73023;
}

/*grid*/
.__items-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
}
.__items-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    width: 100%;
}
.__items-full-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
}
.__float-row {
    margin: 20px 0;
}
.__title-page {
    font-size: 16px;
    display: inline-block;
    font-weight: 500;
    color: #000;
    margin-bottom: -10px;
    font-family: 'Inter';
}

/*checkboxs*/
.ds-groupModal-checkbox {
    margin-left: 20px;
    margin-top: 20px;
}
.ds-groupModal-checkbox input {
    display: none;
}
.ds-groupModal-checkbox label {
    position: relative;
    padding-left: 2px;
}
.ds-groupModal-checkbox label:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    color: #f5f5f5;
    line-height: 14px;
    text-align: center;
    position: absolute;
    left: -20px; top: 0;
    width: 14px; height: 14px;
    background-color: #f5f5f5;
	border: 1px solid #ada8a8;
    border-radius: 4px;
}
.ds-groupModal-checkbox input[type='checkbox']:checked ~ label:before {
    color: #515150;
}

/*Lista de eventos - Convites*/
.ds-lista-eventos .ds-evento {
    border-left: 4px solid;
    margin-bottom: 6px;
    background-color: #fdfbfd;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.ds-lista-eventos .ds-evento.green { border-color: #0CFF2C; }
.ds-lista-eventos .ds-evento.red { border-color: #ff042c; }
.ds-lista-eventos .ds-evento.orange { border-color: #FEAF0B; }
.ds-lista-eventos a { text-decoration: none; }
.ds-lista-eventos .ds-evento > div { width: 100%; }
.ds-lista-eventos .ds-action {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
    background-image: -o-linear-gradient(top, #FFFFFF, #EEEEEE);
    background-image: linear-gradient(to bottom, #FFFFFF, #EEEEEE);
    background: -moz-linear-gradient(center top , #FFF, #EEE) repeat scroll 0 0 transparent;
    background-image:-webkit-linear-gradient(top, #FFF, #EEE);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EEEEEE);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EEEEEE)";
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    font-weight: bold;
    padding: 5px 8px;
    color: #1C1C1C;
}
.ds-lista-eventos .ds-action:hover {
    background-color: #53A753;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#62C462), to(#348934));
    background-image: -o-linear-gradient(top, #62C462, #348934);
    background-image: linear-gradient(to bottom, #62C462, #348934);
    background-image:-webkit-linear-gradient(top, #62C462, #348934);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFF;
}

.ds-group-radio {
    float: left;
}
.ds-group-radio label {
    width: 29px; height: 29px;
    background-color: transparent;
    border-radius: 50%;
    font-size: 0;
    cursor: pointer;
    color: #fff !important;
    -webkit-transition: 200ms all;
    -o-transition: 200ms all;
    transition: 200ms all;
}
/* opções de cores */
.ds-group-radio label[for="EventoTemaTemaPadrao"] { background-color: #E94259; }
.ds-group-radio label[for="EventoTemaTemaBelize"] { background-color: #2980b9; }
.ds-group-radio label[for="EventoTemaTemaBlue"] { background-color: #3498DB; }
.ds-group-radio label[for="EventoTemaTemaGreenSea"] { background-color: #16a085; }
.ds-group-radio label[for="EventoTemaTemaOrange"] { background-color: #f39c12; }
.ds-group-radio label[for="EventoTemaTemaSunFlower"] { background-color: #FAF600; }
.ds-group-radio label[for="EventoTemaTemaTurquesa"] { background-color: #1abc9c; }
.ds-group-radio label[for="EventoTemaTemaMidnightBlue"] { background-color: #2c3e50; }
.ds-group-radio label[for="EventoTemaTemaAsbestos"] { background-color: #7f8c8d; }
.ds-group-radio label[for="EventoTemaTemaGreen"] { background-color: #005A31; }
.ds-group-radio label[for="EventoTemaTemaPink"] { background-color: #DF3D82; }
.ds-group-radio label[for="EventoTemaTemaClaret"] { background-color: #7D1935; }
.ds-group-radio label[for="EventoTemaTemaBlack"] { background-color: #000000; }

.ds-group-radio label.ds-label-active {
    width: auto;
    border-radius: 20px;
    padding: 7px 15px 7px 20px;
    font-size: 12px;
}
.ds-group-radio label.ds-label-active span {
    display: flex !important;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}
.ds-group-radio input[type='radio'] { display: none; }

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.w-header .center {
    width: 90%;
}


.container {
    width: 100%;
}

.top, .menu {
    width:  100%;
}

.top .split {
    width: 50%;
    float: left;
}

.holder-parent {
    position: relative;
    clear: both;
    overflow: hidden;
    background-color: #F6F6F6;
    border: 1px solid #CCC;
    display: flex;
}

.holder-left {
    min-width: 250px;
    width: 250px;
    overflow: hidden;
    float:left;
    position: relative;
    height: 100vh;
}

.holder-left .box {
    margin-left: 0;
    width: 100%;
    margin-top: 0;
    background: #FFF;
    border: none;
    height: 100%;
}

.holder-left .box .content {
    background: #FFF;
    border: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 41px;
}

.holder-left ul {
    padding: 0;
}

.holder-left #admin-nav {
    padding-left: 20px;
    width: 100%;
    mask-image: linear-gradient(to top, transparent, black),
    linear-gradient(to left, transparent 4px, black 4px);
    mask-size: 100% 20000px;
    mask-position: left bottom;
    -webkit-mask-image: linear-gradient(to top, transparent, black),
    linear-gradient(to left, transparent 4px, black 4px);
    -webkit-mask-size: 100% 20000px;
    -webkit-mask-position: left bottom;
    transition: mask-position 0.3s, -webkit-mask-position 0.3s;
    height: calc(100vh - 115px);
}
.holder-left #admin-nav:hover {
    -webkit-mask-position: left top;
}

.holder-left li {
    margin: 0;
    padding: 6px 20px;
    vertical-align: center;
}

.holder-left a {
    text-decoration: none;
    color: #737277;
    font-size: 12px;
    font-weight: 400;
}

.holder-left li img {
    float: left;
    margin-right: 16px;
    margin-top: 4px;
}

.holder {
    float: right;
    width: 100%;
    margin: 80px 0 0 0;
    border: none;
    padding: 30px 90px 0 90px !important;
    overflow-x: hidden;
    height: calc(100vh - 80px);
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

.holder:hover {
    -webkit-mask-position: left top;
}

.holder .box, .holder .box .content {
    background: #FFF;
    border: none;
}

.holder .box {
    width: 100%;
    margin: 0;
    padding: 35px;
    border-radius: 15px;
    margin-bottom: 20px;
}

.banner_options {
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 10;
}

.descricao_organizador {
    max-height: 80px;
    overflow-y: scroll !important;
}

.banner_options.crop {
    left: 44% !important;
    z-index: 10;
}

.banner_options span {
    margin: 0 !important;
}

.banner_options .edit {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.banner_options .delete {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.banner_options .delete:hover {
    background-color: #FF2B34;
}

.banner_options .edit:hover {
    background-color: #FF2B34;
}

.banner_options .edit:hover svg path {
    stroke: #fff;
}

.banner_options .delete:hover svg path {
    stroke: #fff;
}

#evento-pagamento:before,
#evento-pagamento:after {
    content: ' ';
    display: table;
    clear: both;
}


.box.xbig, .box .xbig {
    width: 100%;
}

.holder .box .title {
    display: none;
}

.holder .box .content {
    padding: 0;
}

.breadcrumb {
    color: #000;
    font-family: 'Inter';
    font-size: 24px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 25px;
    max-width: 1366px;
    width: 100%;
    padding: 0 !important;
    margin: auto;
}

.breadcrumb span {
    font-size: 24px !important;
}

.breadcrumb a {
    text-decoration: none;
}

.breadcrumb .tooltip{
    text-transform: none;
}

.opt-right {
    float: right;
}

.menu {
    display: none;
}

/* Header do painel */

.__painel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.__novo_evento {
    width: 191px;
    min-width: 190px;
    height: 45px;
    border-radius: 10px;
    background-color: #FF2B34;
    box-shadow: 0px 0px 10px 0px rgba(255, 43, 52, 0.25);
    padding: 0 16px 0 27px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.__novo_evento:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #FF2B34 !important;
}

.__novo_evento:hover span {
    background-color: #FF2B34 !important;
}

.sidr-class-__novo_evento {
    width: 191px;
    min-width: 190px;
    height: 45px;
    border-radius: 10px;
    background-color: #FF2B34;
    box-shadow: 0px 0px 10px 0px rgba(255, 43, 52, 0.25);
    padding: 0 16px 0 27px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    cursor: pointer;
}

.sidr-class-nome_evento {
    font-size: 12px;
    font-weight: 400;
    font-family: Inter;
    color: #000 !important;
    display: flex !important;
    gap: 5px;
    text-decoration: underline !important;
    text-transform: uppercase;
}

.sidr-class-__novo_evento span {
    width: 28px;
    height: 28px;
    border-radius: 100px;
    background-color: #C2141C;
    filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.15));
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidr-class-__novo_evento p {
    margin: 0 !important;
}

.__painel-header a:visited, .__painel-header a:active, .__painel-header a{
    text-decoration: none !important;
}

.mostrar-mais a {
    color: #FF2B34 !important;
    text-decoration: none !important;
}

.__novo_evento-texto {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}

.sidr-class-__novo_evento-texto {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}

.__novo_evento-input {
    display: flex;
    align-items: center;
    max-width: 400px;
    height: 45px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    background-color: #fff;
    padding: 0 10px;
}

.__novo_evento-input input {
    appearance: none;
    border: none;
    width: 100%;
    height: 100%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-left: 9px;
    font-size: 14px;
    font-family: Inter;
}

.__novo_evento-input input::placeholder {
    color: #AEAEAE;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
}


/* FILTER */

.box.box-filter {
    padding: 20px;
    background: #F8F8F8;
}

.box.box-filter .title {
    display: block;

}

.box.box-filter .title {
    display: block;
    background: none;
    border: none;
    border-bottom: 1px solid #CCC;
    text-align: left;
    padding: 0;
    margin-bottom: 10px;
}

.box.box-filter .title h2 {
    vertical-align: middle;
    font-weight: normal;
    font-size: 13px;
    line-height: normal;
    text-transform: uppercase;
}

.box.box-filter .title img {
    display: none;
}

.filter {
    background: #F8F8F8;
}

.filter .input {
    margin-bottom: 20px;
}

.filter .text, .filter .select {
    width: 200px;
}

.filter .input label, .filter .select label,.busca-simples .input label {
    display: block;
    float: none;
    padding-top: 0;
}

.filter .input input[type="text"], .filter .input input[type="date"], .filter .input select {
    border-radius: 2px;
    height: 30px;
    width: 100% !important;
}

.filter .checkbox input{
    float: left;
    width: 15px;
    margin-top: 2px;
}

.filter .busca-simples, .filter #mais-opcoes {
    margin-bottom: 0;
}


.filter-buttom-right .submit {
    margin-top: 23px;
}

.form-evento .submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#btn_proximo {
    border-radius: 5px;
    background: #FF2B34;
}


/* PAINEL */

.evento-users-painel .content {
    background: #fff !important;
}

#painel-evento-admin .content .link_inscricoes {
    display: flex;
    align-items: center;
}

#painel-evento-admin .content .link_inscricoes a {
    text-decoration: none;
    display: flex;
    align-items: center;
}

#painel-evento-admin .content #informacoes {
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

#painel-evento-admin .content .inscricoes_atividades-wrapper {
    display: flex;
    flex-direction: column;
}

#painel-evento-admin .content .inscricoes_atividades-item {
    margin-bottom: 25px;
}

#painel-evento-admin .content .inscricoes_atividades-title {
    color: #5A5A5A;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
}

#painel-evento-admin .content .inscricoes_atividades-sub_wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

#painel-evento-admin .content .inscricoes_atividades-numbers {
    color: #000;
    font-size: 24px;
    font-weight: 400;
}

#painel-evento-admin .content .inscricoes_atividades-numbers a {
    text-decoration: none;
}

#painel-evento-admin .content .inscricoes_atividades-sub_title {
    color: #5A5A5A;
    font-size: 10px;
    font-weight: 400;
    margin-bottom: 5px;
}

#painel-evento-admin .content .inscricoes_atividades-sub_numbers {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}


.box.evento-users-painel,  #painel-evento-admin .box{
    padding: 28px;
    margin: 0;
    width: 100%;
    background: #fff !important;
    margin-bottom: 20px;
}

#painel-evento-admin .painel-info_numeros {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 20px;
}

#painel-evento-admin .box.box-progressbar, #painel-evento-admin .box.box-financeiro {
    min-height: 257px;
}

#painel-evento-admin .content.evento-users-painel-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

#painel-evento-admin .content.evento-users-painel-content ul {
    display: flex;
    align-items: center;
}

#painel-evento-admin .content.evento-users-painel-content ul li {
    margin: 0 !important;
}

#painel-evento-admin .evento-users-painel-nome {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #50B4E9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
}

#painel-evento-admin .evento-users-painel-nome a {
    text-decoration: none;
    color: #FFF;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#painel-evento-admin .evento-users-painel-nome a img {
    width: 100%;
    object-fit: cover;
    overflow: hidden;
}

.painel-col-left {
    width: 70%;
    overflow: hidden;
    margin-right: 0;
}

.painel-col-right {
    width: 30%;
    overflow: unset;
    padding-left: 20px;
}

#painel-evento-admin .gerenciar_usuarios {
    display: flex;
    align-items: flex-end;
}

#painel-evento-admin .gerenciar_usuarios a {
    text-decoration: none;
    color: #5A5A5A;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3px;
}

/* .forms .submit input[type="submit"], .pages .submit input[type="submit"], input[type="submit"] {
    background: #3498db;
    border: none;
    border-radius: 1px;
    height: 30px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    line-height: 27px;
    padding: 0 8px;
    text-align: center;
} */

#painel-evento-admin .box .title {
    display: block;
    background: none;
    border: none;
    text-align: left;
    padding: 0;
    margin-bottom: 10px;
}

#painel-evento-admin .box .title h2 {
    vertical-align: middle;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #4A4A4A;
}

#painel-evento-admin .value_hidden::before {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    border-radius: 15px;
    background: #D9D9D9;
    content: '';
    position: absolute;
}
#painel-evento-admin .value_hidden span {
    opacity: 0;
}

#painel-evento-admin .valor_confirmado-header {
    color: #5A5A5A;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#painel-evento-admin .valor_confirmado-sub_header {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

#painel-evento-admin .valor_confirmado-sub_header svg {
    cursor: pointer;
    margin-left: 5px;
}

#painel-evento-admin .valor_confirmado-sub_header span span {
    transition: 0.4s ease-in-out;
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#painel-evento-admin .valor_confirmado {
    display: flex;
    flex-direction: column;
}

#painel-evento-admin .link_financeiro {
    color: #5A5A5A;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-top: 20px;
    cursor: pointer;
    text-decoration: none;
}

#painel-evento-admin .basicas {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

#painel-evento-admin .banner-number_info {
    display: flex; 
    align-items: center; 
    justify-content: space-between;
}

#painel-evento-admin .content {
    background: #fff !important;
}

#painel-evento-admin .graph_wrapper {
    display: grid;
    align-items: center;
    height: 195px;
    grid-template-columns: repeat(auto-fit, minmax(5px, 1fr));
}

#painel-evento-admin .graph_item {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: end;
}

#painel-evento-admin .graph_bar-wrapper {
    height: 161px;
    display: flex;
    align-items: flex-end;
    width: 100%;
    justify-content: center;
}

#painel-evento-admin .graph_bar {
    width: 100%;
    max-width: 31px;
    height: 100%;
    border-radius: 8px;
    background-color: #F5F5F5;
    margin-bottom: 15px;
    cursor: pointer;
    transition: ease-in-out 0.3s;
    overflow: hidden;
}

#painel-evento-admin .graph_bar .graph_bar-pago {
    background-color: #FF2B34;
}

#painel-evento-admin .graph_bar .graph_bar-gratuito {
    background-color: #995B5E;
}

#painel-evento-admin .graph_legend {
    color: #A7A7A7;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
}

#painel-evento-admin .box .title img {
    display: none;
}

#painel-evento-admin .box.redes-sociais .redes-wrapper {
    display: flex;
    align-items: center;
    margin-top: 24px;
    gap: 6px;
}

#painel-evento-admin .box.redes-sociais .redes-wrapper .redes-square {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-lote_alert {
    width: 100%;
    padding: 14px 15px 14px 25px;
    display: flex;
    align-items: center;
    color: #FF2B34;
    border-radius: 5px;
    border: 1px solid #FF2B34;
    background: #FDEDED;
    justify-content: space-between;
    margin-bottom: 15px;
}

.error-lote_tooltip {
    color: #DE3333;
    padding-top: 4px;
}

.error-lote_tooltip svg {
    margin-right: 6px;
}

#painel-evento-admin .box.redes-sociais .redes-link {
    width: 100%;
    height: 43px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    color: #4A4A4A;
    font-family: Inter;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0 14px 14px;
    margin-top: 24px;
}

.painel .opcoes .opcao {
    margin: 0 8px 14px 8px;
}

.painel #logo img {
    width: 100%;
    object-fit: cover;
}

.painel #logo {
    width: 100%;
    float: left;
}

.painel #outras {
    float: left;
    width: 100%;
    padding: 28px
}

.painel #outras .nome-evento {
    color: #000;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}
.painel #outras .data-evento {
    color: #5A5A5A;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 32px;
}

.painel #infor-inscritos {
    display: flex;
    align-items: center;
    gap: 23px;
    margin-bottom: 20px;
}

.painel #infor-inscritos .informacao-inscritos-main {
    color: #5A5A5A;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}

.painel #infor-inscritos .informacao-inscritos-sub {
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.painel #outras .data-criacao-evento {
    font-size: 13px;
    padding-bottom: 10px;
}

.painel .informacoes-evento-sem-logo {
    background: #FEFEFE;
    width: 100%;
    height: 120px;
    text-align: center;
    padding: 20% 10%;
}

.box.box-warning{
    border: 1px solid #d71f2f;
}


/* ACTIONS */

/* div.actions ul li a {
    border: none;
    background: #555;
    color: #FFF;
    border-radius: 1px;
    padding: 5px 10px;
}

div.actions ul li a:hover {
    border: none;
    background: #3498db;
} */

.link_pagina .input.text.required {
    display: flex;
    align-items: center;
}

.link_pagina .publicar-evento {
    display: flex;
    align-items: center;
}

.link_pagina .publicar-evento label {
    padding: 0 !important;
}

/* forms */

#div-editar-cupom .input {
    padding: 10px 0;
    width: 100%;
}

#div-editar-cupom  .input select {
    background-image: url("../img/select-arrow.svg");
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 42%;
    border: 1px solid #CDCDCD;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.modal_wrapper_shadow {
    opacity: 0.5;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1001;
    background-color: #000;
    content: '';
}

#div-editar-cupom  .input input[type=text],
#div-editar-cupom  .input select,
#div-editar-cupom  .input input,
#div-editar-cupom  .input select,
#div-editar-cupom  .input input[type=text],
#div-editar-cupom  .input select {
    background-color: #FFF;
    height: 40px;
    padding: 5px 10px;
    font-size: 12px;
    width: 100%;
    border-radius: 10px !important;
    font-family: Inter !important;
    border: 1px solid #D9D9D9;
    color: #4E443C;
    accent-color: #FF2B34;
}

#div-editar-cupom .checkbox input[type="checkbox"] {
    margin-right: 5px !important;
    clear: both;
    float: left;
    height: 15px;
    accent-color: #FF2B34;
    overflow: hidden;
    width: 20px !important;
}

#div-editar-cupom .input label {
    display: block;
    padding: 0 0 8px;
    color: #1E1E1E;
    font-size: 12px;
    font-weight: 500;
}

.forms .input{
    border: none;
}

.forms .input.radio {
    padding-bottom: 10px;
    padding-top: 0 !important;
}

.crop-label:hover .banner_options {
    display: flex !important;
}

.forms .input input[type=text],  .forms .input select, .forms .input input:not([type="radio"]):not([type="checkbox"]):not(.d_button), .forms .input select,
.pages .input input[type=text], .pages .input select
{
    background-color: #FFF;
    height: 40px;
    padding: 5px 10px;
    /* font-size: 12px; */
    /* width: 100%; */
    border-radius: 8px !important;
    font-family: Inter !important;
}
#PesquisaNome{
    width: 100%;
}
.forms .input input[type=text]:focus:not(.withError),  .forms .input select:focus, .forms .input input:focus, .forms .input select:focus,
.pages .input input[type=text]:focus:not(.withError), .pages .input select:focus,  .fake_input:focus-within, .chosen-single:focus-within{
    border: 1px solid #1E1E1E !important;
}
.forms .input input[type=text]::placeholder,  .forms .input select::placeholder, .forms .input input::placeholder, .forms .input select::placeholder,
.pages .input input[type=text]::placeholder, .pages .input select::placeholder {
    color: #AEAEAE;
}
.forms .input textarea {
    background: #FFF;
    width:100%;
}

.forms .checkbox input[type="checkbox"] {
    margin-right: 10px !important;
    clear: both;
    float: left;
    height: 14.5px;
    width: 13.5px !important;
    accent-color: #FF2B34;
    cursor: pointer;
    overflow: unset;
}

.template-site {
    display: flex;
    flex-direction: column;
}

.forms .radio input {
    width: 15px
}

.forms input[type=file] {
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: Inter;
}

.file .size-images {
    font-weight: normal;
    padding: 0;
    border: none;
}

.btn-120 {
    border: 1px solid #737277;
    border-radius: 5px;
    text-decoration: none !important;
    color: #4A4A4A;
    font-size: 12px;
    font-weight: 400;
    margin-left: 10px;
    height: 45px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
}

.btn-120:hover {
    background: #FF2B34 !important;
    border: none;
    color: #fff;
}

.btn-small_ds {
    display: flex !important;
    width: 100%;
    max-width: 220px;
    min-width: 100px !important;
    height: 35px !important;
    padding: 10px 25px !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border: 1px solid #CDD1D9 !important;
    border-radius: var(--Border-radius-sm, 8px) !important;
    background-color: rgba(226, 230, 237, 0.20) !important;
    color: #4A4A4A !important;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal !important;
    cursor: pointer !important;
}

.btn-small_ds.red {
    background-color: #FF2B34 !important;
    color: #fff !important;
    border: none !important;
}

.forms .p-atencao {
    color: #e67e22;
}

div.actions {
    margin-top: 0;
    /* padding-right: 20px; */
}

.buttons {
    border-top: 1.5px solid #CCC;
    margin-top: 20px;
}

/* MESSAGES */

.box #flashMessage, .box #authMessage, .painel #flashMessage, .painel #authMessage, .painel #cadastro_eventoMessage {
    background-image: none;
    border-radius: 2px;
    padding: 15px 84px;
    width: 100%;
}

.painel #flashMessage, .painel #authMessage, .painel #cadastro_eventoMessage {
    width: 100%;
    border-radius: 5px;
}



/* ADMIN MENU */

#admin-nav li:hover a, #admin-nav li:hover a svg path {
    color: #FF2B34;
    stroke: #FF2B34;
}

#admin-nav li:hover a, #admin-nav li:hover .odd-svg-left svg path {
    color: #FF2B34;
    stroke: none !important;
    fill: #FF2B34;
}

#admin-nav .nav-left-li-sub:hover a:first span {
    color: #FF2B34 !important;
}

.selected-svg, .selected-svg span {
    color: #FF2B34 !important;
}
.selected-svg svg path {
    stroke: #FF2B34;
}
.odd-svg-left.selected-svg svg path {
    stroke: none !important;
    fill: #FF2B34;
}

#admin-nav .nav-left-sub {
    margin-left: 10px;
    margin-top: 10px;
    border-left: 3px solid #FF2B34;
}

#admin-nav .nav-left-sub li:last-child {
    padding-bottom: 0;
}

#admin-nav li a {
    display: flex;
    align-items: center;
}
#admin-nav .active a, #admin-nav .active a svg path {
    color: #FF2B34 !important;
    stroke: #FF2B34;
}

#admin-nav .active ul a, #admin-nav .active ul a svg path {
    color: #737277 !important;
    stroke: #737277 !important;
}

#admin-nav .active ul a:hover, #admin-nav .active ul a:hover svg path {
    color: #FF2B34 !important;
    stroke: #FF2B34 !important;
}

#admin-nav li.active li:hover {
    color: #FF2B34;
    stroke: #FF2B34;
}

#admin-nav li ul {
    display: none;
}

#admin-nav li.disabled a {
    color: #555;
}

#admin-nav li.disabled img{
    filter: url("../img/c975f9799e6135f7b2c437b4d67a45998c33274a.svg"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

#admin-nav li img {
    width: 20px;
    height: 20px;
}

#admin-nav li svg {
    margin-right: 13px;
}


/* DASHBOARD */

td.logo-parceiro img {
    width: 150px;
}

.evento-item {
    height: auto;
    background: #F7f7f7;
    border: 1px solid #EEE;
    outline: none;
    padding: 8px;
}

.evento-item .evento-nome a {
    font-size: 20px;
}

.evento-dia {
    line-height: 26px;
}

.evento-item .evento-item-ano {
    font-size: 11px;
}

.action-novo-evento li {
    background: #27AE60;
    border: none;
    border-radius: 2px;
}

.action-novo-evento li:hover {
    background: #2ecc71;
}

.action-novo-evento li a {
    color: #FFF;
}

/* SITUACAO */

.situacao .span-situacao {
    border-radius: 2px;
}
.situacao .publicado {
    background-color: #27ae60;
}

.situacao .incompleto {
    background-color: #e67e22;
}

.situacao .nao-publicado {
    background-color: #c0392b;
}

/* CREDENCIAMENTO */

.credenciamento-opcoes .filter {
    padding: 20px;
}

.credenciamento-opcoes .filter .submit , #credenciamento-direto .opcao-imprimir {
    margin-top: 22px;
}

.opcao-imprimir label {
    width: 230px;
}

#resumo-credenciamento .box-credenciamento {
    height: 130px;
    margin-bottom: 30px;
}

.credenciar_todos_participantes .selecionar_todos_participantes-check {
    padding: 0;
}
.credenciar_todos_participantes .selecionar_todos_participantes-check input {
    margin-top: 0;
}
.credenciar_todos_participantes .selecionar_todos_participantes-check label {
    margin-top: 10px;
    padding: 0;
}

span.error {
    display: block;
    color: #ff293f;
}

span.error-marginegative {
    margin-top: -10px;
    display: block;
    color: #ff293f
}

/* ETIQUETAS */

.campos-config-etiqueta {
    width: 100%;
}

.entrada-saida-input input[type=text] {
    width: 300px !important;
}

.tipo-entrada-saida input, .tipo-entrada-saida label  {
    float: left !important;
}

.tipo-entrada-saida input {
    margin-right: 10px;
}

.financeiro .infor {
    width: 32%;
}

.content-financeiro-com-juros .infor {
    width: 24%;
}

.content-financeiro .infor:last-child {
    margin-right: 0;
}

.fake_input {
    padding: 0px 13px 0px 0;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.fake_input input {
    appearance: none;
    border: none;
    width: 100% !important;
    height: 100% !important;
    padding-left: 15px;
    color: #1E1E1E;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    border-radius: 8px;
}

.fake_input-label {
    color: #1E1E1E;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 6px;
}

/* progress bar */
.label_sem_padding label {
    padding: 0 !important;
    margin: 1px 0 0 0 !important;
}
.meter {
    height: 52px;
    background: #e0e0e0;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}


.meter > span {
    display: block;
    height: 100%;
    background: #8CD361;
    color: #FFF;
    font-size: 14px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 12px;
    position: relative;
}

.meter .orange {
    background-color: #FFCC4A;
    z-index: 50;
}

.meter .green {
    z-index: 70;
}

.progressbar-legend {
    margin-top: 31px;
    overflow: hidden;
    position: relative;
    float: right;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.progressbar-legend .info {
    float: left;
    margin-left: 5px;
    line-height: 1em;
}

.progressbar-legend-green, .progressbar-legend-orange {
    display: flex;
    align-items: center;
}

#tabela-cupons_filter {
    float: left;
}

.progressbar-legend-green .square, .progressbar-legend-orange .square {
    background: #8CD361;
    width: 11px;
    height: 11px;
    float: left;
    border-radius: 100%;
}

.progressbar-legend-orange .square {
    background-color: #FFCC4A;
}

.table-resp, .table-resp {
  overflow: hidden;
}

.cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
    color: #ffffff;
    background-color: #FF2B34;
}

.cd-multi-steps.text-top li.visited,
.cd-multi-steps.text-top li.current,
.cd-multi-steps.text-bottom li.current {
    background-color: #FF2B34 !important;
}

.table-resp th {
  display: none;
  font-weight: bold;
  text-align: left;
  /* font-size: 12px!important; */
  font-weight: bold !important;
  background-color: #EEEEEE;
}
.table-resp th a {
    text-decoration: none;
}
.table-resp td {
  display: block;
  /* border-bottom: none !important; */
}

.table-resp td:before {
  /* content: attr(data-th); */
  font-weight: bold;
  width: 6.5em;
  display: inline-block;
}

@media (max-width: 600px) {
    .logo_container .content {
        flex-direction: column;
    }
    .mobile-flex_column {
        flex-direction: column !important;
    }
    .mobile-grid_remove {
        display: unset !important;
        width: 100% !important;
    }
    .mobile-grid_100 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) !important;
    }
}

@media (min-width: 480px) {
   .table-resp {
        border: none;
    }
  .table-resp th, .table-resp td {
    display: table-cell;
  }
  .table-resp th, .table-resp td {
    padding: 0.8em 0.4em;
  }
  .table-resp th:last-child, .table-resp td:last-child {
    padding-right: 0;
    width: 120px;
  }
  .table-resp td:before {
    display: none;
  }
}

#opcoes-enviar-submissao .input.radio label {
    width: 96%;
}

/* breadcrumb cadastro evento */

/* --------------------------------

Basic Style

-------------------------------- */

.cd-multi-steps {
  width: 100%;
  border-radius: .25em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 20px;
}
.cd-multi-steps li > *, .cd-multi-steps li.current > * {
    position: relative;
    color: #2c3f4c;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
}
.cd-multi-steps li a {
    font-size: 16px;
    font-family: 'Inter';
    font-weight: 500;
    font-style: normal !important;
    line-height: 21px;
    color: #000;
    height: 100%;
    width: 100%;
}
.cd-multi-steps li a:link, .cd-multi-steps li a:active, .cd-multi-steps a:visited {
    text-decoration: none !important;

}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #FFF !important;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #4FA0ED;
  text-decoration: none;
  font-style: normal;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default arrow separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  /* background: url("404.html") no-repeat center center; */
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  /* background: url("404.html") no-repeat 0 0; */
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}
@media only screen and (min-width: 768px) {
  .cd-breadcrumb, .cd-multi-steps {
    padding: 0 1.2em;
  }
  .cd-breadcrumb li, .cd-multi-steps li {
    margin: 0;
  }
  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    margin: 0 1em;
  }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    font-size: 13px;
  }
}

/* --------------------------------

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
  .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
    /* change custom icon using image sprites - hover effect or current item */
    background-position: 0 -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
    background-position: -20px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
    background-position: -40px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
    background-position: -60px -40px;
  }
}
/* --------------------------------

Multi steps indicator

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-multi-steps {
    /* reset style */
    background-color: transparent;
    padding: 0;
    text-align: center;
  }

  .cd-multi-steps li {
    position: relative;
    float: none;
  }
  .cd-multi-steps li:last-of-type {
    margin-right: 0;
  }
  .cd-multi-steps li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    content: '';
    height: 4px;
    background: #edeff0;
    /* reset style */
    margin: 0;
  }
  .cd-multi-steps li.visited::after {
    background-color: #4FA0ED;
  }

  .cd-multi-steps.custom-separator li::after {
    /* reset style */
    height: 4px;
    background: #edeff0;
  }

  .cd-multi-steps.text-center li::after {
    width: 100%;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%) translateX(-1px);
    -ms-transform: translateY(-50%) translateX(-1px);
        transform: translateY(-50%) translateX(-1px);
  }
  .cd-multi-steps.text-center li > * {
    z-index: 1;
    padding: .6em 1em;
    border-radius: .25em;
    background-color: #edeff0;
  }
  .no-touch .cd-multi-steps.text-center a:hover {
    background-color: #2c3f4c;
  }
  li.visited em, li.current em {
      font-style: normal;
  }
  .cd-multi-steps.text-center.custom-icons li.visited a::before {
    /* change the custom icon for the visited item - check icon */
    background-position: 0 -60px;
  }

  .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
    width: 20%;
    text-align: center;
  }
  .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    left: 50%;
    /* 40px is the <li> right margin value */
    width: calc(100% + 40px);
  }
  .cd-multi-steps.text-top li.visited,
  .cd-multi-steps.text-top li.current,
  .cd-multi-steps.text-bottom li.current {
    background-color: #FF2B34 !important;
  }
  .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
    color: #FFF;
  }
  .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
    -webkit-box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
            box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
  }

  .cd-multi-steps.text-top li::after {
    /* this is the line connecting 2 adjacent items */
    bottom: 4px;
  }
  .cd-multi-steps.text-top li > * {
    padding-bottom: 20px;
  }
  .cd-multi-steps.text-top li > *::before {
    /* this is the spot indicator */
    bottom: 0;
  }

  .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    top: 3px;
  }
  .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    top: 0;
  }
}
#modalNovoEvento .content_wrapper {
    padding: 35px 50px;
    width: 100%;
    position: relative;
}
#modalNovoEvento .icon-sucesso {
    height: 114px;
    width: 114px;
    border-radius: 100%;
    background-color: #46D24C;
    margin: 30px auto 30px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
#modalNovoEvento .texto.header {
    color: #4A4A4A;
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
}
#modalNovoEvento .texto {
    color: #4A4A4A;
    font-family: Inter;
    font-size: 14px;
    margin-bottom: 20px;
    padding-right: 60px;
}
#modalNovoEvento .texto a {
    color: #4A4A4A;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
}
.clearCache {
    font-size: 12px;
    font-family: Inter;
    color: #4a4a4a;
}
/* --------------------------------

Add a counter to the multi-steps indicator

-------------------------------- */
.cd-multi-steps.count li {
  counter-increment: steps;
}

.cd-multi-steps.count li.current > *::before {
    color: #fff;
}

.cd-multi-steps.count li > *::before {
  content: "Passo " counter(steps);
  font-size: 14px;
  font-weight: 400;
  color: #5A5A5A;
}

.cd-multi-steps.text-top.count li,
  .cd-multi-steps.text-bottom.count li {
    /* this is the spot indicator */
    height: 100px;
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 15px;
    padding-left: 10%;
  }


@media only screen and (min-width: 768px) {
  .cd-multi-steps.text-top.count li,
  .cd-multi-steps.text-bottom.count li {
    /* this is the spot indicator */
    height: 100px;
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 20px;
    padding-left: 10%;
    transition: 0.3s ease-in-out;
  }
  
  .cd-multi-steps.text-bottom.count li:hover {
    background-color: #e0e0e0;
  }

  .cd-multi-steps.text-top.count li:not(.current) em::before,
  .cd-multi-steps.text-bottom.count li:not(.current) em::before {
    /* steps not visited yet - counter color */
    color: #2c3f4c;
  }

  .cd-multi-steps.text-top.count li::after {
    bottom: 11px;
  }

  .cd-multi-steps.text-top.count li > * {
    padding-bottom: 64px;
  }

  .cd-multi-steps.text-bottom.count li::after {
    top: 21px;
    display: none;
  }

  .tag-novidade {
    font-weight: bold;
    color: #fff;
    background: #27AE60;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 11px;
  }

}

#resp-menu {
    line-height: 30px;
    font-size: 20px;
    margin-right: 25px;
}

.ds-btn-default {
  border: 1px solid transparent;
  border-radius: 30px;
  display: inline-block;
  padding: 8px 30px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background-color: #ea404f;
  transition: 123ms all;
}
.ds-btn-default:hover {
  color: #ea404f;
  background-color: white;
  text-decoration: none;
}

.ds-btn-bordered {
  border: 1px solid white;
  border-radius: 0.5rem;
  display: inline-block;
  padding: 15px 30px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  transition: 123ms all;
}
.ds-btn-bordered:hover {
  background-color: white;
  color: #ff2b34;
  text-decoration: none;
}

.ds-items-lados-extremos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 10px;
}
.ds-column-half {
  /*width: 100%;*/
}
.ds-items-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
          justify-content: flex-end;
}
.ds-items-vertical-align-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ds-items-no-centro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}


/*input drop zone*/
.inputDropZone {
  width: 100%;
  padding: 60px 0;
  text-align: center;
  background-color: #fff;
  border: 2px dashed #AAB1C0;
  position: relative;
}

.inputDropZone.active {
  border-color: red;
  overflow: hidden;
}

input.input-drag-file {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.inputDropZone .fa {
  font-size: 52px;
  color: #AAB1C0;
  text-align: center;
  display: block;
  margin-bottom: 20px;
}

.inputDropZone p {
  font-size: 18px !important;
  color: #AAB1C0 !important;
  text-align: center;
}

.sidr-class-nav-left-sub {
    display: none;
}

.form-evento .span-obrigatorio {
    clear: both !important;
    float: none !important;
    display : inline !important;
    margin : 0 !important;
    line-height : 100% !important;
    color: #FF2B34;
}

.table_filters {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

@media (max-width: 500px) {
    .ds-total-vagas {
        flex-direction: column;
        align-items: flex-start;
        justify-content: unset;
    }
    #toggle-encerrar-inscricoes-container {
        margin-left: 0 !important;
    }
    #modalNovoEvento .content_wrapper {
        padding: 35px 20px;
    }
    #modalNovoEvento .texto {
        padding-right: 0;
    }
  .inputDropZone .fa {
    font-size: 32px;
  }
  .inputDropZone p {
    font-size: 14px !important;
  }
}

#fileUploaded {
  font-size: 16px;
  color: #151515;
}

.ds-checkbox:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    font-size: 12px;
    width: 14px;
    height: 14px;
    background-color: #929696;
    color: #929696;
    border-radius: 2px;
    padding: 3px;
    transition: 100ms all;
}
.ds-checkbox:checked:before {
    color: #fff;
}

.ds-select {
  width: 100%;
  position: relative;
  font-size: 13px;
}
.ds-select > label {
  cursor: pointer;
}
.ds-select:hover .ds-body {
  display: block;
}
.ds-select .ds-body {
  display: none;
  position: absolute;
  top: 15px;
  left: 0;
  width: 180px;
  max-height: calc(100vh / 2);
  overflow-y: auto;
  padding: 15px 0;
  background-color: #fff;
  border: 1px solid rgb(223, 227, 233);
  z-index: 9999;
}
.ds-select .ds-body a {
  color: #000;
  text-decoration: none;
  display: block;
  padding: 10px;
}
.ds-select .ds-body a:hover {
  background-color: #f1f1f1;
}

.required_highlight {
    color: #FF2B34;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    display: unset !important;
}

/*ADMIN PASSO 3*/
.btn-disabled {
    pointer-events: none;
    opacity: .3;
}
.input-image {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
#painel-evento-admin .banner-number_info .d_button {
    margin: 0;
}
.input-image .links {
    margin: 0 0 0 20px;
}
.crop_acoes .btn-excluir {
    background-color: red;
}
.crop_acoes .btn-cancelar {
    background-color: orange;
}
.crop_acoes .btn-aplicar {
    background-color: green;
}

label[for^='input_crop'] {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    width: 300px; height: 300px;
}
label[for^='input_crop'][rel='banner'] {
    width: 262px; height: 162px;
}
label[for^='input_crop'][rel='logo_organizador'] {
    width: 162px; height: 162px;
}
label[for^='input_crop']:after {
    transition: .2s ease-in-out all;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background-color: rgba(0,0,0,.7);
    content: '\f040';
    font-family: 'FontAwesome';
    color: #FFF;
    text-align: center;
    font-size: 42px;
    line-height: 162px;
    opacity: 0;
}
label[for^='input_crop']:hover:after {
    opacity: 1;
}

.col-template {
  position: relative;
  cursor: pointer;
  display: inline-block; }
  .col-template:hover .acoes {
    opacity: 1; }
  .col-template .acoes {
      opacity: 0;
      transition: .1s ease-in-out all;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 5px;
      left: 0;
      line-height: 120px;
      text-align: center;
      color: #DEDEDE;
      border-radius: 10px;
      background-color: rgba(0,0,0,.7);
      font-size: 25px; }
      .col-template .acoes .fa:hover {
        text-shadow: 0 0 14px rgba(255,255,255,.5);
        transition: .1s ease-in-out all;
        color: white; }
        .col-template .acoes .fa {
          position: absolute;
          bottom: 5px;
          right: 5px;
          cursor: pointer;
          margin: 0 7px; }

.preview-template {
  position: fixed;
  top: 0; right: 0;
  bottom: 0; left: 0;
  padding-top: 40px;
  text-align: center;
  z-index: 1050;
	background-color: rgba(0,0,0,.8);
  overflow: auto; }
  .preview-template .overlay {
    top: 0;
    left: 0;
    display: block;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: -1; }
  .preview-template img {
    width: 98%;
    max-width: 900px;
    height: auto;
    z-index: 0;
    box-shadow: 0 0 44px black; }
    .preview-template a:hover {
      text-shadow: 0 0 10px rgba(255,255,255,.6);
      background-color: rgba(0,0,0,.8); }
    .preview-template a {
      text-decoration: none;
      color: white;
      vertical-align: top;
      background-color: #000;
      font-size: 18px;
      text-transform: uppercase;
      transition: .2s ease-in-out all;
      padding: 13px;
      border-radius: 5px;
      position: fixed;
      display: inline-block; }
      @media (max-width: 991px) {
        .preview-template a {
          position: fixed;
          right: 40px; top: 45px; }
      }

div[id^='div-upload-image-'].active {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.input.text.hora-termino, .input.text.hora-inicio {
    width: 100%;
    margin-right: 15px;
    align-self: end;
}

input#LoteHoraTermino, input#LoteHoraInicio, input#LoteHoraTerminoCredenciamento, input#LoteHoraInicioCredenciamento {
    width: 80px;
}

.caps {
    float: right;
    display: flex;
    align-items: center;
    opacity: 0;
    transition: opacity 200ms ease-in-out;
}

.caps.on {
    opacity: .6;
}

@media (max-width: 767px) {
    .colHideMobile {
        display: none;
    }
    .custom-margin_mobile {
        margin-bottom: 5px !important;
    }
    .__centered .nome_evento {
        display: none;
    }
    .graph_legend {
        display: none;
    }
    .triagem__form__btn {
        margin-top: 20px;
        width: 259px;
    }
    #painel-evento-admin #logo {
        background-color: transparent !important;
        height: unset !important;
    }
    #painel-evento-admin .banner-number_info {
        flex-direction: column;
        align-items: flex-start !important;
    }
    #painel-evento-admin .banner-number_info .d_button {
        width: 100% !important;
    }
    #painel-evento-admin .banner-number_info div.actions ul {
        width: 100%;
    }
    #painel-evento-admin .banner-number_info div.actions li {
        width: 100%;
    }
    #painel-evento-admin .banner-number_info div.actions {
        width: 100%;
    }
    .painel #outras {
        padding: 26px;
    }
    #painel-evento-admin .box.box-progressbar, #painel-evento-admin .box.box-financeiro {
        min-height: unset;
    }
    #painel-evento-admin .painel-info_numeros {
        flex-direction: column;
        gap: 0;
    }
    .input-image {
        flex-direction: column;
    }
    .__card .__verSite.__desktop {
        display: none;
    }
    .__card .__verSite.__mobile {
        display: flex;
    }
    .box-add {
        padding: 0 0 20px 0;
    }
    .triagem__title {
        margin: 0 18px;
    }
}

@media (max-width: 960px) {
    .holder-left {
        display: none;
    }
}

/* tabela responsiva */
.table-responsive, .table-responsive {
  overflow: hidden;
}

.table-responsive th {
  font-weight: bold;
  text-align: left;
  font-size: 12px!important;
  font-weight: bold !important;
  background-color: #EEEEEE;
}
.table-responsive th a {
    text-decoration: none;
}
.table-responsive td {
}

.table-responsive td:before {
  font-weight: bold;
  display: inline-block;
}

a.underlined-link {
	text-decoration: underline !important;
}

.select-modelos {
	padding-bottom:30px;
	max-width:200px;
}

.warning-no-token {
	color: red;
}

.util-loading.vue-component {
	display: block;
}

.util-loading.border-black {
	border-right-color: black;
}

.util-loading.border-white {
	border-right-color: white;
}

.loading-enviar-notificacao {
	display: inline-block !important;
}

.dimensoes-app {
	padding-right: 10px;
}

th.acoes {
	text-align: center;
}

.triagem {
    background-color: #fff;
    border-radius: 15px;
    padding: 54px 0;
}

.triagem__form {
    padding: 30px;
}

@media (min-width: 767px) {
    .triagem__form {
        display: grid;
        grid-template-columns: repeat( auto-fit, minmax(150px, 1fr) );
        gap: 16px;
    }
    .triagem__form__btn {
        width: 100%;
        max-width: 252px;
    }
    .triagem__form__btn:nth-child(1) {
        margin-right: 10px !important;
    }
}

.triagem__title {
    font-size: 16px;
    color: #000;
    text-align: center;
    font-weight: 500;
    font-family: 'Inter';
}

.triagem__form__btn {
    border: 1px solid transparent;
    border-radius: 20px;
    padding: 40px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background-color: #F6F6F6;
    cursor: pointer;
    transition: 400ms ease-in-out all;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.triagem__form__btn:hover {
    background: rgba(249, 249, 250, 0.58);
    border: 1px solid #DADADA
}

.triagem__form__btn > ul {
    margin-top: 10px;
    padding: 0;
    color: #707070;
}

.triagem__form__btn > ul > li {
    color: #737277;
    padding: 5px;
    margin: 0;
    font-size: 12px;
    font-family: 'Inter';
}

.triagem__form__btn__img {
    margin-bottom: 40px;
}

.triagem__form__btn__img_hibrido {
    width: 100px;
}

.triagem__form__btn__title {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    font-family: 'Inter';
}

.d-flex {
    display: flex !important;
}

.form-ajax-error {
    color: red;
}


/* INICIO: style table arquivos-modelo-submissao */
.__tabela-padrao {
    border: 1px solid #DBDBDB;
}

.__tabela-padrao--thead {
    background-color: #efefef;
}

.__tabela-padrao--thead .td {
    font-weight: bold;
    color: #4E443C;
    padding: 10px;
    font-size: 12px;
}

.__tabela-padrao .tr {
    padding: 10px;
}

.__tabela-padrao .tr:not(:last-of-type) {
    border-bottom: 1px solid #DBDBDB;
}

.__tabela-padrao--thead .mobile {
    padding: 10px;
}

@media (min-width: 800px) {
    .__tabela-padrao--thead .mobile {
        display: none;
    }
    
    .__tabela-padrao .td {
        display: inline-block;
    }

    .__tabela-padrao .td {
        width: 33%;
        text-align: left;
    }

    .__tabela-padrao .acoes {
        padding-left: 3%;
        display: inline;
    }
}

@media (max-width: 799px) {
    .__tabela-padrao--thead .td {
        display: none;
    }
    
    .__tabela-padrao .td[data-name]:before {
        content: attr(data-name) ':';
        color: currentColor;
        margin-bottom: 5px;
        margin-right: 5px;
        font-weight: bold;
    }

    .__tabela-padrao .acoes {
        padding-left: 3%;
        display: inline;
    }
    
    .__tabela-padrao .td input[type=text] {
        margin-bottom: 5px;
    }

    .__tabela-padrao .td input[type=file] {
        margin-bottom: 5px;
    }

    .__tabela-padrao .td {
        width: 33%;
    }

    .__tabela-padrao .acoes {
        padding-left: 3%;
    }
}

table:not(.dataTable) {
    width: 100%;
    /* border-collapse: collapse; */
    border: 1px solid #DBDBDB ;
}

.__tabela-padrao .td.acoes {
    width: 10%;
}

.__tabela-padrao .td input[type=text] {
    width: calc(100% - 5px);
}

.__tabela-padrao .td input[type=file] {
    width: calc(100% - 5px);
}

.__tabela-padrao .tfoot {
    display: flex;
    justify-content: flex-end;
    background-color: #F8F8F8;
    padding: 10px;
}

.__tabela-padrao button.adicionar-arquivo {
    background-color: #555555;
}
.__tabela-padrao button {
    border: none;
    color: #fff;
    font-size: 12px;
    padding: 7px 10px;
    cursor: pointer;
    transition: 100ms all;
}
.mapa-picker {
    padding: 0 !important;
    overflow: hidden;
}
.mapa-picker label {
    display: none !important;
}
.mapa-picker input {
    float: none;
    width: 26px !important;
    bottom: unset !important;
    height: 26px !important;
    background-color: unset;
    background-image: url("../img/plus.png");
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
}
/* FIM: style table arquivo-modelo-submissao*/