/*************************
BODY
********************************/
/*********************************************
TOPBAR
*************************************************/
/*********************************************
OFFCANVAS
**************************************************/
/*********************************************
ACCORDION
**************************************************/
/*********************************************
FOOTER
**************************************************/
/*********************************************
LOGIN
**************************************************/
/*********************************************
CARDS
**************************************************/
/*********************************************
TABS
**************************************************/
/*********************************************
PAGINATION DATATABLES
**************************************************/
/**********************************************************************
PAGINATION SEARCH
**********************************************************************/
.topbar {
  background: #579bb1;
}
.topbar .row .menu .menuLink {
  margin: auto;
  color: #ffffff;
  font-size: 2em;
}
.topbar .row .menu .menuLink .icon {
  margin-top: 10px;
  text-align: right;
}
.topbar .row .menu .menuLink .text {
  margin-top: 10px;
  text-align: left;
}
.topbar .row .logo {
  margin: 5px 5px;
}
.topbar .row .logo .logoImg {
  display: block;
  margin: auto;
  margin-right: 50%;
  width: 15%;
}

.offCanvas .row .col .offcanvas {
  background: #579bb1;
}
.offCanvas .row .col .offcanvas .offcanvas-header .offcanvas-title {
  display: block;
  font-size: 2em;
  margin: auto;
  text-align: center;
  color: #ffffff;
}
.offCanvas .row .col .offcanvas .offcanvas-header .offcanvas-title .menuImg {
  display: block;
  margin: auto;
}
.offCanvas .row .col .offcanvas .offcanvas-header .btn-close:focus {
  outline: none !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
}
.offCanvas .row .col .offcanvas .accordion .accordion-item {
  border: none;
}
.offCanvas .row .col .offcanvas .accordion .accordion-item .accordion-header .accordionfather {
  background: #579bb1;
  color: #ffffff;
}
.offCanvas .row .col .offcanvas .accordion .accordion-item .accordion-header .accordionfather:focus {
  outline: none !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
}
.offCanvas .row .col .offcanvas .accordion .accordion-item .accordion-header .accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.offCanvas .row .col .offcanvas .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}
.offCanvas .row .col .offcanvas .accordion .accordion-item .accordion-collapse .list-group .listgroupitem {
  text-decoration: none;
  text-decoration: none;
}
.offCanvas .row .col .offcanvas .accordion .accordion-item .accordion-collapse .list-group .listgroupitem .accordionson {
  padding: 1px 0px 1px 0px;
  margin: 0px;
  text-decoration: none;
  background: #ffffff;
  color: #000000;
}
.offCanvas .row .col .offcanvas .accordion .accordion-item .accordion-collapse .list-group .listgroupitem .accordionson:focus {
  text-decoration: none;
  outline: none !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
}
.offCanvas .row .col .offcanvas .accordion .accordion-item .accordion-collapse .list-group .listgroupitem .accordionson:hover {
  text-decoration: none;
}
.offCanvas .row .col .offcanvas .accordion .accordion-item .accordion-collapse .list-group .listgroupitem .accordionson .list-group .list-group-item {
  border: none;
}
.offCanvas .row .col .offcanvas .accordion .accordion-item .accordion-collapse .list-group .listgroupitem .accordionson .list-group .list-group-item .link {
  font-size: 0.7em;
}
.offCanvas .row .col .offcanvas .accordion .accordion-item .accordion-collapse .list-group .listgroupitem .accordionson.collapsed::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.offCanvas .row .col .offcanvas .accordion .accordion-item .accordion-collapse .list-group .listgroupitem .accordionson:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}
.offCanvas .row .col .offcanvas .accordion .accordion-item .accordion-collapse .list-group .listgroupitem .link {
  text-decoration: none;
  color: #000000 !important;
}
.offCanvas .row .col .offcanvas .accordion .accordion-item .accordion-collapse .list-group .listgroupitem:hover {
  font-size: 1.2em !important;
}

.footer {
  background: #579bb1;
  color: #fff;
}

.footer a:link, a:visited, a:active {
  color: #fff;
  text-decoration: none;
}

.footer a:hover {
  color: #EADA60;
  text-decoration: none;
}

