/*=========================================================================================
    File Name: laravel-menu.scss
    Description: laravel Specific menu styles
    ----------------------------------------------------------------------------------------
    Item name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/

/*========================================================
        DARK LAYOUT
=========================================================*/
.drag-target{
  cursor:grab !important;
}

body.vertical-layout.vertical-menu-modern .horizontal-menu-wrapper {
  display: none;
}

.horizontal-menu > .main-menu {
  display: none;
}

.horizontal-menu .fixed-top {
  left: 0;
}

html body.navbar-static .app-content .header-navbar {
  background: transparent;
  box-shadow: none !important;
}

@media (max-width: 575.98px) {
  body.vertical-layout:not(.horizontal-layout).navbar-floating .header-navbar {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
  }
  .img-navbar{
    margin-top: 7px !important;
    margin-left: 10% !important;
    width: 10% !important;
  }
}

@media (max-width: 575.98px) {
  body.vertical-layout:not(.horizontal-layout).navbar-floating .header-navbar {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
  }
}
.menu-mobile{
  display: none;
}
/*
@media(max-width: 900px){
  .menu-mobile{
    display: block !important;
  }
}
*/
@media(max-width: 1199.98px){
  .menu-mobile{
    display: block !important;
  }
}

/*************************************************************/
/**********************CSS Customizado************************/
/*************************************************************/
.bg-danger{
  background-color: #cc1b10 !important;
}

.main-menu.menu-light .navigation > li.active > a {
  background: linear-gradient(118deg, rgb(234, 84, 85), rgba(234, 84, 85, 0.7));
  /* box-shadow: rgba(234, 84, 85, 0.7) 0px 0px 10px 1px; */
  color: #fff;
  font-weight: 400;
  border-radius: 4px;
}

.main-menu.menu-light .navigation > li ul .active {
  background: linear-gradient(118deg, rgb(234, 84, 85), rgba(234, 84, 85, 0.7));
  box-shadow: rgba(234, 84, 85, 0.7) 0px 0px 10px 1px;
  border-radius: 4px;
}

.main-menu .navbar-header .navbar-brand .brand-text {
  color: #ea5455;
  padding-left: 1rem;
  font-weight: 600;
  letter-spacing: 0.01rem;
  font-size: 1.57rem;
  -webkit-animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
  animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
}

.form-control:focus:not(.btn){
  border-color: #ea5455 !important;
  background-color: #FFFFFF !important;
}

input:-internal-autofill-selected {
  appearance: menulist-button;
  background-color: #FFFFFF !important;
  background-image: none !important;
  color: #FFFFFF !important;
}

.feather-input{
  color: #ea5455 !important;
}

.background-login{
    background-image: url(../images/backgrounds/background-login.jpg);
    border-bottom: none;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
}

.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:hover, .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:active {
    background: #ea5455 !important;
}

.breadcrumb {
  border-left: 1px solid #D6DCE1;
}

.nav.nav-tabs .nav-item .nav-link.active {
  color: #dbac00;
}

.nav.nav-tabs .nav-item .nav-link.active:after {
  background: linear-gradient(30deg, #dbac00, rgba(255, 200, 0, 0.5)) !important;
  box-shadow: 0 0 8px 0 rgba(255, 200, 0, 0.5) !important;
}

/** Scrollbar **/
/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #FFFFFF;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ea5455;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #dbac00;
}

