#app {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}


body {
  background:#ffffff;
  min-height:100vh;
  font-family: 'Roboto', sans-serif;
}

img { width:100%; height:auto; display:block; }


.button.is-primary { background-color:#1cc4cf; }
.flex { display: flex; justify-content: space-between; }
.align-center { align-items: center; }
.hand { cursor: pointer; }

.container {max-width:1260px;}

.home{position: relative;padding: 10px 0 20px; display: flex; justify-content: space-between; z-index:2;}


.link-item {display:inline-block;margin:0 0 10px 10px;/* position: relative; */user-select: none;}
.link-item a { display: block; width: 61px; }
.link-item a ins {white-space: nowrap; display: block; text-decoration: none; font-style:normal; overflow: hidden; color: #fff; font-size: 12px; text-align: center; margin:0; height:15px; }
.link-item i { display:none; position: absolute; top:-5px; width:10px; height:10px; background: #ccc; border-radius: 50%; text-align:center; line-height:10px; cursor:pointer;}

.favicon { display:inline-block; border:5px solid #fff; border-radius:7px; width:61px; height:61px;background: #fff; box-shadow:0px 0px 3px 1px rgba(0,0,0,0.15); transition: .3s; user-select: none; overflow: hidden; }
.favicon:hover { border-color:#30cecc; }
.favicon img {width: 100%; height: 100%; display: block; object-fit: cover;}
.favicon img[src*=img\.youtube\.com] { height:calc(100% + 20px); margin-top:-10px; }
.favicon p {
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
  font-size: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  background: #e60023;
  font-weight: bold;
}


.page-dashboard .page-bg {
content:'';
position: fixed;
top:82px;
left:0;
right:0;
bottom:0;
background-repeat:no-repeat;
background-position: center;
background-size:cover;
 }

body.tema1 .page-dashboard { background-color:#fff;  }
body.tema1 .theme-bg-2:before { background-color:#f2f2f2; }
body.tema1 .theme-color-2 { color:#333; }
body.tema1 .theme-color-2 path { fill:#333; }
body.tema1 .theme-bg-3 { background-color:#00b3bc; }
body.tema1 .theme-color-3 { color:#fff; }
body.tema1 .theme-color-3 path { fill:#fff; }
body.tema1 .theme-bg-4 { background-color:#009393; }
body.tema1 .theme-color-4 { color:#fff; }
body.tema1 .theme-color-4 path { fill:#fff; }

body.tema2 .page-dashboard { background-color:#191919;  }
body.tema2 .theme-bg-2:before { background-color:#333;  }
body.tema2 .theme-color-2 { color:#fff; }
body.tema2 .theme-color-2 path { fill:#fff; }
body.tema2 .theme-bg-3 { background-color:#333; }
body.tema2 .theme-color-3 { color:#fff; }
body.tema2 .theme-color-3 path { fill:#fff; }
body.tema2 .theme-bg-4 { background-color:#333; }
body.tema2 .theme-color-4 { color:#fff; }
body.tema2 .theme-color-4 path { fill:#fff; }
body.tema2 .theme-bg-2 .category-header { border-color:#444;}

body.tema3 .page-dashboard { background-color:#00d5d9;  }
body.tema3 .theme-bg-2:before { background-color:#00b3bc; }
body.tema3 .theme-color-2 { color:#333; }
body.tema3 .theme-color-2 path { fill:#333; }
body.tema3 .theme-bg-3 { background-color:#00b3bc; }
body.tema3 .theme-color-3 { color:#fff; }
body.tema3 .theme-color-3 path { fill:#fff; }
body.tema3 .theme-bg-4 { background-color:#00b3bc; }
body.tema3 .theme-color-4 { color:#fff; }
body.tema3 .theme-color-4 path { fill:#fff; }


body.tema4 .page-dashboard { background-color:#333333;  }
body.tema4 .theme-bg-2:before { background-color:#f2f2f2; }
body.tema4 .theme-color-2 { color:#333; }
body.tema4 .theme-color-2 path { fill:#333; }
body.tema4 .theme-bg-3 { background-color:#ffffff; }
body.tema4 .theme-color-3 { color:#333; }
body.tema4 .theme-color-3 path { fill:#333; }
body.tema4 .theme-bg-4 { background-color:#009393; }
body.tema4 .theme-color-4 { color:#fff; }
body.tema4 .theme-color-4 path { fill:#fff; }

body.tema5 .page-dashboard { background-color:#f2f2f2;  }
body.tema5 .theme-bg-2:before { background-color:#d57dff; }
body.tema5 .theme-color-2 { color:#fff; }
body.tema5 .theme-color-2 path { fill:#fff; }
body.tema5 .theme-bg-3 { background-color:#d57dff; }
body.tema5 .theme-color-3 { color:#fff; }
body.tema5 .theme-color-3 path { fill:#fff; }
body.tema5 .theme-bg-4 { background-color:#d57dff; }
body.tema5 .theme-color-4 { color:#fff; }
body.tema5 .theme-color-4 path { fill:#fff; }

body.tema6 .page-dashboard { background-color:#1a1a1a;  }
body.tema6 .theme-bg-2:before { background-color:#1a1a1a; border:1px solid #00ffff; }
body.tema6 .theme-color-2 { color:#00ffff; }
body.tema6 .theme-color-2 path { fill:#00ffff; }
body.tema6 .theme-bg-3 { background-color:#1a1a1a; border:1px solid #00ffff; }
body.tema6 .theme-color-3 { color:#00ffff; }
body.tema6 .theme-color-3 path { fill:#fff; }
body.tema6 .theme-bg-4 { background-color:#1a1a1a; }
body.tema6 .theme-color-4 { color:#fff; }
body.tema6 .theme-color-4 path { fill:#fff; }
body.tema6 .theme-bg-2 .category-header { border-color:#00ffff; }
body.tema6 .grid-item-box { box-shadow: 0px 0px 5px 3px rgba(0, 255, 255, 0.65) }
body.tema6 .widgets-content  { box-shadow: 0px 0px 5px 3px rgba(0, 255, 255, 0.65) }
body.tema6 .textlinks-content  { box-shadow: 0px 0px 5px 3px rgba(0, 255, 255, 0.65) }
body.tema6 .tasks-content  { box-shadow: 0px 0px 5px 3px rgba(0, 255, 255, 0.65) }
body.tema6 .suggested-icons  { box-shadow: 0px 0px 5px 3px rgba(0, 255, 255, 0.65) }



body.tema12 .page-dashboard { background-color:#f2f2f2;  }
body.tema12 .theme-bg-2:before { background-color:#ff2ef7; }
body.tema12 .theme-color-2 { color:#fff; }
body.tema12 .theme-color-2 path { fill:#fff; }
body.tema12 .theme-bg-3 { background-color:#ff2ef7; }
body.tema12 .theme-color-3 { color:#fff; }
body.tema12 .theme-color-3 path { fill:#fff; }
body.tema12 .theme-bg-4 { background-color:#ff2ef7; }
body.tema12 .theme-color-4 { color:#fff; }
body.tema12 .theme-color-4 path { fill:#fff; }


body.tema13 .page-dashboard { background-color:#ffffff;  }
body.tema13 .theme-bg-2:before { background-color:#f2f2f2; }
body.tema13 .theme-color-2 { color:#333; }
body.tema13 .theme-color-2 path { fill:#333; }
body.tema13 .theme-bg-3 { background-color:#f2f2f2; }
body.tema13 .theme-color-3 { color:#333; }
body.tema13 .theme-color-3 path { fill:#333; }
body.tema13 .theme-bg-4 { background-color:#f2f2f2; }
body.tema13 .theme-color-4 { color:#333; }
body.tema13 .theme-color-4 path { fill:#333; }


body.tema14 .page-dashboard { background-color:#273367;  }
body.tema14 .theme-bg-2:before { background-color:#43549C;  border:1px solid #78F0F9; }
body.tema14 .theme-color-2 { color:#fff; }
body.tema14 .theme-color-2 path { fill:#fff; }
body.tema14 .theme-bg-3 { background-color:#f2f2f2; border:1px solid #78F0F9; }
body.tema14 .theme-color-3 { color:#333; }
body.tema14 .theme-color-3 path { fill:#333; }
body.tema14 .theme-bg-4 { background-color:#43549C; }
body.tema14 .theme-color-4 { color:#fff; }
body.tema14 .theme-color-4 path { fill:#fff; }


body.tema15 .page-dashboard .page-bg { background-image:url('images/bandeira-flamengo.jpg'); background-position:top center; background-color:#0a0000; }
body.tema15 .theme-bg-2:before { background-color:#000; border:1px solid #990000;  }
body.tema15 .theme-color-2 { color:#ffffff; }
body.tema15 .theme-color-2 path { fill:#ffffff; }
body.tema15 .theme-bg-3 { background-color:#000; }
body.tema15 .theme-color-3 { color:#e60000; }
body.tema15 .theme-color-3 path { fill:#e60000; }
body.tema15 .theme-bg-4 { background-color:#cc0000; }
body.tema15 .theme-color-4 { color:#fff; }
body.tema15 .theme-color-4 path { fill:#fff; }
body.tema15 .theme-bg-2 .category-header { border-color:#990000;}


body.tema16 .page-dashboard .page-bg { background-image:url('images/bg2020-01-29.jpg'); background-position:top center; background-color:#ffffff; }
body.tema16 .page-dashboard { background-color:#ffffff;  }
body.tema16 .theme-bg-2:before { background-color:#f2f2f2; }
body.tema16 .theme-color-2 { color:#ffffff; }
body.tema16 .theme-color-2 path { fill:#ffffff; }
body.tema16 .theme-bg-3 { background-color:#f2f2f2; }
body.tema16 .theme-color-3 { color:#ffffff; }
body.tema16 .theme-color-3 path { fill:#ffffff; }
body.tema16 .theme-bg-4 { background-color:#f2f2f2; }
body.tema16 .theme-color-4 { color:#ffffff; }
body.tema16 .theme-color-4 path { fill:#ffffff; }


body .grid .grid-textColor-white .theme-color-2 { color:#fff; }
body .grid .grid-textColor-white .theme-color-2 path { fill:#fff; }
body .grid .grid-textColor-black .theme-color-2 { color:#333; }
body .grid .grid-textColor-black .theme-color-2 path { fill:#333; }
body .grid .grid-textColor-blue .theme-color-2 { color:#0ff; }
body .grid .grid-textColor-blue .theme-color-2 path { fill:#0ff; }

.page-transparency-40 .aside-content-background { opacity: .6}
.page-transparency-0 .aside-content-background { opacity: 1;}
.page-transparency-100 .aside-content-background { opacity: 0;}

.page-transparency-40 .aside-content-background { opacity: .6}
.page-transparency-0 .aside-content-background { opacity: 1;}
.page-transparency-100 .aside-content-background { opacity: 0;}
body .page-textColor-white .theme-color-4 { color:#fff; }
body .page-textColor-white .theme-color-4 path { fill:#fff; }
body .page-textColor-black .theme-color-4 { color:#333; }
body .page-textColor-black .theme-color-4 path { fill:#333; }
body .page-textColor-blue .theme-color-4 { color:#0ff; }
body .page-textColor-blue .theme-color-4 path { fill:#0ff; }


.modal {}
.modal-card { background: #f2f2f2; border-radius:10px;}
.modal-card-head { border-color:#ccc; }
.modal-card-title { color:#333; }
.modal-card-body{ background:inherit; }
.modal-card-body .control{ width:100%; }
.modal-card-foot{  border-color:#ccc;}

body.is-mobile .modal-card-title {   flex-shrink: 1; }
body.is-mobile .page-dashboard .page-bg { top:48px; bottom:52px;}


@media (max-width:1365px){
  .container {max-width:1200px;}

}
@media (max-width:991px){
  .container {max-width:100%;}
}



.btn-survey {
  position: fixed;
  bottom: 0;
  right: 10px;
  z-index: 3;
}
.btn-survey a {
  display: block;
  background: #00b3bc;
  color: #fff;
  padding: 10px;
  font-size: 12px;
}
.btn-survey span {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #fff;
  height: 15px;
  width: 15px;
  line-height: 15px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0px 0px 2px rgba(0,0,0,.3);
  cursor: pointer;
}

@keyframes isEditing {
  0%{transform: rotate(0deg)}
  33%{  transform: rotate(-3deg)}
  66%{transform: rotate(3deg) scale(1.01)  }
  99.99%{transform: rotate(0deg)}
}