/* Configuraciones iniciales */
    @charset "UTF-8";
   /* body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
      margin: 0;
      padding: 0;
      list-style: none;
    }*/
/*configuracion general*/

    .cajamensaje {
        background-color:  #ededed;
        padding: 25px 25px;
        width: 100%;
    }

    .cajamensaje ul li {
        line-height: 1.6em;
    }

    .cajamensaje ul li span {
        font-size:0.9em;
    }

    .sinCaja {
        padding: 20px 0 10px 0;
    }

    .sinCajaIn {
        font-weight: 600;
        font-size: 115%;
    }

    .clean{
      clear: both;
    }

    #contenedor-contenido-apoyo{
        width: 100%;
        margin: 1.5em 0 3em 0;
    }

/*tutorial*/
    .enlace-tutorial{
        margin-bottom: 30px;
    }

/*top links*/
    .enlace-siir{
        float: right;
    }

    .enlace-siir .tooltip-siir {
        opacity: 0;
        width: 30%;
        background-color: #f5f5f5;
        text-align: center;
        border-radius: 6px;
        padding: 30px;
        position: absolute;
        margin: 10px 30px 0;
        box-shadow: 0px 0px 6px rgba(0,0,0,.20);
        z-index: -999999;
        -webkit-transition: opacity 0.5, z-index 0.2s; /* Safari */
        transition: opacity 0.5, z-index 0.2s;
    }

    .enlace-siir:hover .tooltip-siir {
        opacity: 1;
        z-index: 3;
    }

    .enlace-siir a,.enlace-saul a{
      color:#406099;
      font-family:Verdana;
      font-size:0.9em;
      text-decoration: underline;
    }

    .tooltip-siir p {
        color: #215A9A;
        font-weight: 700;
        font-size: 0.9em;
        line-height: 1.2em;
        text-decoration:none;
    }

/*tooltip en signos de pregunta*/
    .soli-tooltip {
        color: #215A9A;
        position: absolute;
        right: -20px;
        margin: -25px 0 0 0;
        cursor: pointer;
    }

    .soli-tooltip-form {
        color: #215A9A;
        position: absolute;
        right: -40px;
        margin: -40px 0 0 0;
        cursor: pointer;
    }

    .soli-tooltip-select {
        color: #215A9A;
        position: absolute;
        right: -25px;
        margin: -40px 0 0 0;
        cursor: pointer;
    }

    .ui-tooltip {
        color: #215A9A;
    }

    .ui-tooltip > .tooltip-inner {

        background: #f5f5f5;
        z-index: 9999
    }

