@import "_padding_margin.css";
body {
  overflow: hidden;
}

input:disabled {
  cursor: not-allowed;
}

.text-warning {
  color: #ffa000 !important;
}
.text-danger {
  color: #dc3545 !important;
}
.text-success {
  color: #28a745 !important;
}
.text-primary {
  color: #007bff !important;
}
.text-info {
  color: #00b0ff !important;
}
.text-disabled {
  color: #78909c !important;
}

.btn-primary {
  background-color: #3c8dbc !important;
  border-color: #367fa9 !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
  background-color: #367fa9 !important;
}
.btn-success {
  background-color: #00a65a !important;
  border-color: #008d4c !important;
}
.btn-success:hover,
.btn-success:active,
.btn-success.hover {
  background-color: #008d4c !important;
}
.btn-info {
  background-color: #00c0ef !important;
  border-color: #00acd6 !important;
}
.btn-info:hover,
.btn-info:active,
.btn-info.hover {
  background-color: #00acd6 !important;
}
.btn-danger {
  background-color: #dc3545 !important;
  border-color: #d73925 !important;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.hover {
  background-color: #d73925 !important;
}
.btn-warning {
  background-color: #ffa000 !important;
  border-color: #e08e0b !important;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.hover {
  background-color: #e08e0b !important;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fefbfb;
  z-index: 100;
}
#loader {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(../images/indicator.gif) no-repeat center 0;
  margin: -50px 0 0 -50px;
}

.msj-validacion {
  display: none;
  align-items: center;
  gap: 0.5rem;
  margin-top: 5px;
  color: red;
}
.msj-informacion {
  color: #0097f3;
  font-weight: bold !important;
}
.img-miniatura {
  max-height: 180px !important;
  width: auto !important;
}

.visible {
  display: block !important ;
}
.hidden {
  display: none !important ;
}

.visible_flex {
  display: flex !important;
}

.img-actual {
  object-fit: contain;
  object-position: left;
  max-height: 180px;
  width: 100%;
}

.img-actual-circle {
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  height: 180px;
  width: 180px;
}

.img-table-td {
  object-fit: contain;
  object-position: left;
  max-height: 60px;
  width: 100%;
}

/*MENU--------------------------------------------------------------------------------------------------------------------------------------------------*/
.sidebar-menu li.header {
  font-size: 14px !important;
  color: #fff !important;
}
.navbar-nav > .user-menu .user-image {
  object-fit: cover;
  object-position: center;
  max-width: 25px;
  max-height: 25px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > object,
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
  object-fit: cover;
  object-position: center;
  max-width: 90px;
  max-height: 90px;
}
.skin-green .sidebar-menu > li:hover > a {
  background: #0d6496 !important;
}
.skin-green .sidebar-menu > li.active > a,
.skin-green .sidebar-menu > .treeview > ul > li.active > a {
  background: #9c4756 !important;
}
.skin-green .sidebar-menu > li:hover > a,
.skin-green .sidebar-menu > li.active > a {
  border-left-width: 8px !important;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/

small.box-title {
  padding: 10px;
}

/*textarea#f_descripcion {height: 120px}*/

h4.modal-title {
  font-weight: bold;
}
/*
.my_checkbox {
  display: flex;
  margin-top: 3rem;
}
*/

.modal-body {
  overflow-y: auto !important;
  max-height: calc(100vh - 130px) !important;
}

.input-to-post {
  text-align: center;
}
.input-to-post > .my_checkbox {
  height: 34px;
  padding-top: 5px;
}
.input-to-post > .my_checkbox > label {
  display: flex;
  flex-direction: column;
}

.input-to-post > .my_checkbox > label:before {
  margin: 0 !important;
}

.my_checklist_modules {
  display: flex !important;
  flex-direction: column;
  max-height: 480px;
  overflow-y: scroll;
}

.module_head {
  display: flex !important;
  /* margin-bottom: 1rem; */
  justify-content: space-between;

  height: 34px !important;
  padding: 6px 20px 6px 6px;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
}

.module_head > .modules_names {
  width: 200px;
}

.module_head > .modules_names > .my_checkbox > label {
  display: flex !important;
}

.module_head > .modules_permissions,
.my_checklist_modules > .module_content > .module_permission {
  width: 220px;
  display: flex !important;
  justify-content: space-around;
  text-align: center;
}
.module_head > .modules_permissions > label {
  width: 53px;
}

.my_checklist_modules {
  margin-bottom: 1rem;
  justify-content: space-between;

  padding: 6px 0 6px 6px;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  border-top: none !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
}

.my_checklist_modules > .module_content {
  display: flex !important;
  justify-content: space-between;
}

.my_checklist_modules > .module_content > .module_name {
  display: flex !important;
  width: 200px !important;
}

.my_checklist_modules > .module_content > .module_name > label,
.my_checklist_modules > .module_content > .module_permission > .my_checkbox > label {
  display: flex !important;
}
.module_name > label > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
  min-width: 160px;
  text-align: left;
}

