@font-face {
    font-family: 'Ghotam';
    src: url('font/gothambookregular.otf') format('opentype');
}
html , body {
    font-family: "Ghotam" !important;
}




#divLoad {
    background:#00D0F4;
    height: 100%; width: 100%; left: 0; top: 0;right:0px;bottom:0px; overflow: hidden; position: fixed;z-index:1001;
    transition: background-color 0.2s ease;
}
.Logindivcontenido1 {
    background:#00497c;
    width: 35%;
    position: fixed;
    z-index: 1;
    top: 0px;
    bottom: 0px;
    left: 0px;
    
}
.Logindivcontenido1 input{
    border-bottom:1px solid white;
}
.ResponsivoContraseñalogin input {
    border-bottom:1px solid white;
}
.Logindivcontenido2 {
    background:#00497c;
    width: 40px;
    height:45px;
    position: fixed;
    z-index: 1;
    top: 50%;
    left: 33%;
    border-radius:50%;

}
.Logindivcontenido3 {
    background-image: url('../Imagen/Logos/Care_2023.jpg');
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 35%;
}
.MensajesAdvertencialogin {
    position: absolute;
    right: 28px;
    bottom: 0px;
    margin:15px;
    margin-bottom:0px;
    margin-right:0px;
}
.MensajeError::after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #009BDB transparent transparent transparent;
    position: absolute;
    right: 3%;
    bottom: -15px;
    
}
.MensajeError::before{
    content: "\f12a";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 6%;
    bottom: -35px;
}
.MensajeError {
    font-size: 15px; 
    background-color: #009BDB; 
    border-radius: 2px; 
    color: white; 
    padding: 15px; 
    float: right; 
}
.tap-target-wrapper {
    right: -287px !important;
}

    .tap-target-wrapper.open {
        right: -286px !important;
    }
.divBacRecuperacionContrase {
    background-image: url('../Imagen/Logos/backpassword.jpg') !important;
    background-position: center left  !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100%; width: 100%; left: 0; top: 0;right:0px;bottom:0px; overflow: hidden; position: fixed;z-index:10;
}
.imgResponsiveLogin {
    width: 25px;padding-top: 15px;margin-left: 50px !important;
}
.ConimgResponsiveLogin {
    color: white; font-size: 20px; cursor: pointer;position:absolute;margin-top: 10px;right:100px;
}
.correo-error {
        color: #a94442 !important;
}


@keyframes autofill {
    100% {
        background: transparent;
        color: inherit;
    }
}

@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: inherit;
    }
}
@media screen and (max-height: 600px) {
    .Logindivcontenido1 {
        overflow-x: auto;
        overflow-x: hidden;
    }
    
} 
@media screen and (min-width: 1650px) , screen and (min-height: 800px) {
    #imgresponsiva {
        margin-top: -1%;
    }

    .contentLoagind {
        left: 49.5% !important;
    }
    .Logindivcontenido2{
        width: 70px;
        height: 70px;
    }
    .ImagenResponsivaAvatarLo {
        max-width:100px !important;
        margin-top: 30px;
        margin-bottom:30px;
    }
    .CamposLoginRes {

    }
    .CamposLoginRes1 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .CamposLoginRes2 {
        margin-bottom: 40px;
    }
    .InformacionLoginRes1{
        margin-top: 30px;
    }
    .InformacionLoginRes2{
        position: fixed;
        bottom: 20px;
        width: 34%;
    }
    .ImagenLoagindRes {
        left: 45% !important;width:10% !important;
    }
    .RecuperacionLogoLogin {
        margin-top: 150px !important;
        margin-bottom: 60px !important;
    }
    .TituloRecuperlogin {
        margin-top: 20px !important;
        margin-bottom: 30px !important;
    }
    .CamposLoginRes11 {
        margin-top: 40px;
        margin-bottom: 50px !important;
    }
    .CamposLoginRes22 {
        margin-bottom: 65px !important;
    }
    
    .MensajeError::after{
        right: 6%;
        bottom: -15px;
    }
    .MensajeError::before{
        right: 8%;
        bottom: -35px;
    }

    .MensajesAdvertencialogin2 {
        bottom: -50px !important;
    }
    
}
@media screen and (max-width: 1050px) {
    .Logindivcontenido1 {
        overflow-x: auto;
        overflow-x: hidden;
    }
    .ResponsivoContraseñalogin {
        overflow-x: auto;
        overflow-x: hidden;
    }
    .Logindivcontenido3 {
        background-image: url('../Imagen/Logos/ResponsiveCare_2023.png') !important;
    }
    .imgResponsiveLogin{
        margin-left: 20px !important;
    }
}