.cel {
  visibility: hidden;
}

.bodylogin {
  background: #579bb1;
  font-size: 1.5em;
}
.bodylogin .container {
  width: 50%;
  background: #579bb1;
}
.bodylogin .container .trans {
  background: #579bb1;
  border: none;
}
.bodylogin .container .trans .logo {
  width: 45%;
  height: auto;
  display: block;
  margin: auto;
}
.bodylogin .container .form .encabezado {
  color: #579bb1;
  text-align: center;
  font-size: 1.3em;
}
.bodylogin .container .form .dataform {
  text-align: center;
  margin: auto;
}
.bodylogin .container .form .dataform .form-group {
  text-align: center;
  margin: auto;
}
.bodylogin .container .form .dataform .form-group .colinputs .labels {
  margin: 0px;
  text-align: center;
  color: #579bb1;
  font-size: 1.1em;
}
.bodylogin .container .form .dataform .form-group .colinputs .inputs {
  text-align: center;
  color: #579bb1;
  font-size: 1.1em;
}
.bodylogin .container .form .dataform .form-group .colinputs .btn {
  font-size: 0.9em;
}
.bodylogin .container .form .alert {
  font-size: 1em;
}
.bodylogin .container .form .cardfooter {
  text-align: center;
}
.bodylogin .container .form .cardfooter .alert-link {
  text-decoration: none;
  text-align: center;
  color: #579bb1;
}
.bodylogin .container .form .cardfooter .alert-link:hover {
  color: #579bb1;
  text-decoration: none;
}

body {
  font-family: Spartan;
}
@font-face {
  body {
    font-family: Spartan;
    src: url("{% static 'descriptio/webfonts/Spartan/Spartan-VariableFont_wght.ttf'%}");
  }
}
body .texto {
  padding: 5px;
}
body a.download {
  background: #fff;
  color: #f2f2f2;
}
body .titles {
  color: honeydew;
}

