/* Modal Content */

            .modal-content {

                position: relative;

                background-color: #fefefe;

                margin: auto;

                padding: 0;

                border: 1px solid #888;

                width: 80%;

                box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

                -webkit-animation-name: animatetop;

                -webkit-animation-duration: 0.4s;

                animation-name: animatetop;

                animation-duration: 0.4s

            }



            /* Add Animation */

            @-webkit-keyframes animatetop {

                from {top:-300px; opacity:0} 

                to {top:0; opacity:1}

            }



            @keyframes animatetop {

                from {top:-300px; opacity:0}

                to {top:0; opacity:1}

            }



            /* The Close Button */

            .close {

                color: red;

                float: right;

                font-size: 28px;

                font-weight: bold;

            }



            .close:hover,

            .close:focus {

                color: red;

                text-decoration: none;

                cursor: pointer;

            }



            .modal-body {padding: 2px 16px;}

            .modal-header img{
                width: 70px !important;
                margin-right: 15px;
            }
            .modal-header h3{
                margin-top: 20px !important;
            }.modal-footer h6{
                color: #048fd4;
                margin-right:19px !important;
                font-size: 12px; 
            }
            .modal-header{
                color: #048fd4;
            }
            .modal-footer1 {

                padding: 2px 2px;

                background-color: #2a65ab;

                color: white;

            }



            .modal-header1 {

                padding: 2px 10px;

                background-color: #2a65ab;

                color: white;

            }





            .modal-footer2 {

                padding: 2px 16px;

                background-color: #ffffff;

                color: white;

            }



            .modal-header2 {

                padding: 2px 10px;

                background-color: #ffffff;

                color: white;

            }



            .modal-footer3 {

                padding: 2px 16px;

                /*background-color: #d82d2d; Mantiene oculo el texto y deja el espacio*/

                color: white;

            }



            .modal-header3 {

                padding: 2px 16px;

                /*background-color: #ffffff; Mantiene oculo el texto y deja el espacio*/

                color: white;

            }

			@media screen and (max-width:1000px){

				.modal-content {

               width: 50%;

				}

}