/* GENERALS */
.gh-cursor{ cursor:pointer; }
.gh-user-select-none{ user-select: none;  }
.gh-capitalize{ text-transform: capitalize; }
/* SCROLL */
.gh-scroll::-webkit-scrollbar-track{ background-color: transparent; }
.gh-scroll::-webkit-scrollbar { width: 8px; background-color: transparent; }
.gh-scroll::-webkit-scrollbar-thumb { background-color: #999999;  border-radius: 2px ; }
/* FORM ERRORS*/
.gh-errorEmelemnt { border-color: #ff5b57; }
.gh-errorEmelemntText { color: #ff5b57; }
/* CONTENT SPIDER */
#gh_contentSpider { display: none; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background:#000000; opacity: 0.7; }
/* NOKEY */
#gh_nokey { height: 100%; width: 100%; position: absolute; left: 0; top: 0; }
.gh-spider-text{ color:#FFF !important; font-size:24px; text-align:center; }
/* LOADER */
.gh-loader, .gh-loader:before, .gh-loader:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; }
.gh-loader { color: #04acf4; font-size: 10px; margin: auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s }
.gh-loader:before,
.gh-loader:after { content: ''; position: absolute; top: 0; }
.gh-loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.gh-loader:after { left: 3.5em; }
@-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } }
@keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } }
/* PAGINATION */
.pagination .page-item{ margin: 0 !important; }
.pagination .page-item .page-link:hover{ background-color: #000000 !important; color: #FFFFFF !important; }
.pagination .page-item.active .page-link{ color: #FFFFFF !important; font-size: 14px !important; }
.pagination .page-item .page-link{ color: #666666 !important; font-size: 14px !important; }

/* SWAL */
.swal-content{ margin-top:30px !important }

/* AUTH */

.login-header-title{
  font-weight: bold;
  text-align: left !important;
}

.cursor{
  cursor: pointer;
}

/* ::::::::::  MEDIA QUERYS  :::::::::: */
/* UN MAXIMO DE 1024px */
@media screen and (max-width:1024px) {}

/* UN MAXIMO DE 768px */
@media screen and (max-width:768px) {}

/* UN MAXIMO DE 600px */
@media only screen and (max-width: 600px) {}

/* UN MAXIMO DE 400px */
@media only screen and (max-width:400px) {}