.navbar {
  font-size: 0.76em;
  background: rgba(10, 10, 10, 0.965); }
  .navbar .navbar-brand {
    margin-left: 10px;
    margin-right: 10px;
    opacity: 0.8;
    transition: all 0.25s; }
    .navbar .navbar-brand:hover {
      opacity: initial;
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
  .navbar .navbar-toggler {
    color: #8c8c8c; }
  .navbar .navbar-collapse .navbar-nav {
    margin-left: 5px; }
    .navbar .navbar-collapse .navbar-nav .nav-item {
      font-weight: 600;
      text-transform: capitalize; }
      .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
        color: #e9e9e9;
        opacity: 0.8;
        transition: all 0.25s; }
        .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
          opacity: initial;
          -webkit-transform: scale(1.03);
          transform: scale(1.03);
          color: #3878B0; }
        .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:focus {
          opacity: initial;
          -webkit-transform: scale(1.03);
          transform: scale(1.03);
          color: #3878B0; }
    .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu {
      background: rgba(10, 10, 10, 0.965);
      font-size: 13px; }
      .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-item {
        color: #f2f2f2;
        transition: all 0.25s; }
        .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover {
          background: #383838;
          color: #3878B0;
          font-weight: bolder; }
        .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-item .imgproducts {
          width: 18px; }
        .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-item .imgproductsr {
          width: 10px; }
        .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-item .imgproductsc {
          width: 10px; }
  .navbar .navbar-collapse .forms .btn {
    color: white;
    background: #28557D;
    transition: all 0.25s;
    border: #28557D; }
    .navbar .navbar-collapse .forms .btn:hover {
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }

.logocontainer {
  margin-top: -9%;
  background: gray; }
  .logocontainer .inf {
    margin-top: -25.8%;
    transition: all 0.25s; }
    .logocontainer .inf img {
      width: 11%; }
    .logocontainer .inf .InfTit {
      margin-top: 10px;
      font-size: 60px;
      text-shadow: 4px 4px 8px #28557D;
      color: #e9e9e9;
      font-weight: bold; }

video {
  width: 100%; }

.body {
  font-family: 'Kanit', sans-serif; }

.hrline {
  width: 50%;
  margin: auto; }

.titlecont .titlecontwo .titlerow .titlecol .titleh {
  font-size: 1.5em;
  font-weight: 600;
  color: black; }

.contcard .rowcard .colcard .card {
  transition: all 0.25s; }
  .contcard .rowcard .colcard .card:hover {
    transform: translatey(-10px); }
  .contcard .rowcard .colcard .card .card-body .imgcard {
    width: 130px; }
  .contcard .rowcard .colcard .card .card-body .card-title {
    font-weight: 600;
    font-size: 600; }
  .contcard .rowcard .colcard .card .card-footer .btn {
    background: #28557D;
    transition: all 0.25s;
    border-color: #28557D; }
    .contcard .rowcard .colcard .card .card-footer .btn:hover {
      border: #28557D;
      background: #28557D;
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }
.contcard .rowcardcontact .colcardcontact .card {
  margin: auto;
  width: 66%;
  transition: all 0.25s; }
  .contcard .rowcardcontact .colcardcontact .card:hover {
    transform: translatey(-10px); }
  .contcard .rowcardcontact .colcardcontact .card .card-body .imgcard {
    width: 20%; }
  .contcard .rowcardcontact .colcardcontact .card .card-body .card-title {
    font-weight: 600;
    font-size: 600; }
  .contcard .rowcardcontact .colcardcontact .card .card-footer .btn {
    background: #28557D;
    transition: all 0.25s;
    border-color: #28557D; }
    .contcard .rowcardcontact .colcardcontact .card .card-footer .btn:hover {
      border: #28557D;
      background: #28557D;
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }

.footer .confoot {
  background: #3f3f3f; }
  .footer .confoot .rowfoot .colfoot {
    margin-bottom: 10px; }
    .footer .confoot .rowfoot .colfoot .linfoot {
      text-decoration: none;
      font-weight: bolder;
      font-size: 15px;
      color: #e9e9e9;
      margin-bottom: 20px; }
      .footer .confoot .rowfoot .colfoot .linfoot img {
        margin-top: 10px;
        width: 8%;
        transition: all 0.13s;
        margin-bottom: 10px; }
        .footer .confoot .rowfoot .colfoot .linfoot img:hover {
          transform: translatey(-10px); }
.footer .contfootd {
  background: rgba(10, 10, 10, 0.965); }
  .footer .contfootd .rowfootd .colfootd {
    color: #e9e9e9; }
  .footer .contfootd .rowfootd .colfootdtwo .as {
    color: #e9e9e9;
    text-decoration: none;
    transition: all 0.25s; }
    .footer .contfootd .rowfootd .colfootdtwo .as:hover {
      color: #3878B0; }

.offcanvas {
  background: rgba(10, 10, 10, 0.918) !important; }
  .offcanvas .offcanvas-header .offcanvas-title {
    margin-top: 5%;
    margin-left: 5%;
    color: #e9e9e9;
    font-weight: 600; }
  .offcanvas .offcanvas-header .close {
    margin-top: 5%;
    margin-right: 5%;
    font-size: 1.5em;
    transition: all 0.25s;
    color: #e9e9e9; }
    .offcanvas .offcanvas-header .close:hover {
      color: #3878B0; }
  .offcanvas .offcanvas-body .list-group .op {
    border: none;
    background: rgba(0, 0, 0, 0);
    color: #e9e9e9;
    transition: all 0.25s; }
    .offcanvas .offcanvas-body .list-group .op:hover {
      transform: translatex(10px);
      color: #3878B0;
      font-weight: bold; }
  .offcanvas .offcanvas-footer .list-group .op {
    margin-left: 5%;
    border: none;
    background: rgba(0, 0, 0, 0);
    color: #e9e9e9;
    transition: all 0.25s; }
    .offcanvas .offcanvas-footer .list-group .op:hover {
      transform: translatex(10px);
      color: #3878B0;
      font-weight: bold; }

.containtitserv {
  background: #f2f2f2; }
  .containtitserv .rowtitserv .coltitserv {
    margin-top: 100px;
    margin-bottom: 50px; }
    .containtitserv .rowtitserv .coltitserv .titserv {
      font-weight: bolder;
      color: #000000; }
    .containtitserv .rowtitserv .coltitserv .hrtitleserv {
      margin: auto;
      color: #000000;
      width: 30%; }

.conserv .roserv .colserv .rowserv {
  border-radius: 2em;
  background: #f2f2f2;
  color: #000000; }
  .conserv .roserv .colserv .rowserv .imgleft {
    overflow: hidden; }
    .conserv .roserv .colserv .rowserv .imgleft .imgproduct {
      margin-left: -420px;
      width: 1200px;
      height: 900px; }
  .conserv .roserv .colserv .rowserv .colinfserv {
    margin: auto;
    display: block; }
    .conserv .roserv .colserv .rowserv .colinfserv .rowinfserv .titinfserv {
      margin-bottom: 2%; }
      .conserv .roserv .colserv .rowserv .colinfserv .rowinfserv .titinfserv .titint {
        font-weight: bolder; }
    .conserv .roserv .colserv .rowserv .colinfserv .rowinfserv .descinfserv {
      text-align: justify; }
    .conserv .roserv .colserv .rowserv .colinfserv .rowinfserv .btninfserv .btnserv {
      color: #e9e9e9;
      background: #28557D;
      border: #28557D;
      transition: all 0.25s; }
      .conserv .roserv .colserv .rowserv .colinfserv .rowinfserv .btninfserv .btnserv:hover {
        background: #28557D;
        border: #28557D;
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }

.contalls {
  background: #f2f2f2; }
  .contalls .conintro {
    background: #f2f2f2;
    color: #000000; }
    .contalls .conintro .rowintro {
      background: #f2f2f2;
      margin: 2%; }
      .contalls .conintro .rowintro .colintro {
        background: #f2f2f2; }

.contmisvis {
  color: #000000; }
  .contmisvis .rowmisvis {
    margin: 2%; }
    .contmisvis .rowmisvis .colmisvis .titnns {
      font-weight: bolder; }

.galerh {
  background: #f2f2f2; }
  .galerh .contgal {
    color: #000000;
    background: #f2f2f2; }
    .galerh .contgal .titn {
      font-weight: bolder; }

.contteam {
  color: #000000; }
  .contteam .rowteam .colteam .teamss {
    font-weight: bolder; }

.contmem .rowmem .colmem {
  margin-top: 10px; }
  .contmem .rowmem .colmem .card {
    width: 80%;
    height: 105%;
    color: #000000;
    background: #f2f2f2;
    margin: auto;
    display: block;
    transition: all 0.25s; }
    .contmem .rowmem .colmem .card:hover {
      transform: translatey(-10px);
      color: #000000; }
    .contmem .rowmem .colmem .card .card-body .imgteam {
      width: 120px !important;
      -webkit-border-radius: 100px 100px;
      -moz-border-radius: 100px 100px;
      -o-border-radius: 100px 100px;
      border-radius: 100px 100px; }
    .contmem .rowmem .colmem .card .card-body .nameteam {
      margin-top: 30px;
      font-size: 22px;
      font-weight: bolder; }

@media screen and (min-width: 280px) and (max-width: 768px) {
  .videohome {
    display: none !important; }

  .logocontainer {
    margin-top: 19px !important;
    background: gray;
    display: block !important; }
    .logocontainer .inf {
      margin-top: initial; }
      .logocontainer .inf img {
        transition: all 0.25s;
        width: 20%; }
        .logocontainer .inf img:hover {
          -webkit-transform: scale(1.05);
          transform: scale(1.05); }
      .logocontainer .inf .InfTit {
        margin-top: 20px;
        font-size: 30px;
        color: #e9e9e9;
        font-weight: bold; }

  .footer .confoot {
    display: none; }
  .footer .contfootd {
    font-size: 12px; }

  .conserv .roserv .colserv .rowserv {
    margin: 4px; }
    .conserv .roserv .colserv .rowserv .imgleft .imgproduct {
      display: none; }

  .g-recaptcha {
    transform: scale(0.77) !important;
    -webkit-transform: scale(0.77) !important; }

  .confilsupd .rowfilsupd .colfilsupd .cardfilsupd {
    width: 100% !important;
    margin-bottom: 10px !important; }

  .cardvidsupd {
    width: 100% !important;
    margin-bottom: 10px !important; }

  .cheadsecvidint .nam {
    text-align: center !important; }
  .cheadsecvidint .nambtns {
    text-align: center !important; }

  .collvidsp .vide {
    height: 150px !important; }

  .colcontserv {
    text-align: center !important;
    margin-bottom: 5px !important; }

  .colcontservbtns {
    text-align: center !important; }

  .uplser {
    width: 100% !important; }

  .contgr .rowgr .coluplgr {
    width: 100% !important; }

  .contalls .rowfils .colfils .cardfils {
    width: 100% !important; }

  .contfilss .rowfilss .colsfilss .colviewserv .cardcontserv .bdserv .rowcontserv .colcontserv .titlcontserv {
    text-decoration: none;
    text-transform: capitalize; }
    .contfilss .rowfilss .colsfilss .colviewserv .cardcontserv .bdserv .rowcontserv .colcontserv .titlcontserv:hover {
      text-decoration: underline; }

  .contlog .card {
    display: block;
    margin: auto;
    border-color: #3f3f3f;
    margin-top: 10%;
    width: 100% !important; }
    .contlog .card .card-header {
      justify-content: center;
      align-items: center; }
    .contlog .card .log {
      display: block;
      margin: auto;
      width: 40%;
      margin-top: 0px !important; }
    .contlog .card .card-body {
      color: #f2f2f2;
      background: #302f2f; }
      .contlog .card .card-body .form-floating {
        color: #61676b;
        font-weight: bold; }
      .contlog .card .card-body .btnlog {
        color: white;
        background: #28557D;
        transition: all 0.25s;
        border: #28557D;
        font-weight: bold; }
        .contlog .card .card-body .btnlog:hover {
          -webkit-transform: scale(1.1);
          transform: scale(1.1); }
      .contlog .card .card-body a {
        text-decoration: none;
        color: #f2f2f2;
        transition: all 0.2s; }
        .contlog .card .card-body a:hover {
          text-decoration: underline; }
  .contlog .btnback {
    display: none !important;
    color: white;
    background: #28557D;
    transition: all 0.25s;
    border: #28557D;
    font-weight: bold; }
    .contlog .btnback:hover {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      background: #28557D; }
    .contlog .btnback:focus {
      background: #28557D; } }
@media screen and (min-width: 280px) and (max-width: 360px) {
  .g-recaptcha {
    transform: scale(0.64) !important;
    -webkit-transform: scale(0.64) !important;
    transform-origin: 0 !important;
    -webkit-transform-origin: 0 !important;
    margin-left: 10px !important; }

  .footer .confoot {
    display: none; }
  .footer .contfootd {
    font-size: 10px; } }
@media screen and (min-width: 310px) and (max-width: 320px) {
  .g-recaptcha {
    transform: scale(0.7) !important;
    -webkit-transform: scale(0.7) !important;
    transform-origin: 0 !important;
    -webkit-transform-origin: 0 !important;
    margin-left: 25px !important; } }
@media screen and (min-width: 320px) and (max-width: 360px) {
  .g-recaptcha {
    transform: scale(0.8) !important;
    -webkit-transform: scale(0.8) !important;
    transform-origin: 0 !important;
    -webkit-transform-origin: 0 !important;
    margin-left: 25px !important; } }
@media screen and (min-width: 769px) and (max-width: 991px) {
  .videohome {
    display: none !important; }

  .logocontainer {
    margin-top: 19px !important;
    display: block !important;
    background: gray; }
    .logocontainer .inf {
      margin-top: initial; }
      .logocontainer .inf img {
        transition: all 0.25s;
        width: 20%; }
        .logocontainer .inf img:hover {
          -webkit-transform: scale(1.05);
          transform: scale(1.05); }
      .logocontainer .inf .InfTit {
        margin-top: 20px;
        font-size: 50px;
        color: #e9e9e9;
        font-weight: bold; }

  .footer .confoot {
    display: none; }

  .conserv .roserv .colserv .rowserv {
    margin: 4px; }
    .conserv .roserv .colserv .rowserv .imgleft .imgproduct {
      display: none; } }
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .logocontainer {
    margin-top: -7%;
    background: gray; }
    .logocontainer .inf {
      margin-top: -33.8%;
      transition: all 0.25s; }
      .logocontainer .inf img {
        width: 11%; }
      .logocontainer .inf .InfTit {
        margin-top: 10px;
        font-size: 60px;
        text-shadow: 4px 4px 10px #28557D;
        color: #e9e9e9;
        font-weight: bold; }
      .logocontainer .inf:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05); } }
@media screen and (min-width: 1921px) and (max-width: 2560px) {
  .logocontainer {
    margin-top: -5%;
    background: gray; }
    .logocontainer .inf {
      margin-top: -33.8%;
      transition: all 0.25s; }
      .logocontainer .inf img {
        width: 11%; }
      .logocontainer .inf .InfTit {
        margin-top: 10px;
        font-size: 60px;
        text-shadow: 4px 4px 10px #28557D;
        color: #e9e9e9;
        font-weight: bold; }
      .logocontainer .inf:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05); } }
.contactcont {
  color: #000000; }
  .contactcont .card-header .titcards {
    font-weight: bolder; }

.btncontact {
  color: #e9e9e9 !important;
  background: #28557D !important;
  border: #28557D !important;
  transition: all 0.25s !important; }
  .btncontact:hover {
    background: #28557D !important;
    border: #28557D !important;
    -webkit-transform: scale(1.1) !important;
    transform: scale(1.1) !important; }

.BodyLog {
  background: linear-gradient(to right, #3f3f3f, #3f3f3f);
  font-family: 'Kanit', sans-serif;
  font-weight: bolder; }

.contlog .card {
  box-shadow: 4px 4px 50px #28557D;
  display: block;
  margin: auto;
  border-color: #3f3f3f;
  margin-top: 10%;
  width: 60%; }
  .contlog .card .card-header {
    color: #f2f2f2;
    justify-content: center;
    align-items: center;
    background: #111111; }
  .contlog .card .log {
    display: block;
    margin: auto;
    width: 40%;
    margin-top: 40px; }
  .contlog .card .card-body {
    color: #f2f2f2;
    background: #302f2f; }
    .contlog .card .card-body .form-floating {
      color: #61676b;
      font-weight: bold; }
    .contlog .card .card-body .btnlog {
      color: white;
      background: #28557D;
      transition: all 0.25s;
      border: #28557D;
      font-weight: bold; }
      .contlog .card .card-body .btnlog:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
    .contlog .card .card-body a {
      text-decoration: none;
      color: #f2f2f2;
      transition: all 0.2s; }
      .contlog .card .card-body a:hover {
        text-decoration: underline; }
.contlog .btnback {
  color: white;
  background: #28557D;
  transition: all 0.25s;
  border: #28557D;
  font-weight: bold; }
  .contlog .btnback:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    background: #28557D; }
  .contlog .btnback:focus {
    background: #28557D; }

.mdfils {
  background: #4a55728a; }
  .mdfils .modal-dialog .modal-content {
    background: #f2f2f2; }
    .mdfils .modal-dialog .modal-content .modal-body .formfils .btnuplfile {
      background: #28557D;
      color: #f2f2f2;
      border-color: #28557D; }
      .mdfils .modal-dialog .modal-content .modal-body .formfils .btnuplfile:hover {
        border-color: #28557D; }

.contfunac .rowfunac .colfunyear .listgrac .btnyears {
  margin-bottom: 5px;
  background: #f2f2f2;
  color: #000000; }
  .contfunac .rowfunac .colfunyear .listgrac .btnyears:hover {
    background: #111111;
    color: #f2f2f2;
    border-color: #111111; }
  .contfunac .rowfunac .colfunyear .listgrac .btnyears:focus {
    background: #111111;
    color: #f2f2f2;
    outline: none;
    box-shadow: none;
    border-color: #111111; }
.contfunac .rowfunac .colfunyear .listgrac .btnyears.active {
  margin-bottom: 5px;
  background: #111111;
  color: #f2f2f2;
  font-weight: bold;
  border: #111111; }
.contfunac .rowfunac .colfunmonth .tabcontac .panemonthac .contmonthac .rowtmonthac .coltmonthac .titmonthac {
  background: #111111;
  color: #f2f2f2;
  padding: 10px; }
  .contfunac .rowfunac .colfunmonth .tabcontac .panemonthac .contmonthac .rowtmonthac .coltmonthac .titmonthac .btnuplfilss {
    background: #111111;
    color: #f2f2f2;
    border-color: #111111; }
    .contfunac .rowfunac .colfunmonth .tabcontac .panemonthac .contmonthac .rowtmonthac .coltmonthac .titmonthac .btnuplfilss:hover {
      background: #f2f2f2;
      color: #111111; }
.contfunac .rowfunac .colfunmonth .tabcontac .panemonthac .contmonthac .rowtmonthac .coltmonthac .acrodmonthac .cardmonthac {
  margin-bottom: 20px; }
  .contfunac .rowfunac .colfunmonth .tabcontac .panemonthac .contmonthac .rowtmonthac .coltmonthac .acrodmonthac .cardmonthac .cardheadmonthac {
    cursor: pointer; }
    .contfunac .rowfunac .colfunmonth .tabcontac .panemonthac .contmonthac .rowtmonthac .coltmonthac .acrodmonthac .cardmonthac .cardheadmonthac .htitlemonthac .btnmonthss {
      font-weight: bolder;
      text-decoration: none;
      color: #000000;
      box-shadow: none; }
  .contfunac .rowfunac .colfunmonth .tabcontac .panemonthac .contmonthac .rowtmonthac .coltmonthac .acrodmonthac .cardmonthac .collapsmonthac .cardbodyac .divtableac .tableac .tableheadac {
    background: #252525;
    color: #f2f2f2; }
  .contfunac .rowfunac .colfunmonth .tabcontac .panemonthac .contmonthac .rowtmonthac .coltmonthac .acrodmonthac .cardmonthac .collapsmonthac .cardbodyac .divtableac .tableac .tablebodyac .tabledataac .btndown {
    color: #252525;
    text-decoration: none; }
    .contfunac .rowfunac .colfunmonth .tabcontac .panemonthac .contmonthac .rowtmonthac .coltmonthac .acrodmonthac .cardmonthac .collapsmonthac .cardbodyac .divtableac .tableac .tablebodyac .tabledataac .btndown:hover {
      color: #252525; }
  .contfunac .rowfunac .colfunmonth .tabcontac .panemonthac .contmonthac .rowtmonthac .coltmonthac .acrodmonthac .cardmonthac .collapsmonthac .cardbodyac .divtableac .tableac .tablebodyac .tabledataac .btnedit {
    background: #e7b428;
    color: #f2f2f2;
    font-weight: bolder;
    border-color: #e7b428; }
    .contfunac .rowfunac .colfunmonth .tabcontac .panemonthac .contmonthac .rowtmonthac .coltmonthac .acrodmonthac .cardmonthac .collapsmonthac .cardbodyac .divtableac .tableac .tablebodyac .tabledataac .btnedit:hover {
      background: #a58019;
      color: #f2f2f2;
      font-weight: bolder;
      border-color: #a58019; }
  .contfunac .rowfunac .colfunmonth .tabcontac .panemonthac .contmonthac .rowtmonthac .coltmonthac .acrodmonthac .cardmonthac .collapsmonthac .cardbodyac .divtableac .tableac .tablebodyac .tabledataac .btnDelete {
    background: #b92500;
    color: #f2f2f2;
    font-weight: bolder;
    border-color: #b92500; }
    .contfunac .rowfunac .colfunmonth .tabcontac .panemonthac .contmonthac .rowtmonthac .coltmonthac .acrodmonthac .cardmonthac .collapsmonthac .cardbodyac .divtableac .tableac .tablebodyac .tabledataac .btnDelete:hover {
      background: #7e220b;
      color: #f2f2f2;
      font-weight: bolder;
      border-color: #7e220b; }

.modal .modal-header {
  background: #252525;
  color: #f2f2f2; }
.modal .rowfilsupd .colfilsupd .cardfilsupd {
  display: block;
  margin: auto;
  width: 100%; }
  .modal .rowfilsupd .colfilsupd .cardfilsupd .cardbdupd .formfilsupd .botonupd .uplflbtnupd {
    background: #000000;
    color: #f2f2f2;
    border-color: #000000; }
    .modal .rowfilsupd .colfilsupd .cardfilsupd .cardbdupd .formfilsupd .botonupd .uplflbtnupd:hover {
      border-color: #000000; }

.mdvidfn {
  background: #4a55728a; }
  .mdvidfn .modal-dialog .modal-content {
    background: #f2f2f2; }
    .mdvidfn .modal-dialog .modal-content .modal-body .formfils .btnuplfile {
      background: #28557D;
      color: #f2f2f2;
      border-color: #28557D; }
      .mdvidfn .modal-dialog .modal-content .modal-body .formfils .btnuplfile:hover {
        border-color: #28557D; }

.contfuncvid .rowtfuncvid .Contenidopriv .tabsleng .lengsss {
  margin-bottom: 5px;
  background: #f2f2f2;
  color: #000000; }
  .contfuncvid .rowtfuncvid .Contenidopriv .tabsleng .lengsss:hover {
    background: #111111;
    color: #f2f2f2;
    border-color: #111111; }
  .contfuncvid .rowtfuncvid .Contenidopriv .tabsleng .lengsss:focus {
    background: #111111;
    color: #f2f2f2;
    outline: none;
    box-shadow: none;
    border-color: #111111; }
.contfuncvid .rowtfuncvid .Contenidopriv .tabsleng .lengsss.active {
  font-weight: bold;
  margin-bottom: 5px;
  background: #111111;
  color: #f2f2f2;
  border: #111111; }
.contfuncvid .rowtfuncvid .colsecvid .contsecvid .pansecvid .contsecvids .rowsecvid .colsecvidd .titleng {
  background: #111111;
  color: #f2f2f2;
  padding: 10px; }
  .contfuncvid .rowtfuncvid .colsecvid .contsecvid .pansecvid .contsecvids .rowsecvid .colsecvidd .titleng .btnuplvidss {
    background: #111111;
    color: #f2f2f2;
    border-color: #111111; }
    .contfuncvid .rowtfuncvid .colsecvid .contsecvid .pansecvid .contsecvids .rowsecvid .colsecvidd .titleng .btnuplvidss:hover {
      background: #f2f2f2;
      color: #111111; }
.contfuncvid .rowtfuncvid .colsecvid .contsecvid .pansecvid .contsecvids .rowsecvid .colsecvidd .acsecvid .cardsecvid {
  margin-bottom: 4px; }
  .contfuncvid .rowtfuncvid .colsecvid .contsecvid .pansecvid .contsecvids .rowsecvid .colsecvidd .acsecvid .cardsecvid .cardheadsecvid {
    text-align: center;
    cursor: pointer; }
    .contfuncvid .rowtfuncvid .colsecvid .contsecvid .pansecvid .contsecvids .rowsecvid .colsecvidd .acsecvid .cardsecvid .cardheadsecvid .tltcolvids .btnvid {
      font-weight: bolder;
      text-decoration: none;
      color: #000000;
      box-shadow: none; }
  .contfuncvid .rowtfuncvid .colsecvid .contsecvid .pansecvid .contsecvids .rowsecvid .colsecvidd .acsecvid .cardsecvid .collsecvid .cbodysecvid .arcsecvidint {
    margin-bottom: 7px; }
    .contfuncvid .rowtfuncvid .colsecvid .contsecvid .pansecvid .contsecvids .rowsecvid .colsecvidd .acsecvid .cardsecvid .collsecvid .cbodysecvid .arcsecvidint .cheadsecvidint .nam {
      cursor: pointer;
      text-align: left; }
      .contfuncvid .rowtfuncvid .colsecvid .contsecvid .pansecvid .contsecvids .rowsecvid .colsecvidd .acsecvid .cardsecvid .collsecvid .cbodysecvid .arcsecvidint .cheadsecvidint .nam .btnvid {
        font-weight: bolder;
        text-decoration: none;
        color: #000000;
        box-shadow: none; }
    .contfuncvid .rowtfuncvid .colsecvid .contsecvid .pansecvid .contsecvids .rowsecvid .colsecvidd .acsecvid .cardsecvid .collsecvid .cbodysecvid .arcsecvidint .cheadsecvidint .nambtns {
      text-align: end; }
      .contfuncvid .rowtfuncvid .colsecvid .contsecvid .pansecvid .contsecvids .rowsecvid .colsecvidd .acsecvid .cardsecvid .collsecvid .cbodysecvid .arcsecvidint .cheadsecvidint .nambtns .btnedit {
        background: #e7b428;
        color: #f2f2f2;
        font-weight: bolder;
        border-color: #e7b428; }
        .contfuncvid .rowtfuncvid .colsecvid .contsecvid .pansecvid .contsecvids .rowsecvid .colsecvidd .acsecvid .cardsecvid .collsecvid .cbodysecvid .arcsecvidint .cheadsecvidint .nambtns .btnedit:hover {
          background: #a58019;
          color: #f2f2f2;
          font-weight: bolder;
          border-color: #a58019; }
      .contfuncvid .rowtfuncvid .colsecvid .contsecvid .pansecvid .contsecvids .rowsecvid .colsecvidd .acsecvid .cardsecvid .collsecvid .cbodysecvid .arcsecvidint .cheadsecvidint .nambtns .btnDelete {
        background: #b92500;
        color: #f2f2f2;
        font-weight: bolder;
        border-color: #b92500; }
        .contfuncvid .rowtfuncvid .colsecvid .contsecvid .pansecvid .contsecvids .rowsecvid .colsecvidd .acsecvid .cardsecvid .collsecvid .cbodysecvid .arcsecvidint .cheadsecvidint .nambtns .btnDelete:hover {
          background: #7e220b;
          color: #f2f2f2;
          font-weight: bolder;
          border-color: #7e220b; }

.conallvidupd .rowvidupd .colvidupd .cardvidsupd {
  display: block;
  margin: auto;
  width: 100%; }
  .conallvidupd .rowvidupd .colvidupd .cardvidsupd .cardbodvidupd .formvidsupd .bts .btnuplfile {
    background: #28557D;
    color: #f2f2f2;
    border-color: #28557D; }
    .conallvidupd .rowvidupd .colvidupd .cardvidsupd .cardbodvidupd .formvidsupd .bts .btnuplfile:hover {
      border-color: #28557D; }

.contuplserv .rowservview .colsselectadd .lgserv .btncontent {
  margin-bottom: 5px;
  background: #f2f2f2;
  color: #000000; }
  .contuplserv .rowservview .colsselectadd .lgserv .btncontent:hover {
    background: #111111;
    color: #f2f2f2;
    border-color: #111111; }
  .contuplserv .rowservview .colsselectadd .lgserv .btncontent:focus {
    background: #111111;
    color: #f2f2f2;
    outline: none;
    box-shadow: none;
    border-color: #111111; }
.contuplserv .rowservview .colsselectadd .lgserv .btncontent.active {
  margin-bottom: 5px;
  font-weight: bold;
  background: #111111;
  color: #f2f2f2;
  border: #111111; }
.contuplserv .rowservview .colsviewserv .tabcontserv .paneserv .colviewserv .titlebtnserv {
  background: #111111;
  color: #f2f2f2;
  padding: 10px; }
  .contuplserv .rowservview .colsviewserv .tabcontserv .paneserv .colviewserv .titlebtnserv .btnaddserv {
    background: #111111;
    color: #f2f2f2;
    border-color: #111111; }
    .contuplserv .rowservview .colsviewserv .tabcontserv .paneserv .colviewserv .titlebtnserv .btnaddserv:hover {
      background: #f2f2f2;
      color: #111111; }
.contuplserv .rowservview .colsviewserv .tabcontserv .paneserv .colviewserv .cardcontserv {
  background: #f2f2f2;
  color: #000000;
  font-weight: bolder; }
  .contuplserv .rowservview .colsviewserv .tabcontserv .paneserv .colviewserv .cardcontserv .bdserv .rowcontserv .colcontservbtns {
    text-align: end; }
    .contuplserv .rowservview .colsviewserv .tabcontserv .paneserv .colviewserv .cardcontserv .bdserv .rowcontserv .colcontservbtns .btnedit {
      background: #e7b428;
      color: #f2f2f2;
      font-weight: bolder;
      border-color: #e7b428; }
      .contuplserv .rowservview .colsviewserv .tabcontserv .paneserv .colviewserv .cardcontserv .bdserv .rowcontserv .colcontservbtns .btnedit:hover {
        background: #a58019;
        color: #f2f2f2;
        font-weight: bolder;
        border-color: #a58019; }
    .contuplserv .rowservview .colsviewserv .tabcontserv .paneserv .colviewserv .cardcontserv .bdserv .rowcontserv .colcontservbtns .btnDelete {
      background: #b92500;
      color: #f2f2f2;
      font-weight: bolder;
      border-color: #b92500; }
      .contuplserv .rowservview .colsviewserv .tabcontserv .paneserv .colviewserv .cardcontserv .bdserv .rowcontserv .colcontservbtns .btnDelete:hover {
        background: #7e220b;
        color: #f2f2f2;
        font-weight: bolder;
        border-color: #7e220b; }

.contupdtserv .rowuplser .colupdserv .navselectlen .navitlen .nav-link {
  color: #28557D;
  font-weight: bold; }
.contupdtserv .rowuplser .colupdserv .navselectlen .navitlen .nav-link.active {
  background: #28557D;
  color: #f2f2f2;
  font-weight: bold; }
.contupdtserv .rowuplser .colupdserv .tablen .paneleng .coluplser .uplser {
  display: block;
  margin: auto;
  width: 70%; }
  .contupdtserv .rowuplser .colupdserv .tablen .paneleng .coluplser .uplser .headeruplser {
    background: #111111;
    color: #f2f2f2;
    font-weight: bolder;
    font-size: 24px; }
  .contupdtserv .rowuplser .colupdserv .tablen .paneleng .coluplser .uplser .bodyuplser .formfils .btnuplfile {
    background: #28557D;
    color: #f2f2f2;
    border-color: #28557D; }
    .contupdtserv .rowuplser .colupdserv .tablen .paneleng .coluplser .uplser .bodyuplser .formfils .btnuplfile:hover {
      border-color: #28557D; }

.contusgr .tableusgr {
  background: #111111;
  color: #f2f2f2;
  padding: 10px; }
  .contusgr .tableusgr .titleusgr {
    font-weight: bolder; }
  .contusgr .tableusgr .btnaddusgr .btnusaddgr {
    background: #111111;
    color: #f2f2f2;
    border-color: #111111; }
    .contusgr .tableusgr .btnaddusgr .btnusaddgr:hover {
      background: #f2f2f2;
      color: #111111;
      font-weight: bold; }
  .contusgr .tableusgr .searchusgr .formusgr .inpusgr .addonusgr .btnserusgr {
    color: white;
    background: #28557D;
    transition: all 0.25s;
    border: #28557D;
    margin-left: 5px;
    font-weight: bold; }
    .contusgr .tableusgr .searchusgr .formusgr .inpusgr .addonusgr .btnserusgr:hover {
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
.contusgr .tablcolusgr .divtableusgr .tableussgr .tableheadusgr {
  background: #111111;
  color: #f2f2f2; }
.contusgr .tablcolusgr .divtableusgr .tableussgr .tablebodyusgr {
  color: #000000;
  font-weight: bold; }
  .contusgr .tablcolusgr .divtableusgr .tableussgr .tablebodyusgr .tabledatausgr .tdonofgr .btnongr {
    background: #5e5c5c;
    border-color: gray; }
    .contusgr .tablcolusgr .divtableusgr .tableussgr .tablebodyusgr .tabledatausgr .tdonofgr .btnongr:hover {
      background: #363636; }
  .contusgr .tablcolusgr .divtableusgr .tableussgr .tablebodyusgr .tabledatausgr .tdeditgr .btnediusgr {
    background: #e7b428;
    color: #f2f2f2;
    font-weight: bolder;
    border-color: #e7b428; }
    .contusgr .tablcolusgr .divtableusgr .tableussgr .tablebodyusgr .tabledatausgr .tdeditgr .btnediusgr:hover {
      background: #a58019;
      color: #f2f2f2;
      font-weight: bolder;
      border-color: #a58019; }
  .contusgr .tablcolusgr .divtableusgr .tableussgr .tablebodyusgr .tabledatausgr .tddel .btnDelete {
    background: #b92500;
    color: #f2f2f2;
    font-weight: bolder;
    border-color: #b92500; }
    .contusgr .tablcolusgr .divtableusgr .tableussgr .tablebodyusgr .tabledatausgr .tddel .btnDelete:hover {
      background: #7e220b;
      color: #f2f2f2;
      font-weight: bolder;
      border-color: #7e220b; }

.contgr .rowgr .coluplgr {
  display: block;
  margin: auto;
  width: 100%; }
  .contgr .rowgr .coluplgr .formadgr .rowgr .formul .list-group-item {
    background: #f2f2f2; }
  .contgr .rowgr .coluplgr .formadgr .btnadgr {
    background: #28557D;
    color: #f2f2f2;
    border-color: #28557D; }
    .contgr .rowgr .coluplgr .formadgr .btnadgr:hover {
      border-color: #28557D; }

.grp {
  color: #000000; }
  .grp .rgrp .btn {
    background: #28557D;
    transition: all 0.25s;
    border-color: #28557D;
    font-weight: bold; }
    .grp .rgrp .btn:hover {
      border: #28557D;
      background: #28557D;
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }
  .grp .rgrp .cltgrp .tbgrp {
    color: #000000;
    font-weight: bold; }
    .grp .rgrp .cltgrp .tbgrp .hgrp {
      background: #111111;
      color: #f2f2f2; }
    .grp .rgrp .cltgrp .tbgrp .tblgrp .trgrp .tdgrp .btngrp {
      background: #28557D;
      color: #f2f2f2;
      border-color: #28557D; }
      .grp .rgrp .cltgrp .tbgrp .tblgrp .trgrp .tdgrp .btngrp:hover {
        border-color: #28557D; }
    .grp .rgrp .cltgrp .tbgrp .tblgrp .trgrp .tdgrp .delete {
      background: #b92500;
      color: #f2f2f2;
      font-weight: bolder;
      border-color: #b92500; }
      .grp .rgrp .cltgrp .tbgrp .tblgrp .trgrp .tdgrp .delete:hover {
        background: #7e220b;
        color: #f2f2f2;
        font-weight: bolder;
        border-color: #7e220b; }

.contusgr .Pagesi .page-item .page-link {
  color: #28557D;
  font-weight: bold; }
.contusgr .Pagesi .page-item.active .page-link {
  background: #28557D;
  color: #f2f2f2;
  border-color: #28557D; }
  .contusgr .Pagesi .page-item.active .page-link:hover {
    border-color: #28557D; }
.contusgr .Pagesi .page-item.disabled .page-link {
  color: #000000; }

.contus .Pagesi .page-item .page-link {
  color: #28557D;
  font-weight: bold; }
.contus .Pagesi .page-item.active .page-link {
  background: #28557D;
  color: #f2f2f2;
  border-color: #28557D; }
  .contus .Pagesi .page-item.active .page-link:hover {
    border-color: #28557D; }
.contus .Pagesi .page-item.disabled .page-link {
  color: #000000; }

.contus .tableus {
  background: #111111;
  color: #f2f2f2;
  padding: 10px; }
  .contus .tableus .btnaddus .btnusadd {
    background: #111111;
    color: #f2f2f2;
    border-color: #111111;
    font-weight: bold; }
    .contus .tableus .btnaddus .btnusadd:hover {
      background: #f2f2f2;
      color: #111111; }
  .contus .tableus .titletable .titleus {
    font-weight: bolder; }
  .contus .tableus .searchus .formus .inpus .btnserus {
    color: white;
    background: #28557D;
    transition: all 0.25s;
    font-weight: bold;
    border: #28557D;
    margin-left: 5px; }
    .contus .tableus .searchus .formus .inpus .btnserus:hover {
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
.contus .tablcolus .divtableus .tableuss .tableheadus {
  background: #111111;
  color: #f2f2f2; }
.contus .tablcolus .divtableus .tableuss .tablebodyus {
  font-weight: bold;
  color: #000000; }
  .contus .tablcolus .divtableus .tableuss .tablebodyus .tabledataus .tdedit .btnedius {
    background: #e7b428;
    color: #f2f2f2;
    font-weight: bolder;
    border-color: #e7b428; }
    .contus .tablcolus .divtableus .tableuss .tablebodyus .tabledataus .tdedit .btnedius:hover {
      background: #a58019;
      color: #f2f2f2;
      font-weight: bolder;
      border-color: #a58019; }
  .contus .tablcolus .divtableus .tableuss .tablebodyus .tabledataus .tddel .btnDelete {
    background: #b92500;
    color: #f2f2f2;
    font-weight: bolder;
    border-color: #b92500; }
    .contus .tablcolus .divtableus .tableuss .tablebodyus .tabledataus .tddel .btnDelete:hover {
      background: #7e220b;
      color: #f2f2f2;
      font-weight: bolder;
      border-color: #7e220b; }

.contuss {
  color: #000000; }
  .contuss .rowuss .colupluss .upluss .bodyuss .formadus .btnaduser {
    background: #28557D;
    color: #f2f2f2;
    border-color: #28557D; }
    .contuss .rowuss .colupluss .upluss .bodyuss .formadus .btnaduser:hover {
      border-color: #28557D; }

.mdfi {
  background: #4a55728a; }
  .mdfi .mddfils .mdcontfils .cardfils .cheader {
    background: #111111;
    color: #f2f2f2;
    font-size: 26px; }
  .mdfi .mddfils .mdcontfils .cardfils .cardbd .formfils .boton .uplflbtn {
    background: #28557D;
    color: #f2f2f2;
    border-color: #28557D; }
    .mdfi .mddfils .mdcontfils .cardfils .cardbd .formfils .boton .uplflbtn:hover {
      border-color: #28557D; }

.mdfol {
  background: #4a55728a; }
  .mdfol .mddfils .mdcontfils .cardfils .cheader {
    background: #111111;
    color: #f2f2f2;
    font-size: 26px; }
  .mdfol .mddfils .mdcontfils .cardfils .cardbd .formfils .boton .uplflbtn {
    background: #28557D;
    color: #f2f2f2;
    border-color: #28557D; }
    .mdfol .mddfils .mdcontfils .cardfils .cardbd .formfils .boton .uplflbtn:hover {
      border-color: #28557D; }

.contalls .rowfils .colfils .cardfils {
  width: 100%;
  display: block;
  margin: auto; }
  .contalls .rowfils .colfils .cardfils .cheader {
    background: #28557D;
    color: #f2f2f2;
    font-size: 26px; }
  .contalls .rowfils .colfils .cardfils .cardbd .formfils .boton .uplflbtn {
    background: #28557D;
    color: #f2f2f2;
    border-color: #28557D; }
    .contalls .rowfils .colfils .cardfils .cardbd .formfils .boton .uplflbtn:hover {
      border-color: #28557D; }

.contfilss .rowfilss .colsfilss .colviewserv .colfolder {
  margin: auto;
  display: block;
  margin-top: 30px; }
  .contfilss .rowfilss .colsfilss .colviewserv .colfolder .colnamefile {
    text-align: start;
    display: flex;
    align-items: center; }
    .contfilss .rowfilss .colsfilss .colviewserv .colfolder .colnamefile .linkfolder {
      color: #000000;
      text-decoration: none;
      font-size: 18px; }
  .contfilss .rowfilss .colsfilss .colviewserv .colfolder .colbtnfile {
    text-align: end; }
    .contfilss .rowfilss .colsfilss .colviewserv .colfolder .colbtnfile .btndrop {
      background: #28557D;
      color: #f2f2f2;
      border-color: #28557D; }
      .contfilss .rowfilss .colsfilss .colviewserv .colfolder .colbtnfile .btndrop:hover {
        border-color: #28557D; }
    .contfilss .rowfilss .colsfilss .colviewserv .colfolder .colbtnfile .btnDelete {
      width: 100%;
      background: #b92500;
      color: #f2f2f2;
      font-weight: bolder;
      border-color: #b92500; }
      .contfilss .rowfilss .colsfilss .colviewserv .colfolder .colbtnfile .btnDelete:hover {
        background: #7e220b;
        color: #f2f2f2;
        font-weight: bolder;
        border-color: #7e220b; }
    .contfilss .rowfilss .colsfilss .colviewserv .colfolder .colbtnfile .editserv {
      width: 100%;
      background: #e7b428;
      color: #f2f2f2;
      font-weight: bolder;
      border-color: #e7b428; }
      .contfilss .rowfilss .colsfilss .colviewserv .colfolder .colbtnfile .editserv:hover {
        background: #a58019;
        color: #f2f2f2;
        font-weight: bolder;
        border-color: #a58019; }
  .contfilss .rowfilss .colsfilss .colviewserv .colfolder .linkfolder {
    color: #111111;
    text-decoration: none;
    font-size: 20px; }
.contfilss .rowfilss .colsfilss .colviewserv .titlebtnserv .btnaddserv {
  background: #28557D;
  color: #f2f2f2;
  border-color: #28557D; }
  .contfilss .rowfilss .colsfilss .colviewserv .titlebtnserv .btnaddserv:hover {
    border-color: #28557D; }
.contfilss .rowfilss .colsfilss .colviewserv .cardcontserv {
  background: #f2f2f2;
  color: #000000;
  font-weight: bold; }
  .contfilss .rowfilss .colsfilss .colviewserv .cardcontserv .bdserv .rowcontserv .colcontserv .titlcontserv {
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    text-transform: capitalize; }
    .contfilss .rowfilss .colsfilss .colviewserv .cardcontserv .bdserv .rowcontserv .colcontserv .titlcontserv:hover {
      text-decoration: underline; }
  .contfilss .rowfilss .colsfilss .colviewserv .cardcontserv .bdserv .rowcontserv .colcontservbtns .editserv {
    background: #e7b428;
    color: #f2f2f2;
    font-weight: bolder;
    border-color: #e7b428; }
    .contfilss .rowfilss .colsfilss .colviewserv .cardcontserv .bdserv .rowcontserv .colcontservbtns .editserv:hover {
      background: #a58019;
      color: #f2f2f2;
      font-weight: bolder;
      border-color: #a58019; }
  .contfilss .rowfilss .colsfilss .colviewserv .cardcontserv .bdserv .rowcontserv .colcontservbtns .btnDelete {
    background: #b92500;
    color: #f2f2f2;
    font-weight: bolder;
    border-color: #b92500; }
    .contfilss .rowfilss .colsfilss .colviewserv .cardcontserv .bdserv .rowcontserv .colcontservbtns .btnDelete:hover {
      background: #7e220b;
      color: #f2f2f2;
      font-weight: bolder;
      border-color: #7e220b; }

.Contenidopriv {
  color: #000000; }
  .Contenidopriv .nav-tabs .nav-item .nav-link {
    color: #28557D;
    font-weight: bold; }
  .Contenidopriv .nav-tabs .nav-item .nav-link.active {
    background: #28557D;
    color: #f2f2f2;
    font-weight: bold; }

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