/*MENÚ LATERAL, HEADER Y GENERALES*/
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #2167ae;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidebar a {
  text-decoration: none;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.sidebar a:hover {
  color: #f5f5f5;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.mxcb_menucliente ul {
  background-color: #2167ae;
}

.mxcb_menucliente a li {
  color: #dcdee2 !important;
  font-size: 12px;
  text-align: center;
}

.mxcb_menucliente a:hover {
  color: #fff !important;
}

.submenu_qualitas a {
  background-color: #2167ae !important;
}

.submenu_qualitas a:hover {
  background-color: #001d4c !important;
  color: #f5f5f5 !important;
}

.submenu_qualitas a:focus {
  background-color: #001d4c !important;
  color: #f5f5f5 !important;
}

ul.submenu_qualitas ul.dropdown-menu a {
  color: #fff !important;
  background-color: #001d4c !important;
}

ul.submenu_qualitas ul.dropdown-menu a:hover {
  background-color: #900a19 !important;
}

/* MENU EN RESPONSIVE */
.submenu_qualitas_resp a {
  background-color: #2167ae !important;
  color: #fff;
}

.submenu_qualitas_resp a:hover {
  background-color: #001d4c !important;
  color: #f5f5f5 !important;
}

.submenu_qualitas_resp a:focus {
  background-color: #001d4c !important;
  color: #f5f5f5 !important;
}

ul.submenu_qualitas_resp ul.dropdown-menu a {
  color: #fff !important;
  background-color: #001d4c !important;
}

ul.submenu_qualitas_resp ul.dropdown-menu a:hover {
  background-color: #900a19 !important;
}

/*INFORMACIÓN DEL AGENTE*/
.col-data_agente {
  float: right !important;
}

.info_agente {
  position: relative;
  color: #2167ae;
  right: 1em;
  text-align: center;
  list-style: none;
  font-weight: bold;
}

.info_agente > li {
  font-size: 13px;
}

.info_agente > li:first-child {
  font-size: 14px;
}

/*BOTONES*/
.openbtn {
  border-radius: 5px;
  border: 1px solid #2167ae;
  font-size: 1em;
  cursor: pointer;
  background-color: #fff;
  color: #2167ae;
  padding: 10px 15px;
}

.openbtn:hover {
  background-color: #2167ae !important;
  color: #fff !important;
}

.btn_chat {
  background-color: #fff !important;
  height: 40px;
  font-size: 15px;
  color: #2167ae;
  margin-left: 10px !important;
}

.btn_chat:hover {
  background-color: #1b3e75 !important;
  border: 1px solid #fff !important;
  color: #fff !important;
}

.btn-next {
  background-color: #ce1126;
  color: #fff;
  width: 10em;
  height: 2.5em;
  font-size: 16px;
}

.btn-next:hover {
  background-color: #900a19;
  color: #fff;
  border: solid 1px #ce1126;
}

.btn-download {
  background-color: #2167ae;
  color: #fff;
  height: 2.5em;
  font-size: 16px;
  padding: 6px 15px !important;
}

.btn-download:hover {
  background-color: #fff;
  color: #2167ae;
  border: solid 1px #2167ae;
}

.d-block > .btn {
  display: block !important;
}

.licencias p {
  color: #fff;
  font-size: 11px;
  margin-bottom: 0px;
  margin-left: 10px;
}

/*-----DE LA PRIMERA PANTALLA | INDEX ----*/
/*CONTENIDO*/
#wrapper {
  height: auto;
  position: relative;
  /* padding-bottom: 130px; */
}

/*ICONOS*/
.glyphicon {
  color: #ce1126 !important;
}

#hidetow {
  display: none;
}

/*-----DE LA SEGUNDA PANTALLA | TABLA COTIZADOR ----*/
.onlyAseguradoras a {
  color: #006847;
}

/*TABLA COTIZADOR*/
div.centerTable {
  text-align: center;
}

div.centerTable table {
  margin: 0 auto;
}

.title_top {
  font-size: 13px;
  text-align: center;
  padding: 15px;
  background-color: #2167ae;
  color: #fff;
}

.title_left {
  font-size: 13px;
  text-align: center;
  padding: 14px;
  color: #2167ae;
}

.title_left a {
  font-size: 12px;
  color: #ce1126;
}

td.cotizando {
  font-size: 16px;
  text-align: center;
  padding: 5px 50px;
  font-weight: 500;
  color: #2167ae;
}

