/* 
html {
    background: ghostwhite;
}
body{
    background: transparent;
}

.center{
    width: 50%;
    height: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
} */
.text-center{
    text-align: center;
}
.main-container{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

html,body {
    color: #949494;
    height:100%;
    padding:0;
    margin:0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

.p-0{
    padding: 0 !important;
}

.m-t-15{
    margin-top: 10px;
}

.btn-outline-success {
    color: #450c20;
    border-color: #450c20;
}

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color:#450c20;
    border-color: #450c20;
}

.btn-outline-success:hover {
    color: #fff;
    background-color:#450c20;
    border-color: #450c20;
}
.sub-header{
    color: #a6a6a6;
    text-decoration: none;
    font-size: 17px;
    text-align: left;
    padding-top: 0px;
}

.trash-icon{
    position: absolute;
    right: 20px;
    margin-top: 24px;
    font-size: 18px !important;
    cursor: pointer;
    color: #e53838; 
    padding: 5px 7px;
    border-radius: 5px;
}

.trash-icon:hover{ 
    color: #ffffff; 
    background: #e53838;
}

.btn-outline-success.focus, .btn-outline-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(41,189,190,.5);
}

.contenedor {
    width: 92%;
    margin: auto;
}
.m-r-15 {
    margin-right: 15px !important;
}
.text-label{
	font-weight:700;
    font-size: 12px;
}
.text-label .valor-text{
	font-weight:100;
    color: #1e1e1e;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
  }

  .box-row{
        display: flex !important; 
  
  }
  .box-row .box-col{
    flex: 1; /* additionally, equal width */
}
.bx-border{
    border: 1px solid #b8b8b88c;
}

.modal-header {
    padding: 6px 1rem;
    border-bottom: 1px solid #450c20;
    background: #450c20;
    color: white;
}

.modal-header .close {
    padding: 8px;
    margin: 0;
    color: white;
}
.close:focus, .close:active, .close:hover  {
    outline: none !important;
    opacity: 1 !important;
}
.modal-title {
    margin-top: 6px;
}

::-webkit-input-placeholder { /* Edge */
    color: #bebebe !important;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bebebe !important;
  }
  
  ::placeholder {
    color: #bebebe !important;
  }

  .complete-box ul{
    background: #F8F9FA;
    width: 96%;
  }
 .complete-box ul li{
    background: transparent;
    width: 100%;
  }

  .complete-box ul li a{
    color:grey;
    margin-left: 15px;

  }
  .complete-box ul li a:hover {
     text-decoration: none;
    }

    .complete-box ul li:hover {
        background: #29bdbe47;;
    }
  .loader-r{
      position: fixed;
      top: 0;
      left: 0;
      background: #74747473;
      z-index: 9999;
      width: 100%;
      height: 100%;
      vertical-align: middle;
    text-align: center;
    padding: 22%;

  }

  span.errormsg, .errormsg span {
      font-size: 12px;
      color:red;

  }

  .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Buscar";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}

.req-info-c{
    margin: 15px;
    border: 1px solid #29bdbe61;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 25px;
}
.req-info .text-label{
    font-size: 13px;
}
.req-info .title-info{
    font-size: 15px;
    font-weight: bold;
    color: #2abdbe;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.1;
}

