/* color */
/* color */
/* type */
.text-font {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #535353;
}/* borders */
.border {
  border-radius: .4rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
  border: 1px solid #bfbfbf;
}
.border-bottom,
.border-bottom-required {
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 1rem;
}

.border-top{
  border-top: 1px solid #bfbfbf;
  margin-top: 1rem;
}
/* field */
.field {
  border-radius: .4rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
  font-size: 1.2rem;
  padding: .3rem .4rem; 
}
/* line */
.line {
  border-bottom: 1px solid #bfbfbf;
}
.center {
  margin: 0 auto;
}
.inline {
  display: inline-block;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clearfix::after {
  content: " ";
  display: table;
  clear: both;
}
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #535353;
}
a {
  color: #3266CC;
}
a:hover {
  color: #0fb4ae;
  opacity: .75;
}
:focus {
  outline: none;
}
ul {
  padding-left: 100px;
  list-style-type: disc;
}
/*li {
  list-style-type: none;
}*/
img {
  height: 100%;
  /* ie as always:( */
}
legend {
  font-size: 1.46rem;
  margin: .8rem 0 1.2rem 0;
  padding-left: .5em; /*jasciNuevo*/
}

/*Agrega titulo igual al legend, para no usar fieldset*/
.tituloLegend {
  font-size: 1.46rem;
  margin: .8rem 0 1.2rem 0;
  padding-left: .5em;
  /*width:100%;*/
}

label {
  display: inline-block;
  font-size: 1rem; 
  margin-top: .1rem;
}

.labelEmulaTextbox {
  -webkit-appearance: none;
  border-radius: .4rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
  border: 1px solid #bfbfbf;
  padding: .5rem .5rem .5rem .5rem;
  display: inline-block;
  width: 100%;
  background-color: #f8f8f8;
}

.textboxEmulaDisable {
  background-color: #f8f8f8;
}


.radio-label {
  display: inline-block;
  font-size: 1.08rem;
}
select,
input,
textarea {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #535353;
  -webkit-appearance: none;
  border-radius: .4rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
  border: 1px solid #bfbfbf;
  font-size: 1.2rem;
  padding: .5rem .5rem .5rem .5rem; /*JModify*/
  display: inline-block;
  width: 100%;
  margin: .6rem 2rem 1rem 0;
}

select {
    padding: .5rem 1.9rem .5rem .5rem !important; /*JasciNuevo*/
}

select:focus,
input:focus,
textarea:focus {
  background: #fafafa;
  border: 1px solid #0fb4ae;
}
select {
  background: #ffffff;
  background: url(../icons/dropdown-icon.svg);
  background-repeat: no-repeat;
  background-position: 96% 1.1rem;
}
select:focus {
  /*background: url(../icons/dropdown-icon.svg);*/
  background-repeat: no-repeat;
  background-position: 96% 1.1rem;
}
select:disabled {
  background-color: #dcdcdc;
}

input,
textarea {
  width: 100%;
}
fieldset, .fieldsetMinusTop {
  overflow: hidden;
  border: none;
  margin: 0;
  padding: 0;
  margin-top: 2rem;
}
.fieldsetMinusTop {
    margin-top: .6rem;
}


input[type="text"]:disabled {
    background-color: rgba(220, 220, 220, 0.2);
}


