*{
    font-family: "Roboto", sans-serif;
}
a{
    text-decoration: none;
    color:#000;
}
a:hover{
    text-decoration: underline;
}
main.container-fluid {
    margin: 100px 0 0 0;
    padding: 0;
}
.logincss{
    text-align: center;
}

.logincss input[type="text"], .logincss input[type="password"]{
    display: block;
    width: 100%;
    border-radius: 25px;
}
.loginCssCard{
    /* width: 75%; */
    min-height: 250px;
    margin: 30px auto 0;
}
.loginCssCardDetails{
    min-height: 250px;
    margin: 30px auto 0;
}

.registerCssDetails{   
    min-height: 300px;
    margin: 30px auto 0;
}
.circle-gray {
    border-radius: 50%;
    display: block;
    margin: auto auto 10px;
    border: solid 4px #eee;
    transition: all 0.5s ease 0s;
    overflow: hidden;
}
.circle-white {
    border-radius: 50%;
    display: block;
    margin: auto auto 10px;
    border: solid 4px #fff;
    transition: all 0.5s ease 0s;
    overflow: hidden;
}
.circle-black {
    border-radius: 50%;
    display: block;
    margin: auto auto 10px;
    border: solid 4px #222;
    transition: all 0.5s ease 0s;
    overflow: hidden;
}
.filter-0{
    filter: brightness(0.9);
}

input[type="text"], select,input[type="email"]  {
    border: 1px solid #aaa;
    border-radius: 8px;
    padding: 4px 10px 4px;
    display: block;
    /* min-width: 300px; */
    width: 100%;
}

.text-13 {
    font-size: 13px;
}

hr {
    border: 3px solid;
    margin: 40px 0;
}

.validateX {
    display: flex;
    position: relative;
    justify-content: center;
    font-size: 25px;
    font-weight: 500;
}

.validateX div{
    display: flex;
    position: relative;
    justify-content: center;
    flex-direction: column-reverse;
    align-items: center;
    padding: 0 10px;
}
.contentAlert {
    width: 100%;
    height: 220px;
    position: relative;
    overflow: scroll;
}
.contentAlert ul {
    width: 90%;
}
.contentAlert ul li{
    list-style: none;
    border-bottom: 1px solid #0002;
    padding: 0 0 8px 0;
}
.contentAlert ul button{
    border-radius: 50px;
    padding: 5px 8px;
}
.contentAlert ul button:hover{
    opacity:.5;
}
.contentAlert ul button i{
    color:#fff;
}
.registerCssDetails.dashboard{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
}
.circleContentA{
    text-decoration: none;
}
.circleContentA:hover{
    text-decoration: none;
}
.circleContent {
    display: flex;
    position: relative;
    padding: 30px;
    border-radius: 100px;
    border: 2px solid #0003;
    width: 200px;
    height: 200px;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.1);
    /*background-image: url('https://images.unsplash.com/photo-1564331453476-6241ebf17480?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');*/
    background-position: center center;
    background-size: cover;
    
}
/* .circleContent:hover {
    background: rgba(0,0,0,0.5);
} */
a.navbar-brand img {
    width: 145px;
    height: auto;
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(293deg) brightness(105%) contrast(101%);
    margin: 0 21px;
}

button.navbar-toggler, button.navbar-toggler:active, button.navbar-toggler:focus, button.navbar-toggler:hover{
    border: none;
    box-shadow:none;
}
.bg-primary-1{
    background-color: #242B57;
}
.bg-primary-2{
    background-color: #0d3760;
}


.btn-primary-1 {
    --bs-btn-color: #fff;
    --bs-btn-bg: #242B57;
    --bs-btn-border-color: #242B57;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #242B57;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #242B57;
    --bs-btn-active-border-color: #242B57;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #242B57;
    --bs-btn-disabled-border-color: #242B57;
}
.btn-primary-2 {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d3760;
    --bs-btn-border-color: #0d3760;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d3760;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d3760;
    --bs-btn-active-border-color: #0d3760;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d3760;
    --bs-btn-disabled-border-color: #0d3760;
}
.text-bg-dark {
    color: #fff !important;
    background-color: #242B57 !important;
}
/* #0d3760

#242B57
#025797
#ECF1F5
#EEEEEE */

form {
    display: flex;
    position: relative;
    flex-flow: wrap;
}

form label {
    width: 100%;
    display: inline-block;
    padding: 10px;
}