@media (orientation: portrait) and (max-device-width: 380px) {
  .div-body-analytics{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.select2-container--classic.select2-container--focus, .select2-container--default.select2-container--focus {
  outline: 0;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.overlay-custom{
  text-align: center;
  vertical-align: middle;
  padding-top: 25%;
  position: fixed;
  opacity: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,1);
  cursor: pointer;
  -webkit-transition: all .7s;
  transition: all .7s;
  z-index: 1;
}

.help-block ul li {
  list-style-type: none;
  color: #ea5455;
  font-size: .875rem;
  padding-top: .2rem;
  min-height: 2rem;
}

.ul-alert{
  padding: 0;
}

.bg-rgba-gold {
  background: rgba(255, 255, 25, 0.15) !important;
}

.bg-gold {
  background-color: #ffd700 !important;
}

.text-gold{
  color: #ffd700 !important;
}

.gold{
  color: #ffd700 !important;
}

.ocean{
  color: rgb(42, 14, 227) !important;
}

.blackberry{
  color: #700d56 !important;
}

.text-ellipsis{
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.legenda-atingimento-meta{
  cursor: pointer;
  font-size: smaller;
  color: rgb(55, 61, 63);
  font-weight: 500;
}

.teste {
  color: #7344ad;
  color: #55cbc5;
  color: #F10E6D;
  color: #DFF10E;
  color: #8ec44d;
  color: #0EF192;
  color: #bc454b;
  color: #200EF1;
  color: #BD4FC2;
  color: #06C2A2;
  color: #2FD03C;
}

.time-gold-spoon{
  width: 35px !important;
  justify-content: center !important;
}


.salvar_alteracoes, #cancelar{
  display:none;
}

.form_blade{
  width: 100%;
}

.col-mid-form{
  float: left;
  padding: 0 10px 0 0;
  margin: 0;
}

.col-no-padding{
  padding:0;
}

.integracao_link_envio{
  width: 150px;
  float: none;
  margin: 0 auto;
}

.situacao, .integrar_novamente{
  font-size: 12px;
  width: 100px;
}

.dataTextarea{
  width: 300px;
  margin: 0 auto;
}

.idparametro{
  width: 50px;
  border: none;
  background:none;
}

.criptografado{
  float: none;
  width: 80px;
  margin: 0 auto;
}

.excluir,.editar, .visualizar, .cancelar{
  font-size: 20px;
  margin: 0 10px 0 0;
}

.file-upload-indicator{
  display: none !important;
}

/*
.sorting_1{
  text-align: center;
}
*/

.krajee-default.file-preview-frame {
  margin: initial !important;
  margin-top: 3px !important;
}

/*Linha Drag&Drop*/

.table-dragdrop tr {
  cursor: pointer;
}
.table-dragdrop tr.placeholder {
  display: block;
  background: red;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
}
.table-dragdrop tr.placeholder:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: red;
  margin-top: -5px;
  left: -5px;
  border-right: none;
}
.table-dragdrop .dragged {
  position: absolute;
  top: 0;
  opacity: 0.5;
  z-index: 2000;
}

/*Linha Drag&Drop - Fim*/

.custom-file-label::after {
  left: 0;
  right: auto;
  border-left-width: 0;
  border-right: inherit;
  content: "Arquivos" !important;
}

.custom-file-label {
  text-align: center;
}

.custom-file-label{
  cursor: pointer;
}

.custom-file-input:focus{
  border-color: red !important;
}

.display-none{
  display: none !important;
  visibility: hidden !important;
}

.textarea-transparent{
  border: none;
  background-color: transparent !important;
  outline: none;
}

.carousel-indicators{
  bottom: -50px;
}
.carousel-indicators li{
  background-color: #ea5455;
}

/*Scrollbar home*/
.chat-application .chat-app-window .user-chats {
  padding : 10px 20px;
  position : relative;
  text-align : center;
  height : 440px;
  overflow: hidden;
}
.chat-application .chat-app-window .user-chats .chats {
  padding : 0;
}
.chat-application .chat-app-window .user-chats .chats .chat-body {
  display : block;
  margin : 10px 30px 0 0;
  overflow : hidden;
}
.chat-application .chat-app-window .user-chats .chats .chat-body .chat-content {
  text-align : left;
  display : block;
  float : right;
  padding : 0.75rem 1rem;
  margin : 0 20px 10px 0;
  clear : both;
  color : #FFFFFF;
  background : -webkit-linear-gradient(332deg, #7367F0, rgba(115, 103, 240, 0.7));
  background :         linear-gradient(118deg, #7367F0, rgba(115, 103, 240, 0.7));
  border-radius : 0.5rem;
  box-shadow : 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.chat-application .chat-app-window .user-chats .chats .chat-body .chat-content p {
  margin : 0;
}
.chat-application .chat-app-window .user-chats .chats .chat-avatar {
  float : right;
}
.chat-application .chat-app-window .user-chats .chats .chat-left .chat-avatar {
  float : left;
}
.chat-application .chat-app-window .user-chats .chats .chat-left .chat-body {
  margin : 0;
}
.chat-application .chat-app-window .user-chats .chats .chat-left .chat-content {
  text-align : left;
  float : left;
  margin : 10px 10px 10px 20px;
  color : #626262;
  background : none;
  background-color : white;
  border : 1px solid #DAE1E7;
}

.carousel-item img{
  float: none;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.card-noticias,
.card-aniversariantes,
.card-avisos,
.card-videos{
  overflow: hidden;
}
.card-noticias-body,
.card-aniversariantes-body,
.card-videos-body{
  height: 520px;
}
.card-avisos-body{
  height: 450px;
}
/*Scrollbar home*/

.carousel-indicators {
  z-index: auto;
}
.user-page-info h6{
  max-width: 25ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.font-smaller{
  font-size: smaller !important;
}

/*Quebra de Página*/
@media print {
    .pagebreak { page-break-before: always; } /* page-break-after works, as well */
}

.dropdown-notification .dropdown-menu.dropdown-menu-right::before {
  background: #ffd700 !important;
  border-color: #ffd700 !important;
}
.dropdown-notification .dropdown-menu-header {
  background: #ffd700 !important;
}

.modal.show .modal-dialog{
  max-width: 50%;
}

@media all and (orientation:portrait) {
  .modal.show .modal-dialog{
    max-width: 100% !important;
  }
}

.card-avisos-body-texto{
  max-width: 25ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-dialog-centered.modal-dialog-scrollable{justify-content: end;}

.ponto{margin: 0 auto;}

.blink_text {

  animation:1s blinker linear infinite;
  -webkit-animation:1s blinker linear infinite;
  -moz-animation:1s blinker linear infinite;

  }

  @-moz-keyframes blinker {
   0% { opacity: 1.0; }
   50% { opacity: 0.0; }
   100% { opacity: 1.0; }
   }

  @-webkit-keyframes blinker {
   0% { opacity: 1.0; }
   50% { opacity: 0.0; }
   100% { opacity: 1.0; }
   }

  @keyframes blinker {
   0% { opacity: 1.0; }
   50% { opacity: 0.0; }
   100% { opacity: 1.0; }
   }

   #relacao-notificacao{float: left; height: 280px; overflow: auto;}