@media screen and (max-width: 768px) {
    .Logindivcontenido1 {
        width:100%;
        overflow-x: auto;
        overflow-x: hidden;
    }
    .imgResponsiveLogin {
        margin-left: 20px !important;
    }
    .ConimgResponsiveLogin {
        right: 12%;
    }
    .Logindivcontenido2 {
        display:none;
    }
    #ImageLoginWeeClinic {
        max-width: 120px !important;
    }
    .ImagenResponsivaAvatarLo {
        max-width: 80px !important;
    }
    .ImagenLoagindRes {
        left: 40% !important;width:20% !important;
    }
    .ImagenLoagindResLetras {
        font-size: 14px !important;
    }
    .ResponsivoContraseñalogin {
        width:100% !important;
        overflow-x: auto;
        overflow-x: hidden;
    }
    .RecuperacionLogoLogin {
        max-width: 230px !important;
        margin-top: 65px !important;
        margin-bottom: 30px !important;
    }
    .InformacionLoginRes2{
        width: 100% !important;
    }
}





#LoginPrincipal {
    position:fixed;
    left:0px;
    top:0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
     width:100%;
    height:100%;
}
#LoginPrincipal .input-field label { 
    color:white;
}

#LoginPrincipal  input {
    color:white;
}
#LoginPrincipal  i {
    color:white;
}

#LoginRecuperarContraseña {
    position: fixed;
    left: 0px;
    top: 0px;
    background-image: url('../imagen/logos/logincare.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
}

#LoginRecuperarContraseña .input-field label {
    color: white;
}

#LoginRecuperarContraseña input {
    color: white;
}

#LoginRecuperarContraseña i {
    color: white;
}

#frmConfirmaContraseña {
    position: fixed;
    left: 0px;
    top: 0px;
    background-image: url('../imagen/logos/logincare.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
}

    #frmConfirmaContraseña .input-field label {
        color: white;
    }

    #frmConfirmaContraseña input {
        color: white;
    }

    #frmConfirmaContraseña i {
        color: white;
    }

#divCargandoPagina {
    z-index:10;
    position:fixed;
    left:0px;
    top:0px;
     width:100%;
    height:100%;
}


#divHeader {
    position: fixed;
    z-index: 101;
    width: 100%;
    top: 0;
    left: 0;
    height: 50px;
    background-color: #1c3473;
}



#LoginPrincipal {
    position:fixed;
    left:0px;
    top:0px;
    /*background-image: url('../imagen/logos/logincare.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;*/
     width:100%;
    height:100%;
}
#LoginnewPassword {
    position: fixed;
    left: 0px;
    top: 0px;
    /*background-image: url('../imagen/logos/logincare.jpg');*/
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
}

#LoginRecuperarContraseña {
    position: fixed;
    left: 0px;
    top: 0px;
    /*background-image: url('../imagen/logos/logincare.jpg');*/
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
}
#LoginPrincipal .input-field label { 
    color:white;
}
#LoginPrincipal  input {
    color:white;
}
#LoginPrincipal  i {
    color:white;
}

#LoginRecuperarContraseña .input-field label {
    color: white;
}

#LoginRecuperarContraseña input {
    color: white;
}

#LoginRecuperarContraseña i {
    color: white;
}

#divCargandoPagina {
    position:fixed;
    left:0px;
    top:0px;
    background-image: url('../imagen/weeloaging.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
     width:100%;
    height:100%;
}


#divHeader {
    position: fixed;
    z-index: 101;
    width: 100%;
    top: 0;
    left: 0;
    height: 50px;
    background-color: #1c3473;
}


