.step-number {
    color: #2f2f2f;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    position: relative;
    height: 2rem;
    width: 2rem;
    background: #00823b;
    color: #fff;
    border-radius: 50%;
}

.btnIndex {
  font-size: 16px;
  border: solid 2px;
  border-radius: 40px;
  display: inline-block;
  text-transform: uppercase; }

.btnIndex:hover, .btnIndex:focus {
  color: #fff;
  border-color: #FF5274;
  background-color: #FF5274; }

.btn-white {
  font-size: 13px;
  border: solid 2px;
  border-radius: 40px;
  display: inline-block;
  border-color: #fff; }

.btn-white:hover, .btn-white:focus {
  color: #FF5274;
  border-color: #FF5274; }

.btn-fill {
  color: #fff;
  border: solid 2px #FF5274;
  border-radius: 40px;
  display: inline-block;
  text-transform: uppercase;
  background-color: #FF5274; }

.btn-fill:hover, .btn-fill:focus {
  color: #fff;
  background-color: #D7405D;
  border-color: #D7405D; }

.btn-small {
  padding: 8px 40px; }

.btn-large {
  padding: 15px 40px; }

.btn-margin-right {
  margin-right: 20px; }

.breadcrumb {background: rgba(255, 255, 255, 0.99); border: 0px solid rgba(245, 245, 245, 1); border-radius: 4px; display: block;}




/*
 * bootstrap nav
 * --------------
 */

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover,.nav-pills .nav-link.active:focus{
    background-color:white;
    color: black;
    font-weight:550;    
}
.nav-pills>.active {
  border-bottom: 3px solid #bf0909;
}

a:hover {
    color:black;
    text-decoration: underline;
} 


/*
 * bootstrap form wizard
 * --------------
 */

* {
    margin: 0;
    padding: 0
}

html {
    height: 100%
}
/*
#grad1 {
    background-color: : #9C27B0;
    background-image: linear-gradient(120deg, #FF4081, #81D4FA)
}
*/
#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset .form-card {
    background: white;
    border: 0 none;
    border-radius: 0px;
    /*box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);*/
    padding: 20px 10px 20px 10px;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 3px 3%;
    position: relative
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

#msform fieldset:not(:first-of-type) {
    display: none
}


#msform fieldset .form-card {
    text-align: left;
    /*color: #9E9E9E*/
}

/*
#msform input,
#msform textarea {
    padding: 0px 8px 4px 8px;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 16px;
    letter-spacing: 1px
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    font-weight: bold;
    border-bottom: 2px solid skyblue;
    outline-width: 0
}
*/
.action-button-actualizar {
    height: 65px;
    width: 200px;
    background: #3371FF;
    font-weight: bold;
    font-size: 18px;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px
}

.action-button-modal-cerrar {
    height: 50px;
    width: 160px;
    background: #E2F1F8;
    font-weight: bold;
    font-size: 18px;
    color: #3371FF;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px
}

.action-button-modal-update {
    height: 50px;
    width: 160px;
    background: #3371FF;
    font-weight: bold;
    font-size: 18px;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px
}

#msform .action-button {
    height: 50px;
    width: 150px;
    background: rgba(47, 89, 138, 1);
    font-weight: bold;
    font-size: 16px;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px
}

.action-button {
    height: 49px;
    width: 160px;
    background: rgba(47, 89, 138, 1);
    font-weight: bold;
    font-size: 16px;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 2px;
    margin: 10px 2px
}

.action-button-previous {
    height: 35px;
    width: 165px;
    background: #E2F1F8;
    font-weight: bold;
    font-size: 16px;
    color: #3371FF;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 5px 5px;    
}

.action-button-salida {
    height: 50px;
    width: 160px;
    background: #E2F1F8;
    font-weight: bold;
    font-size: 16px;
    color: #3371FF;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
   padding: 10px 2px;
    margin: 10px 2px   
}

.action-button-href {
    height: 35px;
    width: 165px;
    background: #E2F1F8;
    font-weight: bold;
    font-size: 16px;
    color: #3371FF;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 5px 5px;    
}

#msform .action-button-fin {
    height: 65px;
    width: 200px;
    background: #3371FF;
    font-weight: bold;
    font-size: 18px;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 20px 5px;
    margin: 10px 5px
}


#msform .action-button:hover,
#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue
}

#msform .action-button-previous {
    font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;
    font-weight:700;
    font-style:normal;
    height: 50px;    
    width: 150px;
    background: #E2F1F8;
    font-weight: bold;
    font-size: 16px;
    color:#2F598A;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}

select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px
}

select.list-dt:focus {
    border-bottom: 2px solid skyblue
}

.card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative
}

.fs-title {
    font-size: 20px;    
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center
}

#progressbar {    
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #000000
}

#progressbar li {
    list-style-type: none;
    
    width: 25%;
    float: left;
    position: relative
}

#progressbar #account:before {    
    content: "1"
}

#progressbar #personal:before {        
    content: "2"
}

#progressbar #payment:before {    
    
    content: "3"
}

#progressbar #confirm:before {
    
    content: "4"
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}


#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}



#progressbar li.active:before,
#progressbar li.active:after {
    background: #3371FF
}
/*
.radio-group {
    position: relative;
    margin-bottom: 25px
}

.radio {
    display: inline-block;
    width: 204;
    height: 104;
    border-radius: 0;
    background: lightblue;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    margin: 8px 2px
}

.radio:hover {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3)
}

.radio.selected {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1)
}
*/
.fit-image {
    width: 100%;
    object-fit: cover
}

/* cabecera */

