/*************************************************************************************************/
/* Reset                                                                                         */
/*************************************************************************************************/

html { }
body { padding-top:100px; overflow-x:hidden; background:#4B4B4B; font-size:16px; font-family:'Raleway', 'Trebuchet MS', Helvetica, sans-serif; }
body.overflow { height:100vh; overflow:hidden; }
input, select { outline:0 !important; }
:focus { border-color:none !important; outline:0 !important; box-shadow:none !important; }
a { color:#000; }
.body-spacer { background:#fff; height:110px; }
/* .form-check { display:flex; align-items:center; } */
.form-check .form-check-input { border-color:#dadada; }
.form-check:not(.form-switch) .form-check-input { background-image: none !important; }
.form-check-input:checked { background-color:#9a9a9a; border-color:#9a9a9a; }
.form-switch .form-check-input:focus { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23dadada'/%3e%3c/svg%3e"); }
.icon { display:flex; align-items: center; justify-content: center; }


/*************************************************************************************************/
/* Uso geral                                                                                     */
/*************************************************************************************************/

.botao { color:#fff; font-size:14px; font-weight:500; text-align:center; display:flex; align-items:center; justify-content:center; border-radius:10px; height:50px; margin-top:20px; text-decoration:none; transition:all 100ms linear; background-color:#777; cursor:pointer; border:none; }
.botao-sm { font-size:12px; margin-top:0; height:auto; padding:5px 15px; width:auto; display: inline-block; }
.botao:hover { background:#333; }
.botao.mw-200 { min-width:200px; }

.botao.cinza { background-color:#f0f0f0; color:#777; }
.botao.cinza:hover { background:#666; color:#fff; }

.botao.excluir { background-color:#f0f0f0; color:#777; }
.botao.excluir.active { background:red; color:#fff; }

.botao.transparente { background-color:transparent; color:#777; }
.botao.transparente:hover { background:#333; color:#fff; }

.link { color:#333; font-size:14px; text-decoration:none; display:inline-block; padding:10px; }
.link:hover { text-decoration:underline; }

.botao.voltar .icon,
.botao.inserir .icon { display:none; font-size:30px; }

.cabecalho { padding:20px 0; }
.cabecalho h1 { font-size:25px; margin-bottom:0 !important; padding-bottom: 0; text-transform: uppercase; }
.cabecalho .container { min-height:210px; }
.cabecalho .container p { font-weight:200; }
.cabecalho .container h1 {  margin-bottom:30px !important; text-align: right; width: 100%;}
.cabecalho nav { margin-bottom:60px; }
.cabecalho nav a:first-child:before { content:"<"; padding:0 20px; }
.cabecalho nav a { color:#fff; text-decoration:none; transition:all 200ms ease-in-out; }
.cabecalho nav a:after { content:"/"; padding:0 20px; }
.cabecalho nav a:last-child { font-weight:bold; }
.cabecalho nav a:last-child:after { display:none; }
.cabecalho nav a:hover { color:#D77F47; }
.cabecalho .banner { height:210px; margin-top:40px; background-image:url(); background-repeat:no-repeat; background-position:center center; }

.formulario { padding:0; }
.formulario input[type=text],
.formulario input[type=email],
.formulario input[type=password],
.formulario input[type=number],
.formulario input[type=date],
.formulario input[type=time],
.formulario textarea,
.formulario select { position:relative; border:none; border-radius:10px; padding:12px 12px; font-size:16px; background-color:#fff; border:1px solid #dadada; }
.formulario input[type=file] { position:relative; border:none; border-radius:10px; line-height:38px; font-size:16px; background-color:#fff; border:1px solid #dadada; }
.formulario textarea { resize:none; }
.formulario textarea:focus { border-color:inherit; }
.formulario label { font-size:12px; margin-top:5px; font-weight:bold; color:#0E3D25; padding-left:8px; }
.formulario .info { position:relative; border:none; border-radius:10px; padding:12px 22px; font-size:16px; background-color:#fff; border:1px solid #dadada; background:#fafafa; }
.formulario .form-select:focus { border-color:inherit; }
.formulario .password { position:relative; }
.formulario .password .eye { width:40px; height:40px; position:absolute; top:5px; right:5px; background:url(../img/eye-slash.svg) no-repeat center center; background-size:50%; cursor:pointer; }
.formulario .password .eye.on { background-image:url(../img/eye.svg); }
.formulario .required { position:relative; }
.formulario .required.active input, 
.formulario .required.active select { border:1px solid red !important; }
.formulario .required.active:after { font-family: "FontAwesome"; content:"\f06a"; position:absolute; font-size:25px; right:5px; top:-3px; z-index:15; color:red; background:#fff; width:15px; height:15px; line-height:15px; border-radius: 15px; }
.formulario .form-check input,
.formulario .form-check label { cursor: pointer; }

.numeracao { display: flex; justify-content: center; }
.numeracao ul { list-style-type: none; padding:0; margin:0; }
.numeracao li { display: inline-block; float:left; margin:0 3px; }
.numeracao li a { display: block; height:30px; min-width: 30px; border-radius:30px; line-height:30px; vertical-align:middle; text-align: center; text-decoration: none; border:1px solid #dadada; }
.numeracao li.pager { display:none; }
.numeracao li.disabled { pointer-events: none; }
.numeracao li a:hover { background:#dadada; border-color:#dadada; color:#333; }
.numeracao li.active a { background:#999; border-color:#999; color:#fff; }

.back { font-family: 'linea-arrows-10'; background:#fff; border-radius:30px; width:50px; height:50px; display:flex; align-items: center; justify-content: center; text-decoration: none; font-size:30px; box-shadow: 2px 2px 12px rgba(0,0,0,0.1); transition:linear 100ms all; }
.back:hover { background-color:#dadada; }
.modal input[type=text],
.modal input[type=email],
.modal textarea,
.modal select { border:2px solid #666666; border-radius:20px; padding:8px 15px; font-size:14px; }
.modal textarea { resize:none; }
.modal textarea:focus { border-color:inherit; }
.modal label { font-size:14px; }
.modal p { font-size:14px; }
.modal .form-select:focus { border-color:inherit; }
.modal .modal-content { border-radius:30px; }
.modal .modal-header,
.modal .modal-footer { border:none; }
.modal .close { cursor:pointer; padding:20px; margin:-20px; }
.modal .msg { display:flex; align-items:center; padding:0 30px; position:fixed; bottom:0; left:0; height:90px; max-height:90px; z-index:10; width:100%; background:red; color:#fff; transition:all 200ms cubic-bezier(0.25, 0.1, 0.1, 1); }
.modal .msg .container { max-width:620px; }
.modal .msg p { margin:0; max-width:90%; font-size:14px; }
.modal .msg a { color:#fff; font-weight:bold; }
.modal .msg.hide { max-height:0; opacity:0; overflow:hidden; }
.modal .msg .close { position:absolute; padding:30px; cursor:pointer; right:0; top:0; height:100%; display:flex; align-items:center; justify-content:center; }
.modal .msg.ok { background:green;  }

.msg { position:fixed; top:0; left:0; width:100vw; height:100vh; display:flex; align-items:center; justify-content:stretch; z-index:101; transition:all 200ms linear; cursor:default; user-select:none; background:rgba(0,0,0,0.2); }
.msg .texto { transition:all 400ms ease-in-out; transform:translate3d(0,0,0); position:absolute; left:0; top:calc(50vh - 100px); width:400px; display:flex; align-items:center; background:red; color:#fff; padding:40px 5%;  }
.msg p { margin:0; font-size:16px; width:90% }
.msg a { color:#fff; font-weight:bold; }
.msg.hide { z-index: -100; opacity:0; }
.msg.hide .texto { transform:translateX(-400px); }
.msg .close { height:100%; width:10%; display:flex; align-items:center; justify-content:end; }
.msg.ok .texto { background:green;  }


/*************************************************************************************************/
/* Header                                                                                        */
/*************************************************************************************************/

header { background:#333; height:80px; width:100%; position: fixed; top:0; left:0; z-index: 100; color: #fff; }
header a { color:#fff; }
header .spacer { height:20px; background-color:#fff; position:relative; z-index:10; }
header .logo { display:flex; flex-direction:row; align-items:center; height:80px; }
header .logo img { transition:all 100ms linear; max-height:40px; }
header [class^=col] { display:flex; align-items: center; }
header .botao { margin:0; height:30px; padding:5px 25px; }
header a.active { background:#414141 !important; }
header .botao.vazio { background:transparent; }
header .botao.vazio:hover { background:#666 !important; }
header .menu { height:100%; }
header .menu a { height:100%; border-radius: 0; }
header .menu-btn { padding:20px; }
header .menu .fechar-btn { display: none; }
header .menu .logo-2 { display:none; }


/*************************************************************************************************/
/* Agenda                                                                                        */
/*************************************************************************************************/

#agenda { padding:0px 20px 40px; }
#agenda section { background:#fff; border-radius:15px; padding:25px; }
#agenda .container > .row > [class^=col] { position:relative; }
#agenda .container .seletor { position: absolute; right:20px; top:8px; display: flex; }
#agenda .container .seletor a { border:1px solid #ccc; color:#999; padding:5px; display:block; width:40px; height:40px; display: flex; align-items: center; justify-content: center; text-decoration: none; }
#agenda .container .seletor a.selected { background:#ddd; color:#333; }
#agenda .container .seletor a:first-child { border-radius:8px 0 0 8px; border-right:none; }
#agenda .container .seletor a:nth-child(3) { border-radius:0 8px 8px 0; border-left:none; }

#agenda .menu-preferencias { margin-top:6px !important; width:260px; }
#agenda .menu-preferencias label { cursor: pointer; white-space: nowrap; }
#agenda .btn-preferencias { margin-left:8px; border-radius:8px; }
#agenda .btn-preferencias.show { background-color:#ddd; }
#agenda .btn-preferencias i::after { display:none !important; }
#agenda .dropdown-toggle::after { display:none !important; }

#agenda .date-nav { text-align: center; padding:10px 0; }
#agenda .date-nav .botao { margin:0 10px; height:40px; width:40px; display: inline-block; }
#agenda .date-nav .botao.vazio { background:transparent;  }
#agenda .date-nav .botao.vazio:hover { background:#666; }
#agenda .date-nav .icons { display:flex; align-items: center; justify-content: center; height:100%;  }
#agenda .date-nav .monthyear { width:150px; display:inline-block; }

#agenda .calendar { display: flex; flex-flow: column; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
#agenda .calendar .header .month-year { font-size: 16px; font-weight: bold; color: #636e73; padding: 10px 0; }
#agenda .calendar .days { display: flex; flex-flow: wrap; }
#agenda .calendar .days .day_name { width: calc(100% / 7); border-right: 1px solid #999; padding: 10px; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #818589; color: #fff; background-color: #777; }
#agenda .calendar .days .day_name:nth-child(7) { border-right: 1px solid #999; }
#agenda .calendar .days .day_name span { float:right }
#agenda .calendar .days .day_num { display: flex; flex-flow: column; position: relative; width: calc(100% / 7); border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 45px 0 10px; font-weight: bold; color: #7c878d; cursor: default; min-height: 100px; }
#agenda .calendar .days .day_num .add { opacity:0; transition: all 200ms linear; display: flex; align-items: center; justify-content: center; font-size:12px; position: absolute; right:5px; top:15px; width:25px; height:25px; border:1px solid #999; border-radius:30px; cursor: pointer; text-decoration: none; }
#agenda .calendar .days .day_num .add:hover { background-color:#999; color:#fff; }
#agenda .calendar .days .day_num:hover .add { opacity:1; }
#agenda .calendar .days .day_num span { position: absolute; left:10px; top:15px; width: 30px; font-size: 14px; }

#agenda .calendar.fds-0 .wd-1,
#agenda .calendar.fds-0 .wd-7 { display:none; }
#agenda .calendar.fds-1 .wd-1,
#agenda .calendar.fds-1 .wd-7 { display:block; }
#agenda .calendar.fds-0 .days .day_num { width: calc(100% / 5); }
#agenda .calendar.fds-0 .days .day_name { width: calc(100% / 5); }
#agenda .calendar.fds-0 .days .day_name.wd-2 { border-radius:10px 0 0 0; }
#agenda .calendar.fds-0 .days .day_name.wd-6 { border-radius:0 10px 0 0; }
#agenda .calendar.fds-0 .days .day_num.wd-2 { border-left:1px solid #999; }

#agenda .calendar.meus_eventos-0 .not-mine { display:block; }
#agenda .calendar.meus_eventos-1 .not-mine { display:none; }

#agenda .calendar .days .day_num:nth-child(7n+1) { border-left:1px solid #999; /*border-left: 1px solid #e6e9ea;*/ }
#agenda .calendar .days .day_num.ignore { background-color: #fdfdfd; color: #ced2d4; cursor: inherit; }
#agenda .calendar .days .day_num.selected { background-color: #f1f2f3; cursor: inherit; }

#agenda .calendar.mes .days .day_name:nth-child(1) { border-radius:10px 0 0 0; }
#agenda .calendar.mes .days .day_name:nth-child(7) { border-radius:0 10px 0 0; }
#agenda .calendar.mes .days .day_num:nth-child(43) { border-radius:0 0 0 10px; }
#agenda .calendar.mes .wd-7:last-child { border-radius:0 0 10px 0; }
#agenda .calendar.mes :nth-last-child(1 of .wd-1) { border-radius:0 0 0 10px; }

#agenda .calendar.semana .days .day_name { width:100%; position: absolute; left:0; top:0; }
#agenda .calendar.semana .days .day_num { border-right:none; border-left:1px solid #999; padding-top:80px; min-height:350px; }
#agenda .calendar.semana .days .day_num .add { top:45px; }
#agenda .calendar.semana .days .day_num span { top:45px; }

#agenda .calendar.semana .days .day_num:nth-child(7) { border-radius:0 10px 10px 0; overflow: hidden; border-right:1px solid #999; }
#agenda .calendar.semana.fds-1 .days .day_num:nth-child(1) { border-radius:10px 0 0 10px; }
#agenda .calendar.semana.fds-1 .days .day_num:nth-child(1) .day_name { border-radius:10px 0 0 0; }
#agenda .calendar.semana.fds-0 .days .day_num:nth-child(6) { border-right:1px solid #999; }
#agenda .calendar.semana.fds-0 .days .day_num:nth-child(2) { border-radius: 10px 0 0 10px; overflow: hidden; }
#agenda .calendar.semana.fds-0 .days .day_num:nth-child(6) { border-radius: 0 10px 10px 0; overflow: hidden; }
#agenda .calendar.semana .wd-7:last-child { border-radius:0 0 10px 0; }
#agenda .calendar.semana :nth-last-child(1 of .wd-1) { border-radius:0 0 0 10px; }


#agenda .calendar .days .day_num.ok { animation-name: drop-ok; animation-duration: 0.5s; background:#e0e0e0; }
@keyframes drop-ok { 0% { background-color:#e0e0e0; } 100% { background-color:#fff; } }

#agenda .calendar .days .day_num.erro { animation-name: drop-erro; animation-duration: 0.5s; background:#e0e0e0; }
@keyframes drop-erro { 0% { background-color:#ea5858; } 100% { background-color:#fff; } }


/* .events fica no root, por conta do dragula */
.event { position:relative; z-index: 2; width:100%; font-weight: 500; font-size: 14px; padding: 3px 6px; border-radius: 4px; background-color: #f7c30d; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-decoration: none; }
.event-list { display:flex; flex-direction: column; width:100%; overflow: hidden; position: relative; padding:1px 5px; height:30px; }
.event-list:after { display:none; position: absolute; left:calc(50% - 23px); top:calc(50% - 33px); content:"\f058"; color:green; background:#fff; border-radius:50px; border:4px solid #fff; font-family: "FontAwesome"; line-height:42px; font-size:42px; transition: all 300ms linear; opacity:0; }
.event-list.ok:after { opacity:1; display:block; animation-name: drop-ok; animation-duration: 0.5s; }
.empty { font-size:14px; position:absolute; z-index: 1; left:0; top:0; height:27px; line-height: 27px; vertical-align: middle; width:calc(100% - 10px); padding-left:5px; border-radius:5px;  border-bottom:1px dashed #e6e9ea; /*border:1px dashed #e6e9ea;*/ color:#999; }
.empty strong { margin-left:5px; }
.day_num .event-list:last-of-type .empty { border:none; }
.gu-transit { position:absolute !important; }
.event-list strong { font-weight:500; }


/*************************************************************************************************/
/* Evento                                                                                        */
/*************************************************************************************************/

#evento { padding:0px 20px 40px; }
#evento section { background:#fff; border-radius:15px; padding:25px; }
#evento .anexo { position: relative; }
#evento .anexo .bloco { min-height:200px; background-image:url(); background-repeat: no-repeat; background-size:cover; border:8px solid #fff; border-bottom-width: 3px; background-color:#fff; display:inline-block; position: relative; overflow: hidden; text-align: center; }
#evento .anexo .bloco:first-child { height:40px; min-height:40px; }
#evento .anexo .selecionar { position: absolute; left:0; top:0; border-bottom-width:8px; }
#evento .anexo .bloco span { position: absolute; top:5px; right:5px; }
#evento .anexo .nest .filename,
#evento .anexo .nest .filesize,
#evento .anexo .nest .tipo-anexo { display:none; font-size:16px; }
#evento .anexo .lista .filename,
#evento .anexo .lista .filesize,
#evento .anexo .lista .tipo-anexo { display: flex; flex-direction: column; }
#evento .anexo .lista .filename span:last-child { font-weight: 500; }
#evento .anexo .lista input[type=file],
#evento .anexo .lista select { display:none; }
#evento .anexo .botao { height:50px; width:50px !important; min-width:50px; margin-left:10px; font-size:30px; }
#evento .anexo .botao.del-btn { font-size:15px; border-radius:30px; }
#evento .anexo input,
#evento .anexo select,
#evento .anexo p { width:100%; }
#evento .anexo .nest { border-bottom:1px solid #dadada; padding-bottom:10px; }


/*************************************************************************************************/
/* Usuários                                                                                      */
/*************************************************************************************************/

#usuario { padding:0px 20px 40px; }
#usuario section { background:#fff; border-radius:15px; padding:25px; }
#usuario .colorPicker .btn { border-radius:0 10px 10px 0 !important; border:1px solid #dedede; }
#usuario .programa .botao { height:50px; width:50px !important; min-width:50px; margin-left:0; font-size:30px; }
#usuario .programa .botao.del-btn { font-size:15px; border-radius: 30px; }


/*************************************************************************************************/
/* Programas                                                                                     */
/*************************************************************************************************/

#programa { padding:0px 20px 40px; }
#programa section { background:#fff; border-radius:15px; padding:25px; }
#programa .colorPicker .btn { border-radius:0 10px 10px 0 !important; border:1px solid #dedede; }
#programa .programa .botao { height:50px; width:50px !important; min-width:50px; margin-left:0; font-size:30px; }
#programa .programa .botao.del-btn { font-size:15px; border-radius: 30px; }


/*************************************************************************************************/
/* Login                                                                                         */
/*************************************************************************************************/

#login { position:fixed; left:0; top:0; z-index:1; width:100vw; height:100vh; display:flex; align-items:center; justify-content:start; background:#333 url(../img/login-bg.jpg) no-repeat center right; background-size:cover; overflow:auto; }
#login section { position:relative; height:100vh; background:#fff; display:flex; align-items:center; margin:0 5%; }
#login .formulario { position:relative; z-index:2; background:#fff; border-radius:45px; padding:50px 40px; max-width:400px; }
#login .formulario .logo { margin-top:15px; display:flex; align-items:center; flex-direction:column; }
#login .formulario img { max-width:285px; }
#login .ou { width:100%; padding:15px 0; background:linear-gradient(180deg, rgba(0,0,0,0) calc(50% - 1px), rgba(150,150,150,1) calc(50%), rgba(0,0,0,0) calc(50%)); text-align:center;}
#login .ou span { display:inline-block; padding:0 20px; background:#fff; }

.slick-dots > li { display:inline-block; }
.slick-dots > li:only-child { display:none; }

.scroll-top { opacity:0; right:-100px; position:fixed; bottom:30px; transform:translateX(100px); transition:all 400ms cubic-bezier(0.25, 0.1, 0.25, 1); cursor:pointer; }
.scroll-top.active { opacity:1; right:30px; transform:translateX(0); }

/* Aceite de cookies */
#aceite-cookies { display:none; background:#fff; position:fixed; left:0; bottom:0; z-index:999; width:100%; box-shadow:2px 5px 15px 0px #333; padding:10px 15px; font-weight:300; }
#aceite-cookies a { color:#6f7072; }
#aceite-cookies a.btn-verde { color:#fff; margin-top:0; }
#aceite-cookies a.btn-verde:hover { color:#0E3D25; }

/* Switches desktop/mobile */
.desktop { display:inherit !important; }
.mobile { display:none !important; }

.prevent-select { -webkit-user-select: none; -ms-user-select: none; user-select: none; }

/* XL */
@media (max-width:1200px) {

}

/* LG */
@media (max-width:992px) {

	/* body { padding-top:60px; } */

	.botao.voltar span,
	.botao.inserir span { display:none; }
	.botao.voltar,
	.botao.inserir { height:50px; min-width:50px; max-width:50px !important; display: flex; align-items: center; justify-content: center; border-radius:30px; }
	.botao.voltar .icon,
	.botao.inserir .icon { display:flex; }

	#agenda section,
	#usuario section,
	#programa section { padding:15px; }



	/* Switches desktop/mobile */
	.desktop { display:none !important; }
	.mobile { display:inherit !important; }

	.msg .texto { width:90vw; }

	.numeracao li { display: none; }
	.numeracao li.previous,
	.numeracao li.next { display: inline-block; }
	.numeracao .pager { display:inline-block; }

	#agenda .menu-preferencias { transform: none !important; top:55px !important; left:calc(50% - 130px) !important; }
}

/* MD */
@media (max-width:768px) {

	body { padding-top:80px; background:#fff; }
	html { width:100vw; overflow-x: hidden; }

	header .menu .logo-2 { display: flex; align-items:center; justify-content:center; margin:40px 0; }
	header .menu { display: block; position: fixed; left:0; top:0; width:100%; height:100vh; background:#333; }
	header .menu .botao { margin-top:20px; height:40px; padding-top:5px; }
	header .menu .botao.fechar-btn { display:flex; align-items: center; justify-content: center; width:40px; padding:10px; position: fixed; right:20px; top:20px; }
	header .menu .botao.fechar-btn .icon { display:flex; font-size:20px; }

	#login section { margin:0; }

	
	#agenda,
	#programa,
	#usuario { padding:10px; }
	
	#agenda section,
	#programa section,
	#usuario section { border-radius: 0; padding:10px; }

	#evento { padding:0; }
	#evento section { border-radius: 0; padding:10px; }
	#evento input[type=file] { margin-top:5px; }

	#agenda .calendar .days .day_name { padding:5px 0; text-align: center; }
	#agenda .calendar .days .day_num { padding: 40px 5px 5px; min-height: 100px; }
	#agenda .calendar.semana .days { display: block; }
	#agenda .calendar.semana .days .day_name { width:100%; border:1px solid #777; border-radius:10px 10px 0 0; }
	#agenda .calendar.semana .days .day_num { min-height:50px; width:100%; border:1px solid #e6e9ea; margin-bottom:10px; border-radius:10px !important; }
	#agenda .calendar.semana .days .event-list { /*padding:15px;*/ }
	#agenda .calendar.semana .days .day_num .add { opacity:1; top:40px; left:auto; right:10px; }

	#agenda .calendar.semana.fds-0 .days .day_num.wd-2 { border-left:1px solid #e6e9ea !important; }
	#agenda .calendar.semana.fds-0 .days .day_num:nth-child(6), 
	#agenda .calendar.semana .days .day_num:nth-child(7) { border-right:1px solid #e6e9ea !important; }
	#agenda .calendar.semana.fds-1 .days .day_num:nth-child(1) .day_name { border-radius:10px 10px 0 0; }


	#agenda .calendar.mes .days .event-list { /*padding:15px;*/ height:auto; }
	#agenda .calendar.mes .event-list .event em { display:none; }
	#agenda .calendar.mes .event-list .empty { display:none; }
	/* 
	#agenda .calendar.semana .days .day_num:nth-child(1) { border-radius:10px 0 0 10px; overflow: hidden; }
	#agenda .calendar.semana .days .day_num:nth-child(7) { border-radius:0 10px 10px 0; overflow: hidden; } 
	*/

	#agenda .container .seletor { position: relative; display: flex; align-items: center; justify-content: center; width:100%; right:auto; padding:15px 0; }

	h1 { font-size:18px; }

}

@media (max-width:680px) {

}

/* SM */
@media (max-width:576px) {
	#agenda .calendar.mes .event-list .event { width:20px; height:20px; overflow: hidden; border-radius:20px; text-indent: 100px; margin:0 auto; }
	#agenda .calendar.mes .days .day_num span { text-align: center; }
}


/* XS */
@media (max-width:425px) {

}
