.ll-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.ll-tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #d1ecf1;
  color: #0c5460;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  border-color: #bee5eb;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}
.ll-tooltip:hover .tooltiptext {
  visibility: visible;
}


/* Botones */
/*#BtnDatasheet, #BtnErrorClose {
    font-family: 'Roboto Condensed', sans-serif;
}*/
/* Replace for */
/* Botones for App, segun diseno de Kline  */
#BtnDatasheet {
    font-family: 'Roboto Condensed', sans-serif;
}

.ll-btn-app, .ll-btn-datasheet {
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #095285!important;
}

.ll-btn-app:active, #BtnDatasheet:active, #btnCalculate:active {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    outline: 0;
    background-color: #b3b3b3;
}

.ll-btn-datasheet {
    border-radius: 0rem; 
    background-color: #095285!important;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    /*text-align: center;*/
}
/* ################################################# */
/* (START) $ContentResult */
/* ################################################# */
.result-row, .result-note { font-family: Roboto Condensed; }
.result-row, .result-note { color: rgba(26,26,26,.7); }
.result-row { font-size: 16px; }
/*.result-name { width: 125px; }*/
/*.result-value { width: 62px; text-align: right; }*/
/*.result-note { font-size: 12px; }*/


/* Extra small devices (portrait phones, less than 576px) (xs) */
@media (max-width: 576px) {
    /*#ResultsForStructureType { padding-top: 1rem; }*/

    .result-xs { display: block; }
    .result-sm { display: none; }
    .result-md { display: none; }
    .result-lg { display: none; }
    .result-xl { display: none; }
    
    .btn-xs { display: block; }
    .btn-sm { display: none; }
    .btn-md { display: none; }
    .d-btn-lg { display: none; }
    /*div[class^='result-sm'] { display: none; }*/
    .btn-sm-md { display: none; }
    .btn-sm-lg { display: none; }
    .btn-sm-xl { display: none; }

    .result-row, .result-note-row { height: 100%; display: block; align-items: center; padding-top: 5px;}
    
    .result-row {width: 190px; margin-left: auto; margin-right: auto; font-size: 14px; }
    .result-name { width: 125px; }
    .result-value { width: 62px; text-align: right; }

    #DropSize .result-name { width: 90px;}
    #DropSize .result-value { width: 100px; }

    .result-note-row {  }
    .result-note { font-size: 12px; }

    #Datasheet { padding-top: 8px; }
    #BtnDatasheet { width: 100%; font-size: 17px; padding: .375rem .75rem;}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    /*#ResultsForStructureType { padding-top: 1.1rem; }*/

    .result-xs { display: none; }
    .result-sm { display: block; }
    .result-md { display: none; }
    .result-lg { display: none; }
    .result-xl { display: none; }

    .result-sm-md { display: block; }
    .result-sm-lg { display: block; }
    .result-sm-xl { display: block; }

    .btn-xs { display: none; }
    .btn-sm { display: block; }
    .btn-md { display: none; }
    .d-btn-lg { display: none; }
    .btn-xl { display: none; }

    .btn-sm-md { display: block; }
    .btn-sm-lg { display: block; }
    .btn-sm-xl { display: block; }

    .result-row, .result-note-row { height: 100%; display: flex; align-items: center; padding-top: 5px;}

    .result-row { width: 173px; font-size: 13px; }
    .result-name { width: 108px; }
    .result-value { width: 65px; text-align: right; }

    #DropSize .result-name { width: 73px; }
    #DropSize .result-value { width: 100px; }

    .result-note-row { padding-left: 10px; }
    .result-note { font-size: 11px; }

    #Datasheet { padding-top: 5px;}
    #BtnDatasheet { width: 100px; font-size: 13px; padding: 5px 5px; float: right;}
}

@media (min-width: 636px) {
    .result-row { width: 178px; font-size: 14px; }
    .result-name { width: 113px; }
    .result-value { width: 65px; }

    #DropSize .result-name { width: 78px;}
    #DropSize .result-value { width: 100px; }

    .result-note-row { padding-left: 0px; }
    .result-note { font-size: 12px; }

    #BtnDatasheet { width: 130px; font-size: 14px; }
}