.btn-success {
    background-image: -webkit-linear-gradient(top,#450c20 0,#450c20 100%);
    background-image: -o-linear-gradient(top,#450c20 0,#450c20 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#29BDBE),to(#29BDBE));
    background-image: linear-gradient(to bottom,#450c20 0,#450c20 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29BDBE', endColorstr='#29BDBE', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #450c20;
}


.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
    font-size: 1.05em;
    font-weight: 500;
    color: white;
    background-color: #2abdbe;
    display: inline-block;
    border-radius: 5px;
    padding: 5px;
    width: 100%;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #2abdca;
}

.fa-upload.icon-up{
    margin-right: 15px;
    color: white;
}

.toast-info{
    background-color: #2abdbe !important;
    opacity: 1;
}

a.descargar,a.descargar:hover,a.descargar:active{
    color: #f6f6f6;
    text-decoration: none;
    background-color: #2abdbe;
    padding: 5px;
    border-radius: 5px;
}

table.my-table  td.subtotales{
    color: #585555;
    font-weight: 600;
}

a.descargarassesor,a.descargarassesor:hover,a.descargarassesor:active{
    color:  #2abdbe !important;
    text-decoration: none !important;
    background-color: transparent;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.exp-req-box{
    margin: 2px 15px 30px;
    border-top: 1px solid #a3a5a569;
    padding: 10px;
    border-radius: 5px;
}

.exp-req-box span{
    color: #acacac !important;
    cursor: pointer;
    font-size: 12px;
}

.btn-requisito.btn-requisito{
    border-color: transparent;
    text-align: left;
}

.status-req{

    color: white;
    background: #450c20;
    margin-top: -52px;
    padding: 4px 10;
    border-radius: 16px;
    font-size: 14px;
}

.rechazado .status-req{
    background: #ff5555eb
}

.rechazado.req-info-c{
    border: 1px solid #ff5555eb
}

.rechazado.req-info-c .title-info{
    color: #ff5555eb
}


.aceptado .status-req{
    background:#29be2dc4
}

.aceptado.req-info-c{
    border: 1px solid #29be2da3
}

.aceptado.req-info-c .title-info{
    color: #29be2da3
}
.dym-btn{
    /* text-transform: capitalize; */
    margin-right: 10px;
}




.modal-dialog.sol-modal{
    width: 98%;
    max-width: none;
}

.sol-box{
    border: 1px solid #2abdbe;
    margin: 15px;
    border-radius: 5px;
    padding-top: 10px;
}

.solicitudclass .form-group{
    text-overflow: ellipsis;
   white-space: nowrap; 
   overflow: hidden; 
}

@media (max-width: 600px) {
    .modal-dialog.sol-modal {
        width: 100%;
        max-width: none;
        margin: 0;
    }
	.fixed-top{
        height: 66px;
    }
 
    #navbarSupportedContent{
        background:#cdcdcd !important;
       }
    #navbarSupportedContent li{
       margin-left: 15px;
       padding: 20px;
       font-size: 16px;
   }
   .row.box-body{
       padding-bottom:30px;
   }
   .box-tab-content{
       height: auto;
   }
   .box-tab{
       overflow-y: auto;
       overflow-x: hidden;
   }
    #tabCont{
        margin-top: 61px !important;
    } 
	
    .solicitudclass .form-group{
        text-overflow: initial;
       white-space: normal; 
    }
}

.acoordionlink.btn-link {
    color: #a6a6a6;
    text-decoration: none;
    font-size: 17px;
    text-align: left;
    padding-top:0px; 
}

.collapse.show.row{
    padding: 15px;
    width: 100%;
}

.panel-title::after {
	content: "\f107";
    color: #a6a6a6;
	top: -5px;
	right:10px;
	position: absolute;
    font-family: "FontAwesome";
    font-size: 20px !important;

}

.panel-title[aria-expanded="true"]::after {
	content: "\f106";
}


.table.my-table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #2abdbe2e;
    background: #2abdbe4d;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight: 500;
    color: #333;
}

.table.my-table  th, .table.my-table  td {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight: 500;
    color: #333;
    border-bottom: 1px solid #2abdbe2e;
}
.table.my-table  td.totales{
    background: #2abdbe4d;
	font-weight: 500;	
	
 }
 .mybox{
    border: 1px solid #2abdbe4d;
    border-radius: 5px;
    margin-bottom: 10px;
 }
 .mybox .descargar{
    float: right;
    margin-top: -4px;
    padding: 5px !important;
}
 
.scrollout{
    background: white;
    border-left: 1px solid rgba(0,0,0,.57) !important;
    border-right: 1px solid rgba(0,0,0,.57) !important;
    
    z-index: 99;
}

.scrollout.fixedclass{
 position: fixed;
 top:0px;
 left: 0px;
} 