/* Sidebar Styles */

#sidebar-wrapper {
    position: fixed;
    z-index:99;
    left: 0px;
    top:0px;
    width: 65px;
    height: 100%;
    padding-top:50px;
    overflow:hidden;
    background: #2f567d !important;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size:16px;
   
}
#sidebar-wrapper:hover {
    overflow-y: auto;
}

.sidebar-nav {
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    width:65px;
}

.sidebar-nav li {
    text-indent: 15px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: white;
    padding-top: 10px;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    background:#36498B !important;
    border-left: #4862a3 3px solid;
}
.posimenu {
    text-decoration: none;
    border-left: #2279be 3px solid;
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

/*Contenido*/
#page-content-wrapper {
    margin-top:75px;
    margin-left:60px;
    margin-right:10px;
}
/*navegador*/
.nav1 {
	position: relative;
    margin-top: 15px;
}
.nav1 ul {
	margin: 0;
	padding: 0;
}
.nav1 li {
	margin: 0 5px 10px 30px;
	padding: 0;
	list-style: none;
	display: inline-block;
    cursor:pointer;
}
            .arrow_box1 {
                position: relative;
                background: #003467;
                border: 1px solid #7df2ff;
            }
            .arrow_box1:after, .arrow_box1:before {
                bottom: 100%;
                left: 95%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
            }

            .arrow_box1:after {
                border-color: rgba(255, 255, 255, 0);
                border-bottom-color: #003467;
                border-width: 10px;
                margin-left: -10px;
            }

            .arrow_box1:before {
                border-color: rgba(70, 211, 240, 0);
                border-bottom-color: #003467;
                border-width: 11px;
                margin-left: -11px;
            }            


.ac-item a {
    color:#999 !important;
}
select {
-webkit-appearance: none !important;
  -moz-appearance: none !important;
   appearance: none !important;
}

.collapsible .active {
    color: #009688;
}
        .checkbox > label {
            width: auto !important;
            z-index: 1;
        }
        .input-field > label {
            width: 100% !important;
            z-index: -1;
        }
        label:after {
            -moz-transition-property: all !important;
            -o-transition-property: all !important;
            -webkit-transition-property: all !important;
            transition-property: all !important;
            font-size: 0.8rem;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            -webkit-transform: none;
            transform: none;
        }

        label:not(.active):after {
            -moz-transform: translateY(-140%);
            -ms-transform: translateY(-140%);
            -o-transform: translateY(-140%);
            -webkit-transform: translateY(-140%);
            transform: translateY(-140%);
        }
.tab a.active {
        /* Firefox */
        -moz-transition: all .2s ease-in;
        /* WebKit */
        -webkit-transition: all .2s ease-in;
        /* Opera */
        -o-transition: all .2s ease-in;
        /* Standard */
        transition: all .2s ease-in;
        background-color: #6FA2C9 !important;
        color: white !important;
        border-radius: 2px 2px 0px 0px !important;
        box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3);
    }

    .tabs .tab a {
        border-bottom: solid #999 2px;
    }

    .tabs .indicator {
        background-color: transparent;
        height: 0px;
    }

    .carousel .carousel-item {
        width: 100% !important;
        background: white;
        /*height: 400px;*/
    }

    .SemaforoGrado {
        border:none ;
        padding: 8px !important;
        border-radius: 20px !important;
        font-size: 15px !important;
        color: white !important;
    }
    .iconosAfiliacion {
        cursor:pointer;
        border:none ;
        background: #999;
        padding: 16px 18px;
        border-radius: 50px;
        font-size: 36px;
    }
     .activeIcon{
          /* Firefox */
    -moz-transition: all .2s ease-in;
    /* WebKit */
    -webkit-transition: all .2s   ease-in;
    /* Opera */
    -o-transition: all .2s  ease-in;
    /* Standard */
    transition: all .2s   ease-in;
        background: #008cb3 !important;
    }
     .SemaforoGrado {
        padding: 8px !important;
        border-radius: 20px !important;
        font-size: 15px !important;
        color: white !important;
    }