input[type="checkbox"] {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin:0;
  padding:0;
  /*border-radius: .4rem;*/
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
  border: 1px solid #bfbfbf;
}
input[type="radio"] {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin:0;
  padding:0;
  border-radius: .4rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
  border: 1px solid #bfbfbf;
}
input[type="checkbox"]:checked  {
  background: url(../icons/check.svg);
  background-size: 1rem 1rem;
  background-position: .2rem .2rem;
  background-repeat: no-repeat;
  border: 1px solid #bfbfbf;
}
input[type="radio"] {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
input[type="radio"]:checked {
  background: url(../icons/radio-icon.svg);  
  background-repeat: no-repeat;
  background-size: 4rem 4rem; 
  background-position: center;
}

div.ui-chkbox-box.ui-state-active span.ui-chkbox-icon,
div.ui-chkbox-box.ui-state-focus span.ui-chkbox-icon.ui-icon-check {
	background-image: url("../resources/icons/check-icon.svg");
	background-size: 0.7rem 0.7rem;
	background-position: 0.3rem 0.3rem;
	background-repeat: no-repeat;
}

.accept-checkbox {
  float: left;
}
.radio-container {
  margin: -0.4rem 0 0 0.6rem;
}
.radio-container label {
  vertical-align: top;
  margin-right: .6rem;
}
.radio-container input[type="radio"] {
  position: relative;
  top: .2rem;
  margin-right: 1.2rem;
}
.check-accept,
.check-link {
  display: inline-block;
  font-size: 1.08rem;
  margin: .6rem 0 0 .6rem;
}
.check-link {
  margin-left: .3rem;
  margin-top: .16rem;
}
button[type="submit"],
.button {
  -webkit-appearance: button; /*jasciModify*/
  border-radius: .4rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
  border: 1px solid #bfbfbf;
  border: none;
  font-size: 1.1rem;
  color: #ffffff;
  background: #3266CC;
  padding: .8rem 1.2rem;
  cursor: pointer; /*jasciModify: Nuevo*/
  font-family: 'Lato', sans-serif !important; /*jasciModify: Nuevo*/
}
button[type="submit"]:hover,
.button:hover {
/*  background: #0fb4ae;*/
}
button[type="submit"] {
  display: inline-block;
  padding: .7rem 1.2rem;
}
button[type="submit"] span {
  margin-top: .1rem;
}

.reSmallButton {
  padding: .5rem 1.2rem;
  margin-right: 1rem; 
  width: 50px;
}

.smallButton {
  padding: .89rem .5rem;
  margin-right: 1rem; /*JasciNuevo*/
  width: 120px;
}
.mediumButton {
  padding: .89rem 1.2rem;
  margin-right: 1rem; /*JasciNuevo*/
  width: 180px;
}
.bigButton {
  padding: .89rem 1.2rem;
  margin-right: 1rem; /*JasciNuevo*/
  width: 250px;
}


.gray {
  background: #C2C2C2;
}
.red {
  background: #e15a59 !important;
}
.red:hover {
  background: #0fb4ae !important;
}
.blue {
  background: #0fb4ae !important;
}
.blue:hover {
  background: #3266CC !important;
}
.green {
  background: #7ed321 !important;
}
.green:hover {
  background: #0fb4ae !important;
}
.button-margin-right {
  margin-right: .8rem;
}
.button:hover {
  color: #ffffff;
  text-decoration: none;
}
.next,
.prev,
.save,
.search,
.bin,
.repeat {
  display: inline-block;
  font-size: 1.2rem;
}
.next {
  margin: .2rem 0 0 1rem;
}
.prev,
.save,
.search,
.bin,
.repeat {
  margin: .2rem 1rem 0 0;
}
#user-city {
  width: 82%;
}
.search-button {
  display: inline-block;
  color: #535353;
  font-size: 1.8rem;
  position: relative;
  top: 3.2rem;
  left: 10rem;
}
.search-button:hover {
  color: #3266CC;
  text-decoration: none;
  opacity: 100;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #ffffff !important;
}
.notification {
  border-bottom: 1px solid #bfbfbf;
  margin: .6rem 0 2.6rem 0;
}
.notification ul {
  margin: 2.6rem 0 2rem 0;
}
.notification ul li {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 300;
  margin-right: .8rem;
  border-left: 1px solid #bfbfbf;
  padding-left: .9rem;
}
.notification ul li:first-child {
  border: none;
  padding-left: 0;
}
.notification ul li span {
  font-size: 1.4rem;
  font-weight: 400;
  margin-right: .4rem;
}
.notification p {
  font-size: 1.5rem;
}
.notification p span {
  font-size: 2rem;
  border-bottom: 2px solid #535353;
  padding-bottom: .2rem;
  margin: 0 .5rem;
}
.notification p span:before {
  color: #e15a59;
  vertical-align: middle;
  margin-right: .6rem;
}
.icon-warning {
  border-bottom: none !important;
}
.top-message-box {
  background: #3266CC;
  padding: .8rem;
  margin: 0;
}
.top-message-box p {
  color: #ffffff;
  font-size: .88rem;
  margin: 0;
  display: inline-block;
  float: left;
  width: 94%;
}
.top-message-box a {
  color: #ffffff;
  margin-top: .2rem;
  margin-right: -0.8rem;
  font-size: 1.1rem;
  opacity: 100;
}
.top-message-box a:hover {
  text-decoration: none;
  color: #ffffff;
}
.top-message-box a:focus {
  color: #ffffff;
}
.top-message-box a:after {
  display: none;
}
.uk-alert {
  margin-bottom: 0;
}
.close-box {
  display: inline-block;
  float: right;
}
.message-box {
  background: #f4f4f4;
  padding: .5rem .8rem;
  border-radius: .6rem;
  text-align:justify;
  margin: 0.5rem 0;
}
.message-box p {
  font-size: .88rem;
  margin: 0;
  display: inline-block;
  float: right;
  width: 95%;
}

/*Cuando la clase es message-box y contiene un parrafo y dentro del parrafo un label .message-box p label {*/
/*.message-box p {
  margin-left: -3rem;
}*/

