.margin-0{
	margin: 0px !important;
}
.margin-10{
	margin: 10px !important;
}
.margin-30{
	margin: 30px !important;
}
.margin-t-10{
	margin-top: 10px !important;
}
.margin-t-20{
	margin-top: 20px !important;
}
.margin-t-5{
	margin-top: 5px;
}
.margin-t-7{
	margin-top: 7px;
}
.margin-t-10{
	margin-top: 10px;
}
.margin-t-14{
	margin-top: 14px;
}
.margin-b-20{
	margin-bottom: 20px !important;
}
.margin-b-0{
	margin-bottom: 0px !important;
}
.margin-l-10{
	margin-left: 10px !important;
}
.margin-l-15{
	margin-left: 15px !important;
}
.margin-rl-15px{
	margin-right: 15px;
	margin-left: 15px;
}
.margin-r-15px{
	margin-right: 15px !important;
}
.font-10{
	font-size: 10px !important;
}
.font-11{
	font-size: 11px !important;
}
.font-12{
	font-size: 12px;
}
.font-13{
	font-size: 13px !important;
}
.font-15{
	font-size: 15px !important;
}
.font-16{
	font-size: 16px !important;
}
.font-17{
	font-size: 17px !important;
}
.font-18{
	font-size: 18px !important;
}
.font-20{
	font-size: 20px !important;
}
.font-35{
	font-size: 35px;
}
.font-30{
	font-size: 30px !important;
}
.font-60{
	font-size: 60px !important;
}
.font-80{
	font-size: 80px !important;
}
.font-120{
	font-size: 120px !important;
}
.color-gray-3{
	color: #8D99AE;
}
.color-white{
	color: #FFF;
}
.color-black{
	color: #15161D !important;
}
.color-black-light{
  color: #555555;
}
.font-bold{
	font-weight: bold;
}
.background-white{
	background: white;
}
.background-red{
	background: #D10024 !important;
}
.color-red{
	color: #D10024;
}
.color-red-2{
	color: #f7395a;
}
.color-blue{
	color: #007ed7;
}
.border-radius-5{
	border-radius: 5px;
}
.border-radius-15{
	border-radius: 15px;
}
.border-radius-20{
	border-radius: 20px;
}
.padding-0{
	padding: 0px;
}
.padding-20{
	padding: 20px;
}
.padding-rl-0{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.padding-rl-5por{
	padding: 0px 5%;	
}
.padding-rl-10{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.padding-rl-30{
	padding: 0px 30px;
}
.padding-rl-45{
	padding-left: 45px !important;
	padding-right: 45px !important;
}
.padding-t-50{
	padding-top: 50px;
}
.padding-tb-10{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.padding-tb-13{
	padding-top: 13px !important;
	padding-bottom: 13px !important;
}
.padding-tb-5{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.padding-tb-7{
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
.padding-10-30{
	padding: 10px 30px !important;
}
.padding-l-5{
	padding-left: 5px;
}
.padding-t-10{
	padding-top: 10px;
}
.padding-t-5{
	padding-top: 5px !important;
}
.padding-15-25{
	padding: 15px 25px;
}
.padding-5-10{
	padding: 5px 10px !important;
}
.info-circle{
	width: 150px;
    height: 150px;
    border-radius: 50%;
    font-size: 90px;
    border: 2px solid #ef2144;
    color: #ef2144;
}
.center-div{
	display: flex !important;
	justify-content: center;
	align-items: center;
}
.center-div-v{
	display: flex;
	align-items: center;
}
.max-width-100{
	max-width: 100%;
}
.width-100{
	width: 100%;
}
.width-40{
	width: 40%;
}
.width-25px{
	width: 25px !important;
}
.border-top-gray{
	border-top: 2px solid #E4E7ED;
}
.border-1-gray{	
    border: 1px solid #E4E7ED;
}
.styleHR {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 50%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(209, 5, 40), rgba(0, 0, 0, 0));
}
.cursor-pointer{
	cursor: pointer;
}
.display-none{
	display: none !important;
}
.display-block{
	display: block !important;
}
.display-inline{
	display: inline-block !important;
}
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.nav-item-small{
	padding: 7px 15px !important;
}
.height-30{
	height: 30px;
}
.height-100{
	height: 100%;
}
.height-100vh{
	height: 100vh;
}
.height-90vh{
	height: 90vh;
}
.btn-small{
	padding: 7.5px 15px !important;
}
.scrollVerticalVisibleSiempre{
    overflow-y: scroll;
}

/* MEDIAS BOOTSTRAP */

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 768px) {  
	
}
 
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
 	.main-panel>.content{
		margin-top: 50px !important;
	}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {  
    
}

.jqx-grid-statusbar-material{
	background: whitesmoke !important;
}

.text-transform-none{
	text-transform: initial !important;
}
#btnNuevaConecDB{
	border-radius: 50px;
    margin: 10px auto;
    width: fit-content !important;
    padding: 6px 16px;
    background: #00367bd4;
    color: white;
}
.divGroupAccionesBtnConec{
	position: absolute;
    right: 14px;
    margin-left: 10px;
}
.divGroupAccionesBtnConec i{
	background: #fffffff5;
    border-radius: 50%;
    padding: 4px;
	font-size: 18px !important;
	transition: .2s all ease;
	cursor: pointer;
	border: 1px solid #2b579117;
    box-shadow: rgb(0 0 0 / 13%) 1.95px 1.95px 2.6px;
}
.divGroupAccionesBtnConec i:hover{
	background: #3a6297;
    color: white !important;
}
.cursor-auto{
	cursor: auto;
}
.hover-opacity:hover{
	opacity: 0.7;
}
.jqx-filter-input-material{
	border-radius: 4px !important;
    border: 1px solid #dbdbdb !important;
}
#divAlertSuccess{
	position: absolute;
    bottom: 61px;
    right: 49px;
    z-index: 1000000;
    background: #06bd06;
    display: flex;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    color: white;
    user-select: none;
}
.opacity-8{
	opacity: 0.8;
}
.nav-disabled{
	background: #efefef !important;
    cursor: no-drop;
}
.divLogo{
	filter: drop-shadow(2px 3px 4px #d3d3d3);
}

.jqx-widget.jqx-grid-metro > div {
	user-select: none;
}
.w-fit{
	width: fit-content;
}
.shadow-none{
	box-shadow: none !important;
}
.letter-spacing-1{
	letter-spacing: 1px;
}
.swal2-container{
	z-index: 100000000 !important;
}
.btnsGrid{
	transition: all ease 0.2s;
}
.btnsGrid:hover{
	filter: brightness(0.8);
	transform: rotate(13deg);
    font-size: 18px !important;
}