.CursorPointer {
    cursor:pointer;
}
.picker {
    display: block;
}
.spanerror {
    display: none;
    margin-top: -8px;
    position: absolute;
    color: red;
    font-weight: bold;
}
#MenuTelefono  a  span{
    background: transparent;
    color: #026785;
    font-size: 35px;
    margin-right:10px;
} 
#MenuTelefono  a{
    font-size: 17px;
    padding-top: 6px;
}
 #divfixed {
        position: fixed;
        z-index: 5;
        background-color: white;
        width: 100%;
        padding-top: 65px;
        padding-left: 70px;
        left: 15px;
        top: 0px;
        padding-bottom:15px;
        right: 0px;
        padding-right: 40px;
    }
 .timeline {
  position: relative;
}

.timeline .timeline-event {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}

.timeline .timeline-event .timeline-content {
  position: relative;
  width: calc(50% - 50px);
}

.timeline .timeline-event::before {
  display: block;
  content: "";
  width: 2px;
  height: calc(50% - 30px);
  position: absolute;
  background: #d2d2d2;
  left: calc(50% - 1px);
  top: 0;
}

.timeline .timeline-event::after {
  display: block;
  content: "";
  width: 2px;
  height: calc(50% - 30px);
  position: absolute;
  background: #d2d2d2;
  left: calc(50% - 1px);
  top: calc(50% + 30px);
}

.timeline .timeline-event:first-child::before {
  display: none;
}

.timeline .timeline-event:last-child::after {
  display: none;
}

.timeline .timeline-event:nth-child(even) .timeline-content {
  margin-left: calc(50% + 50px);
}

.timeline .timeline-event:nth-child(odd) .timeline-content {
  margin-left: 0;
}

.timeline .timeline-badge {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  background: #d2d2d2;
  top: calc(50% - 20px);
  right: calc(50% - 20px);
  border-radius: 50%;
  text-align: center;
  cursor: default;
}

.timeline .timeline-badge i {
  font-size: 25px;
  line-height: 40px;
}

@media (max-width: 600px) {
  .timeline .timeline-event .timeline-content {
    width: calc(100% - 70px);
  }
  .timeline .timeline-event::before {
    left: 19px;
  }
  .timeline .timeline-event::after {
    left: 19px;
  }
  .timeline .timeline-event:nth-child(even) .timeline-content {
    margin-left: 70px;
  }
  .timeline .timeline-event:nth-child(odd) .timeline-content {
    margin-left: 70px;
  }
  .timeline .timeline-badge {
    left: 0;
  }
    .ControlTAbleWidth {
        width: 100%;
    }
}
.timeline .card i {
    font-size: 20px;
    color: #067190;
    margin: 0px 3px;
}
.timeline .card .card-title {
    text-align:center;
    color: #067190;
}
.timeline .card .card-content {
    font-size: 13px;
}
.timeline .card .card-content p{
    padding: 10px 0px;
}
.timeline .card .card-content .row{
    margin-bottom: 5px;
}
.timeline .card .card-content .UsuarioInfo {
    font-size: 12px;
    color: #067190;
    text-align:right;
}
.timeline .card .SubInformacion {
    color: #8690a6 !important;
    font-size:13px;
}
.timeline .card .card-content .ContenedorImg img{
    max-width: 90px;
}
.timeline .card .card-content .ContenedorImg{
    text-align:center;
}
.timeline .card .card-content .ContenedorImg .InformacionIMG{
    display:block;
}

/*----Media param dispositivos*/

