/* Botones */
.boton-principal{
  width: 200px;
  height: 45px;
  background: #000000 0% 0% no-repeat padding-box;
  opacity: 1;
  border-radius: 25px;
  color: white;
  border: 1px solid black; 
  margin-top: 5px;
}

.boton-principal:hover{
  background-color:white; 
  color: black;
}
    
.boton-principal:active {
  background-color:#474D55; 
  color: white;
}

.boton-secundario{
  border: 1px solid #CFDC35 !important; 
  border-radius: 25px !important;
  background-color: #CFDC35 !important; 
  font-family:"Lato", sans-serif !important; 
  font-size: 18px !important; 
  font-weight: 800 !important; 
  color: black !important; 
  padding: 10px 40px 10px 40px !important;
  text-decoration: none;
  margin: 10px !important;
}
  
.boton-secundario:hover{
  background-color:white !important; 
  border: 1px solid #CFDC35 !important; 
}
  
.boton-secundario:active {
  background-color:#CFDC35 !important; 
  opacity: 5 !important;
}

.boton-icono {
  background-color: #CFDC35 !important; 
  border-radius: 25px;
  margin-left: 8px;
}

.boton-con-icono {
  border: none !important;
  border-radius: 5px !important; 
  font-family:"Lato", sans-serif !important; 
  font-size: 18px !important; 
  font-weight: 800 !important; 
  color: black !important; 
  padding: 10px 40px 10px 40px !important;
  text-decoration: none;
  margin: 10px !important;
}

.boton-enlace {
  color: #B5BC5B !important;
  border: none !important;
  margin-left: 4px;
  margin-bottom: 2px;
}

/* Formulario */

.v-text-field--outlined fieldset {
  border-color: black !important;
}

.v-input--is-focused fieldset {
  border-color: #CFDC35 !important;
}

.error--text fieldset {
  border-color: #DB3F3A !important;
}

.v-input {  
  border-radius: 0 !important;
  font-size: 15px;
  font-style: oblique;
  color:black;
}

.v-text-field.v-text-field--enclosed .v-text-field__details, .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)>.v-input__control>.v-input__slot input{
  padding: 0px 0px !important;
  margin-left: 13px !important;
}

.v-text-field.v-text-field--enclosed .v-text-field__details, .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)>.v-input__control>.v-input__slot textarea{
  padding: 0px 0px !important;
  margin-left: 13px !important;
}

.v-text-field--outlined .v-label {
  width: 100%;
  margin-left: 13px !important;
}

.v-select.v-text-field--outlined:not(.v-text-field--single-line) .v-select__selections .v-select__selection{
  padding-right: 2px;
}

.v-text-field--outlined .v-label--active {
  margin-top: 5px;
  color:#CFDC35 !important;
  display: block !important;
}

/* Tabla */

.v-data-table {
  background-color: #F4F4F4 !important;
  border-width: 1px !important;
  border-radius: 25px !important;
  padding: 25px 0px !important;
  /* align-items: center !important; */
  /* border: 1px solid black!important */
}

tbody tr:nth-of-type(even) {
  background-color: #F4F4F4 !important;
}

tbody tr:nth-of-type(odd) {
  background-color: #e7e6e6 !important;  
}

.theme--light.v-data-table thead tr th {  
  background-color: white;
  color: #464d54 !important;
  font-size: 14px;  
}

.theme--light.v-data-table thead tr th:hover {
  color: #474D55 !important;
}

.v-icon.v-icon.v-icon--link {  
  color:  #B5BC5B;
  /* border: 1px solid #CFDC35; 
  border-radius: 25px;
  background-color: #CFDC35; 
  color: black; 
  padding: 10px;
  margin: 10px;  */
}

tbody tr:hover .v-icon.v-icon.v-icon--link {
  /* background-color: white !important; */
}

tbody tr:hover {
  background-color: #d8d8d8 !important;
  /* color: white !important; */
}

/* .v-data-table {
  border-width: 1px !important;
  border-radius: 25px !important;
  padding: 25px !important;
  border: 1px solid black!important
}

.theme--light.v-data-table thead tr th {
   color: #7C7B7B !important;
}

.theme--light.v-data-table thead tr th:hover {
  color: #474D55 !important;
}

.v-icon.v-icon.v-icon--link {
  border: 1px solid #CFDC35; 
  border-radius: 25px;
  background-color: #CFDC35; 
  color: black; 
  padding: 10px;
  margin: 10px; 
}

tbody tr:hover .v-icon.v-icon.v-icon--link {
  background-color: white !important;
}

tbody tr:hover {
  background-color: #CFDC35 !important;
  color: white !important;
} */

/*Componentes DevExtreme*/

.dx-button-has-text .dx-button-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px !important;
}

.dx-button .dx-button-content {
  padding: 0px !important;
}

.dx-widget .dx-texteditor-input {
  font-family:"Lato", sans-serif !important;
}

.dx-popup-wrapper > .dx-overlay-content {
  border: 1px solid #ddd;
  background: #fff;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  border-radius: 5px;
  width: 472px;
  height: 297px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
}

.dx-popup-content.dx-dialog-content {
  min-width: 180px;
  padding: 20px;
  display: flex;
  justify-content: space-around;
  color: #545454;
}