.message-box > .icon-info,
.message-box > .icon-error,
.message-box > .icon-ok {
  font-size: 2.3rem;
  margin-left: -1.2rem;
  margin-right: 0;
} 
.message-box > .icon-info {
  color: #26ade4;
}
.message-box > .icon-error {
  color: #e15a59;
}
.message-box > .icon-ok {
  color: #7ed321;
}
.message-box-button {
  display: inline-block;
  margin-bottom: .6rem;
  margin-top: -0.6rem;
  font-size: 1rem;
  padding: .6rem .8rem;
}
.message-form {
  margin: 1.6rem 0;
}
.required-fields {
  font-size: .88rem;
}
.note {
  font-size: 1.1rem;
  font-weight: 300;
}
.note .icon-warning {
  color: #e15a59;
  vertical-align: top;
  margin-right: .8rem;
  font-size: 1.6rem;
}
.first-level-nav {
  margin: 0;
  padding: 1.2rem 1rem;
}
.first-level-nav ul {
  display: block;
  text-align: center;
  margin: 0;
}
.first-level-nav li,
footer li {
  display: inline-block;
  vertical-align: middle;
}
.first-level-nav li a:hover,
footer li a:hover ,
.c-logo-nav {
  max-width: 14rem;
}
.c-logo-small-nav-bk {
  display: block;
  width: 14rem;
  height: 3.25rem;
  background: url(../img/cancilleria-logo.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.c-logo-small-nav-bk span,
.c-logo-small-nav-bk span:hover {
  display: none;
}
.s-logo-nav {
  max-width: 6.6rem;
  margin: .5rem 0 0 1.2rem;
}
.s-logo-small-nav-bk {
  display: block;
  width: 6.6rem;
  height: 1.98rem;
  background: url(../img/sitac-rs.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.s-logo-small-nav-bk span,
.s-logo-small-nav-bk span:hover {
  display: none;
}
.s-logo-nav-desk,
.s-logo-small-nav {
  display: none !important;
}
#second-level-nav {
  width: 100%;
  position: relative;
  top: 7.3rem;
  display: block;
  background: #fafafa;
  cursor: pointer;
  /*box-shadow: 0 -10px 20px 0px #333333;
  -moz-box-shadow: 0 -10px 20px 0px #333333;
  -webkit-box-shadow: 0 -10px 20px 0px #333333;*/
}
#second-level-nav ul li {
  display: inline-block;
}
#second-level-nav.fixed-up {
  top: 4.4rem;
  position: fixed;
  z-index: 110;
}
.dropdown-container {
  display: inline-block;
  margin-right: .6rem;
}


.second-level-nav-item {
    color: black;
    border-right: 1px solid #bfbfbf;
    padding: .3rem;
}
.second-level-nav-item:hover {
  opacity: .65;
}
.second-level-nav-item span:before {
  margin-left: .6rem;
  font-size: .5rem;
}
.second-level-nav-item a {
  color: #535353 !important;
}
.second-level-nav-item a:hover {
  color: #535353 !important;
  text-decoration: none;
}


.second-line-item {
  margin-top: 1rem;
}
.uk-dropdown {
  top: 80%;
  left: initial;
  background: #ffffff;
  width: initial;
  border-radius: .4rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
  border: 1px solid #bfbfbf;
}
.uk-dropdown li {
  display: block !important;
  padding: .12rem 0;
}
.uk-dropdown li:hover {
  background: #fafafa;
}
.uk-dropdown li a {
  color: #535353 !important;
  font-size: .82rem;
}
.uk-dropdown li a:hover {
  opacity: .75;
  text-decoration: none;
}
.second-line-dropdown {
  top: 80%;
}
.uk-parent a span:before {
  font-size: .5rem;
  position: absolute;
  right: 2.6rem;
  margin-top: .4rem;
}
.uk-nav-sub li:hover {
  background: #ffffff !important;
}
.uk-nav-parent-icon > .uk-parent > a:after {
  content: '' !important;
}
/* officer profile */
.officer-profile {
  display: inline-block !important;
  float: right;
  margin-top: .3rem;
  margin-top: -2rem;
}
.iconoMenu {
  position: relative;
  top: 2.9rem;
  right: 3.1rem;
}
.officer-profile .icon-user-round {
  position: relative;
  top: 2.9rem;
  right: 3.1rem;
  font-size: 2.2rem;
  color: #CECECE;
}
.officer-profile h5 {
  font-size: 1.06rem;
  margin: 0 0 .1rem 0;
  font-weight: 400;
}
.officer-profile .officer-info-li {
  font-size: .8rem;
  padding-right: .5rem;
}
.officer-profile .officer-info-li:after {
  content: '|';
  color: #bfbfbf;
  margin-left: .5rem;
}
.officer-profile .officer-info-li:first-child {
  padding-left: 0;
}
.officer-profile .officer-info-li:last-child:after {
  content: none;
}
/*@media (max-width: 1024px) {
  .officer-profile {
    display: none !important;
  }
  #second-level-nav {
    display: none !important;
  }
}*/
.officer-profile.small {
  margin-top: -3rem;
}
.officer-info-toggle,
.menu-toggle {
  display: inline-block;
}
.officer-info-toggle {
  float: left;
  color: #535353 !important;
  border-left: 1px solid #bfbfbf;
  font-size: .5rem;
  margin-left: .4rem;
  padding-left: .6rem;
  margin-top: -0.2rem;
}
.officer-info-toggle:hover {
  text-decoration: none;
}
.close-officer-info {
  position: absolute;
  top: -2rem;
  left: 7rem;
  border: none !important;
  color: #CECECE !important;
}
.close-officer-info:hover {
  color: #E5E5E5 !important;
}
.menu-toggle {
  float: right;
  margin-left: 2rem;
  font-size: .9rem;
  color: #535353 !important;
  margin-top: -0.6rem;
}
.menu-toggle:hover {
  text-decoration: none;
}
.menu-toggle span:before {
  font-size: 1.6rem;
  vertical-align: middle;
  margin-left: .8rem;
}
#officer-info {
  position: fixed;
  top: 6rem;
  /*margin-left: 11rem;*/
  text-align: center;
  width: 18rem;
  background: #ffffff;
  border: 1px solid #E3E3E3;
  z-index: 140;
  border-radius: .4rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
  padding: 1.4rem;
}
#officer-info .icon-warning {
  color: #e15a59;
  font-size: 2rem;
  position: relative;
  top: -1rem;
}
#officer-info h5 {
  font-size: 1rem;
  margin: 0 0 1.2rem 0;
}
#officer-info ul {
  float: none;
}
#officer-info li {
  text-align: center;
  font-weight: 300;
  margin-top: .2rem;
}
#officer-info a {
  border-top: 1px solid #bfbfbf;
  color: #535353;
  display: block;
  width: 100%;
  margin-top: 2rem;
  padding-top: 1.2rem;
}
#officer-info a:hover {
  text-decoration: none;
  color: #0fb4ae;
}
.triangle:before {
  content: '';
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  position: relative;
  top: -2.01rem;
  margin: 0 auto;
  z-index: 150;
  background: #ffffff;
  border-top: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
  -ms-transform: rotate(45deg);
  /* IE 9 */

  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */

  transform: rotate(45deg);
}
.content-container {
  margin: 0 1rem;
}
h1 {
  font-size: 1.8rem;
  margin: 2rem 0;
}
header > .required-fields {
  margin-top: -2.5rem;
}
.breadcrumb {
  display: none;
}
header p {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.8rem;
}
.form-tabs li {
  display: inline-block;
  margin-right: 1.2rem;
}
.form-tabs li a {
  color: #535353;
}
.form-tabs li a:hover {
  text-decoration: none;
  opacity: 1;
  padding-bottom: .7rem;
}
.form-tabs > .uk-active a,
.form-tabs a:hover {
  color: #3266CC;
  padding-bottom: .7rem;
  border-bottom: 3px solid #3266CC;
}
.g-recaptcha {
  margin: 2rem 0;
}
.calendar {
  width: 100%;
}
.calendar span {
  position: relative;
  margin-right: .4rem;
  bottom: 3.4rem;
  left: 103%;
  font-size: 2rem;
}
.calendar-icon-button {
  color: #535353;
}
.calendar-icon-button:hover {
  color: #0fb4ae;
  text-decoration: none;
  opacity: 100;
}
.uk-datepicker {
  background: #ffffff;
  border-radius: .4rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
  border: 1px solid #bfbfbf;
}
.uk-datepicker-heading {
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 1rem;
}
.uk-datepicker-table a {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.uk-datepicker-table a:hover {
  background: #ececec;
  border: 1px solid #ececec;
}
.uk-datepicker-table a.uk-active {
  background: #ececec;
  color: #535353;
}
.uk-datepicker-previous,
.uk-datepicker-next {
  color: #535353 !important;
}
.uk-datepicker-previous:hover,
.uk-datepicker-next:hover {
  color: #0fb4ae !important;
  opacity: 100 !important;
}
.uk-datepicker-previous::after,
.uk-datepicker-next::after,
.uk-modal-close:after {
  font-family: 'icomoon';
}
.uk-datepicker-next::after {
  content: "\e606";
}
.autocomplete-suggestions {
  background: #ffffff;
  border-radius: .4rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
  border: 1px solid #bfbfbf;
  padding: 0;
  overflow: hidden;
}
.autocomplete-suggestion {
  margin: 0;
  cursor: pointer;
  padding: 1rem;
}
.autocomplete-suggestion:hover {
  background: #ececec;
}
.icon-dropdown {
  display: inline-block;
  font-size: .6rem;
  float: right;
  margin-right: 1rem;
  position: relative;
  top: 4.1rem;
}
.options-menu a {
  color: #535353;
  display: block;
  width: 100%;
  height: 100%;
}
.options-menu a:hover {
  text-decoration: none;
  opacity: 1;
}
.options-menu li {
  text-align: center;
  font-size: 1.06rem;
  margin-right: 1.8%;
  padding: 1rem 0;
  border-radius: .4rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
}
.options-menu li:hover {
  cursor: pointer;
  background: #F5F5F5;
}
.options-menu li:nth-child(6),
.options-menu li:nth-child(12) {
  margin-right: 0;
}
.options-menu li span:before {
  color: #3266CC;
  background: #fafafa;
  display: block;
  margin: 0 auto 1.2rem auto;
  width: 13rem;
  height: 9rem;
  padding-top: 4rem;
  font-size: 5.4rem;
  border-radius: 50%;
}
.options-menu .icon-id-home:before,
.options-menu .icon-payments-home:before {
  height: 8rem !important;
  padding-top: 5rem !important;
  font-size: 4rem !important;
}
.options-menu .icon-apostil-home:before {
  height: 10.2rem !important;
  padding-top: 2.8rem !important;
  font-size: 6.6rem !important;
}
.grid-2 {
  display: inline-block;
  width: 15%;
  vertical-align: top;
}
@media (max-width: 1024px) {
  .grid-2 {
    width: 31.28%;
    margin-right: 0%;
  }
}
@media (max-width: 604px) {
  .grid-2 {
    width: 100%;
    margin-right: 0%;
  }
  .notification p {
    font-size: 1.2rem;
  }
  .notification li {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom: .6rem;
    padding: 0 !important;
    border: none !important;
  }
}
#document-type-error,
#document-number-error,
#autocomplete-error,
#document-place-error,
#document-date-error,
#agree-error,
#doubleNationality-error,
#user-name-error,
#user-first-lastname-error,
#user-second-lastname-error,
#user-sex-error,
#user-marital-status-error,
#user-ethnicity-error,
#user-birthday-error,
#autocompleteTwo-error,
#user-city-error,
#user-city-r-error,
#user-address-error,
#question-error,
#answer-error,
#procedure-error,
#blood-type-error,
#returns-error,
#passport-number-error,
#treatment-error,
#entity-error,
#authority-error,
#login-user-error,
#login-password-error {
  display: block;
  background: #e15a59;
  color: #ffffff;
  padding: 1rem 1rem 1.2rem .4rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  margin: .3rem 0 1.2rem 0;
  font-weight: 100;
}
#document-type-error:before,
#document-number-error:before,
#autocomplete-error:before,
#document-place-error:before,
#document-date-error:before,
#agree-error:before,
#doubleNationality-error:before,
#user-name-error:before,
#user-first-lastname-error:before,
#user-second-lastname-error:before,
#user-sex-error:before,
#user-marital-status-error:before,
#user-ethnicity-error:before,
#user-birthday-error:before,
#autocompleteTwo-error:before,
#user-city-error:before,
#user-city-r-error:before,
#user-address-error:before,
#question-error:before,
#answer-error:before,
#procedure-error:before,
#blood-type-error:before,
#returns-error:before,
#passport-number-error:before,
#treatment-error:before,
#entity-error:before,
#authority-error:before,
#login-user-error:before,
#login-password-error:before {
  display: inline-block;
  content: " ";
  width: 1rem;
  height: 1rem;
  background: #e15a59;
  position: relative;
  bottom: 1.4rem;
  left: 1rem;
  -ms-transform: rotate(45deg);
  /* IE 9 */

  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */

  transform: rotate(45deg);
}
#agree-error {
  margin-top: 1.2rem;
  width: 32.53333333333333%;
}
#agree-error:before {
  left: 1rem;
}
footer {
  background: #fafafa;
  margin-top: 3rem;
  padding: .1rem;
}
.legal {
  margin-top: 1rem;
  font-size: .86rem;
  text-align: center;
}
.c-logo-footer {
  width: 19rem;
  height: 3.3rem;
  display: block;
  margin: 1rem auto 3rem auto;
}
.uk-modal-dialog {
  border-radius: .4rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
  border: 1px solid #bfbfbf;
  border: none;
  padding: 4rem 3rem;
}
.uk-modal-dialog h1 {
  line-height: 2.4rem;
}
.uk-modal-dialog h2 {
  font-weight: 300;
  font-size: 1.4rem;
}
.uk-modal-close:after {
  content: "\e602";
}
.uk-modal-close {
  position: relative;
  bottom: 3em;
}
.uk-modal-close::before {
  content: "Cerrar";
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #535353;
  position: relative;
  top: 1.36rem;
  left: -3.16rem;
  font-size: 0.86rem;
}
.uk-datepicker-previous::after {
  content: "\e608";
}
.uk-modal-dialog > .button {
  position: initial;
  display: inline-block;
  margin-top: 1.6rem;
}
.uk-modal-dialog > .button:after,
.uk-modal-dialog > .button:before {
  display: none;
}
/* four columns */
.grid-3 {
  width: 24.1% !important;
}
@media (max-width: 1024px) {
  .grid-3 {
    width: 100% !important;
    margin-right: 0%;
  }
}
/* two columns */
.grid-6 {
  width: 49% !important;
}
@media (max-width: 1024px) {
  .grid-6 {
    width: 100% !important;
    margin-right: 0%;
  }
}
/* web visor */
.web-visor-toggle {
  display: block;
  width: 100%;
  background: #fafafa;
  margin-top: 2rem;
  padding: 1.2rem 1.2rem .2rem 1.2rem;
  cursor: pointer;
}
.web-visor-toggle:hover {
  background: #F5F5F5;
}
.web-visor-toggle h4 {
  display: inline-block;
}
.web-visor-toggle span:before {
  margin-top: .1rem;
  float: right;
  font-size: 1.2rem;
  display: inline-block;
}
.uk-accordion > .uk-active .icon-web-plus:before {
  content: "\e61e";
  font-size: .12rem;
  position: relative;
  top: .5rem;
}
.web-visor-button-container {
  margin: 1.6rem 0 2rem 0;
}
/* table */
.form-table {
  width: 100%;
  margin-top: .6rem;
  border-collapse: separate !important;
  border-spacing: 2px;
}
.form-table .table-header {
  background: #fafafa;
  border-bottom: 1px solid #bfbfbf;

}
.form-table tr:hover {
  background: #c7dfe0;
}