@media screen and (min-width: 600px) and (max-width: 1370px) {
  .bodylogin .container {
    width: 60%;
  }
  .bodylogin .container .form .encabezado {
    font-size: 1.2em !important;
  }
  .bodylogin .container .form .dataform .form-group .colinputs .labels {
    font-size: 1em !important;
  }
  .bodylogin .container .form .dataform .form-group .colinputs .inputs {
    text-align: center;
    font-size: 1em !important;
  }
  .bodylogin .container .form .dataform .form-group .colinputs .btn {
    font-size: 0.8em;
  }
  .bodylogin .container .form .alert {
    font-size: 0.9em !important;
  }
  .bodylogin .container .form .cardfooter .alert-link {
    font-size: 0.9em !important;
  }
  .bodylogin .container .form .cardfooter .alert-link:hover {
    font-size: 0.9em !important;
  }
  .topbar {
    background: #579bb1;
  }
  .topbar .row .menu .menuLink {
    font-size: 1.6em !important;
  }
  .topbar .row .menu .menuLink .icon {
    margin-top: 10px 0px;
    padding: 0px 5px 0px 0px;
    text-align: right !important;
  }
  .topbar .row .menu .menuLink .text {
    margin: 10px 0px;
    padding: 0px 0px 0px 5px;
    text-align: left !important;
  }
  .topbar .row .logo {
    margin: 5px 5px;
  }
  .topbar .row .logo .logoImg {
    display: block;
    margin-top: 10px !important;
    margin: auto;
    width: 150px !important;
    margin-right: 50%;
  }
}
@media screen and (min-width: 670px) and (max-width: 840px) {
  .bodylogin .container {
    width: 70%;
  }
  .bodylogin .container .form .encabezado {
    font-size: 1.4em !important;
  }
  .bodylogin .container .form .dataform .form-group .colinputs .labels {
    font-size: 0.9em !important;
  }
  .bodylogin .container .form .dataform .form-group .colinputs .inputs {
    font-size: 0.9em !important;
  }
  .bodylogin .container .form .dataform .form-group .colinputs .btn {
    font-size: 0.7em;
  }
  .bodylogin .container .form .alert {
    font-size: 0.8em !important;
  }
  .bodylogin .container .form .cardfooter .alert-link {
    font-size: 0.8em !important;
  }
  .bodylogin .container .form .cardfooter .alert-link:hover {
    font-size: 0.8em !important;
  }
  .topbar {
    background: #579bb1;
  }
  .topbar .row .menu .menuLink {
    font-size: 1.6em;
  }
  .topbar .row .menu .menuLink .icon {
    margin-top: 10px 0px;
    padding: 0px 5px 0px 0px;
    text-align: right !important;
  }
  .topbar .row .menu .menuLink .text {
    margin: 10px 0px;
    padding: 0px 0px 0px 5px;
    text-align: left !important;
  }
  .topbar .row .logo {
    margin: 5px 5px;
  }
  .topbar .row .logo .logoImg {
    display: block;
    margin-top: 10px !important;
    margin: auto;
    width: 90px;
    margin-right: 50%;
  }
}
@media screen and (min-width: 485px) and (max-width: 670px) {
  .bodylogin .container {
    width: 80%;
  }
  .bodylogin .container .form .encabezado {
    font-size: 1em !important;
  }
  .bodylogin .container .form .dataform .form-group .colinputs .labels {
    font-size: 0.8em !important;
  }
  .bodylogin .container .form .dataform .form-group .colinputs .inputs {
    font-size: 0.8em !important;
  }
  .bodylogin .container .form .dataform .form-group .colinputs .btn {
    font-size: 0.6em;
  }
  .bodylogin .container .form .alert {
    font-size: 0.7em !important;
  }
  .bodylogin .container .form .cardfooter .alert-link {
    font-size: 0.7em !important;
  }
  .bodylogin .container .form .cardfooter .alert-link:hover {
    font-size: 0.7em !important;
  }
  .topbar {
    background: #579bb1;
  }
  .topbar .row .menu .menuLink {
    font-size: 1.2em;
  }
  .topbar .row .menu .menuLink .icon {
    margin-top: 10px 0px;
    padding: 0px 5px 0px 0px;
    text-align: right !important;
  }
  .topbar .row .menu .menuLink .text {
    margin: 10px 0px;
    padding: 0px 0px 0px 5px;
    text-align: left !important;
  }
  .topbar .row .logo {
    margin: 5px 5px;
  }
  .topbar .row .logo .logoImg {
    display: block;
    margin-top: 10px !important;
    margin: auto;
    width: 30%;
    margin-right: 50%;
  }
}
@media screen and (min-width: 280px) and (max-width: 485px) {
  .bodylogin .container {
    width: 90%;
  }
  .bodylogin .container .form .encabezado {
    font-size: 0.9em !important;
  }
  .bodylogin .container .form .dataform .form-group .colinputs .labels {
    font-size: 0.7em !important;
  }
  .bodylogin .container .form .dataform .form-group .colinputs .inputs {
    font-size: 0.7em !important;
  }
  .bodylogin .container .form .dataform .form-group .colinputs .btn {
    font-size: 0.5em;
  }
  .bodylogin .container .form .alert {
    font-size: 0.6em !important;
  }
  .bodylogin .container .form .cardfooter .alert-link {
    font-size: 0.6em !important;
  }
  .bodylogin .container .form .cardfooter .alert-link:hover {
    font-size: 0.6em !important;
  }
  .topbar {
    background: #579bb1;
  }
  .topbar .row .menu .menuLink {
    margin: auto;
    color: #ffffff;
    font-size: 1em;
  }
  .topbar .row .menu .menuLink .icon {
    margin-top: 10px 0px;
    padding: 0px 5px 0px 0px;
    text-align: right !important;
  }
  .topbar .row .menu .menuLink .text {
    margin: 10px 0px;
    padding: 0px 0px 0px 5px;
    text-align: left !important;
  }
  .topbar .row .logo {
    margin: 5px 5px;
  }
  .topbar .row .logo .logoImg {
    display: block;
    margin-top: 10px !important;
    margin: auto;
    width: 60%;
    margin-right: 50%;
  }
}
@media screen and (min-width: 150px) and (max-width: 485px) {
  .bodylogin .container {
    width: 100%;
  }
  .bodylogin .container .form .encabezado {
    font-size: 0.9em !important;
  }
  .bodylogin .container .form .dataform .form-group .colinputs .labels {
    font-size: 0.7em !important;
  }
  .bodylogin .container .form .dataform .form-group .colinputs .inputs {
    font-size: 0.7em !important;
  }
  .bodylogin .container .form .dataform .form-group .colinputs .btn {
    font-size: 0.5em;
  }
  .bodylogin .container .form .alert {
    font-size: 0.6em !important;
  }
  .bodylogin .container .form .cardfooter .alert-link {
    font-size: 0.6em !important;
  }
  .bodylogin .container .form .cardfooter .alert-link:hover {
    font-size: 0.6em !important;
  }
  .topbar {
    background: #579bb1;
  }
  .topbar .row .menu .menuLink {
    font-size: 1.2em !important;
    margin: auto;
    color: #ffffff;
    font-size: 1em;
  }
  .topbar .row .menu .menuLink .icon {
    margin-top: 3px;
    padding: 0px 0px 0px 0px;
    text-align: center !important;
  }
  .topbar .row .menu .menuLink .text {
    margin: 3px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center !important;
  }
  .topbar .row .logo {
    margin: 5px 5px;
  }
  .topbar .row .logo .logoImg {
    display: block;
    margin-top: 10px !important;
    margin: auto;
    width: 100px;
    margin-right: 50%;
  }
}
.goback {
  font-size: 1em;
  color: #1C2C54;
}
.goback .link {
  font-size: 1em;
  color: #1C2C54;
}
.goback .txt {
  font-size: 1em;
  color: #1C2C54;
}

