/*
    Theme Name: TIC GV
    Theme URI: http://gruasvillarreal.com.mx
    Description: Nuestro tema por defecto de 2023 es limpio, enfocado un diseño claro. La tipografía es sencilla, clara y legible en una gran variedad de tamaños de pantalla, además de disponible en multitud de idiomas. Lo hemos diseñado pensando primero en su uso móvil, lo que implica que tu contenido ocupará el centro de la escena independientemente de como lleguen tus visitantes, ya sea desde un móvil inteligente, una tableta, un portátil o un ordenador de escritorio.
    Version: 1.0.0
    Author: Esau Munive
    Author URI: https://digitalmk.com.mx/
    Tags: Resguardos, respaldos, tic,
*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css");
@import url('../ticgv/css/all.min.css');
@import url('../ticgv/css/fontawesome.min.css');
@import url('../ticgv/css/bootstrap.css');
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R8aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Uw-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr70w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC70w-.ttf) format('truetype');
}
body {
  background: #191f27;
  font-family: 'Montserrat', sans-serif;
}
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  outline: none;
}
ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
select {
  color: #777777;
}
.btn {
  border-radius: 2em;
}
.Overlay {
  background: rgba(23, 29, 36, 0.9);
  width: 100%;
  height: 150vh;
  position: fixed;
  z-index: 899;
  margin: 0px 0px 0px 0px;
  margin-top: -10em;
  -webkit-transition: all 4s ease 1s;
  transition: all 4s ease 1s;
  display: block;
}
.OverlayActive {
  -webkit-transition: all 4s ease 0.6s;
  transition: all 4s ease 0.6s;
  display: none;
}
[data-title]:hover:after {
  opacity: 1;
  -webkit-transition: all 0.1s ease 0.5s;
  transition: all 0.1s ease 0.5s;
  visibility: visible;
}
[data-title]:after {
  content: attr(data-title);
  background-color: #2b3643;
  color: #fff;
  font-size: 0.75em;
  font-family: 'Montserrat';
  text-transform: uppercase;
  position: absolute;
  padding: 2px 8px;
  bottom: -2.5em;
  left: -2.5em;
  white-space: nowrap;
  -webkit-box-shadow: 1px 1px 3px #222222;
          box-shadow: 1px 1px 3px #222222;
  opacity: 0;
  border: 1px solid #1b222a;
  z-index: 99999;
  visibility: hidden;
  border-radius: 8px;
}
[data-title] {
  position: relative;
}
.TextUpper {
  text-transform: uppercase;
  color: #333333;
}
.Dash1 {
  color: #52a030;
}
.Dash2 {
  color: #F1C500;
}
.Dash3 {
  color: #ec6b1d;
}
.Dash4 {
  color: #e02b15;
}
.Dash5 {
  color: #111111;
}
.Nof1 {
  background: #52a030 !important;
}
.Nof2 {
  background: #F1C500 !important;
}
.Nof3 {
  background: #ec6b1d !important;
}
.Nof4 {
  background: #e02b15 !important;
}
.Nof5 {
  background: #111111 !important;
}
.Nof6 {
  background: #777777 !important;
}
.Nof7 {
  background: #2f3b49 !important;
}
h5 {
  text-transform: uppercase;
}
.btn-block {
  width: 100%;
}
.btn-floating-default,
.badge-default {
  background: #777777;
  border: none;
}
.btn-floating-success,
.badge-success {
  background: #52a030;
  border: none;
}
.btn-floating-warning,
.badge-warning {
  background: #F1C500;
  border: none;
}
.btn-floating-danger,
.badge-danger {
  background: #ec6b1d;
  border: none;
}
.btn-floating-x,
.badge-x {
  background: #e02b15;
  border: none;
}
.btn-floating-bg,
.badge-bg {
  background: #1b222a;
  border: none;
}
.btn-floating-b,
.badge-b {
  background: #3b82f6;
  border: none;
}
.TLeft {
  text-align: left;
}
.TRight {
  text-align: right;
}
.modal {
  width: 392px;
}
@media screen and (min-width: 991px) {
  .modal {
    width: 490px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.modal h1 {
  text-transform: uppercase;
}
.modal .modal-content .modal-header {
  background: #232c36;
  color: #ffffff;
}
.Btn-KC {
  padding: 0.2em 0.7em;
}
.Btn-KC-Float {
  position: fixed;
  right: 1.9em;
  bottom: 0.4em;
  background: #52a030;
  color: #ffffff;
  padding: 0.6em 1.4em;
  z-index: 899;
  border-radius: 2em;
}
@media screen and (min-width: 991px) {
  .Btn-KC-Float {
    padding: 0.9em 1.4em;
    bottom: 2em;
  }
}
.Btn-KC-Float:hover,
.Btn-KC-Float:active,
.Btn-KC-Float:focus {
  background: #3e7924;
}
.BtnCrear,
.btn-gv {
  background: #33404f;
  color: #ffffff;
}
.btn-flat {
  color: #777777;
}
.btn-flat:hover {
  color: #33404f;
}
button {
  border: none !important;
  outline: none !important;
}
.breadcrumb {
  margin-left: 0.2em;
  font-size: 0.9em;
}
.breadcrumb a {
  color: #777777;
}
.breadcrumb .active {
  color: #52a030;
}
.inputfile,
.inputfile-1 {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.inputfile i,
.inputfile-1 i {
  color: #ffffff;
}
.inputfile-1 + label {
  color: #ffffff;
  border-radius: 2em;
  background: #33404f;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  font-size: 1.1em;
}
.inputfile-1 + label i {
  font-size: 1.6em;
  padding: 0.25em 0.6em;
  color: #ffffff;
}
.inputfile-1 + label span {
  font-size: 0.7em;
  padding-right: 0.4em;
  padding-left: 0;
}
label {
  color: #333333;
}
table thead {
  background: #27313d !important;
  border-radius: 0.7em !important;
  color: #ffffff;
  text-align: left;
  border-bottom: 1px solid #2f3b49;
}
table thead tr {
  margin-bottom: 0.6em !important;
}
table tbody {
  padding: 0 !important;
}
table tbody td {
  color: #ffffff;
  border-bottom: 1px solid #2f3b49;
}
table tbody tr {
  padding: 0 !important;
}
.Pro {
  background: #52a030;
}
.Free {
  background: #444444;
}
.example {
  background: #232c36;
  border: 1px solid #2f3b49;
}
body {
  font-family: 'Montserrat', sans-serif;
}
.Img img {
  width: 100%;
}
.ScrollTop {
  position: fixed;
  bottom: 3em;
  right: 3em;
  width: 24px;
  height: 24px;
  z-index: 998;
}
.ScrollTop i {
  background: #52a030;
  background: linear-gradient(72deg, #52a030 0%, #52a030 100%);
  color: #ffffff;
  font-size: 2.2em;
  border-radius: 0.6em;
  padding: 0.2em;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.ScrollTop i:hover,
.ScrollTop i:active,
.ScrollTop i:focus {
  -webkit-box-shadow: 0 0 0.6em #52a030;
          box-shadow: 0 0 0.6em #52a030;
}
.AllMenu {
  -webkit-box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 998 !important;
  background: #ffffff;
}
.AllMenu .MenuDash,
.AllMenu .MenuRight,
.AllMenu .MenuLeft {
  display: inline-block;
  vertical-align: middle;
  height: 75px;
  line-height: 76px;
}
.AllMenu .MenuDash {
  position: relative;
  border-right: 1px solid rgba(0, 0, 0, 0.17);
}
.AllMenu .MenuDash i {
  font-size: 2.1em;
  padding: 0.55em 0.35em 0.5em 0.35em;
  color: #777777 !important;
}
@media screen and (min-width: 991px) {
  .AllMenu .MenuDash i {
    padding: 0.55em 0.7em 0.5em 0.7em;
    font-size: 2.3em;
  }
}
.AllMenu .MenuLeft {
  text-align: left;
  position: relative;
  margin-left: 0.6em !important;
}
.AllMenu .MenuLeft .Logo {
  border-right: none;
}
.AllMenu .MenuLeft .Logo img {
  height: 62px;
  padding: 0.8em 1em 0.8em 0em;
}
@media screen and (min-width: 991px) {
  .AllMenu .MenuLeft .Logo img {
    padding: 0.8em 1.6em 0.8em 0.8em;
    height: 72px;
  }
}
.AllMenu .MenuRight {
  float: right;
  position: relative;
  padding: 0.1em 0.5em 0 0;
  text-align: left;
  right: 1.1em;
}
@media screen and (min-width: 991px) {
  .AllMenu .MenuRight {
    right: 1.6em;
  }
}
.AllMenu .MenuRight .Notif,
.AllMenu .MenuRight .Avatar,
.AllMenu .MenuRight .Name {
  display: inline-block;
  vertical-align: middle;
}
.AllMenu .MenuRight .Name {
  margin: 0 0.2em 0 0.96em;
  text-align: right;
  line-height: 1em;
  display: none;
  color: #777777;
}
@media screen and (min-width: 991px) {
  .AllMenu .MenuRight .Name {
    display: inline-block;
    margin-top: 0.2em;
    text-transform: uppercase;
    font-size: 0.86em;
  }
}
.AllMenu .MenuRight .Name span {
  color: #52a030;
  display: block;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 500;
}
.AllMenu .MenuRight .Notif {
  position: relative;
  margin: 0 0.1em;
  height: 78px;
}
.AllMenu .MenuRight .Notif .badge {
  left: 1.4em;
  bottom: 3.3em;
  position: absolute;
  margin-left: 0.7em;
  background: #e02b15 !important;
  font-size: 0.7em;
  font-weight: 500;
  padding: 0.42em 0.4em 0.4em 0.4em !important;
}
.AllMenu .MenuRight .Notif .dropdown-item i {
  color: #777777 !important;
}
.AllMenu .MenuRight .Notif .dropdown-item i:hover {
  color: #777777 !important;
}
.AllMenu .MenuRight .Notif .dropdown-item:hover {
  color: #1b222a !important;
}
.AllMenu .MenuRight .Notif .dropdown-item:hover a {
  color: #1b222a !important;
}
.AllMenu .MenuRight .Notif .dropdown-item:hover i {
  color: #777777 !important;
}
.AllMenu .MenuRight .Notif .dropdown-menu {
  margin-top: 0em !important;
  -webkit-box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
  border: none;
  text-align: left;
  padding: 0 0 0 0.1em;
  background: #191f27;
}
.AllMenu .MenuRight .Notif .dropdown-menu li {
  padding: 0;
  line-height: 29px !important;
}
.AllMenu .MenuRight .Notif .dropdown-menu a {
  color: #333333;
  font-size: 0.75em;
  text-transform: uppercase;
}
.AllMenu .MenuRight .Notif .dropdown-menu i {
  font-size: 1.19em;
  background: #9b9b9b;
  color: #777777 !important;
  padding: 0.15em;
  border-radius: 1em;
  margin-right: 0.3em;
}
.AllMenu .MenuRight .Notif .dropdown-menu .AllNotif {
  text-align: center;
  line-height: 0.8em !important;
  padding-bottom: 0.5em;
}
.AllMenu .MenuRight .Notif .dropdown-menu .AllNotif a {
  color: #3b82f6;
}
.AllMenu .MenuRight .Avatar {
  height: 100%;
  margin-top: -0.7em;
}
.AllMenu .MenuRight .Avatar img {
  height: 70px;
  padding: 0.45em;
}
.AllMenu .MenuRight .Avatar span {
  font-size: 0.94em;
  text-transform: uppercase;
  line-height: 0em;
  padding: 0.6em;
  display: none;
}
@media screen and (min-width: 991px) {
  .AllMenu .MenuRight .Avatar span {
    font-size: 0.94em;
    text-transform: uppercase;
    line-height: 0em;
    padding: 0.6em;
    display: initial;
  }
}
.AllMenu .MenuRight .Avatar .Depto {
  line-height: 0;
  display: block;
}
.AllMenu .MenuRight .Avatar .badge {
  margin-left: 0.7em;
  background: #e02b15 !important;
}
.AllMenu .MenuRight .dropdown-item:hover {
  color: #1b222a !important;
}
.AllMenu .MenuRight .dropdown-item:hover a,
.AllMenu .MenuRight .dropdown-item:hover i {
  color: #1b222a !important;
}
.AllMenu .MenuRight .dropdown-menu {
  margin-top: 2em !important;
  -webkit-box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
  border: none;
  background: #191f27;
  text-align: left;
}
.AllMenu .MenuRight .dropdown-menu li {
  padding: 0;
  line-height: 39px;
}
.AllMenu .MenuRight .dropdown-menu a {
  font-size: 0.93em;
  text-transform: uppercase;
}
.AllMenu .MenuRight .dropdown-menu a:hover,
.AllMenu .MenuRight .dropdown-menu i:hover {
  color: #191f27;
}
.AllMenu .MenuRight .dropdown-menu i {
  color: #ffffff;
}
.AllMenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.AllMenu ul li a,
.AllMenu ul li i {
  text-decoration: none;
  color: #ffffff !important;
}
.SideBar {
  position: fixed;
  z-index: 910;
  width: 60px;
  height: 100%;
  background: #212a33;
  padding: 4.2em 0.2em 2em 0.1em;
  top: 0;
  left: 0;
}
@media screen and (min-width: 991px) {
  .SideBar {
    width: 89px;
    height: 100vh;
  }
}
.SideBar ul {
  padding: 0;
  margin: 0;
}
.SideBar ul li {
  margin: 2.2em 0;
  line-height: 0.86em !important;
  text-align: center;
}
.SideBar ul li span {
  display: none;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.4em;
}
@media screen and (min-width: 991px) {
  .SideBar ul li span {
    display: block;
    font-size: 0.6em;
  }
}
.SideBar ul li a {
  color: #ffffff;
}
.SideBar ul li a i {
  font-size: 2.3em;
}
.SideBar .Key {
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  bottom: 1.3em;
  width: 96%;
}
.SideBar .Key a {
  color: #ffffff;
  font-size: 0.8em;
  font-weight: 400;
}
.SubSideBar {
  position: fixed;
  z-index: 900;
  width: 180px;
  height: 110vh;
  background: #171d24;
  padding: 5.1em 0.2em 2em 1.9em;
  top: 0;
  left: 55px;
  -webkit-box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.17);
  -webkit-transition: all 0.1s ease 0.5s;
  transition: all 0.1s ease 0.5s;
}
@media screen and (min-width: 991px) {
  .SubSideBar {
    width: 220px;
    left: 89px;
  }
}
.SubSideBar .CloseSideBar {
  position: absolute;
  z-index: 899;
  right: -0.6em;
  top: 7.2em;
}
.SubSideBar .CloseSideBar i {
  background: #171d24;
  color: #ffffff;
  border-radius: 0.8em;
  padding: 0.3em;
}
.SubSideBar ul {
  padding: 0;
  margin: 0;
}
.SubSideBar ul li {
  margin: 2.5em 0;
  line-height: 1.2em !important;
  text-align: left;
  list-style: none;
}
.SubSideBar ul li a {
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
  font-size: 0.85em;
}
.SubSideBar ul li a i {
  font-size: 2.5em;
}
.SubSideBar ul li a:before {
  content: ' - ';
}
.SubSideHid {
  left: -142px;
  -webkit-transition: all 0.1s linear 0.2s;
  transition: all 0.1s linear 0.2s;
}
.Card {
  text-align: center;
  height: 298px;
}
.Card span {
  display: block;
}
.Card span i {
  font-size: 0.9em;
}
.Card p {
  font-size: 1.15em;
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
}
.Card h3 {
  font-size: 5.1em;
  font-weight: 700;
}
.Card h5 {
  color: #ffffff !important;
}
.Card .Total {
  margin-top: 0.65em;
  font-size: 0.5em;
}
.Card .Cost strong {
  font-size: 1.2em;
  color: #3b82f6 !important;
}
.CardPlan {
  text-align: center;
  height: 278px;
}
.CardPlan span {
  display: block;
}
.CardPlan span i {
  font-size: 0.9em;
}
.CardPlan p {
  font-size: 1.15em;
  color: #777777;
  font-weight: 400;
  text-transform: uppercase;
}
.CardPlan h3 {
  font-size: 5.1em;
  font-weight: 700;
}
.CardPlan .Total {
  margin-top: 0.65em;
  font-size: 0.5em;
}
.PagRoot {
  position: relative;
  z-index: 4;
  margin: 90px 22px 24px 72px;
}
@media screen and (min-width: 991px) {
  .PagRoot {
    margin: 102px 28px 24px 116px;
  }
}
.PagRoot h2 {
  font-size: 1.6em;
  color: #cbcbcb;
  text-transform: uppercase;
  font-weight: 300;
}
.PagRoot h2 strong {
  font-weight: 700;
}
.PagRoot h5 {
  margin-bottom: 1.1em;
  padding: 0.6em 1.9em 0.6em 1.2em;
  background: #13181e;
  border-radius: 1em;
  color: #252f3a;
  font-size: 0.96em;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (min-width: 991px) {
  .PagRoot h5 {
    width: 50%;
  }
}
.PagRoot h5 strong {
  color: #777777;
  font-weight: 800;
}
.PagRoot h5 a {
  padding: 0.6em 1.9em 0.6em 1.2em;
  border-radius: 1em;
  color: #848484;
  font-size: 0.8em;
  text-decoration: none;
}
.PagRoot h6 {
  padding: 0.35em 1.9em 0.35em 1em;
  background: #2b3643;
  border-radius: 1em;
  color: #848484;
  font-size: 0.96em;
  text-decoration: none;
  text-transform: uppercase;
}
.PagRoot button {
  border: none;
}
.DashBoard {
  background: #232c36;
  padding: 1.5em 1.5em 1em 1.5em;
  border-radius: 0.4em;
  -webkit-box-shadow: 0 0 0.99em rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 0.99em rgba(0, 0, 0, 0.17);
}
.DashBoardFull {
  width: 100%;
  background: #232c36;
  padding: 1.5em 1.5em 1em 1.5em;
  border-radius: 0.4em;
  -webkit-box-shadow: 0 0 0.99em rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 0.99em rgba(0, 0, 0, 0.17);
  margin: 0.95em 0em;
}
.DashBoardMiddle {
  display: inline-block;
  vertical-align: top;
  width: 99.88%;
  height: 100%;
  background: #232c36;
  padding: 1.5em 1.5em 1em 1.5em;
  border-radius: 0.4em;
  -webkit-box-shadow: 0 0 0.99em rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 0.99em rgba(0, 0, 0, 0.17);
  margin: 0.3em 0.3em;
}
@media screen and (min-width: 991px) {
  .DashBoardMiddle {
    width: 48.78%;
  }
}
.DashBoardTre {
  tifdisplay: inline-block;
  vertical-align: top;
  width: 99.13%;
  background: #232c36;
  padding: 1.5em 1.5em 1em 1.5em;
  border-radius: 0.4em;
  border: 1px solid #2f3b49;
  margin: 0.3em 0.3em;
}
@media screen and (min-width: 991px) {
  .DashBoardTre {
    width: 32.13%;
  }
}
.DashBoardQua {
  display: inline-block;
  vertical-align: top;
  width: 99.93%;
  background: #232c36;
  padding: 1.5em 1.5em 1em 1.5em;
  border-radius: 0.4em;
  border: 1px solid #2f3b49;
  margin: 0.3em 0.3em;
}
@media screen and (min-width: 991px) {
  .DashBoardQua {
    width: 23.7%;
  }
}
.MyGraphic {
  height: 200px !important;
  background: #232c36;
  border: 1px solid #2f3b49;
}
.Notific {
  padding: 0;
  margin: 0;
}
.Notific .NotifThumb {
  border-bottom: 1px solid rgba(0, 0, 0, 0.17);
  padding: 1em 0 0.35em 0;
}
.Notific .NotifThumb .Icon,
.Notific .NotifThumb .NotiTxt {
  display: inline-block;
  vertical-align: top;
}
.Notific .NotifThumb .Icon {
  text-align: center !important;
  width: 48px;
  height: 48px;
  background: #777777;
  border-radius: 2em;
}
.Notific .NotifThumb .Icon i {
  text-align: center;
  padding: 0.1em;
  font-size: 2.4em;
  color: #ffffff;
}
.Notific .NotifThumb .NotiTxt {
  width: 90%;
  line-height: 0.1em;
  margin-left: 1em;
}
.Notific .NotifThumb .NotiTxt h5 {
  background: #232c36 !important;
  color: #777777;
  font-size: 1.2em;
  margin-bottom: 0.4em;
}
.Notific .NotifThumb .NotiTxt p {
  font-size: 0.96em;
  color: #ffffff;
  padding-top: 0.2em !important;
}
.Notific .NotifThumb .NotiTxt span {
  color: #919191;
  font-weight: 400;
  font-size: 0.8em;
}
.Notific .NotifThumb::after {
  border-bottom: 0px solid rgba(0, 0, 0, 0.17);
}
.Rend {
  padding: 0 0 0 2em;
}
.Rend label {
  color: #ffffff;
}
.Actions {
  text-align: left !important;
}
.Actions button {
  padding: 0.4em 0.4em 0em 0.4em;
  border-radius: 50%;
  color: #ffffff;
}
.NewAll {
  background: none;
  border: 1px solid #2f3b49;
  border-radius: 0.4em;
  padding: 0.7em 1.2em 0.5em 1em;
  width: 100%;
}
@media screen and (min-width: 991px) {
  .NewAll {
    padding: 0.6em 0.8em 0.8em 1.5em;
  }
}
.NewAll .Search {
  width: 99.9%;
  text-align: left;
  margin: 0.3em 0;
}
@media screen and (min-width: 991px) {
  .NewAll .Search {
    width: 99%;
    text-align: right;
  }
}
.NewAll .Search .Input {
  width: 99%;
  vertical-align: middle;
  display: inline-block;
}
@media screen and (min-width: 991px) {
  .NewAll .Search .Input {
    width: 25%;
  }
}
.NewAll .Search .Input button {
  width: 48%;
  margin-top: 0.3em;
  padding: 0.65em 0;
}
.NewAll .Search input {
  background: none;
  width: 100%;
  padding: 1em 1.5em;
  color: #ffffff;
}
.SearchReport {
  background: #232c36;
  border: 1px solid #2f3b49;
  border-radius: 0.4em;
  padding: 1em 0.4em 1.1em 0.4em;
  text-align: left;
}
@media screen and (min-width: 991px) {
  .SearchReport {
    padding: 1em 1.2em 1.1em 1.4em;
  }
}
.SearchReport .Searc1 {
  text-align: center;
  width: 100%;
  padding: 0.25em 0 0 0;
}
@media screen and (min-width: 991px) {
  .SearchReport .Searc1 {
    padding: 0.25em 0 0 0;
    text-align: left;
  }
}
.SearchReport .Searc1 .DateI,
.SearchReport .Searc1 .DateF,
.SearchReport .Searc1 .DateA {
  display: inline-block;
}
.SearchReport .Searc1 .DateI .Date {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em;
}
@media screen and (min-width: 991px) {
  .SearchReport .Searc1 .DateI .Date {
    margin: 0 1.5em;
  }
}
.SearchReport .Searc1 .DateI .Date input {
  color: #ffffff;
  border: 1px solid #2f3b49;
  background: #ffffff !important;
  padding: 0.99em 1em;
}
.SearchReport .Searc1 .DateI select {
  color: #ffffff;
  border: 1px solid #2f3b49;
  background: #ffffff !important;
  padding: 0.99em 1em;
}
.SearchReport .Searc1 .DateI input {
  width: 100% !important;
  color: #ffffff;
  border: 1px solid #2f3b49;
  background: #ffffff !important;
}
.SearchReport .Searc1 .DateF {
  width: 99%;
}
@media screen and (min-width: 991px) {
  .SearchReport .Searc1 .DateF {
    width: 35%;
  }
}
.SearchReport .Searc1 .DateF input {
  width: 100% !important;
  color: #ffffff;
  border: 1px solid #2f3b49;
  background: #1b222a !important;
  padding: 0.99em 1em;
}
.SearchReport .Searc1 .DateA {
  width: 28%;
}
@media screen and (min-width: 991px) {
  .SearchReport .Searc1 .DateA {
    width: 99%;
  }
}
.SearchActivity {
  background: none;
  border: 1px solid #2f3b49;
  border-radius: 0.4em;
  padding: 1.1em 1.2em 1.1em 1.1em;
  text-align: left;
}
.SearchActivity .Searc1,
.SearchActivity .Searc2,
.SearchActivity .Searc3 {
  display: inline-block;
  vertical-align: middle;
}
.SearchActivity .Searc1 {
  text-align: center;
  width: 99.9%;
  margin: 0 0.3em;
}
@media screen and (min-width: 991px) {
  .SearchActivity .Searc1 {
    width: 60.9%;
    text-align: left;
    margin: 0 0.3em;
  }
}
.SearchActivity .Searc1 .DateI,
.SearchActivity .Searc1 .DateF,
.SearchActivity .Searc1 .DateA {
  display: inline-block;
}
.SearchActivity .Searc1 .DateI {
  width: 99.9%;
  margin: 0.3em 0;
}
@media screen and (min-width: 991px) {
  .SearchActivity .Searc1 .DateI {
    width: 35.6%;
    margin: 0;
  }
}
.SearchActivity .Searc1 .DateI .Date {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1.5em;
}
.SearchActivity .Searc1 .DateI select {
  color: #777777;
  border: 1px solid #2f3b49;
  background: #1b222a !important;
}
.SearchActivity .Searc1 .DateI input {
  width: 100% !important;
  color: #ffffff;
  padding: 0.99em 1em;
  border: 1px solid #2f3b49;
  background: #1b222a !important;
}
.SearchActivity .Searc1 .DateF {
  width: 99%;
}
@media screen and (min-width: 991px) {
  .SearchActivity .Searc1 .DateF {
    width: 35%;
  }
}
.SearchActivity .Searc1 .DateF input {
  width: 100% !important;
  color: #ffffff;
  padding: 0.99em 1em;
  border: 1px solid #2f3b49;
  background: #1b222a !important;
}
.SearchActivity .Searc1 .DateA {
  width: 99%;
}
@media screen and (min-width: 991px) {
  .SearchActivity .Searc1 .DateA {
    width: 28%;
  }
}
.SearchActivity .Searc2 {
  width: 100%;
  text-align: center;
  border-left: 0px solid #dddddd;
  padding-left: 0em;
}
@media screen and (min-width: 991px) {
  .SearchActivity .Searc2 {
    width: 37.5%;
    border-left: 1px solid #dddddd;
    text-align: right;
    padding-left: 1.4em;
  }
}
.SearchActivity .Searc2 .Date1,
.SearchActivity .Searc2 .Date2,
.SearchActivity .Searc2 .Date3 {
  display: inline-block !important;
}
.SearchActivity .Searc2 .Date1 {
  width: 100%;
}
@media screen and (min-width: 991px) {
  .SearchActivity .Searc2 .Date1 {
    width: 35%;
  }
}
.SearchActivity .Searc2 .Date1 input {
  color: #ffffff;
  padding: 0.99em 1em;
  border: 1px solid #2f3b49;
  background: #1b222a !important;
}
.SearchActivity .Searc2 .Date2 {
  width: 100%;
}
@media screen and (min-width: 991px) {
  .SearchActivity .Searc2 .Date2 {
    width: 35%;
  }
}
.SearchActivity .Searc2 .Date2 select {
  color: #ffffff;
  padding: 0.99em 1em;
  border: 1px solid #2f3b49;
  background: #1b222a !important;
}
.SearchActivity .Searc2 .Date3 {
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 991px) {
  .SearchActivity .Searc2 .Date3 {
    text-align: left;
    width: 25%;
  }
}
.Diesel,
.Gas,
.LitrosTotal,
.TotalGas {
  padding: 0.3em 1.3em 0.1em 0.9em;
  display: inline-block;
  border-radius: 3.5em;
  color: #ffffff;
  margin: 0.1em 0;
}
@media screen and (min-width: 991px) {
  .Diesel,
  .Gas,
  .LitrosTotal,
  .TotalGas {
    margin: 0.25em 0;
  }
}
.Diesel button,
.Gas button,
.LitrosTotal button,
.TotalGas button {
  display: inline-block;
  vertical-align: middle;
}
.Diesel strong,
.Gas strong,
.LitrosTotal strong,
.TotalGas strong {
  padding: 0.4em 0.8em;
  border-radius: 2em;
}
.TotalGas {
  background: #1b222a;
  color: #ffffff !important;
  font-size: 1em;
}
@media screen and (min-width: 991px) {
  .TotalGas {
    font-size: 1.3em;
  }
}
.TotalGas button {
  background: none;
  color: #ffffff !important;
}
.TotalGas .btn {
  color: #ffffff;
}
.TotalGas strong {
  background: #394859;
  font-size: 1.1em;
}
@media screen and (min-width: 991px) {
  .TotalGas strong {
    font-size: 1em;
  }
}
.LitrosTotal {
  background: #F1C500;
  color: #333333;
}
.LitrosTotal .btn {
  color: #333333;
}
.LitrosTotal strong {
  background: #ffd620;
}
.Diesel {
  background: #1c1c1c;
  color: #ffffff;
}
.Diesel .btn {
  color: #ffffff;
}
.Diesel strong {
  background: #333333;
}
.Gas {
  background: #52a030;
  color: #ffffff;
}
.Gas .btn {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.Gas strong {
  background: #60bb38;
}
.TableKC .Flag i {
  font-size: 1.09em;
  color: #e02b15;
}
.TableKC thead {
  background: #27313d !important;
  border-radius: 0.7em !important;
  color: #ffffff;
  text-align: left;
}
.TableKC thead tr {
  margin-bottom: 0.6em !important;
}
.TableKC tbody {
  padding: 0 !important;
}
.TableKC tbody tr {
  padding: 0 !important;
}
.Pagination {
  text-align: left !important;
}
.pagination .page-link.active,
.pagination .active > .page-link {
  background: #27313d;
  border: 2px solid #27313d;
  color: #ffffff;
}
.pagination .page-item a {
  color: #777777;
}
.Picture {
  text-align: center;
}
.Picture label {
  color: #333333;
  line-height: 1.1em;
}
.Picture img {
  width: 100%;
}
.Catalogue .CatalogueThumb {
  display: inline-block;
  margin: 0.2em 0;
  width: 100%;
  background: #1f2730;
  padding: 1em 1.4em;
  text-transform: uppercase;
  border-radius: 0.8em;
}
@media screen and (min-width: 991px) {
  .Catalogue .CatalogueThumb {
    width: 49.7%;
    padding: 1.3em 3em;
  }
}
.Catalogue .CatalogueThumb a {
  color: #ffffff;
  font-size: 0.8em;
}
@media screen and (min-width: 991px) {
  .Catalogue .CatalogueThumb a {
    width: 49.9%;
    font-size: 0.99em;
  }
}
.Catalogue .CatalogueThumb i {
  font-size: 2.2em;
}
@media screen and (min-width: 991px) {
  .Catalogue .CatalogueThumb i {
    font-size: 2.7em;
  }
}
.HistAll {
  text-align: left;
  margin-bottom: 0.45em;
}
.HistAll .History {
  display: inline-block;
}
.HistAll .History .TotalGas {
  background: #252f3a;
  border-radius: 2em;
  margin-right: 0.5em;
}
.HistAll .History h6 {
  background: none;
  line-height: 1.2em;
  text-align: left;
}
@media screen and (min-width: 991px) {
  .HistAll .History h6 {
    line-height: 1.9em;
  }
}
.HistAll .History h6 strong {
  display: block;
}
@media screen and (min-width: 991px) {
  .HistAll .History h6 strong {
    display: inline-block;
  }
}
.HistAll .History .Thumb {
  color: #ffffff;
  border-radius: 1em;
  padding: 0.3em 1em;
  margin: 0 0.35em;
}
.Rendimiento button {
  background: none !important;
  color: #1b222a;
  padding: 0 !important;
  margin: 0;
}
.Rendimiento .Actions {
  background: none !important;
}
.Rendimiento .Actions i {
  padding: 0 !important;
  margin: 0;
  font-size: 1.01em;
  background: none !important;
}
.Bg {
  width: 100%;
  background: url('../images/back1.jpg') no-repeat center center;
  height: 290px;
}
.AllConfig .Title {
  color: #ffffff;
  font-weight: 600;
}
.AllConfig .PagRoot {
  margin-top: -6.8em;
}
@media screen and (min-width: 991px) {
  .AllConfig .PagRoot {
    margin-top: -7.38em;
  }
}
.AllConfig .nav-tabs .nav-link.active,
.AllConfig .nav-tabs .nav-item.show .nav-link {
  background: #f7f7f9;
  -webkit-box-shadow: 0 -0.7em 0.6em rgba(0, 0, 0, 0.3);
  box-shadow: 0 -0.7em 0.6em rgba(0, 0, 0, 0.3);
}
.AllConfig .nav-tabs {
  border-bottom: 0;
}
.AllConfig .nav-tabs .nav-link {
  padding: 1em 1.3em;
  color: #ffffff;
  border-radius: 1.2em 1.2em 0 0;
  font-size: 0.83em;
}
@media screen and (min-width: 991px) {
  .AllConfig .nav-tabs .nav-link {
    font-size: 1em;
    padding: 1em 1.3em;
    border-radius: 1.2em 1.2em 0 0;
  }
}
.AllConfig .nav-tabs .nav-link.active {
  background: #252f3a;
  padding: 0.9em 0.7em;
  color: #ffffff;
}
@media screen and (min-width: 991px) {
  .AllConfig .nav-tabs .nav-link.active {
    padding: 1em 1.3em;
  }
}
.DashConfig {
  padding: 1.8em 0.65em 1.8em 0.85em;
}
@media screen and (min-width: 991px) {
  .DashConfig {
    padding: 2.1em 1em;
  }
}
.DashConfig .Picture {
  border-radius: 0.4em;
  border: 1px solid #2f3b49;
  text-align: center;
  padding: 1em 0em 1.4em 0em;
  background: #ffffff;
}
@media screen and (min-width: 991px) {
  .DashConfig .Picture {
    padding: 2em 2em 0em 2em;
  }
}
.DashConfig .Picture .ImgPicture img {
  padding: 1.5em;
  width: 100%;
}
@media screen and (min-width: 991px) {
  .DashConfig .Picture .ImgPicture img {
    padding: 2.5em 1.5em;
  }
}
.DashConfig .Picture .ImgPicture p {
  color: #969696;
  font-size: 1.3em;
  font-weight: 300;
}
.DashConfig .Picture .Txt {
  padding: 1em;
}
@media screen and (min-width: 991px) {
  .DashConfig .Picture .Txt {
    padding: 0;
  }
}
.DashConfig .Picture .Txt p {
  font-size: 1.01em;
  color: #777777;
}
.DashConfig .TxtAll {
  color: #ffffff;
}
.DashConfig .TxtAll .InpBox {
  width: 99.99%;
  display: inline-block;
  padding: 0.3em 0em;
}
@media screen and (min-width: 991px) {
  .DashConfig .TxtAll .InpBox {
    width: 49.59%;
    padding: 0.3em 0.5em;
  }
}
.DashConfig .TxtAll .InpBox select {
  padding: 0.7em 1em;
  background: none;
  color: #ffffff;
  border: 1px solid #2f3b49;
}
.DashConfig .TxtAll .InpBox input {
  padding: 0.7em 1em;
  background: none;
  color: #ffffff;
  border: 1px solid #2f3b49;
}
.DashConfig .TxtAll .InpBox label {
  color: #ffffff;
}
.DashConfig .PictureProf {
  border-radius: 0.4em;
  border: 1px solid #e0e0e0;
  text-align: center;
  padding: 1em 2em 0em 2em;
  background: #ffffff;
}
.DashConfig .PictureProf .ImgPicture img {
  padding: 1.5em;
  width: 100%;
}
.DashConfig .PictureProf .ImgPicture p {
  color: #a5a5a5;
  font-size: 1.3em;
  font-weight: 300;
}
.DashConfig .PictureProf .Txt p {
  font-size: 1.01em;
  color: #ffffff;
}
.EnterDash {
  background: #232c36;
  border: 1px solid #2f3b49;
  padding: 1.2em 1.5em 1em 1.9em;
  border-radius: 0.4em;
  position: relative;
  margin: 0.3em 0;
}
@media screen and (min-width: 991px) {
  .EnterDash {
    padding: 1.2em 1.5em 1em 1.5em;
    margin: 0em 0;
  }
}
.EnterDash .TitleEn {
  text-transform: uppercase;
  font-weight: 700;
  color: #afafaf;
  margin-bottom: 1em;
  font-size: 1.2em;
}
.EnterDash .Project {
  height: 340px;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
@media screen and (min-width: 991px) {
  .EnterDash .Project {
    height: 340px;
  }
}
.EnterDash .Project .dropdown {
  color: #ffffff;
}
.EnterDash .Project .dropdown-menu {
  padding: 0.4em 1em;
  color: #ffffff;
  background: #2d3946;
  border: 1px solid #2f3b49;
}
.EnterDash .Project ul {
  padding: 0;
  padding-bottom: 1em;
}
.EnterDash .Project li {
  padding: 0.3em 0;
}
.EnterDash .Project li a,
.EnterDash .Project li button {
  float: right;
  margin-right: 1em;
  color: #ffffff;
  background: none;
}
.EnterDash .BtnFooter {
  text-align: center;
  position: absolute;
  bottom: 0.9em;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #232c36 !important;
}
.EnterDash .BtnFooter button {
  background: #52a030;
  padding: 0.3em 1.5em;
  color: #ffffff;
  border-radius: 2.5em;
}
.Login {
  background: #1b222a;
}
.Login .LoginBox {
  width: 360px;
  border: none;
  border-radius: 0.9em;
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: 6em;
  padding: 4.1em 1.5em 2em 1.5em;
  position: absolute;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
@media screen and (min-width: 460px) {
  .Login .LoginBox {
    border: 1px solid #2f3b49;
    width: 430px;
  }
}
@media screen and (min-width: 1024px) {
  .Login .LoginBox {
    margin-top: 7em;
    width: 460px;
    border: 1px solid #2f3b49;
    padding: 3.9em 1.8em 2em 1.8em;
  }
}
@media screen and (min-width: 1281px) {
  .Login .LoginBox {
    margin-top: 6.2em;
    width: 460px;
    border: 1px solid #2f3b49;
    padding: 3.9em 1.8em 2em 1.8em;
  }
}
@media screen and (min-width: 1366px) {
  .Login .LoginBox {
    margin-top: 7.3em;
    width: 480px;
    border: 1px solid #2f3b49;
    padding: 3.9em 1.8em 2em 1.8em;
  }
}
@media screen and (min-width: 1444px) {
  .Login .LoginBox {
    margin-top: 9em;
    width: 550px;
    border: 1px solid #2f3b49;
    padding: 3.9em 1.8em 2em 1.8em;
  }
}
@media screen and (min-width: 1900px) {
  .Login .LoginBox {
    margin-top: 12em;
    width: 580px;
    border: 1px solid #2f3b49;
    padding: 3.9em 1.8em 2em 1.8em;
  }
}
@media screen and (min-width: 2200px) {
  .Login .LoginBox {
    margin-top: 17em;
    width: 620px;
    border: 1px solid #2f3b49;
    padding: 3.9em 1.8em 2em 1.8em;
  }
}
.Login .LoginBox .Img {
  position: absolute;
  top: -3em;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.Login .LoginBox .Img img {
  height: 100px;
  padding: 0.5em;
}
.Login .FormCheck {
  text-align: center;
  font-weight: 600;
  margin-left: 0.2em;
  font-size: 1.1em;
}
.Login .FormCheck label a {
  color: #52a030;
}
.Login .Forms input {
  padding: 0.7em 1em;
  border-radius: 0.4em;
  margin: 0.4em 0;
  border: 1px solid #2f3b49;
  background: #1b222a;
  color: #ffffff;
}
.Login hr {
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 60%;
  padding: 1em 0 0 0;
  margin-top: 1em;
}
.Shops {
  width: 100%;
  margin-top: 1em;
}
.Shops img {
  height: 30px;
}
.Shops span {
  color: #ffffff;
  font-size: 0.7em;
}
.BtnLogin {
  background: #52a030;
  color: #ffffff;
  border-radius: 2em;
  padding: 0.6em 1.3em;
  width: 100%;
  margin: 0.4em 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.BtnLogin:hover {
  background: #448528;
  color: #ffffff;
}
.BtnFlat {
  background: #1b222a;
  border-radius: 2em ;
  padding: 0.6em 1.3em;
  width: 100%;
  margin: 0.4em 0;
  border: 1px solid #2f3b49 !important;
  color: #ffffff;
  font-size: 1.1em;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.BtnFlat:hover {
  border: 1px solid #2f3b49 !important;
  color: #ffffff;
  background: #191f27;
}
.TitlesR {
  display: block;
  text-align: center  !important;
  position: relative;
  left: 0;
  right: 0;
  margin: auto 0;
  color: #777777;
  font-weight: 600;
}
@media screen and (min-width: 991px) {
  .TitlesR {
    display: none;
  }
}
.NewSearch {
  text-align: center;
  margin: 0.3em 0 1.4em 0;
}
@media screen and (min-width: 991px) {
  .NewSearch {
    text-align: right;
    margin: 0;
  }
}
.NewSearch button {
  display: inline-block;
  padding: 0.3em 0.6em !important;
  border: none !important;
  margin-bottom: 1em;
}
@media screen and (min-width: 991px) {
  .NewSearch button {
    margin-bottom: 0;
  }
}
.NewSearch a {
  border: none;
  padding: 0 0.1em !important;
}
.NewSearch .Action .Btn-KC {
  padding: 0.8em 1.4em !important;
  margin: 0 0.5em 0 0;
}
.NewSearch span {
  color: #e5e5e5 !important;
  margin-top: -1em !important;
}
@media screen and (min-width: 991px) {
  .NewSearch span {
    margin-top: 0;
    color: #dddddd;
  }
}
.Head {
  width: 100%;
}
.Head .HeadLeft,
.Head .HeadRight {
  display: inline-block;
  vertical-align: middle;
}
.Head .HeadLeft {
  width: 100%;
}
@media screen and (min-width: 991px) {
  .Head .HeadLeft {
    width: 60.2%;
    text-align: left;
  }
}
.Head .HeadLeft h5 {
  color: #ffffff;
}
.Head .HeadLeft h5 strong {
  color: #3b82f6;
}
.Head .HeadRight {
  text-align: center;
  width: 95%;
  margin-bottom: -0.99em;
}
@media screen and (min-width: 991px) {
  .Head .HeadRight {
    width: 33.9%;
    right: 0;
    text-align: right;
    margin-bottom: 0.99em;
  }
}
.ViewMobile .Thumb {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  background: #232c36;
  border: 1px solid #2f3b49;
  padding: 1.5em 0.99em 0.7em 0.99em;
  border-radius: 0.5em;
  text-align: center;
  position: relative;
  height: 320px;
  margin: 0.2em 0.1em;
}
@media screen and (min-width: 991px) {
  .ViewMobile .Thumb {
    width: 15.99%;
    height: 390px;
  }
}
@media screen and (min-width: 1280px) {
  .ViewMobile .Thumb {
    width: 17.49%;
    height: 360px;
  }
}
@media screen and (min-width: 1366px) {
  .ViewMobile .Thumb {
    width: 14.59%;
    height: 350px;
  }
}
@media screen and (min-width: 1444px) {
  .ViewMobile .Thumb {
    width: 14.8%;
    height: 350px;
  }
}
@media screen and (min-width: 1600px) {
  .ViewMobile .Thumb {
    width: 14.63%;
    height: 315px;
  }
}
@media screen and (min-width: 1900px) {
  .ViewMobile .Thumb {
    width: 9.5%;
    height: 300px;
  }
}
.ViewMobile .Thumb .dropdown-toggle {
  background: none !important;
}
.ViewMobile .Thumb .dropdown-toggle::after {
  border-top: 0.5em solid !important;
  border-right: 0.4em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.4em solid transparent !important;
  color: #ffffff;
}
.ViewMobile .Thumb .ActionsVw {
  position: absolute;
  right: 0.8em;
}
.ViewMobile .Thumb .ActionsVw i {
  color: #ffffff;
}
.ViewMobile .Thumb .Img i {
  font-size: 5em;
  color: #ffffff;
}
.ViewMobile .Thumb .VwBody .Id {
  margin: 0.6em 0 0em 0;
  font-weight: 300;
  font-size: 1.8em;
}
.ViewMobile .Thumb .VwBody h4 {
  color: #ffffff;
  margin: 0.3em 0 0.1em 0;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 600;
}
@media screen and (min-width: 991px) {
  .ViewMobile .Thumb .VwBody h4 {
    font-size: 1.2em;
  }
}
.ViewMobile .Thumb .VwBody p {
  color: #8196ae !important;
  font-size: 1em;
}
footer {
  background: #151a21;
  text-align: center;
  padding: 0.8em 1em;
  position: fixed;
  bottom: 0;
  width: 100%;
}
@media screen and (min-width: 480px) {
  footer {
    bottom: 0;
  }
}
footer ul {
  padding: 0%;
  margin: 0;
}
footer ul li {
  display: inline-block;
}
footer ul li a {
  margin: 0 0.7em;
  color: #ffffff;
  font-size: 0.7em;
  font-weight: 700;
}
.TableKC th {
  background: #232c36;
  color: #ffffff;
}
.TableKC tbody td {
  background: #191f27;
  color: #ffffff;
}
.Search .Input ::-webkit-input-placeholder {
  color: #777777;
}
.Search .Input ::-moz-placeholder {
  color: #777777;
}
.Search .Input :-ms-input-placeholder {
  color: #777777;
}
.Search .Input ::-ms-input-placeholder {
  color: #777777;
}
.Search .Input ::placeholder {
  color: #777777;
}
.Welcome p {
  color: #d9d9d9 !important;
}
.Welcome .NewAll {
  background: none;
  border: 1px solid #2f3b49;
  border-radius: 0.4em;
  padding: 0.7em 1.2em 0em 1em;
  width: 100%;
}
.InteriorPage {
  margin: 1.5em 0 3em 0;
  padding: 0.99em 1.3em 0.9em 1.3em;
  border: 1px solid #2f3b49;
  border-radius: 0.4em;
}
.InteriorPage .FormMenuEmerg {
  padding-right: 1.5em;
}
.InteriorPage .MenuEmerg {
  padding-left: 2em;
  border-left: 1px solid #2f3b49;
}
.InteriorPage h4 {
  color: #d9d9d9;
  font-weight: 300;
  text-transform: uppercase;
}
.InteriorPage h5 {
  color: #d9d9d9;
  background: none;
  width: 100%;
}
.InteriorPage p {
  color: #d9d9d9;
}
.InteriorPage label {
  color: #ffffff;
}
.MenuRight .Avatar img {
  border-radius: 50%;
}
.MenuRight .dropdown-toggle a {
  color: initial !important;
}
.SideBar ul li {
  margin: 1.9em 0;
}
.SideBar .SubMenu ul {
  list-style: square !important;
  color: #ffffff;
}
.SideBar .SubMenu ul li {
  text-align: left;
  padding: 0 0 0 0.6em;
  margin: 0.9em 0;
}
.SideBar .SubMenu .collapse a {
  padding: 0 !important;
}
.SideBar .SubMenu .collapse a i {
  font-size: 1.99em;
  margin-bottom: 0.25em;
}
.SideBar .SubMenu .collapse a span {
  font-size: 0.58em;
  line-height: 1.3em;
}
.Estatus tbody a {
  color: #ffffff;
}
.Estatus tbody span {
  background: #888;
  border-radius: 2em;
  padding: 0.6em 1.1em;
  font-weight: 600;
  font-size: 0.8em;
  text-transform: uppercase;
}
.Estatus tbody .Urgente {
  background: #ff6c6c;
}
.Estatus tbody .Alta {
  background: #feb2b2;
  color: #222;
}
.Estatus tbody .Media {
  background: #fbeab4;
  color: #222;
}
.Estatus tbody .Baja {
  background: #cbecff;
  color: #222;
}
.Estatus tbody .Abierta {
  background: #ce3545;
  color: #ffffff;
}
.Estatus tbody .Proceso {
  background: #F1C500;
  color: #222;
}
.Estatus tbody .Cerrado {
  background: #13a642;
  color: #ffffff;
}
.form-floating .form-select {
  background: none;
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.2);
}
.form-floating .form-select option {
  color: #222 !important;
  background: none !important;
  text-transform: uppercase;
}
.form-floating label,
.form-floating .floatingSelect {
  color: #ffffff;
  background: none !important;
  border: none;
}
.form-floating label:after {
  border: 2px solid #ffffff;
}
.VwBody .Id {
  color: #888;
  margin-bottom: 0.3em;
}
.VwBody p {
  padding: 0.6em 0 0 0;
  line-height: 1.3em;
}
.PageForm {
  position: relative;
  z-index: 4;
  margin: 18px 22px 24px 22px;
  text-align: center;
}
.PageForm h2 {
  font-size: 1.6em;
  color: #ababab;
  text-transform: uppercase;
  font-weight: 200;
  line-height: 1em;
  margin: 1em 0;
}
.PageForm h2 span {
  display: block;
  font-size: 0.7em;
}
.AllMenu {
  width: 100.2%;
}
.AllMenu .MenuRight {
  padding: 0;
}
.AllMenu .MenuRight .Logo {
  text-align: center;
}
.AllMenu .MenuRight .Logo img {
  height: 40px;
}
.FormEntrega {
  margin-top: 1em;
  text-align: left;
  font-size: 1.1em;
}
.FormEntrega .MBttom {
  margin-bottom: -0.9em !important;
  font-size: 1.2em;
  font-weight: 300;
}
.FormEntrega label {
  font-weight: 400;
  color: #d9d9d9;
  text-transform: uppercase;
  font-size: 0.9em;
}
.FormEntrega .Check {
  border: 2px solid #303030;
  text-align: center;
  margin: 0.5em 0;
  padding: 1.4em 0;
  border-radius: 0.8em;
}
.FormEntrega .Check .form-check {
  display: inline-block;
  margin: 0 1.6em;
}
.FormEntrega .BtnOperacionGv {
  background: #F1C500;
  width: 100%;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.9em 0.7em;
  font-size: 1.1em;
}
.FormEntrega .Gracias {
  color: #ffffff !important;
}
.FormEntrega .Gracias .BoxInfo {
  color: #ffffff !important;
}
.FormEntrega .Gracias .BoxInfo p {
  color: #ffffff !important;
}