.form-table td {
    background: #ffffff;
    border: 1px solid #E3E3E3;
    padding: 5px 5px;
}
.form-table th {
    color: #333333 !important;
    background: #c7dfe0 !important;
    border: none !important;
    padding-left: .9rem;
    padding-top: .8rem;
    padding-right: .6rem;
    padding-bottom: .9rem; 
    border-radius: .2em;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
}
.form-table td,
.form-table th,
.form-table label {
  font-size: .9rem;
  vertical-align: top;
}
.form-table td,
.form-table th {
  text-align: left;
}
.form-table label {
  margin-top: 0rem;
}
.form-table input,
.form-table select {
  padding: .4rem .6rem;
  font-size: .9rem;
}
.form-table input:hover,
.form-table select:hover,
.form-table input:focus,
.form-table select:focus {
  background: #ffffff;
}
.form-table select {
  background: #ffffff;
  margin-top: .55rem;
  padding: .26rem .6rem;
}
.form-table a:hover {
  text-decoration: none;
}
.td-no-border {
  border-left: none !important;
}
/* doc */
.doc-container,
.doc-form-container {
  display: inline-block;
  vertical-align: top;
}
.doc-container {
  width: 48.5%;
  margin-right: 2%;
}
.doc-container .message-box {
  margin: 2rem 0 0 0;
}
.doc-form-container {
  width: 48.5%;
}
.doc-form-container .col-one {
  margin-right: 1.4%;
}
.doc-form-container p {
  font-size: .9rem;
  font-weight: 300;
}
.doc-form-container p strong {
  margin-left: .6rem;
}
.doc-form-container p strong:first-child {
  margin-left: 0;
}
.doc-form-container .message-box {
  margin-bottom: 2rem;
}
.doc-form-container .message-box p {
  width: 86%;
  font-size: .8rem;
}
.doc-form-container .big-button {
  display: inline-block;
  margin-top: .8rem;
  padding: .7rem .6rem;
}
.doc-form-container button[type="submit"] {
  padding: .8rem .6rem;
}
.doc-form-container .button-margin-right {
  margin-right: .3rem;
}
.doc-form-info {
  margin: .4rem 0;
}
.doc {
  background: #fafafa url('../img/doc-icon.svg') no-repeat center center;
  border: 2px solid #DCDCDC;
  width: 100%;
  /*height: 66rem;*/
  margin-top: .5rem;
}
.centrarPDF {
    max-width:800px; 
    width: 100%; 
    height: 700px; 
    margin-left:auto; 
    margin-right:auto;
}
.centrarElementosPequenos {
    max-width:700px; 
    width: 100%; 
    margin-left:auto; 
    margin-right:auto;
}
.login-body {
  background-color: #535353;
  background-image: url(../img/cielo-mapa.jpg);
  background-repeat: repeat-y;
  background-size: cover;
}
.login-container {
  padding-top: 4.6rem;
}
.login-form-container {
  max-width: 460px;
  margin: 0 auto;
  background: #ffffff;
  padding: 3rem 2rem 1rem 2rem;
  border-radius: .4rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
}
.login-form-container .c-logo-footer {
  margin: 1.0rem auto !important;
}
.login-form-container p {
  margin-top: 1.2rem;
  display: block;
}
.login-form-container a {
  color: #bfbfbf;
}
.login-form-container a:hover {
  color: #0fb4ae;
}
.login-form-container button {
  margin-top: .4rem;
}
.login-form {
  padding: 0 3rem 1rem 3rem;
  margin-top: -0.6rem;
}
.login-sitac-logo {
  display: block;
  margin: 0 auto 1.6rem auto;
}
.login-footer {
  background: rgba(0, 0, 0, 0.3);
  padding: .3rem 1rem;
}
.login-footer p,
.login-footer a {
  letter-spacing: .03rem;
  color: #ffffff;
  margin-top: 1rem;
}
/* sticky footer */
.login-html,
.login-body {
  height: 100%;
  background-color: #535353;
}
.login-container {
  min-height: 100%;
  margin-bottom: -7rem;
}
.login-container:after {
  content: '';
  display: block;
}
.login-footer,
.login-container:after {
  height: 4rem;
}

