@supports (-webkit-overflow-scrolling: touch) {
  /* CSS especifico para dispositivos iOS  */ 
    .ioscontainer {
        height: calc(1550px - 272px) !important;
    }
    .ioscontainer {
    	display: flex;
        display: -webkit-box;
        -webkit-flex-direction: column;
  		flex-direction: column;
	}
    .ioscontainer iframe {
    	flex: 1;
        -webkit-box-flex: 1; 
	}
    footer {display:none!important;}
}
@media only screen and (min-width: 600px) {
    .ioscontainer {    height: calc(100vh - 192px)!important;  }
}
@media only screen and (min-width: 900px) {
    .ioscontainer {    height: calc(100vh - 182px) !important;  }
}
.ioscontainer {
    height: calc(100vh - 272px);
    position: relative;
    width: 100%;
}
@media only screen and (min-width: 767px) {
    footer {height: 53px !important;}
}
@media only screen and (max-width: 892px) {
    .navbar-header {
        float: inherit !important;
    }
    .navbar-nav.navbar-right {
        width: 100%;text-align: center;    margin: 0 auto;
    }
    .navbar-nav.navbar-right h5, .navbar-nav.navbar-right h6 {
        text-align:center !important;
    }
}
/* Generales */
html { position: relative; min-height: 100%;}
body {font-family: 'Source Sans Pro', sans-serif;margin: 0px 0px 48px 0px !important;}
.btn-default {background-color: #f8f8f8!important; border-color: #a9a9a9!important;}
.btn-primary {background-color: #18462c!important; border: none!important;}
.btn-success {background-color:#619855!important;border-color:#527f48!important;}
.btn-company {background-color:#273881!important;color:#fff !important;}
.btn-company:hover {color:#fff !important;}
.text-default {color: #363839 !important;}
.btn-link {color: #273881;}
.navbar-inverse {background-color: #243674!important;}

/* Paddings */
.p-0 {
    padding: 0 !important;
}
/* End generales */

/* Botonera */
.navbar-default {background-color: #fff!important;border-bottom: none;color: #009ae4!important;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color:rgba(0,0,0,0)!important;}
.navbar-default .navbar-header {float: left;}
.navbar-default h2.navbar-text {color: #273881;font-weight: bold;margin-top: 20px;}
.navbar-brand {padding: 2px 15px!important;height: 72px!important;    display: flex; flex-direction: column;  justify-content: center;}
.navbar-default .navbar-right {float: inherit !important;}
.navbar-brand img {max-height: 60px;}
.navbar-nav.navbar-right .navbar-text {
    color:#242424;
    text-align:right;
    margin-top: 22px;
    margin-bottom: 0px;
    float: inherit;display:block;
}
.navbar-nav.navbar-right .navbar-text span {
    padding: 6px 13px;background: #DB7125;color: #fff;border-radius: 1px;font-weight: bold;
}
.navbar-nav.navbar-right .navbar-text span strong {
    font-weight: 900;
}
.navbar-nav.navbar-right h6 {
    text-align: right;display: block;margin-right: 15px;color: #9c9c9c;float: inherit;display:block;
}
/* END Botonera */

/* Botonera Secundaria */
.navbar-second {color: #fff;background: #273881;}
.navbar-second li a {color: #fff!important;}
.navbar-second li .selected {border-bottom: #fff 2px solid;background-color: rgba(255,255,255,0)!important;}
.navbar-second .navbar-nav >.active>a {
  background-color: rgba(0,0,0,0)!important;
}
.navbar-second .navbar-nav > .open > a, .navbar-second .navbar-nav > .open > a:hover, .navbar-second .navbar-nav > .open > a:focus {background-color:rgba(0,0,0,0.2)!important;}
.navbar-nav > li > .dropdown-menu a {color:#000!important;border-bottom:#ccc 1px solid;}
.navbar-second p {
    font-weight: 600;letter-spacing: 0.5px;padding-top: 9px;
}
/* END Botonera Secundaria*/

/* Tabs */
.tab-content {border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd; padding: 30px;}
@media (min-width: 768px) {.nav-tabs.nav-justified>li>a {border-radius: 0px!important;}}
.nav-tabs li a {color:#2c3e50;font-weight: 700; padding: 15px 0px!important;}
.nav-tabs li a span {color: #fff;background: #2c3e50; padding: 5px 10px;border-radius: 50px;border: #a9a9a9 2px solid;}
/* Boton activo */
.nav-tabs li.active a {color: #273881!important;}
.nav-tabs li.active a span {color: #fff;background: #273881; padding: 5px 10px;border-radius: 50px;border: #a9a9a9 2px solid;}

/* Boton inactivo */
.nav-tabs li.disabled a {background: #f8f8f8;color:#a9a9a9;}
.nav-tabs li.disabled a span {color: #fff;background: #a9a9a9; padding: 5px 10px;border-radius: 50px;border: #fff 2px solid;}

/* Boton confirmado*/
.nav-tabs li.confirm a {background: #f8f8f8;color: #f4821f!important;}
.nav-tabs li.confirm a span {color: #fff;background: #f4821f; padding: 5px 7px;border-radius: 50px;border: #fff 2px solid;}
.nav-tabs li.confirm .glyphicon {display:inline}

.tab-pane h4 {color: #363839;
line-height: 1.5;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.4px;}
/* End Tabs */

/* Modals */
.modal-image .close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: white;
    opacity: 1;
    padding: 7px 12px 4px;
    border-radius: 50%;
    font-size: 30px;
}
/* END Modals */

/* Formulario */
.form-control.success {border:1px solid #527f48;}
.form-control.error {border:1px solid #d50000;background: #ffebee;}
.form-control.ng-invalid, .form-control.ng-invalid-required {border:1px solid #d50000;background: #ffebee;}
.form-control.ng-valid {border:1px solid #527f48;}
.form-control.ng-dirty {}
.bootstrap-select .btn { font-weight: 100; background: #ffffff !important; border-radius: 0; border-bottom: 0px !important;}
select.form-control { background: url(../img/br_down.png) no-repeat right; -webkit-appearance: none;-moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;background-position: right 10px center; }
select.form-control::-ms-expand { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0;}
/* End Formulario  */

/* Cotizacion */
#cotizacion h4 {color: #f5821f;}
#cotizacion .text-success {color: #619855;}
#cotizacion .text-danger {color: #d50000;}
#cotizacion hr {border-top: #f5821f 5px solid;}
/* End Cotizaci�n */

/* Error en la Cotizacion */
#error h4 {color: #aec000;}
#error .text-success {color: #619855;}
#error .text-danger {color: #ff0000;}
#error hr {border-top: #d14836 5px solid;}
/* End Error en la Cotizaci�n */

/* Pagar cotizacion */
#confirmar h4{color: #f5821f;}
#confirmar hr {border-top: #f5821f 5px solid;margin: 10px;}
/* End Pagar cotizacion */

#Finalizacion hr {border-top: #f5821f 5px solid;}
#errorConcordance hr {border-top: #d14836 5px solid;}

/* Footer */
footer {background: #25272e;height: 78px;position: absolute;bottom: 0;width: 100%;color: #ffffff;font-size: 11px;padding: 12px 0;}