body {
  /*font-family: 'Barlow', sans-serif !important;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  color: #333;*/
  color: #3f3f3f;
  /*background-color: rgba(100, 101, 105, 0.04);*/
}
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px;
  z-index: 100;
}
.skip-link:focus {
  top: 0;
}


body.body-login{
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  /*background-color: #f5f5f5;*/
}

.centrar-login{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 576px) { 
  .centrar-form{
    position: inherit;
    top: 50%;
    left: 50%;
    transform: inherit;
  }
 }

/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
  .centrar-form{
    position: inherit;
    top: 50%;
    left: 50%;
    transform: inherit;
  }
 }

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
  .centrar-form{
    position: inherit;
    top: 50%;
    left: 50%;
    transform: inherit;
  }
 }

 /*Large devices (desktops, 992px and up)*/
 @media (min-width: 768px) { 
  .centrar-form{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
 }

/*Large devices (desktops, 992px and up)*/
 @media (min-width: 992px) { 
  .centrar-form{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
 }
 
/*X-Large devices (large desktops, 1200px and up)*/
 @media (min-width: 1200px) { 
  .centrar-form{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  }
 
/*XX-Large devices (larger desktops, 1400px and up)*/
 @media (min-width: 1400px) { 
  .centrar-form{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  }


/***********************************NAVBAR MENU********************************************/
nav.navbar.navbar-expand-lg.navbar-light.bg-light.navbar-frontex{
  z-index: 1;
  background-color: white !important;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.15);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.15);
}

input.form-control.navbar-frontex {
  border-right: 0;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

input.form-control.navbar-frontex:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
  border: 1px solid #ced4da;
}

.dropdown-menu.navbar-frontex {
  margin-top: 9px;
  margin-bottom: 15px;
  border-radius: 0;
}

button.navbar-toggler.navbar-frontex {
  border: none;
}
.lines-navbar-ivea{
  color: #000;
}
/*Agent account*/
.btn.name-circle {
  background-color: #004289;
  border-radius: 100% !important;
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 7px;
  padding-right: 7px;
  text-align: center;
  color: white;
  font-weight: 500;
  width:37px;
}

@media (max-width: 576px) { 
  .btn.name-circle {
    margin-top: 10px;
    margin-left: 0px;
  }
 }

/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
  .btn.name-circle {
    margin-top: 10px;
    margin-left: 0px;
  }
 }

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
  .btn.name-circle {
    margin-top: 10px;
    margin-left: 0px;
  }
 }

 /*Large devices (desktops, 992px and up)*/
 @media (min-width: 768px) { 
  .btn.name-circle {
    margin-top: 10px;
    margin-left: 0px;
  }
 }

/*Large devices (desktops, 992px and up)*/
 @media (min-width: 992px) { 
  .btn.name-circle {
    margin-top: 0px;
    margin-left: 10px;
  }
 }
 
/*X-Large devices (large desktops, 1200px and up)*/
 @media (min-width: 1200px) { 
  .btn.name-circle {
    margin-top: 0px;
    margin-left: 10px;
  }
  }
 
/*XX-Large devices (larger desktops, 1400px and up)*/
 @media (min-width: 1400px) { 
  .btn.name-circle {
    margin-top: 0px;
    margin-left: 10px;
  }
  }



/*************************************NAVBAR AGENT OPTIONS***********************************************/
  .navbar-agent-options {
    background-color: #004289 !important;
}

a.nav-link.navbar-agent-options {
  color: white !important;
}

a.nav-link.navbar-agent-options:hover {
  color: #bababa !important;
}

.nav-item.separador {
  border-right: 1px solid #00356e !important;
  border-left: 1px solid #00356e !important;
}

.dropdown-menu.claims {
  margin-top: 7px;
  border-radius: 0;
  background-color: #033265;
}

a.dropdown-item.claims {
  color: white;
}

.dropdown-item.claims:hover {
  color: white;
  background-color: #004289;
}

/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
  .nav-item.separador {
    border-right: 1px solid #004289 !important;
    border-left: 1px solid #004289 !important;
  }
 }

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
  .nav-item.separador {
    border-right: 1px solid #004289 !important;
    border-left: 1px solid #004289 !important;
  }
 }

button.navbar-toggler.navbar-agent-options{
  color: white;
  border: none;
  padding-left: 0;
  margin-right: 5px;
  font-size: 2rem;
}


  /*************************************AGENT DETAILS***********************************************/
  .details-agent-shortname {
    background-color: #004289;
    border-radius: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    color: white;
    font-size: 25px;
    font-weight: 500;
}

.offcanvas-body.frontex {
  margin-left: 10px;
  background-color: white;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}

.offcanvas-header.frontex {
  background-color: #e6f2ff;
}

.offcanvas-end.frontex {
  height: fit-content;
  background-color: #e6f2ff;
  width: 450px;
}