@media screen and (min-width: 1500px) {

}
/*AUXILIAR Normal*/
@media screen and (max-width: 1000px) {
    
}
/* TABLET PORTRAIT */
@media screen and (max-width: 800px) {
    #sidebar-wrapper {
        width:0px;
    }
    .nav1 {
      display:none;
    }
    #LogoWBlanco{
        
        display:none !important;
    }
    #LogoMenuTo{
        display:inline-block !important;
    }
    #page-content-wrapper {
        margin-top:75px;
        margin-left:5px;
        margin-right:5px;
    }
    #divfixed {
        padding-left: 0px !important;
        padding-right: 0px !important;
        left:0px;
        max-height: 200px;
        overflow-y: auto;
    }
    #divfixed .tabs{
        position: fixed;
        top: 195px;
    }
    .tabs{
        overflow-x: scroll;
    }
    .tabs > .col{
        width:auto !important;
    }
    .tabs > .col > a{
        padding: 0px 20px !important;
    }

    .marginContenedor{
        width: 100% !important;
    }
    .ConfiguracionRes{
        width:100% !important;
        text-align:center;
    }
    .MarginConfiguracion {
        margin:0px !important;
    }

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

/*----------------Animaciones------------------*/

.cssload-thecube {
	width: 73px;
	height: 73px;
	margin: 0 auto;
	margin-top: 49px;
	position: relative;
	transform: rotateZ(45deg);
		-o-transform: rotateZ(45deg);
		-ms-transform: rotateZ(45deg);
		-webkit-transform: rotateZ(45deg);
		-moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
	position: relative;
	transform: rotateZ(45deg);
		-o-transform: rotateZ(45deg);
		-ms-transform: rotateZ(45deg);
		-webkit-transform: rotateZ(45deg);
		-moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
}
.cssload-thecube .cssload-cube:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(255, 255, 255, 0.9);
	animation: cssload-fold-thecube 2.76s infinite linear both;
		-o-animation: cssload-fold-thecube 2.76s infinite linear both;
		-ms-animation: cssload-fold-thecube 2.76s infinite linear both;
		-webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
		-moz-animation: cssload-fold-thecube 2.76s infinite linear both;
	transform-origin: 100% 100%;
		-o-transform-origin: 100% 100%;
		-ms-transform-origin: 100% 100%;
		-webkit-transform-origin: 100% 100%;
		-moz-transform-origin: 100% 100%;
}
.cssload-thecube .cssload-c2 {
	transform: scale(1.1) rotateZ(90deg);
		-o-transform: scale(1.1) rotateZ(90deg);
		-ms-transform: scale(1.1) rotateZ(90deg);
		-webkit-transform: scale(1.1) rotateZ(90deg);
		-moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube .cssload-c3 {
	transform: scale(1.1) rotateZ(180deg);
		-o-transform: scale(1.1) rotateZ(180deg);
		-ms-transform: scale(1.1) rotateZ(180deg);
		-webkit-transform: scale(1.1) rotateZ(180deg);
		-moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube .cssload-c4 {
	transform: scale(1.1) rotateZ(270deg);
		-o-transform: scale(1.1) rotateZ(270deg);
		-ms-transform: scale(1.1) rotateZ(270deg);
		-webkit-transform: scale(1.1) rotateZ(270deg);
		-moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube .cssload-c2:before {
	animation-delay: 0.35s;
		-o-animation-delay: 0.35s;
		-ms-animation-delay: 0.35s;
		-webkit-animation-delay: 0.35s;
		-moz-animation-delay: 0.35s;
}
.cssload-thecube .cssload-c3:before {
	animation-delay: 0.69s;
		-o-animation-delay: 0.69s;
		-ms-animation-delay: 0.69s;
		-webkit-animation-delay: 0.69s;
		-moz-animation-delay: 0.69s;
}
.cssload-thecube .cssload-c4:before {
	animation-delay: 1.04s;
		-o-animation-delay: 1.04s;
		-ms-animation-delay: 1.04s;
		-webkit-animation-delay: 1.04s;
		-moz-animation-delay: 1.04s;
}



@keyframes cssload-fold-thecube {
	0%, 10% {
		transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-o-keyframes cssload-fold-thecube {
	0%, 10% {
		-o-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-o-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-o-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-ms-keyframes cssload-fold-thecube {
	0%, 10% {
		-ms-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-ms-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-ms-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-webkit-keyframes cssload-fold-thecube {
	0%, 10% {
		-webkit-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-webkit-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-webkit-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-moz-keyframes cssload-fold-thecube {
	0%, 10% {
		-moz-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-moz-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-moz-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}


.default-text {

    color:#757575;
    
}

/*Loading*/
.cssload-container {
    background: rgb(255,255,255);
}

    .cssload-container div {
        width: 20px;
        height: 20px;
        position: absolute;
        background-color: rgb(204,204,204);
        top: 40%;
        border-radius: 50%;
    }

        .cssload-container div:nth-child(1) {
            background-color: #0067B1;
            animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -o-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -ms-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -webkit-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -moz-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
        }

        .cssload-container div:nth-child(2) {
            background-color: #598FC7;
            animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -o-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -ms-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -webkit-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -moz-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
        }

        .cssload-container div:nth-child(3) {
            background-color: #598EC6;
            animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -o-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -ms-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -webkit-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -moz-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
        }

        .cssload-container div:nth-child(4) {
            background-color: gray;
            animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -o-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -ms-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -webkit-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -moz-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
        }



@keyframes cssload-move {
    0% {
        left: 20%;
    }

    100% {
        left: 80%;
    }
}

@-o-keyframes cssload-move {
    0% {
        left: 20%;
    }

    100% {
        left: 80%;
    }
}

@-ms-keyframes cssload-move {
    0% {
        left: 20%;
    }

    100% {
        left: 80%;
    }
}

@-webkit-keyframes cssload-move {
    0% {
        left: 20%;
    }

    100% {
        left: 80%;
    }
}

@-moz-keyframes cssload-move {
    0% {
        left: 20%;
    }

    100% {
        left: 80%;
    }
}


.cssload-thecube {
    width: 73px;
    height: 73px;
    margin: 0 auto;
    margin-top: 49px;
    position: relative;
    transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
}

    .cssload-thecube .cssload-cube {
        position: relative;
        transform: rotateZ(45deg);
        -o-transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
        -webkit-transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
    }

    .cssload-thecube .cssload-cube {
        float: left;
        width: 50%;
        height: 50%;
        position: relative;
        transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
    }

        .cssload-thecube .cssload-cube:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.9);
            animation: cssload-fold-thecube 2.76s infinite linear both;
            -o-animation: cssload-fold-thecube 2.76s infinite linear both;
            -ms-animation: cssload-fold-thecube 2.76s infinite linear both;
            -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
            -moz-animation: cssload-fold-thecube 2.76s infinite linear both;
            transform-origin: 100% 100%;
            -o-transform-origin: 100% 100%;
            -ms-transform-origin: 100% 100%;
            -webkit-transform-origin: 100% 100%;
            -moz-transform-origin: 100% 100%;
        }

    .cssload-thecube .cssload-c2 {
        transform: scale(1.1) rotateZ(90deg);
        -o-transform: scale(1.1) rotateZ(90deg);
        -ms-transform: scale(1.1) rotateZ(90deg);
        -webkit-transform: scale(1.1) rotateZ(90deg);
        -moz-transform: scale(1.1) rotateZ(90deg);
    }

    .cssload-thecube .cssload-c3 {
        transform: scale(1.1) rotateZ(180deg);
        -o-transform: scale(1.1) rotateZ(180deg);
        -ms-transform: scale(1.1) rotateZ(180deg);
        -webkit-transform: scale(1.1) rotateZ(180deg);
        -moz-transform: scale(1.1) rotateZ(180deg);
    }

    .cssload-thecube .cssload-c4 {
        transform: scale(1.1) rotateZ(270deg);
        -o-transform: scale(1.1) rotateZ(270deg);
        -ms-transform: scale(1.1) rotateZ(270deg);
        -webkit-transform: scale(1.1) rotateZ(270deg);
        -moz-transform: scale(1.1) rotateZ(270deg);
    }

    .cssload-thecube .cssload-c2:before {
        animation-delay: 0.35s;
        -o-animation-delay: 0.35s;
        -ms-animation-delay: 0.35s;
        -webkit-animation-delay: 0.35s;
        -moz-animation-delay: 0.35s;
    }

    .cssload-thecube .cssload-c3:before {
        animation-delay: 0.69s;
        -o-animation-delay: 0.69s;
        -ms-animation-delay: 0.69s;
        -webkit-animation-delay: 0.69s;
        -moz-animation-delay: 0.69s;
    }

    .cssload-thecube .cssload-c4:before {
        animation-delay: 1.04s;
        -o-animation-delay: 1.04s;
        -ms-animation-delay: 1.04s;
        -webkit-animation-delay: 1.04s;
        -moz-animation-delay: 1.04s;
    }



@keyframes cssload-fold-thecube {
    0%, 10% {
        transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-o-keyframes cssload-fold-thecube {
    0%, 10% {
        -o-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        -o-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        -o-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-ms-keyframes cssload-fold-thecube {
    0%, 10% {
        -ms-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        -ms-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        -ms-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-webkit-keyframes cssload-fold-thecube {
    0%, 10% {
        -webkit-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        -webkit-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        -webkit-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-moz-keyframes cssload-fold-thecube {
    0%, 10% {
        -moz-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        -moz-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        -moz-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}


.cargadoFondo {
    width: 100%;
    text-align: center;
    color: #2F567D;
}

    .cargadoFondo > #CargadoRotary {
        animation: linePencil 1.6s infinite linear;
        display: block;
    }

@keyframes linePencil {
    0% {
        transform: rotateX(0deg);
        -ms-transform: rotateX(0deg); /* IE 9 en adelante*/
        -webkit-transform: rotateX(0deg); /* Opera, Chrome, y Safari */
    }

    50% {
        transform: rotateX(180deg);
        -ms-transform: rotateX(180deg); /* IE 9 en adelante*/
        -webkit-transform: rotateX(180deg); /* Opera, Chrome, y Safari */
    }
}


/*ayuda*/
#ayuda {
    z-index: 99999;
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 11px;
    right: 5px;
    background-color: #eee;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#ayudacerrar {
    z-index: 99999;
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 11px;
    right: 5px;
    background-color: #eee;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* SMARTPHONE */
@media only screen and (max-width: 800px){
    .modal{
        top: 1% !important;
        width: 99% !important;
        height: 100% !important;
        max-height: 98% !important;
    }
    .dropdown-content {
         overflow-y: auto !important;
        max-height: 50vh;
        overflow-y: scroll; /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
         padding-right:25px;
    }
}
/*estilos de conversacion*/
#ContenedorMensajeria.Bloqueado::before, #BodyChat_Mensajeria.Bloqueado::before {
    content: '';
    position: absolute;
    top: 0px;
    background: rgba(255,255,255,.5);
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 1;
}

#ContenedorMensajeria.Bloqueado::after, #BodyChat_Mensajeria.Bloqueado::after {
    content: "\f110";
    top: 45%;
    right: 45%;
    z-index: 2;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    color: gray;
    font-size: 40px;
    vertical-align: middle;
    position: absolute;
    font: normal normal normal 54px/1 FontAwesome;
}

@keyframes fa-spin {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

.ImagenChatGlobal {
    width: 200px;
    text-align: center;
}

    .ImagenChatGlobal a img {
        max-width: 150px;
        max-height: 100px;
    }

#VerContenedorMensajeria {
    width: 50px;
    height: 50px;
    background: #6FA2C9;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    display: flex;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 900;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    display: none;
}

#ContenedorMensajeria {
    position: absolute;
    top: -500px;
    background: #8cd0f1;
    min-width: 420px;
    max-width: 420px;
    right: 0px;
    height: 500px;
    z-index: 9999999;
    border-radius: 15px;
    padding: 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    overflow: hidden;
    overflow-wrap: break-word !important;
    padding-right: 0px;
    padding-left: 0px;
}

.TituloConversacion {
    font-size: 13px;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: -15px;
    height: 50px;
    overflow: hidden;
    background: #4179b8;
    color: white;
    margin-top: -10px;
    padding-top: 10px;
}

.ContenedorConversacion {
    height: 300px;
    overflow: hidden;
    overflow-y: auto;
}

.ConversacionEntrante {
    padding: 5px 15px;
    border-radius: 5px;
    text-align: justify;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .ConversacionEntrante .Contenido {
        max-width: 280px;
        margin-right: auto;
        background: #069fe0;
        color: white;
        padding: 5px 15px;
        border-radius: 15px;
        text-align: justify;
        justify-content: flex-start;
        align-items: center;
    }

.ConversacionEntranteFecha {
    max-width: 280px;
    margin-right: auto;
    padding-left: 5px;
    color: #6894c7;
}

.ConversacionEntrante div, .ConversacionSaliente div {
    overflow-wrap: break-word;
    max-width: 200px;
}

.ConversacionSaliente {
    max-width: 280px;
    margin-left: auto;
    padding: 5px 15px;
    border-radius: 15px;
    text-align: justify;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .ConversacionSaliente .Contenido {
        max-width: 280px;
        margin-left: auto;
        background: #06bdeb;
        color: white;
        padding: 5px 15px;
        border-radius: 15px;
        text-align: justify;
        justify-content: flex-end;
        align-items: center;
    }

.ConversacionSalienteFecha {
    max-width: 280px;
    margin-left: auto;
    text-align: right;
    padding-right: 5px;
    color: #6894c7;
}

.ConversacionEntranteNombre {
    max-width: 280px;
    margin-right: auto;
    padding-left: 5px;
    color: white;
    text-align: left;
}

.ConversacionSalienteNombre {
    max-width: 280px;
    margin-left: auto;
    text-align: right;
    padding-right: 5px;
    color: white;
}

.CamposDemensaje {
    position: absolute;
    width: 102%;
    bottom: -15px;
    background: #8cd0f1;
}

    .CamposDemensaje #TxtMensajeChat {
        border: none;
        border-radius: 15px;
        line-height: 18px;
        color: #4179b8;
    }

.EstatusMensaje {
    color: #6894c7 !important;
}


.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 15px;
}

    .lds-ellipsis div {
        position: absolute;
        top: 0px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: gray;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 6px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 6px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 26px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 45px;
            animation: lds-ellipsis3 0.6s infinite;
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(19px, 0);
    }
}

.LeyendaHora {
    font-size: 10px;
    color: white;
}
#listaNotificaciones a {
    white-space: normal;
    width: 400px;
    display: flex;
    align-items: center;
}
#listaNotificaciones .card-title {
}

.pulseNo {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(28,52,115, 0.8);
    animation: pulseNo 1s infinite;
}

@-webkit-keyframes pulseNo {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(28,52,115, 0.8);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(28,52,115, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0px rgba(28,52,115, 0);
    }
}

@keyframes pulseNo {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(28,52,115, 0.4);
        box-shadow: 0 0 0 0 rgba(28,52,115, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(28,52,115, 0);
        box-shadow: 0 0 0 10px rgba(28,52,115, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(28,52,115, 0);
        box-shadow: 0 0 0 0 rgba(28,52,115, 0);
    }
}

.input .cajabusqueda {
    width: 100%;
    padding: 0px 5px 0px 40px;
    display: block;
    background-color: transparent;
    border-bottom: 1px solid;
    transition: 0.2s ease-out;
    color: white;
    border-left: none;
    border-right: none;
    border-top: none;
    font-size: 16px;
}

.cajabusqueda:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.87) inset;
    border-bottom: red;
}

.input .cajabusqueda:focus {
    padding: 0px 5px 0px 10px;
    outline: 0;
    border-color: #3e85be;
}

/*AUXILIAR*/
@media screen and (max-width: 1000px) {
    #BusquedaFolioMenu_WeeCare {
        display: none !important;
    }

    #ResponsivoModalBien {
        margin-bottom: 160px !important;
    }
}

.shadowBuscaFolio {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
    background: white;
    margin-top: -18px;
}

shadowBuscaFolio td {
    padding: 8px 10px;
}

.DropDownEditDxSecundaria {
    top: initial !important;
    left: initial !important;
    right: 0px !important;
}
table.striped > tbody > tr.PersonaExistente {
    background: #fff176;
}

table.striped > tbody > tr.InsercionExitosa {
    background-color: #b2ff59;
}