/* tabs */
    li.boton-paso {
        width: 33.33%;
        text-align: center;
        font-size: 1.125em;
    }

    li.boton-paso.active a   {
        color: #fff !important;
        background-color: #215A9A !important;
    }

    li.boton-paso a {
        padding: 20px 0 20px;
    }

    .boton-nav-paso{
      height: 60px;
      width: 135px;
      -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Chrome/Safari/Opera */
      -khtml-user-select: none; /* Konqueror */
      -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
      user-select: none;
    }

    .boton-nav-paso {
      background-color:#f4f7f9;
      border:1px solid #dcdcdc;
      display:inline-block;
      cursor:pointer;
      color:#666;
      font-family:Verdana;
      font-size:0.9em;
      padding:17px 40px;
      text-decoration:none;
      text-shadow:0px 0px 0px #666;
    }

    .boton-nav-paso:hover {
      background-color:#d6dee3;
    }
    .boton-nav-paso:active {
      position:relative;
      top:1px;
    }

    .btn {        
        padding: 13px 30px;
        margin-top: 20px;
    }

    .btn-primary {
        background-color: #215A9A;  
    }

    #paso-2-btn-siguiente {
        float: right;
        width: 49%;
    }

    #paso-1-btn-siguiente, #paso-2-btn-anterior {
        float: left;
        width: 49%;       
    }

    #paso-3-btn-enviar {
        float: left;
        width: 33%;
        margin-left: 0.5%;
    }

    #paso-3-btn-anterior {
        float: left;
        width: 33%;       
    }


    /* Sección Cuerpo del Formulario */
    input.form-control::-ms-clear {
        display: none !important;
    }

    #seccion-paso-1{
      width: 100%;
    }

    #seccion-persona-natural{
      width: 100%;
      display: block;
    }

    #seccion-juridica {
        display: none;
    }

    #cual-campo {
        display:none;
    }

    .note-editor.note-frame .note-editing-area {
        overflow: hidden;
        height: 250px;
    }

    .note-editor.note-frame .note-editing-area .note-editable {
        padding: 10px;
        overflow: auto;
        color: #000;
        word-wrap: break-word;
        background-color: #fff;
        height: 250px;
    }

    textarea {
        resize: none;
    }

    #contenedor-texArea{
        width: 100%;
        float: right;
        padding-bottom: 25px;
    }

    #field-politicas {
        height: 60px;
        margin-top: 30px;
    }

    #field-politicas input {
        height: 15px;
        width: 15px;
        margin-top: 3.5px;
        margin-right: 10px;
        float: left;
    }

    #contenedor-politicas{
      width: 100%;
      height: 100%;
      margin: 0 auto;
      //background-color: bisque;
    }

    #contenedor-politicas p{
      width: 70%;
      float: left;
      //margin: 0 auto;
      //background-color: azure;
    }

    #contenedor-politicas a{
      width: 100%;
      margin: 0 auto;
      //background-color: darkcyan;
    }

    #politica-grupo-1 {
        height: 30px;
        width: 100%;
    }

    #politica-grupo-2{
      height: 50px;
      width: 100%;
      //background-color: blue;
    }

    #politica-grupo-3{
      height: 50px;
      width: 100%;
      //background-color: gray;
      display: none;
    }

    button#cancel-btn {
        float: right;
        width: 33%;
    }

    .form-control {
        height: 46px;
    }

    .archivo {
        padding-top: 11px;
    }

    .estrella {
      height: 5px;
      color: #a94442;
      font-size: 1.5em;
      position: relative;
      bottom: -2px;
      margin-right: 7px;
    }

    .radicado {
      color: #045FB4;
      font-size: 130%;
      font-weight: bold;
    }

    /**/
    #contenedor-formulario{
      width: 100%;
      margin-top: 25px;
    }

    /**/
    #seccion-paso-1{

    }
    #mensaje-error{
      color: #8e1313;
      font-size: 0.85em;
    }
    #mensaje-error b{
      color: #562828;
    }
    
    .error{
      color: #a94442;
      font-size: 0.9em;
      float: right;
    }

    .help-block {
        margin-top: 0px;
        font-size: 0.9em;
    }

    .glyphicon {
        position: absolute !important;
    }

    .has-feedback label ~ .form-control-feedback {
        top: 50px;
    }

    p.txtH ~ i.form-control-feedback {
        top: 80px;
    }

    #respuesta {
        display:none; 
        width: 300px;
    }

    #cargando {
        display:none; 
        color: green;
    } 
/***help subtitles***/
	p.txtH {
		color: #666666;
		font-weight: 400;
	}
	span.txtHI { 
		background-color: #e6e6e6;
		padding: 2px 5px;
		font-size: 0.9em;
	}

/***help subtitles***/
/**** archivo adjunto *****/

    .form-control {
        height: 46px;
    }

	/*.textarea.form-control {
		height: 46px;
	}*/

    .archivo {
        padding-top: 11px;
    }

	.entry {
		padding: 0;
	}

	.archN {
		display: none;
	}

    #comentario-documento {
        padding: 12px;
    }

/**** archivo adjunto *****/
/*** side menu ***/
.pqrsMenu {
    margin-top: 30px;
}
/*** side menu ***/

    /** Ésta sección de estilo es para  **/
    //* all  Used for all media type devices **/
@media all and (min-width: 1280px){
      /* #contenedor-aplicativo {
        //width: 1200px;
        background-color: blue;
      } */
    }

@media only screen and (max-width: 480px) {
    div#contenedor-aplicativo {
        width: 95%;
    }
    
    .enlace-siir {
        float: left;
    }
    
    #paso-2-btn-siguiente, #paso-3-btn-siguiente {
        float: right;
        width: 100%;
        padding: 13px 16px;
        text-align: center; ;
    }
    
    #paso-1-btn-siguiente, #paso-2-btn-anterior, #paso-3-btn-anterior {
        float: left;
        width: 100%;
        padding: 13px 16px;
        text-align: center;;
        margin: 20px 0 0 0;      
    }
    
    #paso-3-btn-enviar {
        float: left;
        width: 100%;
        padding: 13px 16px;
        text-align: center;
    }
    
    button#cancel-btn {
        float: left;
        width: 100%;
        padding: 13px 16px;
        text-align: center;
    }
    
    .enlace-siir {
        margin-bottom: 30px;
    }

    .soli-tooltip {
        right: -25px;
    }
    
    #politica-grupo-1 {
        height: auto;
        width: 100%;
    }
    
    #obligado {
        clear: both;
        padding: 20px 0;
    }
    
    p.txtH ~ i.form-control-feedback {
        top: 90px;
    }
    
    iframe {
        width: 320px;
    }
    
}

@media only screen and (min-width: 481px) and (max-width: 1100px) {
    div#contenedor-aplicativo {
        width: 95%;
    }   
}