.plantilla{
        width: 100%;
        height: auto;
      }
      body{
        margin: -10px;
      }
    

      .modal {
      text-align: center;
      padding: 0!important;
        }

    .modal:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-right: -4px;
    }

    .modal-dialog {
      display: inline-block;
      text-align: left;
      vertical-align: middle;
    }

    .s{
          margin: 10px;
          text-align: center;
          margin-left: -15px;
          margin-right: -15px;
          padding-left: 15px;
          padding-right: 15px;

    }
    .b{
          border-bottom: 0.5px solid rgba(0, 0, 0, 0.67);
    }
    .t{
      color: #0066ff;
    font-weight: 500;
    font-size: 140%;
    }
    .pl{
        border-right: 0.5px solid rgba(0, 0, 0, 0.67);
	    height: 47px;
	    margin-left: 0px;
	    margin-right: 0px;
    }

    .modal-content{
        background-image: url(../../images/fondo.png);
        background-position: left;
        background-position-x: -5px;
    }

    .clr{ 
        color: black;
        height: 29px;
        width: 233px; 
    }

    .pl2{
        border-right: 0.5px solid rgba(0, 0, 0, 0.67);
        
        height: 53px;
        position: absolute;
        left: 106px;
        top: 95px;
    }

    .marg{
          margin-bottom: 12px;
    }

    ::placeholder {      font-weight: 400;  } 




    @-webkit-keyframes spin {
        from {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
        }

        to {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }

      @keyframes spin {
        from {
          transform: rotate(0deg);
        }

        to {
          transform: rotate(360deg);
        }
      }

      html,
      body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
      }

      .loading {
        margin-top: -1rem;
        margin-left: -1rem;
        border: 1px solid #2169ec;
        border-radius: 51%;
        position: absolute;
        top: 17%;
        left: 90%;
        width: 2rem;
        height: 2rem;
        -webkit-animation: 1s linear infinite spin;
        animation: 1s linear infinite spin;
      }

      .loading::before {
        display: block;
        position: absolute;
        width: 50%;
        height: 50%;
        content: "";
        background-color: #fff;
      }

      .yt{
        margin-bottom: -10px; 
        width: 234px;
        margin-left: 0px;
       
      }

      .ip{
            background: #fff;
		    margin-left: -20px;
		    opacity: .9;
		    border: 0.6px solid rgba(0, 0, 0, 0.80);
		    width: 235px;
		    height: 29px;
      }
      .yt:visited{
        border: 1px solid #8ba6e4;
      }

      .bb{
       /* border: 1px solid #0066ff; */
      }


      #appleId{
			outline:0px;
			-webkit-border-radius: 0;
			-webkit-appearance: none;
		}

	  #pwd{
			outline:0px;
			-webkit-border-radius: 0;
			-webkit-appearance: none;
		}

		.cont_input{
			position: absolute;
			top: 50px;
			left: 22px;
			background-repeat: no-repeat;
			background-position-x: 0px;
			width: 232px;
			height: 62px;
			background-size: 296px;
		}	
		
		.modal-content{
		  
            border: none;
            border: none;
            border-radius: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }