@import url("../../libs/fonts/fontawesome-free-6.5.1-web/css/all.css");
@import url("../../libs/fonts/MaterialDesign/css/materialdesignicons.min.css");
@import url("../../libs/fonts/themify-icons/themify-icons.css");
@import url("../../libs/plugins/animate.css/animate.min.css");

@font-face {
  font-family: "Defaultfont-Black";
  src: url("../../libs/fonts/Roboto/Roboto-Black.ttf");
}

@font-face {
  font-family: "Defaultfont-BlackItalic";
  src: url("../../libs/fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Defaultfont-Bold";
  src: url("../../libs/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Defaultfont-BoldItalic";
  src: url("../../libs/fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Defaultfont-Italic";
  src: url("../../libs/fonts/Roboto/Roboto-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Defaultfont-Light";
  src: url("../../libs/fonts/Roboto/Roboto-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Defaultfont-LightItalic";
  src: url("../../libs/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Defaultfont-Medium";
  src: url("../../libs/fonts/Roboto/Roboto-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Defaultfont-MediumItalic";
  src: url("../../libs/fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Defaultfont-Regular";
  src: url("../../libs/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Defaultfont-Thin";
  src: url("../../libs/fonts/Roboto/Roboto-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "Defaultfont-ThinItalic";
  src: url("../../libs/fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Black";
  src: url("../../libs/fonts/Lato/Lato-Black.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-BlackItalic";
  src: url("../../libs/fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Bold";
  src: url("../../libs/fonts/Lato/Lato-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-BoldItalic";
  src: url("../../libs/fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Italic";
  src: url("../../libs/fonts/Lato/Lato-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Light";
  src: url("../../libs/fonts/Lato/Lato-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-LightItalic";
  src: url("../../libs/fonts/Lato/Lato-LightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Regular";
  src: url("../../libs/fonts/Lato/Lato-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Thin";
  src: url("../../libs/fonts/Lato/Lato-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-ThinItalic";
  src: url("../../libs/fonts/Lato/Lato-ThinItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Della-Respira";
  src: url("../../libs/fonts/Della_Respira/DellaRespira-Regular.ttf");
}

@font-face {
  font-family: "mtp";
  src: url("../../libs/fonts/RemachineScriptPersonal/RemachineScriptPersonalUse.woff2")
      format("woff2"),
    url("../../libs/fonts/RemachineScriptPersonal/RemachineScriptPersonalUse.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-azul-1: #77caed;
  --color-azul-2: #4cb8e7;
  --color-azul-3: #25a9e2;
  --color-azul-4: #089bdb;
  --color-azul-5: #04709e;
  --color-amarillo-1: #ffd874;
  --color-amarillo-2: #ffcc4a;
  --color-amarillo-3: #ffc020;
  --color-amarillo-4: #d79b01;
  --color-amarillo-5: #a97900;
  --color-amarillo-t-1: #f6fe7b;
  --color-amarillo-t-2: #f3fe4b;
  --color-amarillo-t-3: #f0fe20;
  --color-amarillo-t-4: #eefe00;
  --color-amarillo-t-5: #e8f800;
  --color-rojo-1: #ff8f74;
  --color-rojo-2: #ff6d4a;
  --color-rojo-3: #ff4b20;
  --color-rojo-4: #d72a01;
  --color-rojo-5: #a92000;
  --color-rosa-1: #f677b8;
  --color-rosa-2: #f3489f;
  --color-rosa-3: #f11e89;
  --color-rosa-4: #ed0079;
  --color-rosa-5: #ce0069;
  --color-verde-1: #74f1a7;
  --color-verde-2: #46ed89;
  --color-verde-3: #1de970;
  --color-verde-4: #00e35c;
  --color-verde-5: #00b549;
  --color-violeta-1: #29166f;
  --color-violeta-2: #391e99;
  --color-violeta-3: #4625bb;
  --color-violeta-4: #5633d7;
  --color-violeta-5: #7255dd;
  --color-primario: #77caed;
  --color-secundario: #04709e;
  --color-texto-menues: #ffffff;
  --font-primary: "Defaultfont-Light", sans-serif;
  --font-secondary: "Defaultfont-Regular", sans-serif;
  --font-table-text: "Defaultfont-Regular", monospace;
  --font-table-title: "Defaultfont-Medium", monospace;
  --font-table-secondary: "Defaultfont-Light", monospace;
}

body {
  font-family: var(--font-primary);
}

.content-wrapper::before {
  content: "";
  background-image: url("/verbo/img/logo_colegio_verbo.png");
  background-size: contain;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.2;
  background-repeat: no-repeat;
  background-position: center;
}

.boton_ciclo {
  font-size: 20px;
  padding: 0px;
  top: 0px;
  height: 100%;
  background: var(--color-violeta-1);
  color: #ffffff;
  border: none;
}

.boton_ciclo option {
  font-weight: normal;
  font-size: 12px;
}

.bg_azul_1 {
  background: var(--color-azul-1);
}

.bg_azul_2 {
  background: var(--color-azul-2);
}

.bg_azul_3 {
  background: var(--color-azul-3);
}

.bg_azul_4 {
  background: var(--color-azul-4);
}

.bg_azul_5 {
  background: var(--color-azul-5);
  color: #ffffff;
}

.bg_violeta_1 {
  background: var(--color-violeta-1);
}

.bg_violeta_2 {
  background: var(--color-violeta-2);
}

.bg_violeta_3 {
  background: var(--color-violeta-3);
}

.bg_violeta_4 {
  background: var(--color-violeta-4);
}

.bg_violeta_5 {
  background: var(--color-violeta-5);
  color: #ffffff;
}

.bg_amarilla_5 {
  background: var(--color-amarillo-1);
  color: #000000;
}

/****************************/
/** Basic **/
/****************************/
.main-container {
  padding-top: 5px;
}

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 5px 0px 0px !important;
  margin-bottom: 0px !important;
  list-style: none;
  background-color: transparent !important;
  border-radius: none !important;
}

.txt-orange {
  color: #fd6421 !important;
}

.txt-white {
  color: #fff !important;
}

.btn-verbo-rojo {
  color: #fff;
  background-color: var(--color-rojo-4);
  border-color: var(--color-rojo-5);
}

.btn-verbo-rojo:hover {
  color: var(--color-rojo-4);
  background-color: #fff;
  border-color: var(--color-rojo-5);
}

.btn-verbo-violeta {
  color: #fff;
  background-color: var(--color-violeta-4);
  border-color: var(--color-violeta-5);
}

.btn-verbo-violeta:hover {
  color: var(--color-violeta-4);
  background-color: #fff;
  border-color: var(--color-violeta-5);
}

.btn-verbo-azules {
  color: #fff;
  background-color: var(--color-azul-4);
  border-color: var(--color-azul-5);
}

.btn-verbo-azules:hover {
  color: #fff;
  background-color: var(--color-azul-4);
  border-color: var(--color-azul-5);
}

.border-verbo-azules3 {
  border-color: var(--color-azul-3) !important;
}

.btn-chico-verbo {
  padding: 2px 4px !important;
  font-size: 11px !important;
}

.bg-azul1 {
  background-color: var(--color-azul-1) !important;
}

.bg-verde1 {
  background-color: var(--color-verde-1);
}

.bg-rojo1 {
  background-color: var(--color-rojo-1);
}

.text-verbo-rojo {
  color: var(--color-rojo-1);
}

.text-verbo-violeta {
  color: var(--color-violeta-1);
}

.text-verbo-azules {
  color: var(--color-azul-1);
}

.btn-text-verbo {
  padding: 2px 4px !important;
  font-size: 11px !important;
}

.text-azul1 {
  background-color: var(--color-azul-1) !important;
}

.nav-pills .nav-link,
.colorescolegio .brand-text {
  color: #ffffff !important;
}

.colorescolegio {
  background-color: var(--color-violeta-1);

  .brand-text {
    color: #ffffff !important;
  }

  .brand-link {
    background-color: var(--color-violeta-1);
  }

  .navbar-brand {
    color: var(--color-texto-menues);

    @include hover-focus() {
      color: $ navbar-dark-brand-hover-color;
    }
  }

  .navbar-nav {
    .nav-link {
      color: var(--color-texto-menues) !important;

      @include hover-focus() {
        color: $ navbar-dark-hover-color;
      }

      &.disabled {
        color: $ navbar-dark-disabled-color;
      }
    }

    .show > .nav-link,
    .active > .nav-link,
    .nav-link.show,
    .nav-link.active {
      color: $ navbar-dark-active-color;
    }
  }

  .navbar-toggler {
    color: var(--color-texto-menues);
    border-color: $ navbar-dark-toggler-border-color;
  }

  .navbar-toggler-icon {
    background-image: escape-svg($ navbar-dark-toggler-icon-bg);
  }

  .navbar-text {
    color: var(--color-texto-menues);

    a {
      color: $ navbar-dark-active-color;

      @include hover-focus() {
        color: $ navbar-dark-active-color;
      }
    }
  }
}

.text_input10 {
  font-size: 12px !important;
}

.mini_logo {
  display: inline-block;
  font-weight: 700;
  font-size: 21px;
  text-transform: uppercase;
}

.mini_logo a {
  color: #fff;
}

.control-label {
  text-transform: capitalize;
}

.control-label {
  color: #272b34;
}

.user-auth-img {
  width: 30px;
}

.top-nav-icon {
  font-size: 23px;
  vertical-align: middle;
}

.form-group.menu_top {
  margin-bottom: 0px;
}

.top-nav-icon-badge {
  background: var(--color-rojo-3);
  border-radius: 9px;
  color: #fff;
  font-size: 12px;
  height: 18px;
  font-weight: 500;
  line-height: 18px;
  position: absolute;
  right: 8px;
  text-align: center;
  top: -6px;
  width: 18px;
  -webkit-box-shadow: -2px 2px 1px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: -2px 2px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: -2px 2px 1px 0px rgba(0, 0, 0, 0.25);
}

.menu_top .nav > li > a {
  color: #ffffff;
  background: transparent !important;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  transition: 0.3s ease;
  padding: 0 9px;
  line-height: 25px;
  text-decoration: none;
}

.sp-header {
  background: var(--color-violeta-1);
}

.btn_azul5 {
  background: var(--color-azul-5);
}

.menu2_top {
  top: 36px;
  width: 100%;
  padding: 0.1rem 1rem;
  left: 0;
  margin-left: 0;
  z-index: 100;
  border: none;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.menu2_top a {
  font-size: 16px;
  display: inline-block;
  position: relative;
  padding: 0rem 0rem;
}

.menu2_top .dropdown-menu {
  padding: 0.1rem 0rem;
  top: 88%;
  font-size: 1rem;
  border: 0px;
  border-radius: 0.25rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.menu2_top .dropdown-menu a {
  padding: 0.1rem 1rem;
}

.menu2_top .navbar {
  padding: 0px;
  margin: 0px;
}

.page-wrapper {
  margin-left: 0;
  left: 0;
  /*margin-left: 250px;*/
  padding: 35px 0px 0px 0px;
  position: relative;
  /*background: #fff;*/
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  left: 0;
}

.heading-bg {
  height: 45px;
  margin: 0 -15px 10px;
  padding: 13px 0;
  background: #fff;
}

.heading-bg .breadcrumb {
  background: transparent;

  padding: 0.65rem 1rem;
}

.breadcrumb-item a,
.breadcrumb-item {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.6);
}

.heading-bg h5 {
  padding-top: 6px;
}

.txt-dark {
  color: #272b34 !important;
}

.card-view {
  background: #fff;
  margin-bottom: 30px;
  border: none;
  border-radius: 3px;
  box-shadow: 0 1px 18px rgba(0, 0, 0, 0.1);
  padding: 3px 3px 0;
}

.fixed-sidebar-right,
.setting-panel {
  position: fixed;
  top: 40px;
  right: 0px;
  width: 300px;
  margin-right: -300px;
  bottom: 0;
  z-index: 101;
  background-color: transparent;
  transition: right 0.3s;
}

#Menu_derecho {
  -webkit-box-shadow: -5px 0px 5px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -5px 0px 5px -5px rgba(0, 0, 0, 0.75);
  box-shadow: -5px 0px 5px -5px rgba(0, 0, 0, 0.75);
}

#Menu_derecho.nav-tabs .nav-link.active,
#Menu_derecho.nav-tabs .nav-item.show .nav-link {
  background-color: var(--color-azul-1) !important;
}

#Menu_derecho.nav-tabs .nav-link,
#Menu_derecho.nav-tabs .nav-item .nav-link {
  background-color: rgba(119, 202, 237, 0.8) !important;
}

#Menu_derecho_contenido {
  background-color: var(--color-azul-1) !important;
  -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.75);
  padding: 5px;
}

.fixed-sidebar-right.show {
  right: 300px;
}

/****************************/
/** Tablas Dinamicas  **/
/****************************/

#tabladinamica_wrapper.dataTables_wrapper div.dataTables_filter input,
#tablapersonal_wrapper.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0em;
}

#tablapersonal_wrapper {
  width: 100%;
}

.accion_view:hover {
  color: var(--color-azul-4);
}

.accion_edit:hover {
  color: var(--color-verde-4);
}

.accion_delete:hover {
  color: var(--color-rojo-4);
}

/**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 */

.jq-toast-wrap {
  display: block;
  position: fixed;
  width: 250px;
  pointer-events: none !important;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
  z-index: 9000 !important;
}

.jq-toast-wrap * {
  margin: 0;
  padding: 0;
}

.jq-toast-wrap.bottom-left {
  bottom: 20px;
  left: 20px;
}

.jq-toast-wrap.bottom-right {
  bottom: 20px;
  right: 40px;
}

.jq-toast-wrap.top-left {
  top: 20px;
  left: 20px;
}

.jq-toast-wrap.top-right {
  top: 20px;
  right: 40px;
}

.jq-toast-single {
  display: block;
  width: 100%;
  padding: 10px;
  margin: 0px 0px 5px;
  border-radius: 4px;
  font-size: 12px;
  font-family: arial, sans-serif;
  line-height: 17px;
  position: relative;
  pointer-events: all !important;
  background-color: #444444;
  color: white;
}

.jq-toast-single h2 {
  font-family: arial, sans-serif;
  font-size: 14px;
  margin: 0px 0px 7px;
  background: none;
  color: inherit;
  line-height: inherit;
  letter-spacing: normal;
}

.jq-toast-single a {
  color: #eee;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid white;
  padding-bottom: 3px;
  font-size: 12px;
}

.jq-toast-single ul {
  margin: 0px 0px 0px 15px;
  background: none;
  padding: 0px;
}

.jq-toast-single ul li {
  list-style-type: disc !important;
  line-height: 17px;
  background: none;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
}

.close-jq-toast-single {
  position: absolute;
  top: 3px;
  right: 7px;
  font-size: 14px;
  cursor: pointer;
}

.jq-toast-loader {
  display: block;
  position: absolute;
  top: -2px;
  height: 5px;
  width: 0%;
  left: 0;
  border-radius: 5px;
  background: red;
}

.jq-toast-loaded {
  width: 100%;
}

.jq-has-icon {
  padding: 10px 10px 10px 50px;
  background-repeat: no-repeat;
  background-position: 10px;
}

.jq-icon-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=");
  background-color: #31708f;
  color: #d9edf7;
  border-color: #bce8f1;
}

.jq-icon-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=");
  background-color: #8a6d3b;
  color: #fcf8e3;
  border-color: #faebcc;
}

.jq-icon-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=");
  background-color: #a94442;
  color: #f2dede;
  border-color: #ebccd1;
}

input.error {
  border-color: #a94442 !important;
}

label.error {
  display: block;
  margin-left: 1em;
  width: auto;
}

.jq-icon-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==");
  color: #dff0d8;
  background-color: #3c763d;
  border-color: #d6e9c6;
}

.dropdown_chico {
  padding: 0px 5px;
  font-size: 12px;
}

.dropdown_chico a {
  padding: 0px 5px;
  font-size: 12px;
}

.btn_table {
  padding: 0.15rem !important;
  font-size: 12px !important;
}

div.dataTables_wrapper div.dataTables_filter input.input_query {
  width: 2rem;
}

.table-hover tbody tr:hover {
  background-color: var(--color-verde-1) !important;
}

.table-hover tbody tr.active {
  background-color: var(--color-verde-4) !important;
}

.alert-drp .dropdown-toggle::after,
.auth-drp .dropdown-toggle::after {
  content: none;
}

#buscar_personas .form-control-sm,
#buscar_personas .input-group-sm > .form-control,
#buscar_personas .input-group-sm > .input-group-append > .btn,
#buscar_personas .input-group-sm > .input-group-append > .input-group-text,
#buscar_personas .input-group-sm > .input-group-prepend > .btn,
#buscar_personas .input-group-sm > .input-group-prepend > .input-group-text {
  padding: 0.1rem 0.5rem;
}

li.full-width-drp {
  position: static;
}

.a_de_od {
  position: relative;
}

.dropdown-menu.div_ordenes_de_dia.show {
  width: calc(100% - 100px);
  transform: translate3d(45px, 5px, 0px) !important;
  top: 33px !important;
  padding: 10px;
}

.dropdown-menu {
  border-radius: 2px;
  border: none;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.175);
}

td.input_num {
  padding: 0px;
}

td.input_num input {
  margin: 0px;

  padding: 0px;

  width: 100%;

  line-height: 30px;

  border: none;
}

.table_mini tr td {
  padding: 3px !important;
}

span.circle-avatar {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
}

.retop {
  z-index: 110;
}

.buscapersonas {
  background-color: var(--color-violeta-1);
  z-index: 10000;
  padding-left: 9px;
}

/*.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
/* overflow-x: hidden;
 max-width: 300px;
}*/

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
/* html .ui-autocomplete {
    height: 100px;
} */

.buscapersonas li {
  padding: 3px 5px;
  color: #fff;
  list-style: none;
}

.buscapersonas li:hover {
  background-color: var(--color-azul-2);
}

.buscapersonas2 {
  background-color: #fff;
  z-index: 10000;
  padding-left: 9px;
}

.buscapersonas2 li {
  padding: 3px 5px;
  color: #000;
  list-style: none;
}

.buscapersonas2 li:hover {
  background-color: var(--color-azul-2);
}

.tilebox-one {
  background-color: rgba(255, 255, 255, 0.9);
  margin-bottom: 20px;
}

.card-title small.dependencias {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
  margin-top: -8px;
  display: block;
}

.tabla_perfil th {
  font-weight: bold;
}

.Table-BT4-compress {
  font-size: 12px;
}

.Table-BT4-compress td,
.Table-BT4-compress th {
  padding: 1px;
}

.DataTable-BT4-compress .custom-select,
.DataTable-BT4-compress .dataTables_filter input {
  padding: 0.1rem 1.3rem 0.1rem 0.01rem;
  font-size: 11px;
}

.DataTable-BT4-compress .card-header {
  padding: 0.15rem 0.25rem;
}

.DataTable-BT4-compress .card-footer {
  padding: 0.15rem 0.25rem;
  font-size: 12px;
}

.text_aclaratorio {
  font-size: 10px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: 0.8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}

.btn-group-sm-verbo > .btn {
  padding: 0rem 0.2rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

#calificaciones.table-sm td,
#calificaciones.table-sm th {
  padding: 0.03rem;
}

#DataTable .btn_acciones {
  padding: 0px;
  width: 100px;
}

.nota_muy_baja {
  color: #f44336;
}

.nota_baja {
  color: #4caf50;
}

.nota_alta {
  color: #2196f3;
}

.nota_muy_alta {
  color: rgba(1, 87, 155, 1);
}

.table td.calificaciones {
  vertical-align: middle;
  text-align: right;
}

.card-body.instancias {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 0.25rem;
}

.cronograma_asignacion td {
  padding: 0px;
}

.Tabla-monofont {
  font-size: 12px;
}

.Tabla-monofont tr td.ver_detalles {
  cursor: pointer;
  color: var(--custom);
  font-family: var(--font-table-title);
}

.Tabla-monofont tr th,
.Tabla-monofont tr td,
.card-body.p-0 .table.Tabla-monofont tbody > tr > th:first-of-type,
.card-body.p-0 .table.Tabla-monofont tbody > tr > td:first-of-type,
.card-body .table.Tabla-monofont tfoot > tr > td:last-of-type {
  font-family: var(--font-table-secondary);
  padding: 1px;
}

.card-body.p-0 .table.Tabla-monofont tbody > tr > td:last-of-type {
  padding: 0px;
}

.Tabla-monofont tr td {
  font-family: var(--font-table-secondary);
  padding: 0.3rem;
}

.table-hover.Tabla-monofont tbody tr:hover {
  color: #212529;
  background-color: rgba(248, 196, 113, 1);
}

.Tabla-monofont tbody tr.saldo {
  color: #212529;
  background-color: rgba(215, 189, 226, 1);
}

.Tabla-monofont thead tr th {
  text-align: center;
}

.Tabla-monofont tr.pagada td,
.Tabla-monofont tr td.pagada,
.Tabla-monofont tr td span.pagada {
  color: #047104;
}

.Tabla-monofont tr.sinpagar td,
.Tabla-monofont tr td.sinpagar,
.Tabla-monofont tr td span.sinpagar {
  color: #cc201f;
}

.Tabla-monofont tr.parcial td,
.Tabla-monofont tr td.parcial,
.Tabla-monofont tr td span.parcial {
  color: #1f50cc;
}

.Tabla-monofont tr.espera td,
.Tabla-monofont tr td.espera,
.Tabla-monofont tr td span.espera {
  color: #e26100;
}

.Tabla-monofont tr.desactiva td,
.Tabla-monofont tr td.desactiva,
.Tabla-monofont tr td span.desactiva {
  color: #cccccc;
}

.Tabla-monofont tr.desconocido td,
.Tabla-monofont tr td.desconocido,
.Tabla-monofont tr td span.desconocido {
  color: #e2d700;
}

.Tabla-monofont tr.bg_pagada td,
.Tabla-monofont tr td.bg_pagada,
.Tabla-monofont tr td span.bg_pagada,
.Tabla-monofont tr td button.bg_pagada {
  color: #000000;
  background-color: rgba(4, 113, 4, 0.4);
}

.Tabla-monofont tr.bg_sinpagar td,
.Tabla-monofont tr td.bg_sinpagar,
.Tabla-monofont tr td span.bg_sinpagar,
.Tabla-monofont tr td button.bg_sinpagar {
  color: #000000;
  background-color: rgba(204, 32, 31, 0.4);
}

.Tabla-monofont tr.bg_parcial td,
.Tabla-monofont tr td.bg_parcial,
.Tabla-monofont tr td span.bg_parcial,
.Tabla-monofont tr td button.bg_parcial {
  color: #000000;
  background-color: rgba(31, 80, 204, 0.4);
}

.Tabla-monofont tr.bg_espera td,
.Tabla-monofont tr td.bg_espera,
.Tabla-monofont tr td span.bg_espera,
.Tabla-monofont tr td button.bg_espera {
  color: #000000;
  background-color: rgba(226, 97, 0, 0.4);
}

.Tabla-monofont tr.bg_desactiva td,
.Tabla-monofont tr td.bg_desactiva,
.Tabla-monofont tr td span.bg_desactiva,
.Tabla-monofont tr td button.bg_desactiva {
  color: #000000;
  background-color: rgba(0, 0, 0, 0.4);
}

.Tabla-monofont tr.bg_desconocido td,
.Tabla-monofont tr td.bg_desconocido,
.Tabla-monofont tr td span.bg_desconocido,
.Tabla-monofont tr td button.bg_desconocido {
  color: #000000;
  background-color: rgba(255, 255, 0, 0.4);
}

table.Tabla-monofont > thead tr th {
  position: relative;
}

table.Tabla-monofont > thead tr th a:before,
table.Tabla-monofont > thead tr th a.asc:before,
table.Tabla-monofont > thead tr th a.desc:before {
  right: 1em;
  content: "↑";
}

table.Tabla-monofont > thead tr th a:after,
table.Tabla-monofont > thead tr th a.asc:after,
table.Tabla-monofont > thead tr th a.desc:after {
  right: 0.5em;
  content: "↓";
}

table.Tabla-monofont > thead tr th a:before,
table.Tabla-monofont > thead tr th a.asc:before,
table.Tabla-monofont > thead tr th a.desc:before,
table.Tabla-monofont > thead tr th a:after,
table.Tabla-monofont > thead tr th a.asc:after,
table.Tabla-monofont > thead tr th a.desc:after {
  position: absolute;
  bottom: 0em;
  display: block;
  opacity: 0.3;
}

table.Tabla-monofont > thead tr th a.asc:before,
table.Tabla-monofont > thead tr th a.desc:after {
  opacity: 1;
}

table.Tabla-monofont th.moneda,
table.Tabla-monofont td.moneda {
  text-align: right;
}

.Tabla-monofont.desactivos_ocultos .estadoD {
  display: none;
}

/*.changeable:hover +span+ i, /* when link is hovered select i */
/*.changeable + span:hover+ i, /* when space after link is hovered select i */
/*.changeable + span + i:hover { /* when icon is hovered select i */
/*    visibility: visible;
}

.changeable +span+ i { /* in all other case hide it */
/*  visibility: hidden;
}*/

.changeable:hover::after,
.lapiz:hover::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: " \f303";
  color: green;
}

.changeable:focus,
.lapiz:focus {
  background-color: #81cfff;
}

/* lista usuarios */

.users-prof-list {
  padding-left: 0;
  list-style: none;
}

@media (min-width: 576px) {
  .users-prof-list > li {
    float: left;
    padding: 10px;
    text-align: center;
    width: 30%;
    min-height: 170px;
  }
}

@media (min-width: 768px) {
  .users-prof-list > li {
    float: left;
    padding: 10px;
    text-align: center;
    width: 16.6%;
    min-height: 170px;
  }
}

@media (min-width: 992px) {
  .users-prof-list > li {
    float: left;
    padding: 10px;
    text-align: center;
    width: 12.5%;
    min-height: 170px;
  }
}

@media (min-width: 1200px) {
  .users-prof-list > li {
    float: left;
    padding: 10px;
    text-align: center;
    width: 10%;
    min-height: 170px;
  }
}

.users-prof-list > li img {
  border-radius: 50%;
  height: auto;
  max-width: 100%;
  max-height: 88px;
}

.users-prof-list-list > li > a:hover,
.users-prof-list > li > a:hover .users-list-name {
  color: #999;
}

.users-list-name,
.users-list-date {
  display: block;
}

.users-list-name {
  color: #495057;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.users-list-date {
  color: #748290;
  font-size: 12px;
}

#menu-datos-personales .nav-link .nav-icon {
  margin-left: 0.05rem;
  font-size: 1.2rem;
  margin-right: 0.2rem;
  text-align: center;
  width: 1.6rem;
}

.layout-navbar-fixed
  .wrapper
  .sidebar-dark-primary
  .brand-link:not([class*="navbar"]) {
  background-color: transparent;
}

.icon_para_menu {
  font-size: 1.3rem;
  color: #495057;
}

.estadoD td {
  color: #aaaaaa;
}

.estadoA td {
  color: #000000;
}

.celda_monetaria {
  text-align: right;
}
tr.table-info.estado_D th {
  color: #ff0d0d;
}
/*
.bookmark {
    position: absolute;
    top: 50px;
    left: 150px;
    background: rgba(15,135,85,.5);
    width: 140px;
    height: 350px;
} */

.bookmark .stripe {
  position: absolute;
  top: 0;
  right: 3px;
  bottom: -16px;
  left: 3px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 0;
  border-top: 0;
  z-index: 1;
  pointer-events: none;
}

.bookmark:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  /* border: 25px solid rgba(15,135,85,.5);*/
  border-top: 0;
  border-bottom: 20px solid transparent;
}

.bookmark .shadow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -21px;
  left: 0;
  box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.75),
    0px 6px 5px 0px rgba(0, 0, 0, 0.75);
  z-index: -1;
}

.bookmark .shadow:before,
.bookmark .shadow:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 11px;
  width: 25px;
  height: 6px;
  background: transparent;
  box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.75);
}

.bookmark .shadow:before {
  left: -2px;
  transform: rotate(-39deg);
}

.bookmark .shadow:after {
  right: -2px;
  transform: rotate(38deg);
}

.bookmarkINC {
  position: absolute;
  z-index: 1000;
  height: 70px;
  width: 50px;
  padding: 0px;
  background: var(--color-rojo-1);
}

.bookmarkINC:after {
  border: 25px solid var(--color-rojo-1);
  border-top: 0;
  border-bottom: 20px solid transparent;
}

.bookmarkCUM {
  position: absolute;
  z-index: 1000;
  height: 70px;
  width: 50px;
  padding: 0px;
  background: var(--color-verde-1);
}

.bookmarkCUM:after {
  border: 25px solid var(--color-verde-1);
  border-top: 0;
  border-bottom: 20px solid transparent;
}

.bookmarkCFT {
  position: absolute;
  z-index: 1000;
  height: 70px;
  width: 50px;
  padding: 0px;
  background: var(--color-amarillo-1);
}

.bookmarkCFT:after {
  border: 25px solid var(--color-amarillo-1);
  border-top: 0;
  border-bottom: 20px solid transparent;
}

.bookmarkMOR {
  position: absolute;
  z-index: 1000;
  height: 70px;
  width: 50px;
  padding: 0px;
  background: var(--color-violeta-1);
}

.bookmarkMOR:after {
  border: 25px solid var(--color-violeta-1);
  border-top: 0;
  border-bottom: 20px solid transparent;
}