td.cotizando a {
  font-size: 11px;
  color: #757575;
  text-decoration: underline;
}

td.cotizando img {
  width: 65px;
  height: auto;
}

/*ESTILOS DE MODAL "VIEW DETAILS"*/
table.modalTable,
.modalTable td,
th {
  border: solid 1px #f5f5f5;
}

.modal_title_left {
  font-size: 13px;
  padding: 7px;
  color: #fff;
  background-color: #2167ae;
}

.modal_signs td {
  font-size: 1em;
  padding: 7px;
}

.modal_signs td > i {
  font-size: 1.5em;
}

.modal_title_top {
  font-size: 13px;
  text-align: center;
  padding: 6px;
  background-color: #ce1126;
  color: #fff;
}

.modal_cover td {
  color: #565656;
  font-size: 1em;
  padding: 7px;
}

/*/*ESTILOS DE MODAL "VIEW COVERAGE"*/
.modal2_title_left {
  font-size: 13px;
  padding: 7px;
  color: #fff;
  background-color: #2167ae;
  text-align: center;
}

br.br_show-on-mobile {
  display: none;
  visibility: hidden;
}

/*-----DE LA TERCERA PANTALLA | FORMULARIOS PARA PÓLIZA ----*/
.asterisk {
  color: #ce1126;
  text-align: left !important;
  padding-left: 0px;
  font-size: 20px;
}

/*ESTILOS DEL MODAL DE POLÍTICAS DE CANCELACIÓN*/
#divFormTow,
#divFormInsurance {
  display: none;
}

.modalcancel td {
  font-size: 12px;
}

.modalcancel_title_top {
  font-size: 13px;
  padding: 7px;
  color: #fff;
  background-color: #2167ae;
  text-align: center;
}

/*-----DE LA CUARTA PANTALLA | FORMULARIOS PARA PÓLIZA ----*/
/*INPUT DEL CHECK DE LA PÓLIZA*/
.input_noborder {
  border: none !important;
  box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.075) !important;
}
/*INPUTS ESPECIALES PARA MM/AA Y CVV*/
.inputcc {
  height: 34px;
  padding: 6px;
  font-size: 14px;
  line-height: 1.42;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: solid 1px #ccc;
  border-radius: 4px;
  box-shadow: inset 0px 1px 1px rgb(0, 0, 0, 0.075);
}

.hide-on-mobile + .asterisk {
  display: inline-block;
}

/*-----DE LA QUINTA PANTALLA | NÚMERO DE PÓLIZA ----*/
div.policy-number {
  margin: 0 auto;
  border: 1px solid #757575;
  width: 40%;
}

.policy-number h4 {
  text-align: center;
  color: #ce1126;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 10px 20px;
}

/*PRE MOBILE*/
br.br_show-on-mobile {
  display: none;
  visibility: hidden;
}

.show-on-mobile {
  display: none;
  visibility: hidden;
}

.hide-on-mobile {
  display: block;
  visibility: visible;
}

.hide-on-mobilecc {
  visibility: visible;
}

.etiqueta{
	text-align: right;
}

.textito{
  display: inline;
}

/*TODOS LOS MEDIAQUERIES*/
@media (max-width: 768px) {
  .show-on-mobile {
    display: block !important;
    visibility: visible !important;
    text-align: center !important;
  }
  .hide-on-mobile {
    display: none !important;
    visibility: hidden !important;
  }

  .info_agente {
    text-align: right;
  }

  .info_agente > li {
    font-size: 13px;
  }

  .info_agente > li:first-child {
    font-size: 14px;
  }

  td.cotizando {
    font-size: 14px;
    padding: 8px 10px;
  }

  td.cotizando img {
    width: 55px;
  }

  br.br_show-on-mobile {
    display: block;
    visibility: visible;
    text-align: center;
  }

  .labelr {
    text-align: right !important;
  }

  div.policy-number {
    width: 70%;
  }

  .etiqueta{
  	text-align: left;
  }

  .textito{
    display: none;
  }

}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px !important;
  }
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/ajax-loader.gif') 50% 50% no-repeat rgb(249, 249, 249);
    opacity: .5;
    background-color: black;
}

.texto {
    position: fixed;
    left: 0px;
    top: 60%;
    width: 100%;
    height: 100%;
    z-index: 9999;
    color: white;
    text-align: center;
}