.swal2-container { z-index: 10000000000 !important; }
body.modal-open > .select2-container { z-index: 10000000000 !important; }
.select2-selection__rendered { background-color:transparent !important; color:#444 !important; padding: 3px 30px 3px 15px !important; }
.select2-container--default .select2-selection--single { border: 1px solid #ccc; border-radius: 2px; }
.tox-tinymce-aux { z-index: 10000000000 !important; } /* plugin tinymce */
.tox .tox-notification--warn, .tox .tox-notification--warning { display: none !important; } /* ocultar msj warning */
.footer-att { margin-top: 25px; }

.text-primary-att { color: #15395C; }
.text-secondary-att { color: #91D6E7; }
.text-tertiary-att { color: #2175BB; }
.btn-primary-att {
  color: #fff;
  background-color: #15395C;
  border-color: #15395C;
}
.btn-primary-att.active, .btn-primary-att.focus, .btn-primary-att:active, .btn-primary-att:focus, .btn-primary-att:hover, .open>.btn-primary-att.dropdown-toggle {
  color: #fff;
  background-color: #102942;
  border-color: #102942;
}
.btn-secondary-att {
  color: #15395C;
  background-color: #91D6E7;
  border-color: #91D6E7;
}
.btn-secondary-att.active, .btn-secondary-att.focus, .btn-secondary-att:active, .btn-secondary-att:focus, .btn-secondary-att:hover, .open>.btn-secondary-att.dropdown-toggle {
  color: #15395C;
  background-color: #91D6E0;
  border-color: #91D6E0;
}
.btn-tertiary-att {
  color: #fff;
  background-color: #2175BB;
  border-color: #2175BB;
}
.btn-tertiary-att.active, .btn-tertiary-att.focus, .btn-tertiary-att:active, .btn-tertiary-att:focus, .btn-tertiary-att:hover, .open>.btn-tertiary-att.dropdown-toggle {
  color: #fff;
  background-color: #2175B0;
  border-color: #2175B0;
}


.c-pointer { cursor: pointer; }
.btn_search { height: 100%; }
.soporte_borde { border: 1px solid #eee; border-radius: 5px; }
.tabla_principal td, .tabla_principal th { vertical-align: middle; text-align: center; padding: 4px; font-size: 13px;  white-space: initial; }
.tabla_secundaria td, .tabla_secundaria th { vertical-align: middle; text-align: center; padding: 2px; font-size: 12px; }
.borde4 { border: 1px solid rgb(201, 201, 201); border-radius: 5px; padding: 5px; }
.file_input { border: 1px solid #ccc; border-radius: 2px; padding: 3px; overflow: hidden; width: 100%; }
.imagen_sistema { height: 100px; display: flex; align-items: center; justify-content: center; margin: 0px 0px 10px 0px; }
.imagen_sistema img { background-color: rgb(245, 245, 245); max-height: 100px !important; }
.salto_linea { white-space: initial; }
.bg-soporte { background-color: #e4ffe4; }
.label-500 label { font-weight: 500; }
.btn-tertiary{ background-color:#8b5eff; border-color:#8b5eff; color:#fff; cursor:pointer; transition:all ease-in .3s; }
.btn-tertiary:hover{ background-color:#976ffd; border-color:#976ffd; }
.btn-tertiary:active{ background-color:#8353ff!important; border-color:#8353ff; box-shadow:none; color:#fff; }
.btn-tertiary:focus{ box-shadow:none; color:#fff; background-color:#976ffd; }
.btn-tertiary.disabled{ background-color:rgba(112, 4, 145, 0.5);border-color:rgba(112, 4, 145, 0.5) }
.px-7 { padding: 0 67px; }

.avatar_container { display: flex; justify-content: center; height: 200px; }
.avatar_container img { border: 1px solid #eee; border-radius: 4px; padding: 5px; }

.custom-text-input-label { margin-top: 18px; padding: 15px; float: left; }
#custom-text-input-75 { width: 75% !important; float: right }
#custom-text-input-100 { width: 100% !important; float: right }
.swal2-validation-message { clear: right; }

/* Switch */
.switch { position: relative; display: inline-block; width: 50px; height: 28px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #8b5eff; }
input:focus + .slider { box-shadow: 0 0 1px #8b5eff; }
input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
.slider.round {border-radius: 28px; }
.slider.round:before { border-radius: 50%; }
/* End Switch */

.bg-black-transparent { background-color: rgba(0, 0, 0, 0.055); }
.bg-primary-dark { background-color: #123123; }
.small-table thead tr th, .small-table tbody tr td { font-size: 11px; }
.img-circulo { border-radius: 50%; overflow: hidden; border: 4px solid #000; padding: 10px; width: 200px; margin: auto; }
.fleft { float: left; }
.fright { float: right; }
.fclear { clear: both; }

.fs-14 { font-size: 14px; }

.mt-0 { margin-top: 0px; }
.mt-1 { margin-top: 5px; }
.mt-2 { margin-top: 10px; }
.mt-3 { margin-top: 15px; }
.mt-4 { margin-top: 20px; }
.mt-5 { margin-top: 25px; }
.mb-0 { margin-bottom: 0px; }
.mb-1 { margin-bottom: 5px; }
.mb-2 { margin-bottom: 10px; }
.mb-3 { margin-bottom: 15px; }
.mb-4 { margin-bottom: 20px; }
.mb-5 { margin-bottom: 25px; }
.p-4 { padding: 20px; }
.px-5 { padding: 0px 25px;}
.border { border: 1px solid #ddd; border-radius: 4px; }
.two-columns { display: flex; flex-direction: row; justify-content: center;}

/* The custom-checkbox */
.custom-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 1px solid #aaa;
}
/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
  background-color: #15395C;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* The custom-radio-button */
.custom-radio-button {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.custom-radio-button input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark-rb {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #eee;
}
/* When the radio button is checked, add a blue background */
.custom-radio-button input:checked ~ .checkmark-rb {
  background-color: #15395C;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-rb:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.custom-radio-button input:checked ~ .checkmark-rb:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.custom-radio-button .checkmark-rb:after {
 	top: 8px;
	left: 8px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: white;
}