.details-agent-name {
  font-weight: 600;
}

.details-agent-mail {
  color: #004289;
}

.agent-details-option {
  background-color: #e6f2ff;
  margin-left: 0px;
  padding: 20px;
  /* font-size: 14px; */
  font-weight: 500;
  text-align: center;
  /* border-top: 1px solid #e0e0e0;*/
}



/*************************************LOGIN***********************************************/
.form-control.login-password {
  /*border-top-right-radius: 0;
  border-top-left-radius: 0;
  margin-top: -18px;*/
}

.form-control.login-mail {
 /*border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;*/
}

/*************************************TÍTULOS Y TEXTO***********************************************/
.txt-under-input {
  font-size: 11px;
  margin-top: 5px;
}

.text-small {
  font-size: 13px;
}

h3.title {
  /*color: #E91E63;*/
  color: #004289;
}

.form-label {
  color: #004289;
  font-weight: 500;
  margin-bottom: 5px;
}

/*Agent details*/
a.details-agent-link {
  text-decoration: none;
  color: #3d3d3d;
}


/*************************************LINKS***********************************************/

a.dark-grey.no-decoration {
  color: #3f3f3f;
  text-decoration: none;
}

a.dark-grey.no-decoration:hover {
  color: #0d6efd;
  text-decoration: none;
}

a.view-pol {
  text-decoration: none;
}

a.claim-docs {
  color: #004298;
  text-decoration: none;
  cursor: pointer;
}

a.doc-download {
  color: #e91e63;
  text-decoration: none;
}

/****************************************CARDS*******************************************************/

/*Login*/
.card.card-login.card-frontex {
  /*padding: 20px;*/
  border: none;

  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.card.card-search-agent.card-frontex {
  /* padding: 20px; */
  border: none;
  width: 100%;
  max-width: 450px;
  padding: 15px;
  margin: auto;
}

/*Policies*/
.card.card-policies-sold {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #e6f2ff;
  color: #004289;
  border-radius: 30px;
  min-height: 171px;
  -webkit-box-shadow: 0px 3px 8px 1px rgb(230 242 255);
  -moz-box-shadow: 0px 3px 8px 1px rgb(230 242 255);
  box-shadow: 0px 3px 8px 1px rgb(230 242 255);
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
  .card.card-policies-sold {
    min-height: auto;
  }
 }

.txt-month {
  font-size: 12px;
  font-weight: 400;
  color: #0079fc;
  text-align: center;
}

.value-policies-month {
  text-align: center;
  font-size: 14px;
  border: none;
}

span#number-policies-sold {
  color: #E91E63;
}

/********card password********/
a.card.card-link {
  padding: 11px 10px 11px 10px;
  color: #373737;
  border-color: #ced4da;
  text-decoration: none;
  transition-duration: 500ms;
}

a.card.card-link:hover {
  background-color: #f0f0f0;
}

img.card-link-img {
  width: 35px;
  margin-right: 10px;
}

/******CARD AGENT POLICY VIEW******/
.card.card-data-view {
  margin-top: 20px;
  padding: 20px;
  border: 2px solid #e6f2ff;
  color: #004289;
  border-radius: 20px;
  min-height: 171px;
  /*-webkit-box-shadow: 0px 3px 8px 1px rgb(230 242 255);
  -moz-box-shadow: 0px 3px 8px 1px rgb(230 242 255);
  box-shadow: 0px 3px 8px 1px rgb(230 242 255);*/
}

/*
.card-data-view-title {
  font-weight: bold;
  font-size: 1.2rem;
  padding-bottom: 15px;
  border-bottom: 2px solid #e6f2ff;
}*/

.card-data-view-title {
  font-weight: bold;
  font-size: 1.2rem;
  padding: 15px;
  border-bottom: 2px solid #e6f2ff;
  background-color: #e6f2ff;
  margin-top: -20px;
  margin-left: -20px;
  margin-right: -20px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}

.card-data-view-label {
  font-weight: 500;
}

.card-data-view-text {
  color: #4b4b4b;
}

.header-data-view {
  font-size: 1.5rem;
  font-weight: bold;
  color: #4a4a4a;
  margin-top: 3rem;
}

.sub-header-data-view {
  font-size: 1.3rem;
  font-weight: bold;
  color: #4a4a4a;
  margin-bottom: 2rem;
}

.policy-status-data-view {
  /*color: #e91e63;*/
  color: #004289;
}

/****************************************BOTONES*******************************************************/
.btn{
  border-radius: 0.25rem;
}

.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.btn-search {
  margin-left: -10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-left: none;
  border-top: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  background-color: white;
  color: #0047ed;
}

.btn-search:hover {
  margin-left: -10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-left: none;
  border-top: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  background-color: rgb(219, 219, 219);
}

/*SECUNDARIO*/

