.main-section-ayuda{


    margin-top:110px;
    

}

.input-ayuda-buscador{

height:  45px !important;

border-radius: 23px !important;

border:1px solid red;

padding-left:15px !important;

}

.button-ayuda-buscador{

    height:  45px !important;

    background-color:white;

    color: #00407e;

    border:none;
}



.d-flex{

    display: flex !important;
}



.justify-content-center{
    justify-content: center !important;
}


.align-items-center{
    align-items: center !important;
}

.navbar-ayuda{

    background-color:#00407e; 
    border-bottom:1px solid #c0c0c0; 
    background-position:bottom; 
    background-repeat:no-repeat;
    height:85px;
}

.footer-ayuda{

    position:absolute;margin-top:40px;left:23%;height:auto;width:77%;background-color:#343131;color:#b3b3b3;text-align:center;display:flex;align-items:center;justify-content:center;padding:35px 0px;


}


.m-0{

    margin:0px;
}




.scroll_up{

    position:fixed;

    right: 15px;

    bottom:10px;

    width: 40px;

    height: 40px;

    background-color: #00407e;
    
border-radius : 2px;
    display: none;
z-index : 100000;
border:1px solid #00407e;

}

.scroll_up > i{

font-size:1.5em !important;
color:white !important;
}








#fancybox-wrap {
    z-index: 10000000 !important;
    padding: 0px !important;


width:80% !important;

}

#fancybox-content {
width:100% !important;
padding-top:100px !important;
    text-align:center;
}

#fancybox-content div{

width: 100% !important;
}

        /* Estilos para el menú lateral */


        body{

            background-color:white;
        }
        .sidebar-mobile {
            position: fixed;
            top:85px;
            left:0;
            display:block;
            
            height: 100%;
            background-color: #F0F0F0;
            overflow-y: auto;
            transition: left 0.3s;
            padding-top: 25px;

            width: inherit !important;
		z-index:10000;

padding-bottom:60px;

           
        }

        .sidebar-mobile ul {
            list-style-type: none;
            padding: 0;
        }

        .sidebar-mobile ul li a {
            display: block;
            padding: 5px;
            color: #1d60a1;
            text-decoration: none;
        }

        .sidebar-mobile ul li a:hover {
            

        }

        .sidebar-mobile.open {
            left: 0;
        }

        .sidebar-toggle {
            display:none;

        }

        .sidebar-toggle button {
            background-color: #00407e;
            color: white;
            border: none;
            padding: 10px;
        }


        .logo-mobile {
            display: flex !important;
            justify-content: flex-start;
            align-items: center;

        }

	.form-ayuda-buscador{
	
width:500px;
	}

	.form-ayuda-buscador i{
	
	font-size:1.5em;
	}

        .icon-ayuda-buscador{
		
            display:none;
        }

.container-ayuda-search{
	
justify-content:flex-end;

}


.scroll_up .fontello-icon-up-open::before{
    margin: 0 auto;
}

#btn-clipboard {
width: 90px;

}

       @media  (max-width: 900px) and ((orientation : portrait) OR (orientation : landscape)){
           

.footer-ayuda{

position:relative;
left:0px;
bottom:0px;
width:100%;

}
#btn-clipboard {
width: 25%;

}
#fancybox-wrap {
    z-index: 10000000 !important;
    padding: 0px !important;
    left : 1% !important;
right : 1% !important;
top:0 !important;
width:95% !important;



}

#fancybox-content {
width:100% !important;
padding-top:30px !important;
    text-align:center;

height: 600px;
}

h1{
	font-size:26px;
}

h2{
	font-size:22px;
}


h3{
	font-size:18px;
}
.container-ayuda-search{
	
position:absolute;

top:0;

right:15px;

height:100%;

align-items:center;

justify-content:center;

}


            .main-section-ayuda{


                margin-top:80px;
            }
            


            .icon-ayuda-buscador{

                display:block;
		height:20px;
		width:20px;
		


            }
            .icon-ayuda-buscador i{

                font-size:1.5em;
            }
            .navbar-ayuda{
                position: fixed;
                height:70px;
            }
            .logo-ayuda{

                display: inline;
		display: flex;
                align-items: center;
                font-size: 1.6em;
            }


            .logo-ayuda img{

                width:95px !important;height:16px !important;
            }


            
            .row-fluid .sm-10{

                width: 83.33% !important;
                float: left !important;
            }

	
.row-fluid .sm-12{

                width: 100% !important;
                float: left !important;
            }


            .row-fluid .sm-2{

                width: 16.6% !important;
                float: left !important;
            }

            .form-ayuda-buscador{



                display: none;
            }
            .sidebar-mobile {
                
                background-color: #00407e;
                
                top:70px !important;
                display: none;

		border-top:1px solid #04305b;
            }


            .sidebar-mobile a {
                color : #f7f7f7 !important;
            }
            .sidebar-toggle {
                display: inline;
                background-color: #00407e;
                color: white;
		border:none;

font-size:1.4em;

            }

            .logo-mobile {
                display: flex !important;
                justify-content: flex-start;
                 align-items: center;
                padding-left: 10px;
                text-align: left;
            }

        }







#textArea {
    width: 70%;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
padding:5px;
margin:0px;
background-color:#f7f7f7;
}

#btn-clipboard {
    padding: 3px 6px;
    background-color: #00407e;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
}

#btn-clipboard:hover {
    background-color: #0056b3;
}

#message {
    margin-top: 10px;
    font-size: 12px;
    color: #28a745;
}

/* Bordes solo a la izquierda (estilo actual) */
.alert-info { background-color: #e7f3fe; color: #31708f; padding: 10px; border-left: 4px solid #2196F3; margin-bottom: 15px; }
.alert-success { background-color: #dff0d8; color: #3c763d; padding: 10px; border-left: 4px solid #4CAF50; margin-bottom: 15px; }
.alert-warning { background-color: #fcf8e3; color: #8a6d3b; padding: 10px; border-left: 4px solid #FF9800; margin-bottom: 15px; }
.alert-danger { background-color: #f2dede; color: #a94442; padding: 10px; border-left: 4px solid #f44336; margin-bottom: 15px; }


/* Bordes completos (estilo Bootstrap-like) */
.alert-info-box { background-color: #e7f3fe; color: #31708f; padding: 10px; border: 1px solid #2196F3; margin-bottom: 15px; border-radius: 4px; }
.alert-success-box { background-color: #dff0d8; color: #3c763d; padding: 10px; border: 1px solid #4CAF50; margin-bottom: 15px; border-radius: 4px; }
.alert-warning-box { background-color: #fcf8e3; color: #8a6d3b; padding: 10px; border: 1px solid #FF9800; margin-bottom: 15px; border-radius: 4px; }
.alert-danger-box { background-color: #f2dede; color: #a94442; padding: 10px; border: 1px solid #f44336; margin-bottom: 15px; border-radius: 4px; }