.with-100 {
   width: 100%;
   margin-left: 0;
}
.mid-header{
    color: #a6a6a6;
    text-decoration: none;
    font-size: 17px;
    text-align: left;
    padding-top: 0px;
    margin-top: 15px;
}
.status-req.Aceptado, .status-req.Enviado{
    background:  #8CC63F;
}

.status-req.Rechazado, .status-req.Rechazo{
    background: #C82333;
}

.status-req.Nuevo{
    background:  #FFDD00;
}
.status-req.Pendiente{
    background:  #b4b4b4;
}

.backstatus.Aceptado, .backstatus.Enviado{
    background:  #8CC63F2e;
}

.backstatus.Rechazado, .backstatus.Rechazo{
    background: #C823332e;
}

.backstatus.Nuevo{
    background:  #FFDD002e;
}
.backstatus.Pendiente{
    background:  #b4b4b42e;
}
.status-ext{
    float: right;
    color: white;
    font-size: 12px;
    margin-right: -32px;
    margin-top: -2px;
    padding: 4px;
    border-radius: 0px 0px 0px 5px;
}
.notifica{
    min-width: 70px;
    text-align: center;
}

.status-ext.notifica {
    margin-right: -14px;
    margin-top: -30px;
    border-radius: 11px;
}

.status-ext.Aceptado, .status-ext.Enviado{
    background:  #8CC63F;
}

.status-ext.Rechazado, .status-ext.Rechazo{
    background: #C82333;
}

.status-ext.Nuevo{
    background:  #FFDD00;
}
.status-ext.Pendiente{
    background:  #b4b4b4;
}
.status-ext.Guardado{
    background:  #29bdbe;
}

.status-border.Aceptado, .status-border.Enviado{
    border-top: 2px solid  #8CC63F;
}

.status-border.Rechazado, .status-border.Rechazo{
    border-top: 2px solid  #C82333;
}

.status-border.Nuevo{
    border-top: 2px solid   #FFDD00;
}
.status-border.Pendiente{
    border-top: 2px solid   #b4b4b4;
}

.card-bord.Aceptado, .card-bord.Enviado{
    border: 1px solid  #8CC63F;
}

.card-bord.Rechazado, .card-bord.Rechazo{
    border: 1px solid  #C82333;
}
.card-bord.Guardado{
    border: 1px solid   #29bdbe;;
}

.card-bord.Nuevo{
    border: 1px solid   #FFDD00;
}
.card-bord.Pendiente{
    border: 1px solid   #b4b4b4;
}

.card.card-bord{
    margin-bottom:20px;
}

.btn-requisito.status-reql.Aceptado, .btn-requisito.status-reql.Enviado{
    color:  #8CC63F;
}

.btn-requisito.status-reql.Rechazado, .btn-requisito.status-reql.Rechazo{
    color: #C82333;
}

.btn-requisito.status-reql.Nuevo{
    color:  #FFDD00;
}
.btn-requisito.status-reql.Pendiente, .btn-requisito.status-reql{
    color:  #b4b4b4;
}

.btn-requisito.status-reql:hover{
    background:white;
}
.term-tramite{
    position: absolute;
    bottom: 5px;
    right: 135px;
    cursor: pointer;
    font-size: 12px;
    color: #dc3545 !important;
}

.term-tramite.user-btn{ 
    right: 0px;
}

.micdiagnostico ol{
    margin-left: -24px;
}
.mt-m-35{
    margin-top: -35px;;
}
.sol-full{
    margin-top: 30px !important;
    margin-bottom: 0px!important;
} 
.term-tramite:hover, .ver-req:hover{
    color: white!important;
}

.ver-req{
    position: absolute;
    bottom: 5px;
    right: 15px;
    cursor: pointer;
    font-size: 12px;
    color:  #2abdbe !important;
}

input.errorclass,textarea.errorclass,select.errorclass{
    border: 1px solid #d56060;
}
 label.errorclass{
    border: 2px solid #d56060;
}


.edit-btn{
    position: absolute; 
    color: #450c20;
    cursor: pointer;
    right: 39px;
    margin-top: -5px;
    font-size: 18px;
    z-index: 99;
}

