@font-face {
  font-family: 'Barlow-medium';
  src: url('/templates/epsresponsive/fonts/Barlow-Medium.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'Barlow-light';
  src: url('/templates/epsresponsive/fonts/Barlow-Light.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'Barlow-bold';
  src: url('/templates/epsresponsive/fonts/Barlow-Bold.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'Barlow-regular';
  src: url('/templates/epsresponsive/fonts/Barlow-Regular.ttf') format('truetype');
  font-style: normal;
}

#afiliaciones-div{
  position: relative;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
#afiliaciones-div { font-family: 'Barlow-regular', sans-serif; color: #53565A; position: relative; font-size: 1rem !important;/** height: 100vh; **/}

#afiliaciones-div h1,
#afiliaciones-div h2,
#afiliaciones-div h3,
#afiliaciones-div h4,
#afiliaciones-div h5,
#afiliaciones-div h6 {
   font-family: 'Barlow-bold', sans-serif; font-weight: 700;
}

#afiliaciones-div .banner-anexo { background: url(/images/afiliaciones/img/banner-anexo-eps.png) no-repeat right center; display: block; height: 341px;}
#afiliaciones-div .banner-anexo .banner-content { width: 50%;}
#afiliaciones-div .banner-anexo .banner-content h1 { font-size: 3.5rem; color: #0033A0;}
#afiliaciones-div .banner-anexo .banner-content h1:before { content: ""; background: #E3E829; display: block; width: 55px; height: 5px; margin-bottom: 10px; border-radius: 10px;}

#afiliaciones-div .anexo-eps .anexo-title h3, .anexo-eps .anexo-title h4 { font-family: 'Barlow-medium'; color: #0033A0;}

#afiliaciones-div .nav-item{ cursor: pointer; }

#afiliaciones-div .anexo-eps .alert { background: #E5EAF5; color: #5E85D8; border: 1px solid #E5EAF5;}
#afiliaciones-div .anexo-eps .alert i { font-size: 2.5rem;}
#afiliaciones-div .anexo-eps .alert .alert-action { -ms-flex-pack: end!important; justify-content: flex-end!important;}

#afiliaciones-div .anexo-eps .anexo-pgraph p.d-contents { display: contents;}

#afiliaciones-div .anexo-eps .anexo-form input, .anexo-eps .anexo-form select { height: calc(1.5em + .75rem + 20px); border: 1px solid #7EC9FF;}
#afiliaciones-div .anexo-eps .anexo-form select { background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+); background-repeat: no-repeat; background-position: right 10px center; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
#afiliaciones-div .anexo-eps .anexo-form label span, .anexo-eps .anexo-tabs .card label span { font-family: 'Barlow-bold'; font-size: 18px; color: #D03333;}
#afiliaciones-div .anexo-eps .anexo-form a.btn-warning { background: #F1AD4C; padding: .6rem 2rem; font-family: 'Barlow-bold'; color: #ffffff; border: 2px solid #F1AD4C;}

#afiliaciones-div .anexo-eps .anexo-form table.control_citas { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed;}
#afiliaciones-div .anexo-eps .anexo-form table.control_citas caption { font-size: 1.5em; margin: .5em 0 .75em;}
#afiliaciones-div .anexo-eps .anexo-form table.control_citas thead tr { background-color: #0033A0; border: 1px solid #004898; padding: .35em;}
#afiliaciones-div .anexo-eps .anexo-form table.control_citas tbody tr { background-color: #FFFFFF; border: 1px solid #e8e7e7; padding: .35em;}
#afiliaciones-div .anexo-eps .anexo-form table.control_citas tbody tr:nth-child(odd) { background: #F2F2F2;}
#afiliaciones-div .anexo-eps .anexo-form table.control_citas th, .anexo-eps .anexo-form table.control_citas td { padding: 1em; font-size: 15px; border: 1px solid #e8e7e7;}
#afiliaciones-div .anexo-eps .anexo-form table.control_citas th { font-family: 'Barlow-bold'; font-size: .95em; text-transform: uppercase; color: #ffffff;}
#afiliaciones-div .anexo-eps .anexo-form table.control_citas td:first-child { width: 50px; color: #0033A0; text-align: center;}
#afiliaciones-div .anexo-eps .anexo-form table.control_citas td:nth-last-child(1), .anexo-eps .anexo-form table.control_citas td:nth-last-child(2) { width: 70px; text-align: center;}
#afiliaciones-div .anexo-eps .anexo-form table.control_citas td:last-child button.btn-box {  background: #ffffff; color: #0033a0;}

#afiliaciones-div .anexo-eps .anexo-tabs .nav-pills-container { width: 85%; margin: 0 auto;}
#afiliaciones-div .anexo-eps .anexo-tabs ul.nav-pills { padding: 0; list-style-image: none; border-bottom: 3px solid #E8E8E8; justify-content: center;}
#afiliaciones-div .anexo-eps .anexo-tabs ul.nav-pills li.nav-item { width: 35%; text-align: center;}
#afiliaciones-div .anexo-eps .anexo-tabs ul.nav-pills li a.active { background: #0033a00D; border-bottom: 4px solid #0033a0; border-radius: 0; font-family: 'Barlow-bold'; color: #0033a0;}
#afiliaciones-div .anexo-eps .anexo-tabs ul.nav-pills li a { position: relative; bottom: -3px; padding: 1rem 1rem; font-size: 18px; color: #53565A;}
#afiliaciones-div .anexo-eps .anexo-tabs ul.nav-pills li a i { position: relative; top: 2px; font-size: 22px; color: #FF7878;}
#afiliaciones-div .anexo-eps .anexo-tabs ul.nav-pills li a span.tab-number { background: #E5EAF5; display: inline-block; width: 30px; height: 30px; padding: 5px 5px; font-family: 'Barlow-medium'; line-height: 19px; color: #0033A0; border-radius: 50%;}
#afiliaciones-div .anexo-eps .anexo-tabs ul.nav-pills li a.active span.tab-number { background: #0033A0; color: #FFFFFF;}

#afiliaciones-div .anexo-eps .anexo-tabs .tab-content .card { cursor: pointer;}
#afiliaciones-div .anexo-eps .anexo-tabs .tab-content .card .card-header { background: #FFFFFF;}
#afiliaciones-div .anexo-eps .anexo-tabs .tab-content .card .card-header[aria-expanded="true"] { color: #0033A0;}
#afiliaciones-div .anexo-eps .anexo-tabs .tab-content .card .card-header i { width: 20px; font-size: 20px; text-align: center;}


@media (max-width: 1024px) {
  #afiliaciones-div .banner-anexo { background-position: right 42% center; background-size: cover;}
}

@media (max-width: 768px) {
  #afiliaciones-div .banner-anexo { background-position: right 32% center; background-size: cover;}
}

@media (max-width: 425px) {
  #afiliaciones-div .banner-anexo { background-position: right 40% center; background-size: cover; height: 552px;}
  #afiliaciones-div .banner-anexo .banner-content { width: 90%; margin-left: 1rem; margin-top: 22rem;}
  #afiliaciones-div .banner-anexo .banner-content h1 { font-size: 3rem;}

  #afiliaciones-div .anexo-eps .anexo-tabs .nav-pills-container { width: 100%;}
  #afiliaciones-div .anexo-eps .anexo-tabs ul.nav-pills li.nav-item { width: 47%;}
  #afiliaciones-div .anexo-eps .anexo-tabs ul.nav-pills li a { padding: 1rem .7rem;}
  #afiliaciones-div .anexo-eps .anexo-tabs ul.nav-pills li a span.tab-number { margin-right: .5rem !important;}

  #afiliaciones-div .anexo-eps .anexo-content .alert i { padding-left: 0 !important; padding-right: 1rem !important;}
  #afiliaciones-div .anexo-eps .anexo-content .inner-pgraph a.btn { display: block; margin-left: 0 !important; margin-top: 10px;}
}

@media (max-width: 375px) {
  #afiliaciones-div .anexo-eps .anexo-tabs ul.nav-pills li.nav-item { width: 50%;}
  #afiliaciones-div .anexo-eps .anexo-tabs ul.nav-pills li a { padding: 1rem .5rem;}
}