@media (min-width: 480px) {
  /* message boxes */
  .message-box > .icon-info,
  .message-box > .icon-error,
  .message-box > .icon-ok {
    font-size: 2.3rem;
    margin-left: -0.8rem;
  }

   .columna4 {
    display: inline-block;
    width: 80%;
    vertical-align: top;
    padding: 0 .6rem .6rem 0;
  }
}
@media (min-width: 720px) {
  /* forms (min-width: 640px)*/
  select {
    background-position: 97% 1.1rem;
  }
  select:focus {
    background-position: 97% 1.1rem;
  }
  /* message boxes */
  .message-box p {
    width: 95%;
  }
  .message-box > .icon-info,
  .message-box > .icon-error,
  .message-box > .icon-ok {
    font-size: 2.3rem;
    margin-left: -0.6rem;
    float: left; /*JasciNuevo*/
  }
  /* footer */
  .c-logo-footer {
    width: 29rem;
    height: 8rem;
  }

    .columna4 {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    padding: 0 .6rem .6rem 0;
  }
}
@media (min-width: 768px) {
  /* forms */
  select {
    background-position: 98% 1.1rem;
  }
  select:focus {
    background-position: 98% 1.1rem;
  }
  /* message boxes */
  .message-box p {
    width: 95%;
  }
  .message-box > .icon-info,
  .message-box > .icon-error,
  .message-box > .icon-ok {
    font-size: 2.3rem;
    margin-left: 0;
    float: left; /*JasciNuevo*/
  }
  .top-message-box a {
    margin-right: 0;
  }

  .columna4 {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    padding: 0 .6rem .6rem 0;
  }
}