form input.btn.btn-primary-1.mt-3 {
    width: 100%;
}
/* form2 */
form#regForm2 {
    flex-direction: column;
}

/* Button */


.btn-grad {background-image: linear-gradient(to right, #242B57 0%, #0d3760  21%, #242B57  100%)}
.btn-grad {
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    /* display: block; */
}

.btn-grad:hover {
   background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}



#site-footer {
    margin: 50px 0 0 0;
    padding: 0;
    background-position: center bottom;
    min-height: 200px;
    background-size: cover;
}

#site-footer .subfooterX .logoFooterqro img {
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(293deg) brightness(105%) contrast(101%);
    width: 240px;
    height: auto;
    padding: 20px;
    box-sizing: border-box
}

#site-footer .subfooterX .row.top-bg-footer {
    background-image: url(https://riesgossanitariosqro.gob.mx/wp-content/uploads/2024/07/bg-footer.png);
    background-size: cover;
    background-position: center top
}

#site-footer .subfooterX .logoFooterqro {
    text-align: center;
    padding: 50px 0 0 0;
}

#site-footer .subfooterOne {
    background-color: #266FB6;
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 0;
}

#site-footer .subfooterOne a {
    color: #fff;
    text-decoration: none
}

#site-footer .subfooterOne a:hover {
    color: #afafaf;
    text-decoration: underline
}

#site-footer .subfooterOne h3 {
    color: #fff;
    font-size: 21px;
}

#site-footer .subfooterOne ul li {
    display: inline-block
}

#site-footer .subfooterOne ul li a {
    color: #fff;
    text-decoration: none
}

#site-footer .subfooterOne ul li a:hover {
    color: #afafaf;
    text-decoration: underline
}

#site-footer .footer-inner.elementor-container {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center
}

#site-footer .subfooterTwo {
    background-color: #242B57;
    color: #fff;
    padding: 45px 0
}

#site-footer .footericonx {
    font-size: 60px;
    padding: 20px 0
}

.csRRSS {
    padding: 30px 0;
    text-align: center
}

.csRRSS h3 {
    color: #FFF;
 
}

.csRRSS ul li {
    display: inline-block
}

.csRRSS ul li a {
    color: #dbdbdb;
    text-decoration: none
}

.csRRSS a {
    background: #b5b5b5;
    color: #eee !important;
    line-height: 1;
    margin-right: 4px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    transition: 0.3s;
    display: inline-flex !important;
    align-items: center;
    justify-content: center
}

.csRRSS a:hover {
    background: #4598c9;
    color: #fff
}





.ContentLoad {
    width: 100vw;
    height: 100vh;
    background: #fff;
    display: flex;
    position: fixed;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    top: 0;
}

.ContentLoad img {
    width: 85px;
    position: absolute
}

@keyframes ldio-hbbu63qvj8e {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.ldio-hbbu63qvj8e div {
    box-sizing: border-box !important
}

.ldio-hbbu63qvj8e>div {
    position: absolute;
    width: 151.5px;
    height: 151.5px;
    top: 75.75px;
    left: 75.75px;
    border-radius: 50%;
    border: 12.12px solid #000;
    border-color: #242a57 transparent #242a57 transparent;
    animation: ldio-hbbu63qvj8e 1.0204081632653061s linear infinite
}

.ldio-hbbu63qvj8e>div:nth-child(2) {
    border-color: transparent
}

.ldio-hbbu63qvj8e>div:nth-child(2) div {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(45deg)
}

.ldio-hbbu63qvj8e>div:nth-child(2) div:before,.ldio-hbbu63qvj8e>div:nth-child(2) div:after {
    content: "";
    display: block;
    position: absolute;
    width: 12.12px;
    height: 12.12px;
    top: -12.12px;
    left: 57.56999999999999px;
    background: #242a57;
    border-radius: 50%;
    box-shadow: 0 139.38px 0 0 #242a57
}

.ldio-hbbu63qvj8e>div:nth-child(2) div:after {
    left: -12.12px;
    top: 57.56999999999999px;
    box-shadow: 139.38px 0 0 0 #242a57
}

.loadingio-spinner-dual-ring-p7jhlcr1h4a {
    width: 303px;
    height: 303px;
    display: inline-block;
    overflow: hidden;
    background: #ffffff
}

.ldio-hbbu63qvj8e {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0
}

.ldio-hbbu63qvj8e div {
    box-sizing: content-box
}
.dt-search {
    text-align: end;
}
.content-modal-a{
    margin: 135px 0 33px 0;
}