@font-face {
 font-family:'Montserrat';
 font-style:normal;
 font-weight:300;
 src:url(/assets/montserrat-v12-latin-300-a96b8d4716ccaa8c8fbe2d1d2668ddcb08045f394aee1c200ad54978797da303.eot);
 src:local("Montserrat Light"),
 local("Montserrat-Light"),
 url(/assets/montserrat-v12-latin-300-a96b8d4716ccaa8c8fbe2d1d2668ddcb08045f394aee1c200ad54978797da303.eot?#iefix) format("embedded-opentype"),
 url(/assets/montserrat-v12-latin-300-ea23fa178c761c715a00c4ceaa9b93ed323da784a903df018a4fb04b10288ca3.woff2) format("woff2"),
 url(/assets/montserrat-v12-latin-300-8373220048cc9641fb9c25c94028057cd686961e07e5003f788806f643306f8a.woff) format("woff"),
 url(/assets/montserrat-v12-latin-300-f5660f3969ec052a22a69fb8a77b589ad72210e140bbce4a09fc7fa517dfba05.ttf) format("truetype"),
 url(/assets/montserrat-v12-latin-300-97ef75752fc738b05dffd188ecf6085c907e646bf41d164fa907dcc48e3abeb1.svg#Montserrat) format("svg")
}
@font-face {
 font-family:'Montserrat';
 font-style:normal;
 font-weight:400;
 src:url(/assets/montserrat-v12-latin-regular-45ea589c36cd33266bc70b81bd0c42332fbbb6fa58939cd31282096624f7fda8.eot);
 src:local("Montserrat Regular"),
 local("Montserrat-Regular"),
 url(/assets/montserrat-v12-latin-regular-45ea589c36cd33266bc70b81bd0c42332fbbb6fa58939cd31282096624f7fda8.eot?#iefix) format("embedded-opentype"),
 url(montserrat-v12-latin-regular.woff2) format("woff2"),
 url(montserrat-v12-latin-regular.woff) format("woff"),
 url(montserrat-v12-latin-regular.ttf) format("truetype"),
 url(/assets/montserrat-v12-latin-regular-9f48facbc0a8ec9137ad740f1a61bfdcb7878a5d648ab63de211724716b335e2.svg#Montserrat) format("svg")
}
@font-face {
 font-family:'Montserrat';
 font-style:normal;
 font-weight:500;
 src:url(/assets/montserrat-v12-latin-500-bfd117073f841e43663fe698d6ecc73a7e382a7b267f3180f5cfad294732b111.eot);
 src:local("Montserrat Medium"),
 local("Montserrat-Medium"),
 url(/assets/montserrat-v12-latin-500-bfd117073f841e43663fe698d6ecc73a7e382a7b267f3180f5cfad294732b111.eot?#iefix) format("embedded-opentype"),
 url(montserrat-v12-latin-500.woff2) format("woff2"),
 url(montserrat-v12-latin-500.woff) format("woff"),
 url(montserrat-v12-latin-500.ttf) format("truetype"),
 url(/assets/montserrat-v12-latin-500-39057687fda42eda0675bb8762ec4d75309da94f49b32234cea11bfea8165881.svg#Montserrat) format("svg")
}
@font-face {
 font-family:'Montserrat';
 font-style:normal;
 font-weight:600;
 src:url(/assets/montserrat-v12-latin-600-d682607463bcbe9869dc70d469266c2dc0898466404afc65ae4eeb4929da1959.eot);
 src:local("Montserrat SemiBold"),
 local("Montserrat-SemiBold"),
 url(/assets/montserrat-v12-latin-600-d682607463bcbe9869dc70d469266c2dc0898466404afc65ae4eeb4929da1959.eot?#iefix) format("embedded-opentype"),
 url(montserrat-v12-latin-600.woff2) format("woff2"),
 url(montserrat-v12-latin-600.woff) format("woff"),
 url(montserrat-v12-latin-600.ttf) format("truetype"),
 url(/assets/montserrat-v12-latin-600-949bcb3be0a7ff867c206df58652de4939e63b65d7dc3183ab662739c0f1f694.svg#Montserrat) format("svg")
}
@font-face {
 font-family:'Roboto';
 font-style:normal;
 font-weight:300;
 src:url(/assets/roboto-v18-latin-300-da081f7c4bc0857679f32a27cdef6b2b982e3fcbbd7114f0dac445b7ebb8fbe6.eot);
 src:local("Roboto Light"),
 local("Roboto-Light"),
 url(/assets/roboto-v18-latin-300-da081f7c4bc0857679f32a27cdef6b2b982e3fcbbd7114f0dac445b7ebb8fbe6.eot?#iefix) format("embedded-opentype"),
 url(/assets/roboto-v18-latin-300-eca8ffa764a66cd084800e2e71c4176ef089ebd805515664a6cb8d4fb3b598bf.woff2) format("woff2"),
 url(/assets/roboto-v18-latin-300-3ab30e780c8b0bcc4998b838a5b30c3bfe28edead312906dc3c12271fae0699a.woff) format("woff"),
 url(/assets/roboto-v18-latin-300-3ee85c770966bfd58a0c807851e2c14d2c63abadcfb45ce30fbfbe871152caf2.ttf) format("truetype"),
 url(/assets/roboto-v18-latin-300-70e6369f9bd8828aac01a685fa350fea382251550bfc0de5ebe7163342061c1c.svg#Roboto) format("svg")
}
@font-face {
 font-family:'Roboto';
 font-style:normal;
 font-weight:400;
 src:url(/assets/roboto-v18-latin-regular-830d75bbf0e1f9289d787422f767b23f9d63fd79dbe75c091a119b6b7155d198.eot);
 src:local("Roboto"),
 local("Roboto-Regular"),
 url(/assets/roboto-v18-latin-regular-830d75bbf0e1f9289d787422f767b23f9d63fd79dbe75c091a119b6b7155d198.eot?#iefix) format("embedded-opentype"),
 url(roboto-v18-latin-regular.woff2) format("woff2"),
 url(roboto-v18-latin-regular.woff) format("woff"),
 url(roboto-v18-latin-regular.ttf) format("truetype"),
 url(/assets/roboto-v18-latin-regular-f23d5a8b97a1078d2c4c8ae90495010fc762986f3eb85e84476c641ee5a72a5b.svg#Roboto) format("svg")
}

/* roboto-700 - latin */
@font-face {
  font-family:'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

{
 box-sizing:border-box
}
.separator {
 height:1px;
 background-color:#bf0909
}
.separator--grey {
 background-color:#e0e2e6
}
.separator--mobile {
 width:100%;
 margin-bottom:3rem
}
@media (min-width: 1040px) {
 .separator--mobile {
  display:none
 }
}
.separator-left {
 border-left:1px solid #e0e2e6
}
/*
p {
 font-family:"Roboto", sans-serif
}
*/
.light {
 font-weight:normal
}
body {
 word-break:break-word
}
.icon-normal-size {
 font-size:25px;
 padding-right:7px
}
.icon-big-size {
 font-size:50px
}
.icon-svg-big {
 width:40px
}
@media (max-width: 784px) {
 .icon-svg-big {
  width:48px
 }
}
.twitter-timeline {
 max-height:500px;
 overflow:auto;
 margin-bottom:40px
}
.list li {
 padding-left:1rem;
 position:relative
}
.list li:before {
 content:'';
 position:absolute;
 top:10px;
 left:-18px;
 width:5px;
 height:5px;
 background:#0055aa;
 border-radius:50%;
 left:5px
}
.radio:focus-within,
.radio:focus {
 outline:1px dotted #212121;
 outline:5px auto -webkit-focus-ring-color
}
.img-responsive {
 display:block;
 max-width:100%;
 height:auto
}
.img-thumbnail {
 padding:4px;
 line-height:1.42857143;
 background-color:#fff;
 border:1px solid #dddddd;
 border-radius:4px;
 -webkit-transition:all 0.2s ease-in-out;
 -o-transition:all 0.2s ease-in-out;
 transition:all 0.2s ease-in-out;
 display:inline-block;
 max-width:100%;
 height:auto
}

.linea {
  border-top:1px solid #ebebeb;
  margin-top:1rem;
  margin-bottom:1rem;    
}

hr {
 margin-top:2rem;
 margin-bottom:2rem;
 border:0;

 /*border-top:1px solid #ebebeb*/
}
.sr-only {
 position:absolute;
 width:1px;
 height:1px;
 margin:-1px;
 padding:0;
 overflow:hidden;
 clip:rect(0, 0, 0, 0);
 border:0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
 position:static;
 width:auto;
 height:auto;
 margin:0;
 overflow:visible;
 clip:auto
}
[role='button'] {
 cursor:pointer
}
.container {
 margin-right:auto;
 margin-left:auto;
 padding-left:1rem;
 padding-right:1rem
}
@media (min-width: 784px) {
 .container {
  width:780px
 }
}
@media (min-width: 1040px) {
 .container {
  width:1000px
 }
}
@media (min-width: 1216px) {
 .container {
  width:1200px
 }
}
.container-fluid {
 margin-right:auto;
 margin-left:auto;
 padding-left:15px;
 padding-right:15px
}
.container,
.container-fluid {
 margin-right:auto;
 margin-left:auto
}
.container-fluid {
 padding-right:2rem;
 padding-left:2rem
}
.row {
 box-sizing:border-box;
 display:flex;
 flex:0 1 auto;
 flex-direction:row;
 flex-wrap:wrap;
 margin-right:-1rem;
 margin-left:-1rem
}
.row.reverse {
 flex-direction:row-reverse
}
.col.reverse {
 flex-direction:column-reverse
}
.col-xs,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
 box-sizing:border-box;
 flex:0 0 auto;
 padding-right:1rem;
 padding-left:1rem
}
.col-xs {
 flex-grow:1;
 flex-basis:0;
 max-width:100%
}
.col-xs-offset-0 {
 margin-left:0%
}
.col-xs-offset-1 {
 margin-left:8.3%
}
.col-xs-offset-2 {
 margin-left:16.7%
}
.col-xs-offset-3 {
 margin-left:25%
}
.col-xs-offset-4 {
 margin-left:33.3%
}
.col-xs-offset-5 {
 margin-left:41.7%
}
.col-xs-offset-6 {
 margin-left:50%
}
.col-xs-offset-7 {
 margin-left:58.3%
}
.col-xs-offset-8 {
 margin-left:66.7%
}
.col-xs-offset-9 {
 margin-left:75%
}
.col-xs-offset-10 {
 margin-left:83.3%
}
.col-xs-offset-11 {
 margin-left:91.7%
}
.col-xs-offset-12 {
 margin-left:100%
}
.col-xs-1 {
 flex-basis:8.3%;
 max-width:8.3%
}
.col-xs-2 {
 flex-basis:16.7%;
 max-width:16.7%
}
.col-xs-3 {
 flex-basis:25%;
 max-width:25%
}
.col-xs-4 {
 flex-basis:33.3%;
 max-width:33.3%
}
.col-xs-5 {
 flex-basis:41.7%;
 max-width:41.7%
}
.col-xs-6 {
 flex-basis:50%;
 max-width:50%
}
.col-xs-7 {
 flex-basis:58.3%;
 max-width:58.3%
}
.col-xs-8 {
 flex-basis:66.7%;
 max-width:66.7%
}
.col-xs-9 {
 flex-basis:75%;
 max-width:75%
}
.col-xs-10 {
 flex-basis:83.3%;
 max-width:83.3%
}
.col-xs-11 {
 flex-basis:91.7%;
 max-width:91.7%
}
.col-xs-12 {
 flex-basis:100%;
 max-width:100%
}
.start-xs {
 justify-content:flex-start;
 text-align:start
}
.center-xs {
 justify-content:center;
 text-align:center
}
.end-xs {
 justify-content:flex-end;
 text-align:end
}
.top-xs {
 align-items:flex-start
}
.middle-xs {
 align-items:center
}
.bottom-xs {
 align-items:flex-end
}
.around-xs {
 justify-content:space-around
}
.between-xs {
 justify-content:space-between
}
.first-xs {
 order:-1
}
.last-xs {
 order:1
}
@media only screen and (min-width: 784px) {
 .col-sm,
 .col-sm-offset-0,
 .col-sm-offset-1,
 .col-sm-offset-2,
 .col-sm-offset-3,
 .col-sm-offset-4,
 .col-sm-offset-5,
 .col-sm-offset-6,
 .col-sm-offset-7,
 .col-sm-offset-8,
 .col-sm-offset-9,
 .col-sm-offset-10,
 .col-sm-offset-11,
 .col-sm-offset-12,
 .col-sm-1,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12 {
  box-sizing:border-box;
  flex:0 0 auto;
  padding-right:1rem;
  padding-left:1rem
 }
 .col-sm {
  flex-grow:1;
  flex-basis:0;
  max-width:100%
 }
 .col-sm-offset-0 {
  margin-left:0%
 }
 .col-sm-offset-1 {
  margin-left:8.3%
 }
 .col-sm-offset-2 {
  margin-left:16.7%
 }
 .col-sm-offset-3 {
  margin-left:25%
 }
 .col-sm-offset-4 {
  margin-left:33.3%
 }
 .col-sm-offset-5 {
  margin-left:41.7%
 }
 .col-sm-offset-6 {
  margin-left:50%
 }
 .col-sm-offset-7 {
  margin-left:58.3%
 }
 .col-sm-offset-8 {
  margin-left:66.7%
 }
 .col-sm-offset-9 {
  margin-left:75%
 }
 .col-sm-offset-10 {
  margin-left:83.3%
 }
 .col-sm-offset-11 {
  margin-left:91.7%
 }
 .col-sm-offset-12 {
  margin-left:100%
 }
 .col-sm-1 {
  flex-basis:8.3%;
  max-width:8.3%
 }
 .col-sm-2 {
  flex-basis:16.7%;
  max-width:16.7%
 }
 .col-sm-3 {
  flex-basis:25%;
  max-width:25%
 }
 .col-sm-4 {
  flex-basis:33.3%;
  max-width:33.3%
 }
 .col-sm-5 {
  flex-basis:41.7%;
  max-width:41.7%
 }
 .col-sm-6 {
  flex-basis:50%;
  max-width:50%
 }
 .col-sm-7 {
  flex-basis:58.3%;
  max-width:58.3%
 }
 .col-sm-8 {
  flex-basis:66.7%;
  max-width:66.7%
 }
 .col-sm-9 {
  flex-basis:75%;
  max-width:75%
 }
 .col-sm-10 {
  flex-basis:83.3%;
  max-width:83.3%
 }
 .col-sm-11 {
  flex-basis:91.7%;
  max-width:91.7%
 }
 .col-sm-12 {
  flex-basis:100%;
  max-width:100%
 }
 .start-sm {
  justify-content:flex-start;
  text-align:start
 }
 .center-sm {
  justify-content:center;
  text-align:center
 }
 .end-sm {
  justify-content:flex-end;
  text-align:end
 }
 .top-sm {
  align-items:flex-start
 }
 .middle-sm {
  align-items:center
 }
 .bottom-sm {
  align-items:flex-end
 }
 .around-sm {
  justify-content:space-around
 }
 .between-sm {
  justify-content:space-between
 }
 .first-sm {
  order:-1
 }
 .last-sm {
  order:1
 }
}
@media only screen and (min-width: 1040px) {
 .col-md,
 .col-md-offset-0,
 .col-md-offset-1,
 .col-md-offset-2,
 .col-md-offset-3,
 .col-md-offset-4,
 .col-md-offset-5,
 .col-md-offset-6,
 .col-md-offset-7,
 .col-md-offset-8,
 .col-md-offset-9,
 .col-md-offset-10,
 .col-md-offset-11,
 .col-md-offset-12,
 .col-md-1,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9,
 .col-md-10,
 .col-md-11,
 .col-md-12 {
  box-sizing:border-box;
  flex:0 0 auto;
  padding-right:1rem;
  padding-left:1rem
 }
 .col-md {
  flex-grow:1;
  flex-basis:0;
  max-width:100%
 }
 .col-md-offset-0 {
  margin-left:0%
 }
 .col-md-offset-1 {
  margin-left:8.3%
 }
 .col-md-offset-2 {
  margin-left:16.7%
 }
 .col-md-offset-3 {
  margin-left:25%
 }
 .col-md-offset-4 {
  margin-left:33.3%
 }
 .col-md-offset-5 {
  margin-left:41.7%
 }
 .col-md-offset-6 {
  margin-left:50%
 }
 .col-md-offset-7 {
  margin-left:58.3%
 }
 .col-md-offset-8 {
  margin-left:66.7%
 }
 .col-md-offset-9 {
  margin-left:75%
 }
 .col-md-offset-10 {
  margin-left:83.3%
 }
 .col-md-offset-11 {
  margin-left:91.7%
 }
 .col-md-offset-12 {
  margin-left:100%
 }
 .col-md-1 {
  flex-basis:8.3%;
  max-width:8.3%
 }
 .col-md-2 {
  flex-basis:16.7%;
  max-width:16.7%
 }
 .col-md-3 {
  flex-basis:25%;
  max-width:25%
 }
 .col-md-4 {
  flex-basis:33.3%;
  max-width:33.3%
 }
 .col-md-5 {
  flex-basis:41.7%;
  max-width:41.7%
 }
 .col-md-6 {
  flex-basis:50%;
  max-width:50%
 }
 .col-md-7 {
  flex-basis:58.3%;
  max-width:58.3%
 }
 .col-md-8 {
  flex-basis:66.7%;
  max-width:66.7%
 }
 .col-md-9 {
  flex-basis:75%;
  max-width:75%
 }
 .col-md-10 {
  flex-basis:83.3%;
  max-width:83.3%
 }
 .col-md-11 {
  flex-basis:91.7%;
  max-width:91.7%
 }
 .col-md-12 {
  flex-basis:100%;
  max-width:100%
 }
 .start-md {
  justify-content:flex-start;
  text-align:start
 }
 .center-md {
  justify-content:center;
  text-align:center
 }
 .end-md {
  justify-content:flex-end;
  text-align:end
 }
 .top-md {
  align-items:flex-start
 }
 .middle-md {
  align-items:center
 }
 .bottom-md {
  align-items:flex-end
 }
 .around-md {
  justify-content:space-around
 }
 .between-md {
  justify-content:space-between
 }
 .first-md {
  order:-1
 }
 .last-md {
  order:1
 }
}
@media only screen and (min-width: 1216px) {
 .col-lg,
 .col-lg-offset-0,
 .col-lg-offset-1,
 .col-lg-offset-2,
 .col-lg-offset-3,
 .col-lg-offset-4,
 .col-lg-offset-5,
 .col-lg-offset-6,
 .col-lg-offset-7,
 .col-lg-offset-8,
 .col-lg-offset-9,
 .col-lg-offset-10,
 .col-lg-offset-11,
 .col-lg-offset-12,
 .col-lg-1,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12 {
  box-sizing:border-box;
  flex:0 0 auto;
  padding-right:1rem;
  padding-left:1rem
 }
 .col-lg {
  flex-grow:1;
  flex-basis:0;
  max-width:100%
 }
 .col-lg-offset-0 {
  margin-left:0%
 }
 .col-lg-offset-1 {
  margin-left:8.3%
 }
 .col-lg-offset-2 {
  margin-left:16.7%
 }
 .col-lg-offset-3 {
  margin-left:25%
 }
 .col-lg-offset-4 {
  margin-left:33.3%
 }
 .col-lg-offset-5 {
  margin-left:41.7%
 }
 .col-lg-offset-6 {
  margin-left:50%
 }
 .col-lg-offset-7 {
  margin-left:58.3%
 }
 .col-lg-offset-8 {
  margin-left:66.7%
 }
 .col-lg-offset-9 {
  margin-left:75%
 }
 .col-lg-offset-10 {
  margin-left:83.3%
 }
 .col-lg-offset-11 {
  margin-left:91.7%
 }
 .col-lg-offset-12 {
  margin-left:100%
 }
 .col-lg-1 {
  flex-basis:8.3%;
  max-width:8.3%
 }
 .col-lg-2 {
  flex-basis:16.7%;
  max-width:16.7%
 }
 .col-lg-3 {
  flex-basis:25%;
  max-width:25%
 }
 .col-lg-4 {
  flex-basis:33.3%;
  max-width:33.3%
 }
 .col-lg-5 {
  flex-basis:41.7%;
  max-width:41.7%
 }
 .col-lg-6 {
  flex-basis:50%;
  max-width:50%
 }
 .col-lg-7 {
  flex-basis:58.3%;
  max-width:58.3%
 }
 .col-lg-8 {
  flex-basis:66.7%;
  max-width:66.7%
 }
 .col-lg-9 {
  flex-basis:75%;
  max-width:75%
 }
 .col-lg-10 {
  flex-basis:83.3%;
  max-width:83.3%
 }
 .col-lg-11 {
  flex-basis:91.7%;
  max-width:91.7%
 }
 .col-lg-12 {
  flex-basis:100%;
  max-width:100%
 }
 .start-lg {
  justify-content:flex-start;
  text-align:start
 }
 .center-lg {
  justify-content:center;
  text-align:center
 }
 .end-lg {
  justify-content:flex-end;
  text-align:end
 }
 .top-lg {
  align-items:flex-start
 }
 .middle-lg {
  align-items:center
 }
 .bottom-lg {
  align-items:flex-end
 }
 .around-lg {
  justify-content:space-around
 }
 .between-lg {
  justify-content:space-between
 }
 .first-lg {
  order:-1
 }
 .last-lg {
  order:1
 }
}
.col-xs-1 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-xs-2 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-xs-3 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-xs-4 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-xs-5 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-xs-6 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-xs-7 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-xs-8 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-xs-9 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-xs-10 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-xs-11 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-xs-12 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-sm-1 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-sm-2 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-sm-3 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-sm-4 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-sm-5 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-sm-6 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-sm-7 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-sm-8 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-sm-9 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-sm-10 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-sm-11 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-sm-12 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-md-1 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-md-2 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-md-3 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-md-4 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-md-5 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-md-6 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-md-7 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-md-8 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-md-9 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-md-10 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-md-11 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-md-12 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-lg-1 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-lg-2 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-lg-3 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-lg-4 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-lg-5 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-lg-6 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-lg-7 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-lg-8 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-lg-9 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-lg-10 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-lg-11 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.col-lg-12 {
 position:relative;
 min-height:1px;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.center-block {
 display:block;
 margin-left:auto;
 margin-right:auto
}
.pull-right {
 float:right !important
}
.pull-left {
 float:left !important
}
.hide {
 display:none !important
}
.show {
 display:block !important
}
.invisible {
 visibility:hidden
}

html {
 /*font-family:sans-serif;*/
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}
body {
 margin:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
 display:block
}
audio,
canvas,
progress,
video {
 display:inline-block;
 vertical-align:baseline
}
audio:not([controls]) {
 display:none;
 height:0
}
[hidden],
template {
 display:none
}
a {
 background-color:transparent;
 color: #0062cc;
 font-weight: bold;
}
a:active {
 outline:0
}
a:hover {
 outline:0
}
abbr[title] {
 border-bottom:1px dotted
}
b,
strong {
 font-weight:600
}
dfn {
 font-style:italic
}
mark {
 background:#ff0;
 color:#000
}
small {
 font-size:80%
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sup {
 top:-0.5em
}
sub {
 bottom:-0.25em
}
img {
 border:0
}
svg:not(:root) {
 overflow:hidden
}
figure {
 margin:0
}
hr {
 box-sizing:content-box;
 height:0
}
pre {
 overflow:auto
}
code,
kbd,
pre,
samp {
 font-family:monospace, monospace;
 font-size:1em
}
button,
input,
optgroup,
select,
textarea {
 color:inherit;
 font:inherit;
 margin:0
}

.nav-default {
 background:#bf0909;
 height:70px
}
@media (max-width: 575px) {
 .nav-default {
  height:60px
 }
}
.nav-default .container {
 padding-top:10px;
 padding-bottom:10px
}
@media (max-width: 575px) {
 .nav-default .container {
  padding-top:6px;
  padding-bottom:8px
 }
}
.nav-default__wrapper {
 display:flex;
 align-items:center
}
.nav-default__logo-text {
 font-size:24px;
 font-weight:bold;
 line-height:35px;
 text-transform:lowercase
}
@media (max-width: 767px) {
 .nav-default__logo-text {
  font-size:20px
 }
}
.nav-default .search-internal .search {
 height:50px
}
@media (max-width: 575px) {
 .nav-default .search-internal .search {
  height:44px
 }
}
.nav-default .search-internal .submit {
 width:45px;
 height:35px;
 margin-top:5px;
 margin-right:10px;
 background:#f2f2f2;
 border-radius:5px;
 display:flex;
 align-items:center;
 justify-content:center
}
@media (max-width: 575px) {
 .nav-default .search-internal .submit {
  width:38px;
  height:30px;
  margin-right:7px
 }
}
footer {
 overflow:auto;
 background:#3c4145
}
.footer {
 line-height:35px;
 padding-top:30px;
 padding-bottom:30px;
 color:#fff
}
@media (min-width: 992px) {
 .footer {
  border-radius:5px;
  padding:50px
 }
}
.footer__link {
 padding:5px 20px 5px 0;
 font-size:15px;
 line-height:21px;
 display:block;
 margin-bottom:10px;
 font-weight:500
}
@media (max-width: 575px) {
 .footer__link {
  margin-bottom:10px;
  padding-right:20px
 }
 .footer__link:not(.footer__link--language) {
  display:none
 }
}
@media (max-width: 575px) {
 .footer__link--visible:not(.footer__link--language) {
  display:block
 }
}
.footer__link--black {
 color:#fff;
 text-transform:none
}
.footer__link--black:hover,
.footer__link--black:focus,
.footer__link--black:active {
 color:#fff
}
.footer__link .arrow {
 position:absolute;
 right:18px;
 top:6px;
 color:#fff;
 font-size:18px;
 transition:transform 0.3s ease-in-out
}
.footer__link .arrow:hover,
.footer__link .arrow:active {
 transform:translateX(2px)
}
.footer__heading {
 color:#fff;
 font-weight:600;
 font-size:15px;
 line-height:18px;
 text-transform:uppercase;
 margin:0 0 23px 0;
 position:relative
}
.footer__heading--bottom {
 margin-top:25px
}
.footer__heading .icon-minus {
 position:relative
}
.footer__heading .icon-minus:before {
 content:'';
 position:absolute;
 background:#fff;
 width:14px;
 height:1px;
 right:0;
 top:10px
}
.footer__heading .arrow {
 position:absolute;
 right:5px;
 top:-2px;
 font-size:16px;
 color:#fff
}
.footer__text {
 padding-right:15px;
 line-height:25px;
 font-size:15px
}
@media (max-width: 575px) {
 .footer__text {
  line-height:25px
 }
}
.footer__social-icons {
 display:flex;
 align-items:center
}
.footer__social-icons--correction {
 margin-top:-6px
}
.footer__icons {
 display:flex;
 align-items:center;
 line-height:initial
}
.footer__icons a {
 display:block
}
.footer__icons a:hover {
 text-decoration:none
}
.footer__icon {
 color:#fff;
 font-size:30px;
 position:relative
}
.footer__icon:hover,
.footer__icon:active,
.footer__icon:focus {
 color:#fff;
 transform:scale(1.1)
}
.footer__icon--medium {
 font-size:23px
}
.footer hr {
 border-top:1px solid #646565
}
@media (max-width: 767px) {
 .footer hr {
  display:none
 }
}
.footer ul {
 margin-bottom:0
}
@media (max-width: 575px) {
 .footer ul {
  height:0
 }
 .footer ul.visible {
  height:auto
 }
}

header {
 background:#a92d30
}
header.home {
 opacity:1;
 background-color:#bf0909;
 padding-right:1rem;
 padding-left:1rem
}
@media (min-width: 768px) {
 header.home {
  padding-left:2rem;
  padding-right:2rem
 }
}
header .logo {
 padding:0;
 display:flex;
 align-items:center
}
header .logo:hover {
 text-decoration:none
}
header .logo .image {
 width:55px;
 height:auto;
 margin-top:2px;
 margin-right:5px
}
header .tagline {
 color:#fff
}
header .tagline__text {
 line-height:2.75rem;
 padding-left:1rem;
 margin-left:1rem;
 border-left:1px solid #fff
}
header .search-group {
 height:50px
}
header .search-group span {
 display:none
}
header .altenative-version {
 display:flex;
 align-items:center;
 justify-content:center;
 border:1px solid #fff;
 border-radius:4px;
 color:#fff;
 padding:0.5rem
}
header .altenative-version .logo {
 fill:#fff;
 margin-right:0.5rem
}
.header__content {
 display:flex;
 justify-content:space-between;
 align-items:center;
 height:70px
}
@media (max-width: 576px) {
 .header__content {
  height:60px
 }
}
.header__half {
 justify-content:center
}
.gobpe__text svg {
 height:2rem;
 vertical-align:middle
}
.home__logo__img {
 width:90px
}
.home__logo__img--small {
 display:inline
}
.home__logo__img--small img {
 width:90px
}
@media (max-width: 575px) {
 .home__logo__img--small img {
  display:none
 }
}
.home__logo__img_shield--small {
 display:inline;
 padding-right:10px
}
.home__logo__img_shield--small img {
 width:46px;
 height:auto !important;
 min-height:30px
}
.home__logo .gobpe {
 display:inline
}
.home__logo .gobpe__text svg {
 vertical-align:middle
}
.home__logo .gobpe img {
 width:90px;
 height:auto
}
.home__logo .gobpe_shield {
 display:inline;
 padding-right:10px
}
.home__logo .gobpe_shield img {
 width:46px;
 height:auto !important;
 min-height:30px
}
.icon {
 vertical-align:text-bottom
}
.icon--blue {
 fill:#0055aa
}
.icon--small {
 width:1.25rem;
 height:1.25rem
}
.icon--round-background {
 background:#0055aa;
 border-radius:17px;
 fill:#fff
}
.icon-text {
 display:flex;
 flex-direction:row;
 align-items:center;
 font-family:"Montserrat", sans-serif
}
.icon-text--icon-inline {
 align-items:start
}
.icon-text--icon-inline svg {
 margin-top:2px
}
.icon-text--icon-inline a {
 align-items:start
}
.icon-text .icon {
 flex-shrink:0
}


@media (max-width: 783px) {
 .hidden-xs-down {
  display:none !important
 }
}
@media (min-width: 784px) {
 .hidden-sm-up {
  display:none !important
 }
}
@media (max-width: 1039px) {
 .hidden-sm-down {
  display:none !important
 }
}
@media (min-width: 1040px) {
 .hidden-md-up {
  display:none !important
 }
}
@media (max-width: 1215px) {
 .hidden-md-down {
  display:none !important
 }
}
@media (min-width: 1216px) {
 .hidden-lg-up {
  display:none !important
 }
}



body {
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased;
 -webkit-text-size-adjust:100%;
 -ms-text-size-adjust:100%;
 text-size-adjust:100%;
 font-family:"Roboto", sans-serif;
 font-size:16px;
 font-weight:400;
 line-height:26px;
 /*color:#333;*/
 background-color:#f9fafc;
 letter-spacing:0;
 font-style:normal;
 text-rendering:optimizeLegibility;
 font-feature-settings:'pnum';
 font-variant-numeric:proportional-nums;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 display:flex;
 flex-direction:column;
 min-height:calc(100vh + 1px)
}


/*
.custom-file-input ~ .custom-file-label::after {
    content: "Examinar";
}
*/

#customFile .custom-file-control:lang(es)::after {
  content: "Select file...";
}

#customFile .custom-file-control:lang(es)::before {
  content: "Click me";
}

.search-internal {
 position:relative
}
.search-internal .search {
 font-size:16px;
 width:100%;
 padding:1rem 1rem 1rem;
 border:transparent;
 font-weight:400;
 background:#fff;
 outline:none;
 border-radius:4px;
 padding-right:55px
}

@media (max-width: 1040px) {
 .hidden-md-and-down {
  display:none
 }
}

.yield {
 
 flex:1 0 auto
}

/*
 * Component: Box
 * --------------
 */
.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.box-header > .box-tools .dropdown-menu > li > a {
  color: #444!important;
}

.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  margin-bottom: 0;
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}

.tarjeta {
  background-color: #f5f7fa;   
  margin-bottom: 5px;
}

.fecsal {
  text-align: right;
  margin-top: 8px;
}

.horaSalida {  
  margin-top: 4px;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.headVisita {
    min-height: 8em;
    display: table-cell;
    vertical-align: middle
}

.tituloMain {
    margin-top: 20px;
}
.tituloLista {
    margin-top: 6px;
}

.boton_validar {    
    background: #3399FF;
    font-weight: bold;
    font-size: 16px;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;        
    width: 100px;
}

.heading_1 {
  margin-top: 20px;  
  margin-bottom: 20px;  
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;  
  font-weight:700;
  font-style:normal;
  font-size:48px;
  text-align:left;
}

.cuadro_visitas {
  margin-top: 10px;
  border-width:0px;  
  background:inherit;
  background-color:rgba(255, 255, 255, 1);
  box-sizing:border-box;
  border-width:1px;
  border-style:solid;
  border-color:rgba(170, 170, 170, 1);
  border-radius:0px;
  -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-style:normal;
  font-size:16px;
  padding: 0px 5px 0px 10px
}

.barra_busqueda {  
  
  padding: 20px 20px 20px 20px;
}

.heading_2 {
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;
  font-weight:700;
  font-style:normal;
  font-size:36px;
  text-align:left;
}

.texto_busqueda {
  border-width:0px;
  position:absolute;
  left:861px;
  top:272px;
  width:292px;
  height:40px;
  display:flex;
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-style:normal;
  font-size:16px;
  color:#AAAAAA;
  text-align:left;
}


.form-control::-webkit-input-placeholder { color: #AAAAAA; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #AAAAAA; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #AAAAAA; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #AAAAAA; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #AAAAAA; }  /* Microsoft Edge */

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    font-size:18px;
    pointer-events: none;
    color: black;
}

.boton_buscar {    
    height: 38px;    
    background: transparent;        
    color: black;    
}

.icon_buscar {        
    background: transparent;
    border-width: 1px 1px 1px 0px;    
    font-size: 20px;    
    border-color: rgba(121, 121, 121, 1);
}

.input_buscar {            
    border-width: 1px 0px 1px 1px;    
    border-color: rgba(121, 121, 121, 1);
    font-size: 1rem;    
}

.text_visitado { 
  font-weight:bold;
  margin-left: 15px;  
}

.culminado {            
  color: black;
  background-color: #eef1f4;    
  padding-top: .5em;
  border-width:0px;  
  width:74px;
  height:22px;  
  box-sizing:border-box;
  border-width:1px;
  border-style:solid;
  border-color:rgba(170, 170, 170, 1);
  border-radius:5px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;
  font-weight:700;
  font-style:normal;
  font-size:11px;
}

.listado_visitas {  
  margin-left: 5px;  
}

.fecha_listado {  
  font-size: 14px;    
  margin-left: 22px;  
}

.link_button {
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;
  font-weight:700;
  font-style:normal;
  font-size:16px;
  color:#0056AC;
  text-align:left;
}

.size_icon {  
  font-size: 18px;    
}


.button_salida {
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;
  font-weight:700;
  font-style:normal;
  font-size:16px;
  color:#2F598A;
  border-width:0px;
  width:140px;
  height:38px;  
    background: #E2F1F8;
    font-weight: bold;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 5px 5px;    
}

.button_gestion {
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;
  font-weight:700;
  font-style:normal;
  font-size:16px;
  color:#2F598A;
  border-width:0px;
  width:140px;
  height:64px;  
    background: #E2F1F8;
    font-weight: bold;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 5px 5px;    
}

.heading_3 {
  color:#333333;  
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;  
  font-weight:700;
  font-style:normal;
  font-size:48px;
  text-align:left;
}

.heading_4 {
  border-bottom: 15px;
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;
  font-weight:700;
  font-style:normal;
  font-size:36px;
  text-align:left;
}

.heading_5 {
  margin-top:15px;  
}

/*
html { font-size: 1rem; }

@media (min-width: 576px) {
    html { font-size: 0.5rem; }
}
@media (min-width: 768px) {
    html { font-size: 0.7rem; }
}
@media (min-width: 992px) {
    html { font-size: 0.9rem; }
}
@media (min-width: 1200px) {
    html { font-size: 1rem; }
}
*/


  
.heading_6 {
  margin-top:15px;  
  color:#333333;  
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;  
  font-weight:700;
  font-style:normal;
  font-size:48px;
  text-align:left;
}

.marco_salida {
  padding: 15px 25px 15px 25px;  
  
}

.size_icon_large {  
  font-size: 24px;    
}

.link_button_2 {
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;
  font-weight:700;
  font-style:normal;
  font-size:19px;
  color:#0056AC;
  text-align:left;
  display:table-cell; 
  vertical-align:middle; 
}

.image-container {
  display: flex;
  justify-content: center;
}

.detalle_visita {
  border-width:0px;    
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;
  font-style:normal;
  font-size:16px;
  text-align:left;
  line-height:30px;
}

.titulo_detalle {
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;
  font-weight:700;
  font-style:normal; 
  font-size:16px;
  text-align:left;
}

.margen_button {
  margin-left: 15px;
}

.heading_titulo {
  margin-top:25px;  
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;
  font-weight:700;
  font-style:normal;
  font-size:28px;
  text-align:left;
}

.heading_enlace {
  font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color:#2F598A;
  text-align: left;
  padding: 0 0;
}


.heading_titulo_enlace{
    font-family: 'Roboto Bold', 'Roboto', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    text-align: left;
}

.index_box {
    border-width: 0px;        
    background: inherit;
    background-color: inherit;
    background-color: 
    rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color:
    rgba(170, 170, 170, 1);
    border-radius: 0px;
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px
    rgba(0, 0, 0, 0.2);
}

.item_enlace{
    border-width: 0px;    
    background: inherit;
        background-color: inherit;
    background-color: 
    rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color:
    rgba(121, 121, 121, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #2F598A;
    text-align: left;
}

.enlace_box {
    border-width: 0px;        
    background: inherit;
    background-color: inherit;
    background-color: 
    rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color:
    rgba(170, 170, 170, 1);
    border-radius: 0px;
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px
    rgba(0, 0, 0, 0.2);
}

tr.border_bottom td {
  border-bottom:1px solid black;
  border-color: rgba(170, 170, 170, 1);
}

.row_size1 {
   height:90px;
}

.row_size2 {
   height:60px;
}

.image_svg {
  width: 60px;    
  text-align: center;
  height:60px;
}

/*
 * Component: Small Box
 * --------------------
 */
.small-box {
  border-radius: 2px;
  position: relative;
  display: block;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small-box > .inner {
  padding: 10px;
}
.small-box > .small-box-footer {
  position: relative;
  text-align: center;
  padding: 3px 0;
  /*color: #fff;
  color: rgba(255, 255, 255, 0.8);*/
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.small-box > .small-box-footer:hover {
  color: #007bff;
  background: rgba(0, 0, 0, 0.15);
}
.small-box h3 {
  font-size: 38px;
  font-weight: bold;
  margin: 0 0 10px 0;
  white-space: nowrap;
  padding: 0;
}
.small-box p {
  font-size: 15px;
}
.small-box p > small {
  display: block;
  color: #f9f9f9;
  font-size: 13px;
  margin-top: 5px;
}
.small-box h3,
.small-box p {
  z-index: 5;
}
.small-box .icon {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 0;
  font-size: 90px;
  color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
  text-decoration: none;
  color: #007bff;
}
.small-box:hover .icon {
  font-size: 95px;
}
@media (max-width: 767px) {
  .small-box {
    text-align: center;
  }
  .small-box .icon {
    display: none;
  }
  .small-box p {
    font-size: 12px;
  }
}

/*
 * Component: Box
 * --------------
 */
.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
  border-top-color: #3c8dbc;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #dd4b39;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-default {
  border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
  display: none;
}
.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}
.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}
.box.box-solid {
  border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  /*background: rgba(0, 0, 0, 0.1);*/
}
.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.box-header > .box-tools .dropdown-menu > li > a {
  color: #444!important;
}
.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
  color: #606c84;
}
.btn-box-tool.btn:active {
  box-shadow: none;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  margin-bottom: 0;
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}
.chart-legend {
  margin: 10px 0;
}
@media (max-width: 991px) {
  .chart-legend > li {
    float: left;
    margin-right: 10px;
  }
}
.box-comments {
  background: #f7f7f7;
}
.box-comments .box-comment {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
  content: " ";
  display: table;
}
.box-comments .box-comment:after {
  clear: both;
}
.box-comments .box-comment:last-of-type {
  border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
  padding-top: 0;
}
.box-comments .box-comment img {
  float: left;
}
.box-comments .comment-text {
  margin-left: 40px;
  color: #555;
}
.box-comments .username {
  color: #444;
  display: block;
  font-weight: 600;
}
.box-comments .text-muted {
  font-weight: 400;
  font-size: 12px;
}

/*
 * General: Miscellaneous
 * ----------------------
 */
.pad {
  padding: 10px;
}
.margin {
  margin: 10px;
}
.margin-bottom {
  margin-bottom: 20px;
}
.margin-bottom-none {
  margin-bottom: 0;
}
.margin-r-5 {
  margin-right: 5px;
}
.inline {
  display: inline;
}
.description-block {
  display: block;
  margin: 10px 0;
  text-align: center;
}
.description-block.margin-bottom {
  margin-bottom: 25px;
}
.description-block > .description-header {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 16px;
}
.description-block > .description-text {
  text-transform: uppercase;
}
/*
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  color: #fff !important;
}
.bg-gray {
  color: #000;
  background-color: #d2d6de !important;
}
.bg-gray-light {
  background-color: #f7f7f7;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
  background-color: #dd4b39 !important;
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
  background-color: #f39c12 !important;
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
  background-color: #3c8dbc !important;
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #605ca8 !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}
.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important;
}
.bg-black-active {
  background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  background-color: #bf0909 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
  background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
  background-color: #00a7d0 !important;
}
.bg-blue-active {
  background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
  background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
  background-color: #008d4c !important;
}
*/
.bg-navy-active {
  background-color: #001a35 !important;
}
.bg-teal-active {
  background-color: #30bbbb !important;
}
.bg-olive-active {
  background-color: #368763 !important;
}
.bg-lime-active {
  background-color: #00e765 !important;
}
.bg-orange-active {
  background-color: #ff7701 !important;
}
.bg-fuchsia-active {
  background-color: #db0ead !important;
}
.bg-purple-active {
  background-color: #555299 !important;
}
.bg-maroon-active {
  background-color: #ca195a !important;
}
[class^="bg-"].disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.text-red {
  color: #dd4b39 !important;
}
.text-yellow {
  color: #f39c12 !important;
}
.text-aqua {
  color: #00c0ef !important;
}
.text-blue {
  color: #0073b7 !important;
}
.text-black {
  color: #111111 !important;
}
.text-light-blue {
  color: #3c8dbc !important;
}
.text-green {
  color: #00a65a !important;
}
.text-gray {
  color: #d2d6de !important;
}
.text-navy {
  color: #001f3f !important;
}
.text-teal {
  color: #39cccc !important;
}
.text-olive {
  color: #3d9970 !important;
}
.text-lime {
  color: #01ff70 !important;
}
.text-orange {
  color: #ff851b !important;
}
.text-fuchsia {
  color: #f012be !important;
}
.text-purple {
  color: #605ca8 !important;
}
.text-maroon {
  color: #d81b60 !important;
}
.link-muted {
  color: #7a869d;
}
.link-muted:hover,
.link-muted:focus {
  color: #606c84;
}
.link-black {
  color: #666;
}
.link-black:hover,
.link-black:focus {
  color: #999;
}
.hide {
  display: none !important;
}
.no-border {
  border: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.no-shadow {
  box-shadow: none !important;
}
.list-unstyled,
.chart-legend,
.contacts-list,
.users-list,
.mailbox-attachments {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-group-unbordered > .list-group-item {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.flat {
  border-radius: 0 !important;
}
.text-bold,
.text-bold.table td,
.text-bold.table th {
  font-weight: 700;
}
.text-sm {
  font-size: 12px;
}
.jqstooltip {
  padding: 5px !important;
  width: auto !important;
  height: auto !important;
}
.bg-teal-gradient {
  background: #39cccc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
  background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
  background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
  background: -o-linear-gradient(#7adddd, #39cccc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
  color: #fff;
}
.bg-light-blue-gradient {
  background: #3c8dbc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
  background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
  background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
  background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
  color: #fff;
}
.bg-blue-gradient {
  background: #0073b7 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
  background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
  background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
  background: -o-linear-gradient(#0089db, #0073b7) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
  color: #fff;
}
.bg-aqua-gradient {
  background: #00c0ef !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
  background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
  background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
  background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
  color: #fff;
}
.bg-yellow-gradient {
  background: #f39c12 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
  background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
  background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
  background: -o-linear-gradient(#f7bc60, #f39c12) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
  color: #fff;
}
.bg-purple-gradient {
  background: #605ca8 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
  background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
  background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;
  background: -o-linear-gradient(#9491c4, #605ca8) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
  color: #fff;
}
.bg-green-gradient {
  background: #00a65a !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
  background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
  background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
  background: -o-linear-gradient(#00ca6d, #00a65a) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
  color: #fff;
}
.bg-red-gradient {
  background: #dd4b39 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
  background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
  background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
  background: -o-linear-gradient(#e47365, #dd4b39) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
  color: #fff;
}
.bg-black-gradient {
  background: #111111 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
  background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
  background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
  background: -o-linear-gradient(#2b2b2b, #111111) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
  color: #fff;
}
.bg-maroon-gradient {
  background: #d81b60 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
  background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
  background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
  background: -o-linear-gradient(#e73f7c, #d81b60) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
  color: #fff;
}
.description-block .description-icon {
  font-size: 16px;
}
.no-pad-top {
  padding-top: 0;
}
.position-static {
  position: static !important;
}
.list-header {
  font-size: 15px;
  padding: 10px 4px;
  font-weight: bold;
  color: #666;
}
.list-seperator {
  height: 1px;
  background: #f4f4f4;
  margin: 15px 0 9px 0;
}
.list-link > a {
  padding: 4px;
  color: #777;
}
.list-link > a:hover {
  color: #222;
}
.font-light {
  font-weight: 300;
}
.user-block:before,
.user-block:after {
  content: " ";
  display: table;
}
.user-block:after {
  clear: both;
}
.user-block img {
  width: 40px;
  height: 40px;
  float: left;
}
.user-block .username,
.user-block .description,
.user-block .comment {
  display: block;
  margin-left: 50px;
}
.user-block .username {
  font-size: 16px;
  font-weight: 600;
}
.user-block .description {
  color: #999;
  font-size: 13px;
}
.user-block.user-block-sm .username,
.user-block.user-block-sm .description,
.user-block.user-block-sm .comment {
  margin-left: 40px;
}
.user-block.user-block-sm .username {
  font-size: 14px;
}
.img-sm,
.img-md,
.img-lg,
.box-comments .box-comment img,
.user-block.user-block-sm img {
  float: left;
}
.img-sm,
.box-comments .box-comment img,
.user-block.user-block-sm img {
  width: 30px !important;
  height: 30px !important;
}
.img-sm + .img-push {
  margin-left: 40px;
}
.img-md {
  width: 60px;
  height: 60px;
}
.img-md + .img-push {
  margin-left: 70px;
}
.img-lg {
  width: 100px;
  height: 100px;
}
.img-lg + .img-push {
  margin-left: 110px;
}
.img-bordered {
  border: 3px solid #d2d6de;
  padding: 3px;
}
.img-bordered-sm {
  border: 2px solid #d2d6de;
  padding: 2px;
}
.attachment-block {
  border: 1px solid #f4f4f4;
  padding: 5px;
  margin-bottom: 10px;
  background: #f7f7f7;
}
.attachment-block .attachment-img {
  max-width: 100px;
  max-height: 100px;
  height: auto;
  float: left;
}
.attachment-block .attachment-pushed {
  margin-left: 110px;
}
.attachment-block .attachment-heading {
  margin: 0;
}
.attachment-block .attachment-text {
  color: #555;
}
.connectedSortable {
  min-height: 100px;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sort-highlight {
  background: #f4f4f4;
  border: 1px dashed #ddd;
  margin-bottom: 10px;
}
.full-opacity-hover {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.full-opacity-hover:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.chart {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.chart svg,
.chart canvas {
  width: 100% !important;
}

.cuadro_main {
  margin-top: 10px;
  border-width:0px;  
  background:inherit;
  background-color:rgba(255, 255, 255, 1);
  box-sizing:border-box;
  border-width:1px;
  border-style:solid;
  border-color:rgba(170, 170, 170, 1);
  border-radius:0px;
  -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-style:normal;
  font-size:16px;  
}


/* General Links */
a.enlace_main {
 background-color:transparent;
 color: #0062cc;
 font-weight: bold; 
}
a.enlace_main:hover,
a.enlace_main:active,
a.enlace_main:focus {
  outline: none;
  text-decoration: none;
  /*color: #0062cc;*/
}

.swal2-popup {
      font-size: 1.0rem !important;
    }
.form-hora {
      width:100%;
      height: 34px;
      border:1px solid #ccc;
    }

.dataTables_wrapper .dt-buttons {
      float:right;
}    

.hide_txt{
    display:none;
    font-size: 0;
    max-height: 0;    
}

/* consultas wev */
.buscar_web {  
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;  
  font-weight:400;
  font-style:normal;
  font-size:16px;
  text-align:left;
}

.buscar_web2 {  
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;  
  font-weight:400;
  font-style:normal;
  font-size:14px;
  text-align:left;
  padding: 2px;
  margin: 2px;    
}

.button_web2 {  
  background-color:#f4f4f4;
  color:#444;
  border-color: #ddd;
  border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid;
    display: inline-block;

text-align: center;
white-space: nowrap;
vertical-align: middle;

}

.captchaField {
  margin: 0 auto;
  margin-top: 15%;
  border: 1px solid #ccc;
  padding: 15px;
  width: 345px;
  background-color: #fff;
  border-radius: 5px;
}
.CaptchaWrap { position: relative; }
.CaptchaTxtField {
  border-radius: 5px;
  /*border: 1px solid #ccc;*/
  display: block;  
  box-sizing: border-box;
}
#UserCaptchaCode {
  padding: 15px 10px;
  outline: none;
  font-size: 14px;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  /*width: 343px;*/
}
#CaptchaImageCode {
  text-align:center;
  /*margin-top: 15px;*/
  padding: 0px 0;
  width: 170px;
  overflow: hidden;
}
.capcode {
  font-size: 46px;
  display: block;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  letter-spacing: 1px;
  color: #ccc;
  font-family: 'Roboto Slab', serif;
  font-weight: 100;
  font-style: italic;
}
.ReloadBtn {
  /*background:url('https://webdevtrick.com/wp-content/uploads/recaptcha.png') left top no-repeat;  */
  background-size : 100%;
  width: 32px;
  height: 32px;
  border: 0px; outline none;
  /*position: absolute;*/
  bottom: 30px;
  /*left: 310px;*/
  outline: none;  
}
.btnSubmit {
  margin-top: 15px;
  border: 0px;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 18px;
  background-color: #1285c4;
  color: #fff;
  cursor: pointer;
}
.error {
  color: red;
  font-size: 12px;
  display: none;
}
.success {
  color: green;
  font-size: 18px;
  margin-bottom: 15px;
  display: none;
}

.action-button-buscar {
    height: 49px;
    width: 179px;
    background: rgba(47, 89, 138, 1);
    font-weight: bold;
    font-size: 16px;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;    
}

.action-button-buscar-web {
    margin-left: 0px;
    height: 49px;
    width: 140px;
    background: rgba(47, 89, 138, 1);
    font-weight: bold;
    font-size: 16px;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;    
}

.check_position {
    margin-top: 15px;
    text-align: center; 
}

.boton_agregar {
    border:0;
    background:transparent.
}

ol#menu li {
  display:inline;
}

.heading_01 {
  
  font-family:'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;  
  font-weight:700;
  font-style:normal;
  font-size:48px;  
  text-align:left;
}




.container_rep {
 margin-right:auto;
 margin-left:auto;
 padding-left:1rem;
 padding-right:1rem
}
@media (min-width: 784px) {
 .container_rep {
  width:780px
 }
}
@media (min-width: 1040px) {
 .container_rep {
  width:1000px
 }
}
@media (min-width: 1600px) {
 .container_rep {
  width:1400px
 }
}

ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}

.titulos_1 {
    font-size: 48px;
    font-weight:700;
    font-style:normal;        
    text-align:left;
}

.titulos_2 {
    font-size: 36px;
    font-weight:700;
    font-style:normal;        
    text-align:left;
}
.titulos_3 {
    font-size: 24px;
    font-weight:700;
    font-style:normal;        
    text-align:left;
}
.titulos_4 {
        font-size:26px;
        margin-top:10px;  
        font-weight:700;
        font-style:normal;        
        text-align:left;
}

.titulos_5 {
    margin-top: 15px;
    font-size: 36px;
    font-weight:700;
    font-style:normal;        
    text-align:left;
}

.column_m {
  float: left;
  width: 50%;
}


@media only screen and (min-width: 767px) {
   h1 {
      font-size: 3em;
      font-weight:700;
   }
   h2 {
      font-size: 2.2em;
      font-weight:700;
   }
   h3 {
      font-size: 1.6em;
      font-weight:700;
   }
}

@media only screen and (max-width: 480px) {    
   h1 {
      font-size: 1.8em;
      font-weight:700;
   }
   h2 {
      font-size: 1.5em;
      font-weight:700;
   }
   h3 {
      font-size: 1.2em;
      font-weight:700;
   }
   .textocolumna {
    white-space: nowrap;
   }
}

.headControl {
    min-height: 5em;
    display: table-cell;
    vertical-align: middle
}

.action-button-lg {
    height: 49px;
    width: 170px;
    background: rgba(47, 89, 138, 1);
    font-weight: bold;
    font-size: 16px;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 2px;
    margin: 10px 2px
}

.buscarAll {
    margin-top: 10px;
}

.box-margin-1 {
    padding-top: 5px;  
}

.box-margin-2 {
    padding-bottom: 0px;  
}


.navigator {
    border-radius: 2px;
    background-color: #fdfeff;
}

@media (min-width: 1024px) {
    .navigator__title {
        display: none;
    }
    .navigator__container {
    flex-direction: row;
    display: flex;
    }
    .navigator__item:first-child {
    border-left: 1px solid #e0e2e6;
    }
    .navigator__item {
        border-left: none;
        border-right: 1px solid #e0e2e6;
    }
    .desktopPlace {
    display: block;
}
}
.navigator__title {
    --bg-opacity: 1;
    background-color: #edf0f4;
    background-color: rgba(237,240,244,var(--bg-opacity));
    text-align: center;
    font-weight: 400;
    padding: .5rem .4rem;
    position: relative;
    border: 1px solid #e0e2e6;
    border-radius: 5px;
    cursor: pointer;
}

.justify-center {
    justify-content: center;
}

.navigator .navigator__container {
    max-width: 1200px;
}

.navigator__container {
    min-height: 4rem;
    width: 100%;
    display: flex;
}

.navigator__item.active {
    font-weight: 500;
    --bg-opacity: 1;
    background-color: #f1f3f6;
    background-color: rgba(241,243,246,var(--bg-opacity));
}


.navigator__item {
    display: flex;
    flex: 1 1;
    align-items: center;
    padding: .5rem .4rem;
    position: relative;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px #e0e2e6;
}

.card-wrapper {
 position:relative;
 margin-left:0px;
 margin-right: :0px;
}
@media (min-width:768px) {
 .card-wrapper:before {
  position:absolute;
  --bg-opacity:1;
  background-color:#cf000b;
  background-color:rgba(207,0,11,var(--bg-opacity));
  width:100%;
  content:" ";
  opacity:.07;
  height:60%;
  z-index:-1;
  top:-10%  
 }
 .h-full {
    height: 100%;
}
}
@media (max-width:767px) {
     .card__decoration {
      position:relative
     }
     .card__decoration:before {
      position:absolute;
      --bg-opacity:1;
      background-color:#cf000b;
      background-color:rgba(207,0,11,var(--bg-opacity));
      content:" ";
      opacity:.07;
      height:70%;
      z-index:-1;
      top:-10%;
      width:120%;
      left:-10%
     }
     .desktopPlace {
        display: none;
     }
}

.card__numbered-1 {
 position:relative
}
.card__numbered-1:after {
 position:absolute;
 font-weight:700;
 content:"01";
 top:7px;
 right:14px
}
.card__numbered-2 {
 position:relative;
}
.card__numbered-2:after {
 position:absolute;
 font-weight:700;
 content:"02";
 top:7px;
 right:14px
}
.card__numbered-3 {
 position:relative
}
.card__numbered-3:after {
 position:absolute;
 font-weight:700;
 content:"03";
 top:7px;
 right:14px
}
.card__numbered-4 {
 position:relative
}
.card__numbered-4:after {
 position:absolute;
 font-weight:700;
 content:"04";
 top:7px;
 right:14px
}
.card__numbered-5 {
 position:relative
}
.card__numbered-5:after {
 position:absolute;
 font-weight:700;
 content:"05";
 top:7px;
 right:14px
}

.pl-sm {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.tarjetaProg {
  background-color: #E0F9E8;   
  margin-bottom: 5px;
}




.container2 {
 margin-right:auto;
 margin-left:auto;
 padding-left:1rem;
 padding-right:1rem
}
@media (min-width: 784px) {
 .container2 {
  width:780px
 }
}
@media (min-width: 1040px) {
 .container2 {
  width:1000px
 }
}
@media (min-width: 1216px) {
 .container2 {
  width:1200px
 }
 @media (min-width: 1600px) {
 .container2 {
  width:1600px
 }
}

.notification {
 color:#fff;
 background:#00823b;
 text-align:left;
 padding:10px 15px;
 font-size:16px;
 width:100%;
 z-index:999;
 top:0;
 position:relative
}
.notification__close {
 position:absolute;
 right:0
}
.notification__content {
 display:flex;
 align-items:center;
 justify-content:center
}
.notification .row {
 text-align:center;
 display:flex;
 align-items:center;
 justify-content:space-between
}
.notification img {
 padding-right:20px;
 height:50px;
 width:50px;
 vertical-align:middle
}
.notification .icon-info {
 font-size:30px;
 font-weight:bold;
 padding-right:5px
}
.notification a {
 font-weight:300;
 color:#fff;
 font-size:16px;
 line-height:19px
}
.notification .close {
 font-size:20px;
 cursor:pointer;
 color:#fff
}

.ancho-titulo {
 padding:2px;
 text-align: center;
 vertical-align: middle;
}