.cardsearch .card-header .links .enlace .sitio {
  text-decoration: none;
  color: #ad8e70;
}
.cardsearch .card-header .links .enlace .sitio .text_web_site {
  text-decoration: none;
  color: #ad8e70;
}
.cardsearch .card-header .links .enlace .sitio .text_web_site:hover {
  text-decoration: none;
  color: #ad8e70;
}
.cardsearch .card-header .links .enlace .sitio .text_web_site:visited {
  text-decoration: none;
  color: #ad8e70;
}

.page .pagination .active {
  font-weight: 900;
  font-size: 1.1em;
}
.page .pagination .page-item .page-link {
  border: solid 1px #ece8dd;
  background: #f8f4ea;
  color: #ad8e70 !important;
}
.page .pagination .page-item .page-link:hover {
  color: #ad8e70 !important;
}
.page .pagination .page-item .page-link:visited {
  color: #ad8e70 !important;
}
.page .pagination .page-item .page-link:active {
  color: #ad8e70 !important;
}
.page .pagination .page-item .page-link:focus {
  color: #ad8e70 !important;
}

.material-datatables .dataTables_wrapper .dataTables_paginate {
  display: flex !important;
  justify-content: center !important;
}
.material-datatables .dataTables_wrapper .dataTables_paginate .pagination .active {
  font-weight: 900em !important;
  font-size: 1.1em !important;
}
.material-datatables .dataTables_wrapper .dataTables_paginate .pagination .paginate_button .page-link {
  border: none !important;
  background: rgb(231, 231, 231) !important;
  color: rgb(48, 48, 48) !important;
}

.dataTables_paginate {
  display: flex !important;
  justify-content: center !important;
}
.dataTables_paginate .pagination .active {
  font-weight: 900em !important;
  font-size: 1.1em !important;
}
.dataTables_paginate .pagination .paginate_button .page-link {
  border: none !important;
  background: rgb(231, 231, 231) !important;
  color: rgb(48, 48, 48) !important;
}

.cardStatis .cardhStatis {
  background: #579bb1 !important;
  color: #ffffff !important;
}
.nav-tabs .nav-link {
  color: #d0d3d4 !important;
  font-weight: bold !important;
}
.nav-tabs .nav-link.active {
  background: #579bb1 !important;
  color: #d0d3d4 !important;
}

.cardb .card-title {
  margin-top: 10% !important;
}

.nav-tabsUser .nav-link {
  color: #d0d3d4 !important;
  font-weight: bold !important;
}
.nav-tabsUser .nav-link.active {
  background: #579bb1 !important;
  color: #d0d3d4 !important;
}

/*# sourceMappingURL=main.css.map */