.dx-popup-bottom .dx-button {
  min-width: 100px;
  border: 1px solid black;
  border-radius: 5px;
  background-color: #464d54;
  font-family: "lato", sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: white;
  padding: 5px 30px;
  margin: 5px;
}

.dx-popup-bottom .dx-button:hover {
  background-color: #7c7b7b !important; 
  border: 1px solid black !important; 
}

.dx-popup-bottom .dx-button:focus {
  background-color: #464d54 !important;
  opacity: 0.8 !important;
  border: 1px solid black !important;
  box-shadow: none !important;
}

.dx-popup-bottom .dx-button:active {
  background-color: #464d54 !important; 
  opacity: 0.3 !important;
}


/* Nuevo Campo Formulario */

#button_ListValours.dx-button-mode-contained .dx-icon {
  background-color: #ffffff;
  color: #B5BC5B;
  font-size: 25px;
}

#button_ListValours.dx-button-mode-contained {
  border: none;
}

.dx-button-mode-contained.dx-button-default {
  margin-top: 0 !important;
}

.dx-button-mode-contained.dx-button-success {
  margin-top: 0 !important;
}

.dx-button-mode-contained.dx-button-danger {
  margin-top: 0 !important;
}

.dx-switch-container{
  width: 80px !important;
}

.dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
  position: absolute;
  margin-left: -10px;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  height: 36px;
  overflow: visible;
  margin-left: 20px;
}
/*  NextEvents, LastFiles, LastMessages & UsersByCollaborativeArea Components  */

.card-form-component {
  font-family:'Lato', sans-serif !important;
  box-shadow: none !important;  
}

.dx-list .dx-empty-message, .dx-list-item-content {
  display: flex !important;
  align-items: center;
  margin-left: 10px;
}

.div-date-text {
  color: #474D55;
  font-size: 12px;
}

.div-name-text {
  font-size: 16px;  
}

.flex-date-name-text {
  margin-left: 20px;
}

#next-events .v-toolbar__content, .v-toolbar__extension {   
  margin-left: -10px;
}

#next-events .v-toolbar__title {
  margin-left: 20px;
} 

#last-files .v-toolbar__content, .v-toolbar__extension {   
  margin-left: -10px;
}

#last-files .v-toolbar__title {
  margin-left: 20px;
}

#last-messages .v-toolbar__content, .v-toolbar__extension {   
  margin-left: -10px;
}

#last-messages .v-toolbar__title {
  margin-left: 20px;
}

#user_by_collaborativeArea .v-toolbar__content, .v-toolbar__extension {   
  margin-left: -10px;
}

#user_by_collaborativeArea .v-toolbar__title {
  margin-left: 20px;
}

/* #collaborative-area-info .flex {
  flex: initial !important;  
}

#collaborative-area-details .flex {
  flex: initial !important;
} */

#next-events .flex {
  flex: initial !important;
  max-width: 100%;
}

#last-files .flex {
  flex: initial !important;
  max-width: 100%;
}

#last-messages .flex {
  flex: initial !important;
  max-width: 100%;
}

#user_by_collaborativeArea .flex {
  flex: initial !important;
  max-width: 100%;
}

.boton-con-icono-areaCollaborative {
  background-color: #f4f4f400 !important;
  border: none !important;
  font-family: "Lato", sans-serif !important;
}

.boton-con-icono-areaCollaborative .v-icon {
  color: #B5BC5B !important;
  margin-right: 8px;
}

#collaborative-area-info .flex.xs5 {
    flex-basis: 48.666667% !important;
    flex-grow: 0;
    max-width: 48.666667% !important;
}

#collaborative-area-details .flex.xs5 {
  flex-basis: 48.666667% !important;
  flex-grow: 0;
  max-width: 48.666667% !important;
}

.dx-dropdowneditor-icon{
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  background-color: white !important;
}

#calltoaction.dx-selectbox .dx-texteditor-input:read-only {
  cursor: pointer;
  background-color: white!important;
}

.dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
  border-radius: 10px !important;
}

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  padding: 7px 2px !important;
}

.dx-placeholder{
  font-family: "Lato", sans-serif !important;
}

#calltoaction.dx-selectbox{
  border-radius: 20px !important;
}

.form-control {
  display: block !important;
  width: 100% !important;
  padding: .375rem .75rem !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #212529 !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
  border: 1px solid #ced4da !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border-radius: 20px !important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

.dx-dropdowneditor-active {
  border-color: #28a745 !important;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}

.stateArea {
  font-family: "Lato", sans-serif !important;
  font-size: 14px !important;
}

.boton-areas-activas-inactivas {
  border: none !important;
  border-radius: 5px !important;
  font-family: "Lato", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: black !important;
  padding: 10px 40px 10px 40px !important;
  text-decoration: none;
  margin: 10px !important;
}

#search.theme--dark.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
  background-color: black !important;
}

.dx-filemanager-view-switcher-popup .dx-dropdownbutton-popup-wrapper.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  padding-top: 7px;
  padding-left: 7px;
  padding-right: 8px;
  margin-left: -4px;
  text-overflow: clip;
}

.theme--light.v-input, .theme--light.v-input input, .theme--light.v-input textarea {
  margin-top: 7px;
}