@media (min-width: 740px) {
    .result-row { margin-left: 10px }
    #BtnDatasheet { margin-right: 10px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .result-sm { display: none; }
    .result-md { display: block; }

    .btn-sm { display: none; }
    .btn-md { display: block; }

    .result-row { width: 190px; font-size: 14px; }
    .result-name { width: 125px; }
    .result-value { width: 65px; text-align: right; }

    #DropSize .result-name { width: 90px; }
    #DropSize .result-value { width: 100px; }

    .result-note { font-size: 12px; }
}

@media (min-width: 880px) {
    .result-row { margin-left: 15px }

    #BtnDatasheet { margin-right: 15px;}
}

/* Large devices (desktops, 992px and up) (lg)*/
@media (min-width: 992px) {
    .result-md { display: none; }
    .result-lg { display: block; }

    .result-sm-md { display: none; }
    
    .btn-md { display: none; }
    .d-btn-lg { display: block; }

    .btn-sm-md { display: none; }

    .result-row { width: 190px; margin-left: 0px; font-size: 14px; }
    .result-name { width: 125px; }
    .result-value { width: 61px; text-align: right; }

    #DropSize .result-name { width: 84px; }
    #DropSize .result-value { width: 100px; }

    .result-note { font-size: 12px; }

    #BtnDatasheet { margin-right: 0px; }
}

/*Extra large devices (large desktops, 1200px and up) (xl)*/
@media (min-width: 1200px) {
    .result-lg { display: none; }
    .result-xl { display: block; }

    .result-sm-lg { display: none; }

    .d-btn-lg { display: none; }
    .btn-xl { display: block; }

    .btn-sm-lg { display: none; }

    .result-name { width: 123px;}
    .result-value { width: 61px; text-align: right; }

    #DropSize .result-name { width: 84px; }
    #DropSize .result-value { width: 100px; }

    .result-note { font-size: 12px; }
}

@media (min-width: 1367px) {
  
}

@media (min-width: 1480px) {
    .result-row { width: 210px; font-size: 15px; margin-left: 15px;}
    .result-name { width: 125px;}
    .result-value { width: 65px;}

    #DropSize .result-name { width: 90px;}
    #DropSize .result-value { width: 100px;}

    #BtnDatasheet { margin-right: 15px;}
}

@media (min-width: 1644px) { 
    .result-row { width: 215px; margin-left: 18px; }
    .result-name { width: 127px; }
    .result-value { width: 65px; text-align: right; }

    #DropSize .result-name { width: 92px;}
    #DropSize .result-value { width: 100px;}

    .result-note { font-size: 16px; }

    #BtnDatasheet { margin-right: 28px;}
}
/* ################################################# */
/* (END) $ContentResult */
/* ################################################# */



/* ################################################# */
/* (START) frameModalTopError */
/* ################################################# */
#frameModalTopError {
    padding-left: 0!important;
    padding-right: 0!important;
    margin-top: 0!important;
}

.modal-dialog .modal-content {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    border: 0;
    /*-webkit-border-radius: .125rem;*/
    /*border-radius: .125rem;*/
    -webkit-border-radius: 0rem;
    border-radius: 0rem;
}

.msj_error { font-family: Roboto Condensed; }

.ll-btn-error-close {
    padding: .84rem 2.14rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    margin: .375rem;
    border: 0;
    border-radius: .125rem;
    /*cursor: pointer;*/
    white-space: normal;
    word-wrap: break-word;

    /*border-radius: 0rem; */
    background-color: #095285!important;
    color: #fff;
    font-weight: 700; font-size: 14px; /*font-size: .81rem;*/
    text-transform: uppercase;
    letter-spacing: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.ll-msj-error {
    font-family: Roboto Condensed;
    /*color: #212529!important;*/
    color: rgba(26,26,26,.7);   
}


@media (min-width: 768px) {
    .modal .modal-dialog.modal-top {
        top: 0;
    }
    .modal .modal-frame {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .modal .modal-frame {
        width: 100%;
        max-width: 100%;
    }
    .modal .modal-frame {
        position: absolute;
        margin: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  
}

@media (min-width: 1200px) {
  
}
/* ################################################# */
/* (END) frameModalTopError */
/* ################################################# */