.imgcircle {
            border-radius: 100%;
        }

        .filtrobola {
            font-size: 16px;
            position: relative;
            top: 2px;
            color: #d10c04;
        }

        #voltarchat, #voltarmenu2 {
            color: white;
            display: block;
            padding-left: 15px;
        }

        #iframeagenda, .meuiframe, #iframesingleteste {
            border: none;
            width: 100%;
            max-height: calc(100vh - 75px);
            overflow-y: scroll;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch;
        }

        .pagina {
            margin-bottom: 10px;
            display: none;
        }

        .pd-15 {
            padding-left: 20px;
            padding-right: 20px;
        }

        .pd-0 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .img-fluid {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        #div_post {
            max-height: calc(100vh - 120px);
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            padding-top: 15px;
        }

        .fundo-img {
            background-color: #ddd;
        }

        .pagina {
        	background: #FFF;
        }

        #page_login, #page_esqueceusenha {
			background-color: rgb(48, 96, 177);
			height: 100vh;
			width: 100vw;
			position: fixed;
			top: 0;
			left: 0px;
			vertical-align: middle;
			z-index: 99999999;
			background: url(../images/background.jpg);
			background-size: auto 100vh;
			margin-top: 0px;
		}

            #page_login .card, #page_esqueceusenha .card {
                margin-top: 100px;
                background-color: transparent;
            }




        #senha::placeholder, #email::placeholder {
            color: inherit;
        }

        #divMenu {
            width: 800px;
            height: 60px;
            position: absolute;
            top: 400px;
            border: none;
            text-align: center;
            padding: 10px 20px 20px;
            background-color: rgb(210, 0, 5);
            z-index: 9999;
            left: calc(50vw - 400px);
            display: block;
            border-radius: 10px;
            -webkit-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.5);
			-moz-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.5);
			box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.5);
        }
		
		#divTop {
            width: 100vw;
            height: 125px;
            position: fixed;
            top: 40px;
            border: none;
            text-align: center;
            padding: 8px 20px 20px 8px;
            background: #FFF;
            z-index: 996;
            left: 0px;
            display: block;
        }
		
		.container-fluid {
			max-width: 400px;
		}
		
		.topbar .top-navbar {
			max-width: 100vw;
		}
		
		#leftsidebar .row {
			cursor:pointer;
		}
		
		a, #filtros_form h4 {
			cursor:pointer
		}
		
		.col-25 {
			width: 19.7% !important;
			flex: none;
			max-width: none;
			display: inline-block;
		}
		
		.col-25 a, .col-25 i {
            color:#FFF!important
        }

        .col-24 {
            width: 25% !important;
            flex: none;
            max-width: none;
        }
		
		.col-24 a, .col-24 i {
            color:#FFF!important
        }
		
		.topbar {
			background: rgb(210, 0, 5)!important;
		}
		
		.form-group label {
			    margin-bottom: 0px!important;
		}
		
		.topbar .top-navbar {
			min-height: 50px;
		}
		
		.card .body, .body h5, .body h4 {
			color: #FFF!important
		}
		
		.page-wrapper {
			padding-top: 50px;
		    background: #FFF!important;
		    border:none;
		}
		
		#leftsidebar {
			background: rgb(255, 255, 255)!important;
		}
		
		#leftsidebar span {
			color: #333!important;
		}

		#leftsidebar {
			top: 0px;
			height:auto;
		}
		
		.form-group {
			margin-bottom: 15px;
		}
		
		.form-control {
			height: calc(2rem + 2px);
		}
		
		.bordavermelha {
			border: 2px solid red!important;
		}

        .eventoshow {
            position: fixed;
            left: calc(50vw - 240px);
            top: 50px;
            z-index: 999999;
            width: 480px;
        }

        .close33 {
		    position: absolute;
		    top: -28px;
		    right: -23px;
		    color: #f1f1f1;
		    font-size: 40px;
		    font-weight: bold;
		    transition: 0.3s;
		    z-index: 9999999;
		}

        .slick-dotted.slick-slider {
            margin-bottom: 0px;
        }
		
		.slick-slider {
			touch-action: auto;
			-ms-touch-action: auto;
		}
		
		.bg-red, .btn-red {
			background-color:  rgb(210, 0, 5)!important;
			color: #fff;
		}
		
		.tri-right.border.left-top:before {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
		  left: -40px;
			right: auto;
		  top: -8px;
			bottom: auto;
			border: 32px solid;
			border-color: #666 transparent transparent transparent;
		}
		.tri-right.left-top:after{
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
		  left: -20px;
			right: auto;
		  top: 0px;
			bottom: auto;
			border: 22px solid;
			border-color: lightyellow transparent transparent transparent;
		}

		/* Right triangle, left side slightly down */
		.tri-right.border.left-in:before {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
		  left: -40px;
			right: auto;
		  top: 30px;
			bottom: auto;
			border: 20px solid;
			border-color: #666 #666 transparent transparent;
		}
		.tri-right.left-in:after{
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
		  left: -20px;
			right: auto;
		  top: 38px;
			bottom: auto;
			border: 12px solid;
			border-color: lightyellow lightyellow transparent transparent;
		}

		/*Right triangle, placed bottom left side slightly in*/
		.tri-right.border.btm-left:before {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
			left: -8px;
		  right: auto;
		  top: auto;
			bottom: -40px;
			border: 32px solid;
			border-color: transparent transparent transparent #666;
		}
		.tri-right.btm-left:after{
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
			left: 0px;
		  right: auto;
		  top: auto;
			bottom: -20px;
			border: 22px solid;
			border-color: transparent transparent transparent lightyellow;
		}

		/*Right triangle, placed bottom left side slightly in*/
		.tri-right.border.btm-left-in:before {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
			left: 30px;
		  right: auto;
		  top: auto;
			bottom: -40px;
			border: 20px solid;
			border-color: #666 transparent transparent #666;
		}
		.tri-right.btm-left-in:after{
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
			left: 38px;
		  right: auto;
		  top: auto;
			bottom: -20px;
			border: 12px solid;
			border-color: lightyellow transparent transparent lightyellow;
		}

		/*Right triangle, placed bottom right side slightly in*/
		.tri-right.border.btm-right-in:before {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
		  left: auto;
			right: 30px;
			bottom: -40px;
			border: 20px solid;
			border-color: #666 #666 transparent transparent;
		}
		.tri-right.btm-right-in:after{
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
		  left: auto;
			right: 38px;
			bottom: -20px;
			border: 12px solid;
			border-color: lightyellow lightyellow transparent transparent;
		}
		/*
			left: -8px;
		  right: auto;
		  top: auto;
			bottom: -40px;
			border: 32px solid;
			border-color: transparent transparent transparent #666;
			left: 0px;
		  right: auto;
		  top: auto;
			bottom: -20px;
			border: 22px solid;
			border-color: transparent transparent transparent lightyellow;

		/*Right triangle, placed bottom right side slightly in*/
		.tri-right.border.btm-right:before {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
		  left: auto;
			right: -8px;
			bottom: -40px;
			border: 20px solid;
			border-color: #666 #666 transparent transparent;
		}
		.tri-right.btm-right:after{
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
		  left: auto;
			right: 0px;
			bottom: -20px;
			border: 12px solid;
			border-color: lightyellow lightyellow transparent transparent;
		}

		/* Right triangle, right side slightly down*/
		.tri-right.border.right-in:before {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
		  left: auto;
			right: -40px;
		  top: 30px;
			bottom: auto;
			border: 20px solid;
			border-color: #666 transparent transparent #666;
		}
		.tri-right.right-in:after{
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
		  left: auto;
			right: -20px;
		  top: 38px;
			bottom: auto;
			border: 12px solid;
			border-color: lightyellow transparent transparent lightyellow;
		}

		/* Right triangle placed top right flush. */
		.tri-right.border.right-top:before {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
		  left: auto;
			right: -40px;
		  top: -8px;
			bottom: auto;
			border: 32px solid;
			border-color: #666 transparent transparent transparent;
		}
		.tri-right.right-top:after{
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
		  left: auto;
			right: -20px;
		  top: 0px;
			bottom: auto;
			border: 20px solid;
			border-color: lightyellow transparent transparent transparent;
		}

		/* talk bubble contents */
		.talktext {
			padding: 10px;
			text-align: left;
			line-height: 17px;
		}
		.talktext p{
		  /* remove webkit p margins */
		  -webkit-margin-before: 0em;
		  -webkit-margin-after: 0em;
		}

		.nav > li > a {
            position: relative;
            display: block;
            padding: 10px 11px;
        }
        .fixadobottom {
            position: fixed;
            bottom: 0px;
            z-index: 9999999;
            left: 0px;
            width: 100vw;
            height: calc(100vh - 50px);
        }

        .pulsating-circle:before {
            content: '';
            position: relative;
            display: block;
            width: 300%;
            height: 300%;
            box-sizing: border-box;
            margin-left: -100%;
            margin-top: -100%;
            border-radius: 20px;
            background-color: lime;
            animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
          }

          .pulsating-circle:after {
            content: '';
            position: absolute;
            left: 0; 
            top: 0;
            display: block;
            width: 100%;
            height: 100%;
            background-color: lime;
            border-radius: 10px;
            box-shadow: 0 0 8px rgba(255,255,255,.3);
            animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
          }

        .pulsating-circle {
            position: absolute;
            right: 6px;
            bottom: 6px;
            transform: translateX(-50%) translateY(-50%);
            width: 10px;
            height: 10px;
        }

        @keyframes pulse-ring {
          0% {
            transform: scale(.33);
          }
          80%, 100% {
            opacity: 0;
          }
        }

        @keyframes pulse-dot {
          0% {
            transform: scale(.8);
          }
          50% {
            transform: scale(1);
          }
          100% {
            transform: scale(.8);
          }
        }

        .divimginicial {
            background:#FFF;border-radius:100%;width: 54px;height: 54px;text-align: center;padding-top: 7px;padding-left:7px;display:block;margin:0 auto;
        }

        .divprininicial span {
            font-size: 12px;display:block;line-height: 13px;white-space: normal;text-align: center;cursor:pointer;
        }

        .imginicial {
            height:40px;width:40px;display: block;;
        }

        .divprininicial {
            vertical-align: middle;
            display: inline-block;
            margin-left: 25px;
            width: 64px;
            height: 84px;
            cursor:pointer;
        }

        .flot-x-axis .tickLabel {
            font-size: 10px;
            text-align: center;
            transform: rotate(90deg);
            transform-origin: center center 0;
            white-space: nowrap;
            height:30px;
        }

         .flot-y-axis .tickLabel {
            font-size: 10px;
        }

        .sticky {
		  position: fixed!important;
		  top: 10px!important;
		}
		
		.chatbox {
		    width: 100%;
			margin: 25px auto;
			margin-top: 0px;
			background: #7f8c8d;
			padding: 20px;
			text-align: center;
			border-radius: 10px;
			line-height: 18px;
			color: #fff;
			position: relative;
		}
		
		.chatbox:before {
		  content: "";
		  width: 0px;
		  height: 0px;
		  position: absolute;
		  border-left: 10px solid #7f8c8d;
		  border-right: 10px solid transparent;
		  border-top: 10px solid #7f8c8d;
		  border-bottom: 10px solid transparent;
		  left: 12px;
		  bottom: -19px;
		}

		#wrappertop {
			width: 100vw;
			height: 300px;
			background-color: #ddd;
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 9997;
		}

		#wrapper_bu {
		    height: 300px;
		    position: absolute;
		    top: 0px;
		    left: calc(50vw - 640px);
		    width: 1280px;
		}

		@media (max-width: 800px) {
			#wrapper_bu {
			    left: calc(50vw - 400px);
			    width: 800px;
			}
		}

		@media (max-width: 600px) {
			#wrapper_bu {
			    left: calc(50vw - 300px);
			    width: 600px;
			}
		}

		@media (max-width: 480px) {
			#wrapper_bu {
			    left: calc(50vw - 240px);
			    width: 480px;
			}

			#divMenu {
			    width: 100vw;
			    height: 60px;
			    position: fixed;
			    top: 0px;
			    border: none;
			    text-align: center;
			    padding: 8px 20px 20px;
			    background-color: rgb(210, 0, 5);
			    z-index: 997;
			    left: 0px;
			    display: block;
			}

			.eventoshow {
	            position: fixed;
	            left: 0px;
	            top: 70px;
	            z-index: 999999;
	            width: calc(100vw - 6px);
	        }
			
			 .eventoshow {
				position: fixed;
				left: 0px!important;
				top: 70px;
				z-index: 999999;
			}
        }