@media (min-width: 1050px) {
  /* Sticky header */
  #sticky-header {
    transition: all 0.4s ease;
    width: 100%;
    background: #ffffff;
    position: fixed;
    box-shadow: 0 -10px 20px 0px #333333;
    -moz-box-shadow: 0 -10px 20px 0px #333333;
    -webkit-box-shadow: 0 -10px 20px 0px #333333;
    top: 0;
    z-index: 120;
  }
  #sticky-header.sticky {
    height: 4.4rem;
    overflow: hidden;
  }
  .c-logo-nav.invisible,
  .s-logo-nav-desk.invisible {
    display: none !important;
  }
  .c-logo-small-nav.visible {
    display: inline-block !important;
    max-width: 12rem;
    margin: -0.4rem 1rem 0 0;
  }
  .s-logo-small-nav.visible {
    display: inline-block !important;
    max-width: 23rem;
    margin-top: -0.38rem;
  }
  .breadcrumb.visible {
    display: inline-block !important;
    float: right;
    text-align: right;
    margin-top: .3rem;
    color: #999;
  }
  .top-message-box {
    position: relative;
    top: 6.4rem;
  }
  #after-sticky-message-box {
    margin-top: 5px;  /*7.4rem; JModify*/
  }
  .first-header {
    margin-top: 7.2rem;
  }
  /* first nav */
  .first-level-nav ul {
    float: left;
  }
  .c-logo-nav {
    max-width: 17rem;
  }
  .s-logo-nav-desk {
    display: inline-block !important;
    max-width: 16rem;
    margin-left: 1.6rem;
  }
  .c-logo-small-nav-bk {
    display: block;
    width: 17rem;
    height: 3.98rem;
    background: url(../img/cancilleria-logo.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .c-logo-small-nav-bk span,
  .c-logo-small-nav-bk span:hover {
    display: none;
  }
  .s-logo-nav-desk-bk {
    background: url(../img/sitac-logo.svg);
    background-size: contain; /* No soporta IE < 9*/
    width: 27em;  
    height: 3em;
    background-repeat: no-repeat;
    background-position-y: center;

  }

  .s-logo-nav-desk-bk span,
  .s-logo-nav-desk-bk span:hover {
    display: none;
  }
  .c-logo-small-nav.visible > .c-logo-small-nav-bk {
    width: 12rem;
    height: 2.81rem;
  }
  .s-logo-small-nav.visible > .s-logo-small-nav-bk {
    display: block;
    width: 23rem;
    height: 1.61rem;
    background: url(../img/sitac-logo-small.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .s-logo-small-nav.visible > .s-logo-small-nav-bk span,
  .s-logo-small-nav.visible > .s-logo-small-nav-bk span:hover {
    display: none;
  }
  .s-logo-nav {
    display: none !important;
  }
  /* container */
  .content-container {
    max-width: 1800px;
    margin: 0 auto;
    padding: .5rem;
  }
  .wide-container {
    max-width: 1800px;
    /*margin: 0 auto;*/
    padding: 0rem 4rem;
  }
  /* message boxes */
  .message-box {
    margin-top: 1.2rem; 
    padding: 5px; /*JModify*/
    margin: 15px 5px 15px 5px;
  }
  .message-box p {
    width: 97%;
  }
  /* header */
  header > .required-fields {
    float: right;
  }
  .border-bottom-required {
      padding-bottom: 2px;
    /*padding-bottom: 1rem; JModify*/
  }
  h1 {
    margin-bottom: 0;
  }
  /* forms */
  select {
    background-position: 96.6% 1.1rem;
  }
  select:focus {
    background-position: 96.6% 1.1rem;
  }
  /* cols */
  .divUnaColumna {
    margin-bottom: 10px; 
    padding: 0px 5px 0px 15px;
}
  .col {
    display: inline-block;
    width: 31.53333333333333%;
    vertical-align: top;
  }
  .col-one,
  .col-two {
    margin-right: 0.89%;
    padding-right: 1em;
  }


.columna2 {
    display: inline-block;
    width: 49.5%;
    vertical-align: top;
    padding: 0 .6rem .6rem 0;
  }


  /*Para generar cuatro columnas*/
.columna4 {
    display: inline-block;
    width: 31%;
    vertical-align: top;
    padding: 0 .6rem .6rem 0;
  }
 
  .inline-buttons {
    margin-top: 2.9rem;
    display: inline-block;
  }
  /* recaptcha */
  .g-recaptcha {
    margin-bottom: 1rem;
  }
  /* modal */
  .uk-modal-dialog {
    width: 54rem;
  }
}

@media (min-width: 1310px) {
   .columna4 {
    display: inline-block;
    width: 24.5%;
    vertical-align: top;
    padding: 0 .6rem .6rem 0;
  }
}

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?-wb8e3q');
  src: url('../fonts/icomoon.eot?#iefix-wb8e3q') format('embedded-opentype'), url('../fonts/icomoon.ttf?-wb8e3q') format('truetype'), url('../fonts/icomoon.woff?-wb8e3q') format('woff'), url('../fonts/icomoon.svg?-wb8e3q#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-calendar:before {
  content: "\e600";
}
/*.icon-check:before {
  content: "\e601";
}*/
.icon-close:before {
  content: "\e602";
}
.icon-dropdown:before {
  content: "\e603";
}
.icon-error:before {
  content: "\e604";
}
.icon-info:before {
  content: "\e605";
}
.icon-next:before {
  content: "\e606";
}
.icon-ok:before {
  content: "\e607";
}
.icon-prev:before {
  content: "\e608";
}
.icon-search:before {
  content: "\e609";
}
.icon-save:before {
  content: "\e60a";
}
.icon-warning:before {
  content: "\e60b";
}
.icon-users-home:before {
  content: "\e60c";
}
.icon-key-home:before {
  content: "\e60d";
}
.icon-hand-home:before {
  content: "\e60e";
}
.icon-procedures-home:before {
  content: "\e60f";
}
.icon-stamp-home:before {
  content: "\e617";
}
.icon-id-home:before {
  content: "\e610";
}
.icon-nationality-home:before {
  content: "\e612";
}
.icon-passport-home:before {
  content: "\e611";
}
.icon-visa-home:before {
  content: "\e618";
}
.icon-help-home:before {
  content: "\e613";
}
.icon-archive-home:before {
  content: "\e614";
}
.icon-payments-home:before {
  content: "\e615";
}
.icon-apostil-home:before {
  content: "\e616";
}
.icon-menu:before {
  content: "\e619";
}
.icon-user-round:before {
  content: "\e61a";
}
.icon-next2:before {
  content: "\e61b";
}
.icon-down:before {
  content: "\e61c";
}
.icon-web-plus:before {
  content: "\e61d";
}
.icon-web-minus:before {
  content: "\e61e";
}
.icon-bin:before {
  content: "\e61f";
}
.icon-repeat-1:before {
  content: "\e620";
}
.icon-repeat-back:before {
  content: "\e621";
}
.icon-reject:before {
  content: "\e622";
}
.icon-logout:before {
  content: "\e623";
}
.icon-statistics:before {
  content: "\e624";
}
.icon-edit:before {
  content: "\e625";
}
.icon-print:before {
  content: "\e626";
}
.icon-shopping-cart:before {
  content: "\e627";
}
.icon-shopping-cart-remove:before {
  content: "\e628";
}
.icon-approve:before {
  content: "\e629";
}




/*nuevo para wizard*/


.ocultar { display: none; }

.botonImagen {
    padding:1px; 
    border:hidden; 
    Height:40px; 
    width:40px
}

#wizHeader li .prevStep
{
    background-color: #d3d3e9;
    text-align:left;
    width: 15em;
}
#wizHeader li .currentStep
{
    background-color: #3266CC; 
    text-align:left;
    width: 15em;
}
#wizHeader li .nextStep
{
    background-color:#C2C2C2;
    width: 15em;
}
#wizHeader li .nextStep:after
{
    border-left-color:#C2C2C2 !important;
}
#wizHeader
{
    /*list-style: none;*/
    overflow: hidden;
    font: 18px Helvetica, Arial, Sans-Serif;
    margin: 0px;
    padding: 0px;
}
#wizHeader li
{
    float: left;
    margin: 15px 10px 0px 10px;
}
#wizHeader li a
{
    border-radius: .4rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;

    color: white;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    position: relative;
    display: block;
    float: left;
}
#wizHeader li a:after
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: 2;
}
#wizHeader li a:before
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: 1;
}        

.content
{
    height:150px;           
    padding-top:75px;
    text-align:left;
    background-color:#F9F9F9;
    font-size:48px;
}



.error_validacion {
    background: #e15a59;  
    color: #ffffff !important;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    margin: .3rem 0 1.2rem 0;
    padding: 0.5rem 0.82rem 0.5rem 0.82rem; 
    width: 100%;
}

/*Cuando la clase es message-box y contiene un parrafo y dentro del parrafo un label .message-box p label {*/
.error_validacion span{
  display:inline-block;
}

span {
    display: inline-block;
}


.checkAcepto {
    margin: 0;
    margin-right: 0.5em;
}

/*Modal para progreso*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.50;
}

/*para comparar firma*/
.modalBackgroundTransparente {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0.80;
}

.updateProgress {
    padding: 0.5em;
    background-color: #FFFFFF;
    position: absolute; 
    float: right;
    width: 400px;
    height: auto;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    border: 1px solid gray;
}


.updateProgressDerecha {
    padding: 0.5em;
    background-color: #FFFFFF;
    margin-top: 30%; 
    margin-left: 50%; 
    width: 400px;
    height: auto;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    border: 1px solid gray;
}


@media only screen 
and (min-width: 0px) 
and (max-width: 480px)
{
.updateProgress {
    width: 250px;
    }
}


.eliminarEspacio {
    margin-right: -2px;
}
    
.miTable  
{  
    display: table;  
    border: hidden;

}  

.miRow  
{  
    display: table-row;  
    border: hidden;

}  
        
.miCell  
{  
    display: table-cell;  
    border: hidden;  
    border-width: thin;  
    padding-left: 5px;  
    padding-right:5px;  

}  



.miTableBorde  
{  
    display: table;  
    width: 80%;
    margin-top: 0.5em;
    border-collapse: separate !important;
    border-spacing: 2px;
}  
@media only screen 
and (min-width: 0px) 
and (max-width: 480px)
{
.miTableBorde {
    width: 100%;
    }
}

.miRowBorde 
{  
    display: table-row;  
    background: #ffffff;
    border: 1px solid #E3E3E3;
    padding: 5px 5px;
}  
        
.miCellBorde  
{  
    display: table-cell;  
    border-width: thin;  
    background: #ffffff;
    border: 1px solid #E3E3E3;
    padding: 5px 5px;
}  





/*Nuevos para el menú*/


.level1 {
    color: black;
    border-right: 1px solid #bfbfbf;
    padding: .3rem;
}
/*hover: cuando el mouse esta posicionado encima del menu*/
.level1:hover {
  text-decoration:none;
}

 /*Color letra del menú*/
.level1 a {
  color: #000000 !important;  
  text-decoration:none;
}

.level2 {
  background-color: #fafafa;
  padding: 0px 15px 0px 15px;
  color: #000000 !important; 
  text-decoration:none !important; 
}
/*Para iluminar el item del submenu seleccionado - toda la fila*/
/*.level2 li {   
  display: block !important;
  padding: .12rem 0;
}*/

.level2 ul {   
  border-radius: .4rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
}

/*Para iluminar el texto del item del submenu seleccionado - Solo el texto del item*/
.level2 li:hover {    
  text-decoration:none;  
}

.hoverstyle {
    background-color:#e4e4e4;
}
.hoverstylelevel2 {
    background-color:#e4e4e4;
}


/*Mensajes personalizados*/
.indicadorError {
    /*background-color: rgba(255, 3, 3, 0.18);*/
    border-color: rgb(255, 1, 1);
    border-width: 2px;
}





.restablecerBorde {
    border-color: rgb(191, 191, 191);
    border-width: 1px;
}



.panelSoloMensaje {
    border: #ff3103 1px solid;
    padding: 5px 5px 5px 5px;
    margin: 5px 0px;
    background-color: #ffa19c; 
    border-radius: 0.8rem;
}


.panelSoloMensajeVerde {
    border: #D0F5A9 1px solid;
    padding: 5px 5px 5px 5px;
    margin: 5px 0px;
    background-color: #D0F5A9; 
    border-radius: 0.8rem;
}

.panelSoloMensajeAmarilloClaro {
    border: #ecc413 1px solid;
    padding: 5px 5px 5px 5px;
    margin: 5px 0px;
    background-color: #fff8d9; 
    border-radius: 0.8rem;
}



.panelControl {
    width: 15rem;
    vertical-align: top;
    padding: .6rem;
    border: #dddddd 1px solid;
    border-radius: 0.8rem;
    background-color: #fafafa; 
    float: left;
    margin: .6rem;
    height: 11rem;
  }

.opcionesPanel {
  display: block;
  width: 100%;
  height: 25rem;
  margin: .6rem;
}

.nota {
  font-size: 1.8rem;
}


/*Para dar forma de dialogo*/
.divBurbuja {
  position:relative;
  padding: 10px 10px;
  margin: 0 0 3em 0;
  border:2px solid rgb(191, 191, 191); /*#5a8f00*/
  background:#fff;
  -webkit-border-radius:20px;
  -moz-border-radius:10px;
  border-radius: 10px;
  width: 95%;
}
.divBurbuja:before {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-24px;
  left:0px;
  width:50px;
  height:20px;
  border-style:solid;
  border-width:0 2px 2px 0;
  border-color: rgb(191, 191, 191);
  background:transparent;
  -webkit-border-bottom-right-radius:80px 50px;
  -moz-border-radius-bottomright:80px 50px;
  border-bottom-right-radius:80px 50px;
  display:block;
}
.divBurbuja:after {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-24px;
  left:4px;
  width:20px;
  height:20px;
  border-style:solid;
  border-width:0 2px 2px 0;
  border-color: rgb(191, 191, 191);
  background:transparent;
  -webkit-border-bottom-right-radius:40px 50px;
  -moz-border-radius-bottomright:40px 50px;
  border-bottom-right-radius:40px 50px;
  display:block;
}
.divBurbuja > :first-child:after {
  content:"";
  position:absolute;
  bottom:-10px;
  left:26px;
  width:24px;
  height:15px;
  background:#fff;
}
/*Fin Para dar forma de dialogo*/

.mostrarEnGrupo {
    float: left;
}

.columna
{
    display: inline-block;
    vertical-align: top;
    padding: 0 .6rem .6rem 0;
} 

.DlblMensajes {
    padding-left: .5rem;
    width: 100%;
    display: flex;
}