.edit-btn .fa-stack {
    font-size: 11px;
}

.m-t-10{
    margin-top: 10px !important;
}
.p-b-10{
    padding-bottom: 10px !important;
}
.m-t-25{
    margin-top: 25px !important;
}
.target-box{
    cursor: pointer;
}

.card.targ:hover{
    border: 1px solid rgba(0, 0, 0, 0.25);
}
.card.targ h5{
    color: #57626f!important;
    text-transform: uppercase;
}
.card.targ span{
    font-weight: 600!important;
    margin-bottom: 0!important;
    font-size: 1.25rem;
    color: #3f3f3f;
}
.btn-info-req{
    float: right;
}

.grap-btn{
    float: right;
    margin-right: 20px;
    font-size: 18px;
    color: white;
    cursor: pointer;
    background: #450c20;
    padding: 6px;
    border-radius: 5px;
}
.grap-btn:hover{
 border: 1px solid  #26aaab;
 padding: 5px;
}
.m-chart{
    position: absolute;
    text-align: left;
    right: 15px;
    top: 22px;
}


/* ngIf animation */
.animationIf.ng-enter,
.animationIf.ng-leave {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
.animationIf.ng-enter,
.animationIf.ng-leave.ng-leave-active {
    transform: translate(-1500px,0);
    -webkit-transform: translate(-1500px,0);
    -moz-transform: translate(-1500px,0);
    -o-transform: translate(-1500px,0);
    -ms-transform: translate(-1500px,0);
}
.animationIf.ng-leave,
.animationIf.ng-enter.ng-enter-active {
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
}

html,
body {
	height: 100% !important;
}

@-moz-document url-prefix() {
    .row.box-main-calc{
        overflow: auto !important;
    }
  }
  select.form-control {
    height: 33px;
}

.obs-sol{
    border: 1px solid #ff000066;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
}
.fulled.inputfile + label, .fulled.inputfile + label  i.fa-upload.icon-up{
    /* background-color: #ffffff;
    color: #2abdbe; */
 
}

.docs-box{
    border-radius: 5px;
    padding: 5px;
}
.docs-box span{
    white-space: normal;
}


.descargar.boton{
   margin-left: 30px;
    float: right;
    background-color: #ffffff;
    color: #2abdbe;
    width:100%;

}
.modal-footer{
    padding-bottom: 50px;
}
.bor-text-msg{
    border: 1px solid #ffdd00ad;
    padding: 10px;
    border-radius: 5px;
    background: #ffff0012;
}

select.defaulval{
    color: #b5b3b3;
}

.datenot{
    float: right;
    font-size: 12px;
    color: #87b945;
    margin-top: 12px;
}
.expnot{
    float: left;
    font-size: 12px;
    color: #87b945;
    margin-top: 12px;
    margin-right: -15px;
}
.generadopor{
    margin: -7px 0 19px 16px;
    font-size: 13px;
    color: #1e1e1e;
}

.title-header-r{
    color: #aeaeae;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #29bdbe7a;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
}

.nav-link.btn-user-page{

    padding: 6px 15px !important; 
    margin-right: 15px;
}

.nav-link.btn-user-page:hover{
    border-bottom: 3px solid #29bdbe; 
}

.nav-link.btn-user-page.activev{
    border-bottom: 3px solid #29bdbe; 
}
.min170{
    width: 170px;
}

.bot-cont{
    padding: 0 !important;
    margin:20px 0;
}
a.menu-box-user{
    border: 1px solid #bababa;
    padding: 3px 25px !important;
    border-radius: 6px;
    font-size: 17px;
}
.box-img-bnt label, .box-img-bnt a{
    max-width: 150px;
    float: right;
    text-align: center;
}
a.menu-box-user.menu-add-credt{
    padding: 5px 25px !important;
    border: 1px solid #4db6bb;
    color: white !important;
    background: #4db6bb;
}
a.menu-box-user.menu-add-credt:hover{
    background: #48afb4;
}
.contenedor-user{
    margin-top: 90px !important;
    width: 100% !important;
    padding:8px 2% !important; 
    overflow-y: auto !important;
    overflow-x: hidden !important; 
}

h5.menu-ttl{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: -15px;
    color: gray;
    margin-left: 13px;
}
i.menu-ucon-user{
    font-size: 17px;
    color: #f3f3f3;
    background: #4db6bb;
    padding: 6px 8px;
    border-radius: 41px;
    margin-left: -19px;
}
.title-user {
    margin-top: -40px;
    background: #f9f9f9;
    width: 142px;
    text-align: center;
    margin-bottom: 32px;
    color: #4db6bb;
    border: 1px solid #8888884a;
    border-radius: 4px;
    padding: 5px;
    border-bottom: 0px;
}

.link-btn{
    color: #2abdbe !important;
}
.heght-auto{
    height: auto !important;
    padding: 16px;
}
.advert{
    height: 101px;
    text-align: center;
    font-size: 20px;
    margin-top: 30px;
}

.btn-full{
    width: 100%;
    margin-bottom: 30px;
}						
.inlinebtnText{
    border: 0px;
    background: transparent;
    padding-left: 20px;
}

span.input-group-text{
    border: 0px;
    background: transparent;
}
select.errorclass {
    border: 1px solid #d56060;
}
a.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #2abdbe !important;
    background-color: transparent;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.papermode .form-control {
 
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0;
    border-bottom: 1px solid gray;
}

.papermode .sol-box {
        border: 1px solid gray;
        margin: 15px;
        border-radius: 0px;
        padding-top: 10px;
    }

    .papermode  .acoordionlink.btn-link {
        color: #000000;
        text-decoration: none;
        font-size: 17px;
        text-align: center;
        padding-top: 0px;
        background: #c4c4c4;
        border-radius: 0;
        margin-top: -10px;
    }
    .papermode  .table.my-table th, .table.my-table td { 
        border-bottom: 1px solid #f4f4f4;
    }

    .papermode  .table.my-table thead th {
        border-bottom: 1px solid #aeaeae2e;
        background: #d9d9d94d;
     
    }
    .papermode  .table.my-table td.totales {
        background: #d9d9d94d; 
    }
    .doc-type{
        border: 1px solid #ebebeb;
        margin-bottom: 15px;
        padding: 10px 20px 0px 20px;													 
}



.solicitud-new .doc-type{
    border: none; 
    padding: 0;
    margin: 0;													 
}

.solicitud-new .doc-type.has_sub{
    border: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding: 10px 20px 0px 20px;												 
}

.title-adj.doc-type{ 
    border: none;
    padding: 0;
    margin: 45px 0 0px 0;
}
    
.myboxdy {
    border: 1px solid #7c7c7c4d;
    border-radius: 0px;
    margin-bottom: 10px;
}
    @media print {

        a.form-control {
            display: block;
            width: 100%;
            height: calc(1.5em + .75rem + 2px);
            padding: .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #2abdbe !important;
            background-color: transparent;
            background-clip: padding-box;
            border: 0px solid #ced4da;
            border-radius: .25rem;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }
        
          .form-control {
         
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 0px solid #ced4da;
            border-radius: 0;
            border-bottom: 1px solid gray;
        }
        
         .sol-box {
                border: 1px solid gray;
                margin: 15px;
                border-radius: 0px;
                padding-top: 10px;
            }
        
         .acoordionlink.btn-link {
                color: #000000;
                text-decoration: none;
                font-size: 17px;
                text-align: center;
                padding-top: 0px;
                background: #c4c4c4;
                border-radius: 0;
                margin-top: -10px;
            }
            .table.my-table th, .table.my-table td { 
                border-bottom: 1px solid #f4f4f4;
            }
        
            .table.my-table thead th {
                border-bottom: 1px solid #aeaeae2e;
                background: #d9d9d94d;
             
            }
           .table.my-table td.totales {
                background: #d9d9d94d; 
            }
            .errormsg, button, .doc-type{
                display: none;
            }
            html, body {
				
                margin: 0 !important; 
                padding: 0 !important;
				
              }
			.remove-print{
                display: none !important;
            }
			
			.modal-content{
                border: none;
            }							 
}

.modal-xl.modalreq.modalfull{
    min-width:99% !important;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
  }


.rechazado.req-info-c.fixedclass {
    border: 1px solid #ff5555eb;
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff;
    width: 100%;
    opacity: 4;
    z-index: 9999;
    margin: 0;
}

/* Microsoft Edge Browser 12+ (All) - @supports method */
 
@supports (-ms-ime-align:auto) {
    .rechazado.req-info-c {
        border: 1px solid #ff5555;

    }
    .req-info-c {
        border: 1px solid #29bdbe;
    }
    .myboxdy {
        border: 1px solid #7c7c7c;
    }
    
  }
   
  /* Microsoft Edge Browser 15+ - @supports method */
   
  @supports (-ms-ime-align:auto)
  and (-webkit-text-stroke:initial) {
 
  }


  .solicitudclass .form-group.datesol {
    white-space: normal;
}
.form-group.datesol input{
    position: absolute;
    bottom: 15px;
    width: 90%;
    z-index: 3;
    background: transparent;
}
.form-group.datesol label{
    margin-bottom: 48px;
}
.form-group.datesol .errormsg{
    margin-top: 50px;
    position: absolute;
    bottom: -3px;
    left: 23px;
    z-index: 1;
}

.modal-title span {
    color: #e1e1e1;
    font-size: 15px;
    margin-left: 0;
}


.papermode .form-control:disabled, .papermode .form-control[readonly] {
    opacity: 1;
    border-bottom: 2px solid #eceaea !important;
}

.form-control.cconsulta{
    background-color: #e9ecef;
}
.currrentstep{
    color: #2c959a;
    /* background: #4db6bb; */
    text-decoration: underline;
}

.passstep{
    color:#4db6bb;
}

.weitstep{
    color:#717171;
}








.contenedor-curso{  
    height: 100% ;
    width: 100%;
    position: absolute;  
    top: 0;
    left: 0;

}

button.btn-df{  
    position: absolute;
    bottom: 8%;
    right: 17%;
    background: #701D45;
    color: white;
    font-size: 30px;
    border: none;
    border-radius: 0;
    padding: 4px 15px;
    font-weight: 600;
    min-width: 70px;
}

button.btn-df.btn-curso3{  
    position: relative; 
    bottom: 0;
    right: 0;
    font-size: 20px;
    margin-bottom: 40px;
}

 p.parrafos{
    color: #701D45;
     font-size: 18px; 
     padding-right: 15px; 
     text-align:justify ;
 } 

 .contenedor-c h3{
    font-size: 20px;
    color: #701D45;
    font-weight: bold;
 }


.contenedor-curso h5{  
    position: absolute; 
    bottom: 20%;
    right: 8%; 
    color: #701D45;
    font-size: 30px;  
    font-weight: 600;
}

button.btn-df.btn-si{    
    right: 26%; 
}
button.btn-df.btn-no{    
    right: 16%; 
}

button.btn-df:hover{   
    background: #f8cdd5; 
    color: #701e45;
}

button.btn-df:active{   
    background: #f8cdd5; 
    color: #701e45;
}

button.btn-df:focus{   
    background: #f8cdd5; 
    color: #701e45;
    border: none;
    outline: 5px auto #701D45;
    border-radius: 0;
}

.contenedor-curso-box{  
    height: calc(100% - 100px) ; 

}

.constancia{
    font-size: 18px;
    text-align: left;
    border: 1px solid 1px solid #701e4542;
    padding: 30px;
    margin-top: 60px;
}
.constancia label{
    color: #701e45;
    font-weight: 700;
}

a.back-link{
    position: absolute; 
    top: 15px;
    left: 30px;
    z-index: 9;
    color: #701e45 !important;
    font-size: 16px;
    cursor: pointer;
}
a.back-link:hover{ 
    color: #701e45 !important;
    text-decoration: underline !important;
}

.btn.btn-success:hover{   
    background: #f8cdd5 !important; 
    color: #701e45  !important; 
    border-color:#701e45  !important; 
}

.btn.btn-success:active{   
    background: #f8cdd5  !important; 
    color: #701e45  !important; 
    border-color:#701e45  !important; 
}

.btn.btn-success:focus{   
    background: #f8cdd5  !important; 
    color: #701e45  !important; 
    border: none;
    outline: 5px auto #701D45  !important; 
    border-radius: 0  !important; 
}



 


  

@media (max-width: 1367px) {
    .contenedor-curso{    
        height: calc(100% - 100px) ;
        margin-top: 80px;
    }

    .contenedor-curso h5 { 
        bottom: 20%;
        right: 8%; 
        font-size: 20px;
        font-weight: 800;
    }
    button.btn-df { 
        bottom: 7%;
        right: 25%; 
        font-size: 20px; 
        min-width: 56px;
    }

    button.btn-df.btn-si {
        right: 28%;
    }

    p.parrafos { 
        font-size: 13px; 
    }
     
    .contenedor-c h3 {
        font-size: 14px; 
    }
    button.btn-df.btn-curso3 { 
        font-size:13px; 
    }
    .firsth{
        margin-top: 30px;
    }
}



@media (max-width: 850px) {
 
    .contenedor-curso{  
        height: 280px; 
    
    }

    button.btn-df { 
        bottom: 2%;
        right: 15%; 
        font-size: 11px; 
        min-width: 25px;
    }

    .contenedor-curso h5 { 
        bottom: 12%;
        right: 8%; 
        font-size: 14px;
        font-weight: 800;
    }

    button.btn-df.btn-si {
        right: 28%;
    }

    p.parrafos { 
        font-size: 8px;
        padding-right: 7px; 
        margin-bottom: 0;
    }
     
    .contenedor-c h3 {
        font-size: 8px; 
    }
    button.btn-df.btn-curso3 { 
        margin-bottom: 17px;
        font-size: 8px;
        margin-top: 5px;
    }
    .firsth{
        margin-top: 15px;
    }




}


@media (max-width: 600px) {
    .contenedor-curso{  
        height: 222px; 
    
    }

   button.btn-df { 
        bottom: 2%;
        right: 15%; 
        font-size: 11px; 
        min-width: 25px;
    }

    .contenedor-curso h5 { 
        bottom: 14%;
        right: 8%; 
        font-size: 14px;
        font-weight: 800;
    }

   button.btn-df.btn-si {
        right: 28%;
    }


    p.parrafos { 
        font-size: 7px;
        padding-right: 7px; 
        margin-bottom: 0;
    }
     
    .contenedor-c h3 {
        font-size: 7px; 
    }
    button.btn-df.btn-curso3 { 
        margin-bottom: 17px;
        font-size: 7px;
        margin-top: 5px;
    }
    .firsth{
        margin-top: 15px;
    }


    body{
        overflow-y: auto;
    }
} 


@media (max-width: 400px) {
    .contenedor-curso{  
        height: 180px; 
    
    } 

    .contenedor-curso h5 { 
        bottom: 19%;
        right: 6%;
        font-size: 13px; 
    }
} 


@media (min-width: 3500px) {
    .contenedor-curso{    
        height: calc(100% - 100px) ;
        margin-top: 80px;
    }

    .contenedor-curso h5 { 
        bottom: 18%;
        right: 10%;
        font-size: 44px;
        font-weight: 800;
    }
    button.btn-df { 
        bottom: 7%;
        right: 25%;
        font-size: 41px;
        min-width: 90px;
    }

    button.btn-df.btn-si {
        right: 28%;
    }
}


.ui-grid-viewport .ui-grid-cell-contents {
    word-wrap: break-word;
    white-space: normal !important;
  }
  
  .ui-grid-row, .ui-grid-cell {
    height: auto !important;
  }
  
  .ui-grid-row div[role=row] {
    display: flex ;
    align-content: stretch;
  }