.bottom-navigation {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/*ACTIONS*/
.btn-actions {
  background-color: #f5f6f8;
  color: #004289;
  font-weight: 500;
}

/*ACTIONS*/
.btn-actions:hover {
  color: #000;
}

/*VIEW/DOWNLOAD DOCUMENTS*/
.btn.btn-doc{
  background-color: #f5f6f8;
  color: #004289;
  font-weight: 500;
}

.btn.btn-doc:hover{
  background-color: #004289;
  color: #f5f6f8;
}

/**BORDER EN FOCUS**/
button:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus {
  /*box-shadow: 0 0 0 0.25rem rgba(13,110,253,.5);*//*nativo*/
  box-shadow: none !important;
}

.btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
  /*box-shadow: 0 0 0 0.25rem rgba(13,110,253,.5);*//*nativo*/
  box-shadow: none !important;
}

/**GRUPO DE BOTONES**/
.btn-outline-primary {
  color: #4a4a4a;
  border-color: #ced4da;
}



/****************************************TABLAS*******************************************************/

thead.table-frontex {
  background-color: #e6f2ff;
  border: 1px solid;
  color: #003e83;
}

th.table-frontex {
  border: 1px solid;
  border-color: #bec9d4;
}

tbody.table-frontex {
  border: 1px solid #d8d8d8 !important;
}

td.table-frontex {
  border: 1px solid #d8d8d8;
  vertical-align: middle;
}

.text-view-pol {
  font-size: 13px;
}

.colum-1 {
  width: 13%;
}

.colum-2 {
  width: 13%;
}

.colum-3 {
  width: 13%;
}

.colum-4 {
  width: 13%;
}

.colum-5 {
  width: 13%;
}

.colum-6 {
  width: 13%;
}

.colum-7 {
  width: 13%;
}

.colum-8 {
  width: 13%;
}

/****Policy***/
.colum-policy-1 {
  width: 15%;
}

/****Documents***/
.colum-document-4 {
  width: 106px;
}

/****************************************RADIO BOTONES***********************************************/



/****************************************CHECK*******************************************************/


/****************************************SLIDER*******************************************************/



/**************************************SCROLL***************************************************/
/*DPS*/
.table-responsive.policies-sold-by-month::-webkit-scrollbar {
  -webkit-appearance: none;
}

.table-responsive.policies-sold-by-month::-webkit-scrollbar:vertical {
  width:5px;
}

.table-responsive.policies-sold-by-month::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
  display: none;
} 

.table-responsive.policies-sold-by-month::-webkit-scrollbar:horizontal {
  height: 3px;
}

.table-responsive.policies-sold-by-month::-webkit-scrollbar-thumb {
  background-color: #0079fc;
  border-radius: 20px;
  border: 1px solid #0079fc;
}

.table-responsive.policies-sold-by-month::-webkit-scrollbar-track {
  border-radius: 5px;  
}

/*Documents*/
.modal-body::-webkit-scrollbar {
  -webkit-appearance: none;
}

.modal-body::-webkit-scrollbar:vertical {
  width:5px;
}

.modal-body::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
  display: none;
} 

.modal-body::-webkit-scrollbar:horizontal {
  height: 3px;
}

.modal-body::-webkit-scrollbar-thumb {
  background-color: #0079fc;
  border-radius: 20px;
  border: 1px solid #0079fc;
}

.modal-body::-webkit-scrollbar-track {
  border-radius: 5px;  
}



/***************************************ELEMENTOS**************************************************/


/*****************************************INPUT***************************************************/


/*INPUT DATE*/

input[type="date"]::-webkit-calendar-picker-indicator {
  background: none;
}

input[type="date"]{
  /*background-image: url("../img/Calendario.svg");*/
  background-repeat: no-repeat;
  /*background-position-x: 95%;*/
  background-position-y: center;
}

/*INPUT BUSCAR*/
input.form-control.search {
  border-left: none;
}
.btn-none {
  border-right: none;
  border-radius: 0.25rem;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  border-left: 1px solid #ced4da;
  color: #a5abb0;
  background-color: white;
  padding-top: 5px;
  padding-left: 10px;
  width: 30px;
}


/***************************************************BOTONES*/



/*********MARGENES***************/
/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
  .mt-0-mobile {
    margin-top: 0 !important;
  }
 }

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}



/***************************************FOOTER*/
footer.footer-entel {
  background-color: #646569;
  color: #fff;
  bottom: 0;
  padding: 25px;
  font-size: 12px;
}


/*****************OCULTAR PANTALLAS*******************/
div#pag1 {
  display: block;
}

div#pag2 {
  display: none;
}

div#pag3 {
  display: none;
}

div#pag4 {
  display: none;
}

div#pag5-1 {
  display: none;
}

div#pag5-2 {
  display: none;
}

div#pag6 {
  display: none;
}

div#pag7 {
  display: none;
}

div#pag8 {
  display: none;
}