.my_checklist_modules > .module_content > .module_permission > .my_checkbox > label::before {
  margin-right: 0 !important;
}

.my_checklist_modules > .module_content > .module_permission > .my_checkbox {
  display: flex;
  justify-content: center;
}

.btn {
  border-radius: 4px !important;
}

.btn-nuevo {
  margin: 0 15px 15px 15px;
  text-align: left;
}

/*Tabla vacia*/
td.dataTables_empty {
  text-align: center !important;
}

.widget-twitter {
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0 !important;
}

.btn-xs {
  width: 23px !important;
}

a.btn-miperfil {
  background-color: #00c0ef !important;
  border-color: #00acd6 !important;
  color: #fff !important;
}
a.btn-salir {
  background-color: #dd4b39 !important;
  border-color: #a94442 !important;
  color: #fff !important;
}
/*Tex Area Ckeditor*/
.cke {
  display: block;
  border: 1px solid #d2d6de !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.cke:hover,
.cke:active {
  border-color: #3c8dbc !important;
}

.user-panel {
  min-height: 65px !important;
}
.user-panel > .image > img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  width: 45px;
  height: 45px;
}

.sidebar-collapse > .wrapper > .user-panel > .image > img {
  max-width: 30px !important;
  height: 30px;
}

.div-warning {
  text-align: center;
  font-weight: bold;
}
.div-info {
  font-size: 1.8rem;
  font-weight: bold;
}

@media (max-width: 1340px) {
  input[type="file"] {
    max-width: 157px;
  }
}
@media (max-width: 767px) {
  .widget-twitter {
    margin: 0 0 0 0 !important;
    padding: 0 15px 0 0 !important;
  }
}

@media (max-width: 500px) {
}

/*CORRECCIONE DE TAMAÑOS FA-ICONS a 39px*/
.input-group {
  width: 100% !important;
}

span.input-group-addon {
  width: 41px !important;
  border: 1px solid #ccc !important;
  border-right: none !important;
  border-radius: 4px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
}
/*
span.input-group-addon .initial {
  width: 39px !important;
  border: 1px solid #ccc !important;
  border-right: none !important;
  border-radius: 4px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
} */

a.input-group-addon.final {
  background: #00c0ef;
  color: #fff;
  width: 39px !important;
  border: 1px solid #ccc !important;
  border-left: none !important;
  border-radius: 4px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
}

a.input-group-addon.final:hover {
  background: #00acd6;
}

div.tox-tinymce {
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
}

/*ESTILOS DE MR ASOCIADOS*/
.modal-cliente {
  width: 400px !important;
  margin: 10px auto;
}
.modal-cliente .br-mb {
  display: none;
}

@media (max-width: 450px) {
  .modal-cliente {
    max-width: 300px !important;
    width: auto !important;
  }
  .modal-cliente .br-mb {
    display: block;
  }
}