@charset "UTF-8";
@import "../fonts/mpt-icons/mpt-icons-style.css";
@import "./main-vars.css";
/*https://design.mapfre.com/28d73fe2d/p/1180eb-layout */
/* documentation */


@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/DM_Sans/DMSans-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: DM Sans;
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/DM_Sans/DMSans-Italic.ttf");
  font-display: swap;
}

html, body {
  height: 100%;
  margin: 0;
}

body{	
	font-family: 'DM Sans', Helvetica,Arial, Lucida, sans-serif;
}

.mpt-base-container{
	width: 1600px!important;
	margin-right: auto!important;
	margin-left: auto!important;
}
 
@media (max-width: 1919px) {	
	.mpt-base-container{
		width: 1400px!important;		
	}
}

@media (max-width: 1599px) {	
	.mpt-base-container{
		width: 1200px!important;		
	}
}
/* in documentation */
@media (max-width: 1439px) {	
	.mpt-base-container{
		width: 1120px!important;		
	}
}
/* in documentation */
@media (max-width: 1149px) {	
	.mpt-base-container{
		width: 100%!important;
		padding-left: 15px;
		padding-right: 15px;	
	}
}
/* documentation end*/
.container.mpt-top  { 
  padding-left: 0px;
  padding-right: 0px;
}

.container.mpt-body  {
  margin-right: auto;
  margin-left: auto;
  background: #FFFFFF;
  padding-top: 25px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 80px;
  min-height: calc(100% - 198px);
}


.form-control {
    max-width: 100%;
}    

.display-flex {
	display: flex;
}

.invisible {
    display: none;
}
.display-block {
    display: block;
}
.bold-font { 
    font-weight: bold;
}
.italic-font {
    font-style: italic;
}

.no-side-margin {
    margin-left: 0;
    margin-right: 0;
}
.no-side-padding {
    padding-left: 0;
    padding-right: 0;
}
.x-margin-sm,
.small-side-margin {
    margin-left: 5px;
    margin-right: 5px;
}
.desktop-small-side-margin {
}
@media (min-width: 768px) {
    .desktop-small-side-margin {
        margin-left: 5px;
        margin-right: 5px;
    }
}
.y-margin-sm,
.small-vertical-margin {
    margin-top: 5px;
    margin-bottom: 5px;
}
.y-padding-sm,
.small-vertical-padding {
    padding-top: 5px;
    padding-bottom: 5px;
}
.y-padding-md,
.medium-vertical-padding {
    padding-top: 10px;
    padding-bottom: 10px;
}
.large-vertical-padding {
    padding-top: 2rem;
}
.x-padding-sm,
.small-side-padding {
    padding-left: 5px;
    padding-right: 5px;
}
.x-margin-md,
.normal-side-margin {
    margin-left: 15px;
    margin-right: 15px;
}
.x-padding-md,
.normal-side-padding {
    padding-left: 15px;
    padding-right: 15px;
}
.y-margin-md,
.normal-vertical-margin {
    margin-top: 15px;
    margin-bottom: 15px;
}
.y-padding-md,
.normal-vertical-padding {
    padding-top: 15px;
    padding-bottom: 15px;
}
.normal-right-padding {
    padding-right: 15px;
}
.normal-left-padding {
    padding-left: 15px;
}
.no-desktop-side-padding {
    padding-left: 0;
    padding-right: 0;
}
.top-normal-margin {
    margin-top: 15px;
}
.no-mobile-side-padding {
}
.no-mobile-side-margin {
}
/*
 * Bloqueador temporario de CSS transitions
 *
 * EX: $someElement.addClass('notransition'); // Disable transitions
 *     doWhateverCssChangesYouWant($someElement);
 *     $someElement[0].offsetHeight; // Trigger a reflow, flushing the CSS changes
 *     $someElement.removeClass('notransition'); // Re-enable transitions
 */
.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.radio label.no-side-padding,
.checkbox label.no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.form-horizontal .radio.table-row, 
.form-horizontal .checkbox.table-row {
	min-height: 0;
    max-height: 0;
}
.mpt-body  h1 {
    padding: 15px;
    margin: 0px;
    /*font-size: 13px;*/
    line-height: 1.1;
}

.mpt-body  div.centered {
	display: inline-block;
}


.text-mobile-center {
    text-align: left;
}

@media (max-width: 767px) {
    .container.mpt-body  {
        padding-top: 100px;
        padding-left: 0;
        padding-right: 0;
    }
    .form-control.equal-parent-width {
        width: inherit;
    }
	.control-label.mobile-top-5 {
		padding-top: 5px;
	}
}
@media (max-width: 480px) {
    .container.mpt-body  {
        padding-top: 100px;
        padding-left: 0;
        padding-right: 0;
    }
    .form-control.equal-parent-width {
        width: inherit;
    }
    .text-mobile-center {
        text-align: center;
    }
}

/* container principal */
.container {
/*    padding-right: 15px;
    padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
}
@media (max-width: 380px) {
    .container {
        min-width: 363px;
    }
}

.imagem-destaque-container {
	max-height: 220px;
}
.imagem-destaque {
	max-height: 210px;
}
.imagem-normal {
	max-height: 100px;
}

body:not(.msie) .grid-align-center:not(.invisible) {
    display: grid;
    align-items: center;
    justify-items: center;
}
body:not(.msie) .flex-align-center:not(.invisible) {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
body:not(.msie) .grid-align-center.display-inline {
    /* TODO: remover no futuro qualquer !important do main.css */
    display: grid !important;
}
body:not(.msie) .flex-align-center.display-inline {
    /* TODO: remover no futuro qualquer !important do main.css */
    display: flex !important;
}
body.msie .grid-align-center {
    display: inline-block;
    /*margin-left: 33%;*/
    /*-webkit-transform: translateX(-50%);*/
    /* -ms-transform: translateX(-50%); */
    /*transform: translateX(-50%);*/
}
/* TODO / NOTA: nao utilizar em conjunto (ou como agredador) com drop-down / combobox */
/*
    https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
    https://tiffanybbrown.com/2015/09/css-stacking-contexts-wtf/index.html
 */
.hoz-align-center {	
    /*margin-left: 50%;*/
    /*-webkit-transform: translateX(-50%);*/
    /* -ms-transform: translateX(-50%); */
   /* transform: translateX(-50%);*/
}
.table-cell-align-center:not(.invisible) {
    display: table-cell;
    float: left;
    text-align: center;
}
.table-content-center:not(.invisible) {
    display: inline-block;
    float: none;
    /*text-align: left;*/
    text-align: center;
}
/* TODO / NOTA: nao utilizar em conjunto (ou como agredador) com drop-down / combobox */
/*
    https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
    https://tiffanybbrown.com/2015/09/css-stacking-contexts-wtf/index.html
 */
.ver-align-center {
    margin-top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mobile-text-center {	
}
@media (max-width: 480px) {
	a.mpt-url-label.mobile-text-center, .mobile-text-center {
		text-align: center;
	}	
}

.form-group.form-group-blank {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    min-height: 35px;
}

.form-group.form-group-white {
    margin-bottom: 0 !important;
    background-color: #ffffff;
    box-shadow: none;
    border: none;
    border-radius: 0;
    border-left: 1px solid #e5e5e6;
    border-right: 1px solid #e5e5e6;
}

.form-group-invisible {
  margin-bottom: 0px !important;
  display: none;
}


@media (min-width: 768px) {
    .form-horizontal .control-label.text-left {
        text-align: left;
    }
    .panel.panel-default .form-control.mpt-field.mpt-field-text.full-width,
    .panel.panel-default .form-control.mpt-field.mpt-field-nif.full-width {
		width: 100%;
    }
}

.dark-style {
    background-color: #2e2e2e;
    color: #cecece;
    border-radius: 4px;
    height: 34px;
}

@media (min-width: 850px) {
  .mpt-body .container {
    min-width: 800px;
    max-width: 1000px;
    width: auto;
  }
}
@media (min-width: 992px) {
  .mpt-body .container {
    min-width: 1000px;
    max-width: 1200px;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .mpt-body .container {
    min-width: 1200px;
    max-width: 1500px;
    width: auto;
  }
}

@media (min-width: 1500px) {
  .mpt-body .container {
    min-width: 1500px;
    max-width: 2300px;
    width: auto;
  }
}

.mpt-footer .container-fluid,
.mpt-body .container-fluid{
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.mpt-body .container-fluid.no-side-padding {
    padding-left: 0;
    padding-right: 0;
}

.mpt-body .swiper-pagination[class*="col-"] {
    position: relative;
}
.mpt-body .swiper-pagination-bullet {
    margin-left: 3px;
    margin-right: 3px;
}
.mpt-body .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ed1c24;
}

.mpt-body .swiper-button-next:hover,
.mpt-body .swiper-button-prev:hover {
    opacity: 0.7;
    cursor: pointer;
}
.mpt-body .swiper-button-next:focus,
.mpt-body .swiper-button-prev:focus {
    outline: none;
}
.mpt-body .swiper-button-next.swiper-button-disabled,
.mpt-body .swiper-button-prev.swiper-button-disabled {
    color: #808285;
}
.mpt-body .swiper-button-next.swiper-button-disabled:hover,
.mpt-body .swiper-button-prev.swiper-button-disabled:hover {
    opacity: 0.2;
}
.mpt-body .swiper-button-next,
.mpt-body .swiper-button-prev {
    left: 0;
    height: auto;
    margin-top: 0;
    background-image: none;
    background: none;
}

.mpt-field-selectpicker-container .btn-group.bootstrap-select.mpt-field-combo .dropdown-toggle .caret {
    font: normal normal normal 14px/1 FontAwesome;
    color: #ed1c24;
    position: absolute;
    top: 30%;
    right: 20px;
    width: 0;
    height: 0;
    border: 0;
}
.mpt-field-selectpicker-container .btn-group.bootstrap-select.mpt-field-combo.disabled {
    background-color: #fafafa;
    opacity: 0.8;
}
.mpt-field-selectpicker-container .btn-group.bootstrap-select.mpt-field-combo.disabled .dropdown-toggle .caret {
    color: #808285;
}
.mpt-field-selectpicker-container .btn-group.bootstrap-select.mpt-field-combo .dropdown-toggle .caret:before {
    content: "\f078";
}
.mpt-field-selectpicker-container .btn-group.bootstrap-select.mpt-field-combo.open .dropdown-toggle .caret:before {
    content: "\f077";
}
.mpt-field-selectpicker-container .btn-group.bootstrap-select > .btn {
    height: 34px;
    margin: 0;
    border-radius: 4px;
}
.mpt-field-selectpicker-container .btn-group.bootstrap-select .dropdown-menu li a > .btn-img,
.mpt-field-selectpicker-container .btn-group.bootstrap-select .dropdown-toggle .filter-option > .btn-img {
    text-align: center;
    color: #ed1c24;
}
.mpt-field-selectpicker-container .btn-group.bootstrap-select .dropdown-menu li a > .btn-img svg,
.mpt-field-selectpicker-container .btn-group.bootstrap-select .dropdown-toggle .filter-option > .btn-img svg {
    fill: currentColor;
}
.mpt-field-selectpicker-container .btn-group.bootstrap-select .dropdown-menu li a > .btn-img.btn-img-top,
.mpt-field-selectpicker-container .btn-group.bootstrap-select .dropdown-toggle .filter-option > .btn-img.btn-img-top {
    background-size: contain;
    background-position-x: center;
    background-position-y: 15%;
    background-repeat: no-repeat;
    padding-top: 50px;
}
.mpt-field-selectpicker-container .btn-group.bootstrap-select .dropdown-menu li a > .btn-img.btn-img-right,
.mpt-field-selectpicker-container .btn-group.bootstrap-select .dropdown-toggle .filter-option > .btn-img.btn-img-right {
    background-size: contain;
    background-position-x: 97%;
    background-position-y: center;
    background-repeat: no-repeat;
    padding-right: 60px;
}
.mpt-field-selectpicker-container .btn-group.bootstrap-select .dropdown-menu li a > .btn-img.btn-img-bottom,
.mpt-field-selectpicker-container .btn-group.bootstrap-select .dropdown-toggle .filter-option > .btn-img.btn-img-bottom {
    background-size: contain;
    background-position-x: center;
    background-position-y: 85%;
    background-repeat: no-repeat;
    padding-bottom: 50px;
}
.mpt-field-selectpicker-container .btn-group.bootstrap-select .dropdown-menu li a > .btn-img.btn-img-left,
.mpt-field-selectpicker-container .btn-group.bootstrap-select .dropdown-toggle .filter-option > .btn-img.btn-img-left {
    background-size: contain;
    background-position-x: 3%;
    background-position-y: center;
    background-repeat: no-repeat;
}
.mpt-field-selectpicker-container .btn-group.bootstrap-select .dropdown-menu li a > .btn-img.btn-img-center,
.mpt-field-selectpicker-container .btn-group.bootstrap-select .dropdown-toggle .filter-option > .btn-img.btn-img-center {
    background-size: contain;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
}
.mpt-field-selectpicker-container .mpt-field-combo.combo-double-line .btn-group.bootstrap-select > button.btn.dropdown-toggle.btn-default .filter-option .bottom-combo-line {
    display: none;
}
.mpt-field-selectpicker-container .mpt-field-combo.combo-double-line .btn-group.bootstrap-select > button.btn.dropdown-toggle.btn-default .filter-option .top-combo-line {
    font-size: 14px;
}
.mpt-field-selectpicker-container .mpt-field-combo.combo-double-line .btn-group.bootstrap-select .dropdown-menu li a .top-combo-line {
    font-size: 14px;
    font-weight: bold;
}
.mpt-field-selectpicker-container .mpt-field-combo.combo-double-line .btn-group.bootstrap-select .dropdown-menu li a .bottom-combo-line {
    font-size: 14px;
    font-style: italic;
    color: #808285;
}
@media (max-width: 767px) {
    .mpt-field-selectpicker-container .btn-group.bootstrap-select {
        max-width: calc(100vw - 80px);
    }
}

.mpt-field-bnt-group-container .mpt-button-group-field {
    margin: 0;
}
.mpt-field-bnt-group-container .btn-toolbar {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
}
.mpt-field-bnt-group-container .btn.btn-decisao {
    width: 100%;
    min-height: 50px;
    color: #808285;
    background-color: #fafafa;
    font-size: 16px;
    font-weight: normal;
    border-radius: 0;
    text-align: left;
    margin-bottom: 10px;
    white-space: normal;
}
.mpt-field-bnt-group-container .btn.btn-decisao.selected {
    color: #fafafa;
    background-color: #ed1c24;
}
.mpt-field-bnt-group-container .btn.btn-decisao > .btn-decisao-txt {
    display: inline-block;
}
.mpt-field-bnt-group-container .btn.btn-decisao > .btn-decisao-img {
    display: inline-block;
}
.mpt-field-bnt-group-container .btn.btn-decisao > .btn-decisao-img > i {
    color: #ed1c24;
    font-size: 18px;
    position: absolute;
    top: 40%;
    right: 20px;
}
.mpt-field-bnt-group-container .btn.btn-decisao.selected > .btn-decisao-img > i {
    color: #fafafa;
}
.mpt-field-bnt-group-container .btn.btn-decisao.premios {
    color: #ed1c24;
    background-color: #fafafa;
}
.mpt-field-bnt-group-container .btn.btn-decisao.premios.selected {
    color: #fafafa;
    background-color: #ed1c24;
}
.mpt-field-bnt-group-container .btn.btn-decisao.premios > .btn-decisao-img > i {
    color: #ed1c24;
}
.mpt-field-bnt-group-container .btn.btn-decisao.premios.selected > .btn-decisao-img > i {
    color: #fafafa;
}


.mpt-field-bnt-group-container .btn.btn-decisao.btn-isolado {
    min-height: 34px;
    background-color: #ffffff;
    border: 1px #cecece solid;
    border-radius: 2px;
    max-width: 250px;
}
.mpt-field-bnt-group-container .btn.btn-decisao.btn-isolado > .btn-decisao-text {
    font-size: 14px;
}
@media (max-width: 1199px) {
    .mpt-field-bnt-group-container .btn.btn-decisao.btn-isolado {
        padding-left: calc(10px + 5 * ((100vw - 992px) / 208));
        padding-right: calc(10px + 5 * ((100vw - 992px) / 208));
    }
    .mpt-field-bnt-group-container .btn.btn-decisao.btn-isolado > .btn-decisao-text {
        font-size: calc(11px + 3 * ((100vw - 992px) / 208));
    }
}
@media (max-width: 991px) {
    .mpt-field-bnt-group-container .btn.btn-decisao.btn-isolado {
        padding-left: 10px;
        padding-right: 10px;
    }
    .mpt-field-bnt-group-container .btn.btn-decisao.btn-isolado > .btn-decisao-text {
        font-size: 12px;
    }
}
.mpt-field-bnt-group-container .btn.btn-decisao.btn-isolado > .btn-decisao-icon > i {
    color: #ed1c24;
}
.mpt-field-bnt-group-container .btn.btn-decisao.btn-isolado:hover,
.mpt-field-bnt-group-container .btn.btn-decisao.btn-isolado:focus {
    background-color: #ed1c24;
    color: #fafafa;
}
.mpt-field-bnt-group-container .btn.btn-decisao.btn-isolado:hover > .btn-decisao-icon > i,
.mpt-field-bnt-group-container .btn.btn-decisao.btn-isolado:focus > .btn-decisao-icon > i {
    color: #fafafa;
}

.mpt-field-bnt-group-container .btn-toolbar.mpt-button-group-toolbar-center {
    margin-left: auto;
    margin-right: auto;
}
.mpt-field-bnt-group-container .has-error .btn-toolbar {
    border: 1px solid #be0e0f;
}
.mpt-field-bnt-group-container .btn-toolbar > .btn-group {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-horizontal {
    margin: 3px 0;
}
.mpt-field-bnt-group-container.min-width-small .btn-toolbar > .btn-group.btn-group-img-horizontal {
    min-width: 250px;
}
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-center,
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-vertical {
    min-width: 138px;
    max-width: 154px;
    min-height: 100px;
    max-height: 154px;
    margin: 5px;
}
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-center > .btn.btn-select,
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-vertical > .btn.btn-select,
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-horizontal > .btn.btn-select {
    border-radius: 4px;
}
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-center > .btn.btn-select,
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-vertical > .btn.btn-select {
    min-height: 100px;
    max-height: 154px;
    border: 1px solid #cecece;
}
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-horizontal > .btn.btn-select {
    width: 95%;
}
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-center > .btn.btn-select {
    background-color: #ffffff;
    min-width: 102px;
    max-width: 102px;
    overflow: hidden;
    margin: 2px;
}
.mpt-field-bnt-group-container.mpt-field-container.active .btn-toolbar > .btn-group.btn-group-img-center > .btn.btn-select.selected {
    border: 1px solid #ed1c24;
}
.mpt-field-bnt-group-container.mpt-field-container.active .btn-toolbar > .btn-group.btn-group-img-center > .btn.btn-select:not(.selected) {
    opacity: 0.4;
}
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-center > .btn.btn-select .icon {
    min-width: 70px;
    min-height: 70px;
}
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-horizontal > .btn.btn-select .icon {
    min-width: 45px;
    min-height: 45px;
    display: inline-block;
}
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-horizontal > .btn.btn-select > .btn-select-text.btn-img-left {
    float: left;
    text-align: left;
    max-width: 70%;
    margin-top: 0;
    margin-bottom: 0;
    white-space: normal;
    word-break: break-word;
}
.mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-vertical > .btn.btn-select {
    border: 1px solid #cecece;
    background-color: #ffffff;
}
.mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-vertical > .btn.btn-select.selected {
    border: 1px solid #cecece;
    background-color: #ed1c24;
}
body:not(.msie) .mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-vertical > .btn.btn-select.selected .icon-m-dark-grey,
body:not(.msie) .mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-vertical > .btn.btn-select.selected .icon-m-mid-grey,
body:not(.msie) .mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-vertical > .btn.btn-select.selected .icon-m-light-red {
    -webkit-filter: invert(100%) sepia(0%) saturate(2102%) hue-rotate(322deg) brightness(108%) contrast(96%);
    filter: invert(100%) sepia(0%) saturate(2102%) hue-rotate(322deg) brightness(108%) contrast(96%);
}
.mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-vertical > .btn.btn-select.selected .text-m-dark-grey,
.mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-vertical > .btn.btn-select.selected .text-m-mid-grey,
.mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-vertical > .btn.btn-select.selected .text-m-light-red {
    color: #fafafa;
}

.mpt-field-bnt-group-container .btn.btn-select {
    width: 98%;
    min-height: 50px;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    background-color: #cecece;
    border-color: #cecece;
}
.mpt-field-bnt-group-container .btn.btn-select .text-height-large {
	min-height: 45px;
	font-size: small;
}
.mpt-field-bnt-group-container .btn.btn-select.btn-white {
    background-color: #fafafa;
    border-color: #fafafa;
}

.mpt-field-bnt-group-container .btn.btn-select > .icon {
    background-size: 45px auto;
    background-repeat: no-repeat;
    float: left;
}
.mpt-field-bnt-group-container .btn.btn-select > .icon.btn-img-top {
    background-position-x: center;
    background-position-y: 15%;
    padding-top: 50px;
    float: none;
}
.mpt-field-bnt-group-container .btn.btn-select > .icon.btn-img-right {
    background-position-x: 97%;
    background-position-y: center;
}
.mpt-field-bnt-group-container .btn.btn-select > .icon.btn-img-bottom {
    background-position-x: center;
    background-position-y: 85%;
    padding-bottom: 50px;
}
.mpt-field-bnt-group-container .btn.btn-select > .icon.btn-img-left {
    background-position-x: 3%;
    background-position-y: center;
    margin-top: 2px;
    margin-bottom: 2px;
}
.mpt-field-bnt-group-container .btn.btn-select > .icon.btn-img-left {
    margin-left: 10px;
    margin-right: 10px;
}
.mpt-field-bnt-group-container .btn.btn-select > .icon.btn-img-center {
    background-position-x: center;
    background-position-y: center;
    background-size: contain;
    float: none;
}
.mpt-field-bnt-group-container .btn.btn-select > .icon.btn-img-right.btn-height-large,
.mpt-field-bnt-group-container .btn.btn-select > .icon.btn-img-left.btn-height-large {
	width: 45px;
	height: 45px;
    background-size: 45px auto;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 5px;
	margin-right: 0;
}
.mpt-field-bnt-group-container .btn.btn-select > .icon.btn-img-top.icon-large,
.mpt-field-bnt-group-container .btn.btn-select > .icon.btn-img-bottom.icon-large {
    width: 100%;
    height: 70px;
	background-size: contain;
}
.mpt-field-bnt-group-container .btn.btn-select > .icon.btn-img-right.icon-large,
.mpt-field-bnt-group-container .btn.btn-select > .icon.btn-img-left.icon-large {
	width: 90px;
	height: 90px;
    background-size: 90px auto;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 5px;
	margin-right: 0;
}
.mpt-field-bnt-group-container .btn.btn-select > .icon.btn-img-center.icon-large {
	margin: 15px;
}
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-horizontal .btn.btn-select.selected {
    background-color: #ed1c24;
}
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-horizontal .btn.btn-select.selected > .btn-select-text {
    color: #ffffff;
}
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-horizontal .btn.disabled,
.mpt-field-bnt-group-container .btn-toolbar > .btn-group.btn-group-img-horizontal .btn[disabled] {
    opacity: 1.0;
    box-shadow: inherit;
    cursor: inherit;
}

.mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-horizontal > .btn.btn-select {
    border: 1px solid #cecece;
    background-color: #ffffff;
}
.mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-horizontal > .btn.btn-select.selected {
    border: 1px solid #cecece;
    background-color: #ed1c24;
}
body:not(.msie) .mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-horizontal > .btn.btn-select.selected .icon-m-dark-grey,
body:not(.msie) .mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-horizontal > .btn.btn-select.selected .icon-m-mid-grey,
body:not(.msie) .mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-horizontal > .btn.btn-select.selected .icon-m-light-red {
    -webkit-filter: invert(100%) sepia(0%) saturate(2102%) hue-rotate(322deg) brightness(108%) contrast(96%);
    filter: invert(100%) sepia(0%) saturate(2102%) hue-rotate(322deg) brightness(108%) contrast(96%);
}
.mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-horizontal > .btn.btn-select.selected .text-m-dark-grey,
.mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-horizontal > .btn.btn-select.selected .text-m-mid-grey,
.mpt-field-bnt-group-container.mpt-field-container.btn-group-white .btn-toolbar > .btn-group.btn-group-img-horizontal > .btn.btn-select.selected .text-m-light-red {
    color: #fafafa;
}

.desktop-col-xs {
    display: inline-block;
}
.mobile-col-xs {
    display: none;
}
@media (max-width: 767px) {
    .desktop-col-xs {
        display: none;
    }
    .mobile-col-xs {
        display: inline-block;
    }
    .mobile-col-xs.invisible {
        display: none;
    }
    .no-tablet-side-padding {
        padding-left: 0;
        padding-right: 0;
    }
    .no-tablet-side-margin {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 480px) {
    .no-desktop-side-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
    .no-mobile-side-padding {
        padding-left: 0;
        padding-right: 0;
    }
    .no-mobile-side-margin {
        margin-left: 0;
        margin-right: 0;
    }
}

.desktop-col-sm {
    display: inline-block;
}
.tablet-col-sm {
    display: none;
}
@media (max-width: 991px) {
    .desktop-col-sm {
        display: none;
    }
    .tablet-col-sm {
        display: inline-block;
    }
    .tablet-col-sm.invisible {
        display: none;
    }
}

a.mpt-url-label {
    display: inline-block;
    text-align: left;
}
a.mpt-url-label i.icon-url-label,
a.mpt-url-label i.icon-url-label-check {
    font-size: 24px;
    padding-top: 5px;
}
a.mpt-url-label i.icon-url-label-check,
i.mpt-url-label.icon-url-label-check {
    color: #8db602;
}
a.mpt-url-label:hover,
a.mpt-url-label:focus {
    text-decoration: none;
}

a.text-underline {
	color: #000000;
	text-decoration: underline;
	cursor: pointer;	
}

/* overrides */
.checkbox {
    padding-top: 0px !important;
}

/* fields */
.mpt-label {
    font-weight: bold !important;
	padding-left: 1px;
    z-index: 1;
}

@media (min-width: 481px) {
    .mpt-field:not([class*="col-"]) {
    }
    .mpt-field-text:not([class*="col-"]) {
    }
    .mpt-field-checkbox:not([class*="col-"]) {
    }
    .mpt-field-radio:not([class*="col-"]) {
    }
    .mpt-field-textarea:not([class*="col-"]) {
    }
    .mpt-field-combo:not([class*="col-"]) {
        min-width: 140px;
    }
    .mpt-field-combo-autocomplete:not([class*="col-"]) {
    }
    .mpt-field-password:not([class*="col-"]) {
    }
    .mpt-field-file:not([class*="col-"]) {
    }
    .mpt-field-number:not([class*="col-"]) {
    }
    .mpt-field-numberspinner:not([class*="col-"]) {
    }
    .mpt-field-alpha:not([class*="col-"]) {
    }
    .mpt-field-alphanumber:not([class*="col-"]) {
    }
    .mpt-field-date:not([class*="col-"]) {
        width: 110px;
    }
    .mpt-field-date-fw {
        width: 110px !important;
    }
	.mpt-field-postalcode:not([class*="col-"]) {
	    width: 100px;
	}
	.mpt-field-postalcode-fw {
	    width: 100px !important;
	}
    .mpt-field-phone:not([class*="col-"]) {
        width: 137px;
    }
    .mpt-field-phone-fw {
        width: 137px !important;
    }
    .mpt-field-email:not([class*="col-"]) {
    }
    .mpt-field-button:not([class*="col-"]) {
    }
    .mpt-field-time:not([class*="col-"]) {
        width: 70px;
    }
    .mpt-field-time-fw {
        width: 70px !important;
    }
    .mpt-field-container-date:not([class*="col-"]) {
        width: 170px;
    }
    body:not(.msie) .input-group.date.mpt-field-container-date.no-mobile-side-padding .input-group-wrapper {
        max-width: 340px;
    }
    .mpt-field-container-date .mpt-field.mpt-field-date:not([class*="col-"]) {
        width: 60%;
        min-width: 115px;
        max-width: 120px;
    }
    .mpt-field-container-date .input-group-addon:not([class*="col-"]) {
        width: auto;
    }
    .mpt-field-container-date-fw .input-group-addon {
        width: auto !important;
    }
    
    

}

#ui-datepicker-div {
    display: none;
}

@media (max-width: 480px) {
    .mpt-field-container-date .input-group-addon:not([class*="col-"]) {
        width: auto;
    }
}

/* containers */
.mpt-field-container {
    min-height: 40px;
    vertical-align: middle;
}
.mpt-field-container.no-min-height {
    min-height: auto;
}

.is-disabled {
    display: none !important;
}

@media (min-width: 1200px) {
    .mpt-field-container-date .input-group-addon {
        float: left;
    }
}

.mw .mpt-field-container-date[readonly='readonly'] .input-group-addon{
    display:none;
}

.input-group-addon:first-child:not(.hidden-date) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.mpt-field-container-radio {
    display: inline !important;
}

.mpt-field-panel {
    margin: 0;
}

/* global */

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.mpt-field-checkbox,
.mpt-field-input,
.mpt-field-combo,
.mpt-field-textarea {
  position: relative;
  border-collapse: separate;
  padding-left: 0;
}

.mpt-field-checkbox-readonly {
	color: gray;
	cursor: not-allowed;
	pointer-events: none;
}

/********************************************************/
/** Checkbox + Radio > baseado em multipasso.css : INI **/
/********************************************************/
.mpt-field-checkbox.checkbox label .control-label.auto-width {
    text-align: justify;
}
@media (max-width: 480px) {
    .mpt-field-checkbox.checkbox label .control-label.auto-width {
        margin-top: 7px;
    }
}
.mpt-field-checkbox.checkbox label {
    /* TODO: remover no futuro qualquer !important do main.css para estes possam ser removidos */
    padding-left: 0 !important;
    line-height: 25px;
}
.mpt-field-checkbox.checkbox label:after {
    content: '';
    display: table;
    clear: both;
}
.mpt-field-checkbox.checkbox .cr {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    color: #ed1c24;
    border: 1px solid #cecece;
    border-radius: 4px;
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
}
.mpt-field-container.required.has-error .mpt-field-checkbox.checkbox .cr {
    background-color: #ffffff;
    color: #ed1c24;
    border: 2px solid #ed1c24;
    border-radius: 4px;
}

.mpt-field-checkbox.checkbox .cr .cr-icon {
    position: absolute;
    font-size: 12px;
    line-height: 0;
    top: 50%;
    left: 25%;
}

.mpt-field-checkbox.checkbox label input[type="checkbox"] {
    display: none;
}

.mpt-field-checkbox.checkbox label input[type="checkbox"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.mpt-field-checkbox.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.mpt-field-checkbox.checkbox label input[type="checkbox"]:disabled + .cr {
    opacity: .5;
}

.mpt-field-multi-checkbox .mpt-multi-checkbox-item > input[type="checkbox"].mpt-multi-checkbox-input {
	display: none;
}
.mpt-field-multi-checkbox .mpt-multi-checkbox-item > input[type="checkbox"].mpt-multi-checkbox-input + label {
	vertical-align: middle;
}
.mpt-field-multi-checkbox .mpt-multi-checkbox-item > input[type="checkbox"].mpt-multi-checkbox-input + label:before {
    display: inline-block;
    content: "\00a0";
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background-color: #ffffff;
    color: #ed1c24;
    border: 1px solid #cecece;
    border-radius: 4px;
}
.mpt-field-multi-checkbox .mpt-multi-checkbox-item > input[type="checkbox"].mpt-multi-checkbox-input:checked + label:before {
	content: "\2714";
	font-size: large;
  	font-weight: bold; 	
	text-align: center;
}

.mpt-field-multi-checkbox .mpt-multi-checkbox-item > input[type="checkbox"][readonly="readonly"].mpt-multi-checkbox-input + label:before {
	color: #808285;
	cursor: not-allowed;
	pointer-events: none;
}
.mpt-field-multi-checkbox .mpt-multi-checkbox-item > input[type="checkbox"][readonly="readonly"].mpt-multi-checkbox-input + label.readonly {
	color: #cecece;
	cursor: not-allowed;
	pointer-events: none;
}

.mpt-generic .radio .mpt-field-container-radio label {
    display: inline-block;
    text-indent: 5px;
}
.mpt-generic .mpt-field-container.radio label p,
.mpt-generic.mpt-field-container.radio label p {
    display: inline-block;
    margin-bottom: 0;
}
.mpt-generic .mpt-field-container.radio > .mpt-field-radio-container > .radio-inline > .mpt-field-container-radio.col-auto-width {
    display: inline-block !important;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 15px;
}

html:not(.dj_ie) .mpt-generic .radio .mpt-field-container-radio label > input[type='radio'] {
    width: 20px;
    height: 20px;
    border: 1px solid darkgray;
    border-radius: 50%;
    margin-left: -24px;
    outline: none;
    box-shadow: 0 0 0 0 #ffffff inset;
    background-color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
html:not(.dj_ie) .mpt-generic .radio .mpt-field-container-radio label > input[type='radio']:hover {
    box-shadow:0 0 0px 0px #808285 inset;
    background-color: #e6e6e6;
    opacity: 0.5;
}
html:not(.dj_ie) .mpt-generic .radio .mpt-field-container-radio label > input[type='radio']:checked + p::after {
    content: '';
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ed1c24;
}

html:not(.dj_ie) .mpt-generic .radio .mpt-field-container-radio label > input[type='radio']:disabled {
    background-color: #cccccc;
}
html:not(.dj_ie) .mpt-generic .radio .mpt-field-container-radio label > input[type='radio']:disabled + p {
    color: #9a9a9a;
}
html.dj_ie .mpt-generic .radio .mpt-field-container-radio label > input[type='radio'] {
    width: 20px;
    height: 20px;
    padding-top: 0;
}
html.dj_ie .mpt-generic .radio .mpt-field-container-radio label > input[type='radio']::-ms-check {
    color: #ed1c24;
}
html.dj_ie .mpt-generic .radio .mpt-field-container-radio label > input[type='radio']:hover::-ms-check {
    box-shadow:0 0 0px 0px #808285 inset;
    background-color: #e6e6e6;
    opacity: 0.5;
}
html.dj_ie .mpt-generic .radio .mpt-field-container-radio label > p {
    margin-top: 4px;
}
html.dj_ie .mpt-generic .radio .mpt-field-container-radio label > input[type='radio']:checked + p::after {
}

.mpt-generic .form-inline .radio input[type="radio"],
.mpt-generic .form-inline .radio-inline input[type="radio"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -30px;
}
@media (min-width: 768px) {
    .mpt-generic .form-inline .radio input[type="radio"],
    .mpt-generic .form-inline .radio-inline input[type="radio"] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: -30px;
    }
}

/********************************************************/
/** Checkbox + Radio > baseado em multipasso.css : FIM **/
/********************************************************/

span.select2-selection.select2-selection--single[role="combobox"] {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #CCC;
}

.input-group {
    position: relative; /* For dropdowns */
    display: table;
    border-collapse: separate; /* prevent input groups from inheriting border styles from table cells when placed within a table */
	
/* Undo padding and float of grid classes */
    &[class*="col-"] {
        float: left;
        padding-left: 15px !important;
        padding-right: 0;
    }	
	
	&[class*="col-"].mpt-field-container-date,
	&[class*="col-"].mpt-field-input
	{	
		padding-left: 0px !important;
	}



    .form-control {
        /* Ensure that the input is always above the *appended* addon button for
           proper border colors. */
        position: relative;
        z-index: auto;

        /* IE9 fubars the placeholder attribute in text inputs and the arrows on
           select elements in input groups. To fix it, we float the input. Details:
           https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855 */
        float: left;

        width: 100%;
        margin-bottom: 0;
    }
}

.panel-heading {
    font-weight: bold;
    font-size: 1.5em;
}

.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
}
.panel-heading a.collapsed:after {
    content: "\e080";
}

.top5 {
    padding-top: 7px;
}
.top10 {
    padding-top: 10px;
}
.top30 {
    padding-top: 30px;
}
.label-text {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 1px;
}
.label-text.text-center {
    padding-left: 15px;
    padding-right: 15px;
}

.required .control-label:after,
.required-asterisk .mptc-text-m.label-text:after {
  content: " *";
  color: red;
}
.required-asterisk-before:before {
    content: "* ";
    color: red;
}

.required .control-label.no-required-asterisk:after {
    content: " ";
} 
.required .control-label.no-required-asterisk {
    display: block;
}
.required .control-label.no-required-asterisk.invisible {
    display: none;
}

/* must be in the end of the file */
.display-inline {
    /* TODO: remover no futuro qualquer !important do main.css */
    display: inline !important;
}

.display-block {
    /* TODO: remover no futuro qualquer !important do main.css */
    display: block !important;
}


/* TABS */
.panel.with-nav-tabs .panel-heading{
    padding: 10px 10px 10px 10px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

/* PANEL DEFAULT */
.with-nav-tabs.panel-default .nav-tabs > li > a {
	color: #555;
    background-color: #fff;
    border-color: #ddd;
}

.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #555;
}

.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.ui-tabs-active > a,
.with-nav-tabs.panel-default .nav-tabs > li.ui-tabs-active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.ui-tabs-active > a:focus {
	color: #b81a04;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
	font-weight: bold;
}

.tab-pane {
    background: #FFFFFF;
    padding: 5px;
    min-height: 150px;
    border: 1px solid #ddd;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout-info {
    border-left-color: #1b809e;
}

.textoLegal {
	font-size: 13px;
	color: #5B0B00;
	line-height: 14px;
	margin-bottom: 30px;
}

.loader {
	position: fixed;
	background-color: rgba(255, 255, 255, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}

.loader-ctc {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 900;
    display: none;
}


.blocking {
	z-index: 900;
}


.loader .message  {
	color: #333;
	/* text-transform: uppercase; */
	/*border: 1px solid #DDD;
	border-radius: 3px;*/
	padding-top: 60px;
	/* padding-bottom: 40px; */
	position: fixed;
	/* left: 50%; */
	top: 40%;
	text-align: center;
	font-size: 20px;
	/* padding-left: 100px; */
	min-width: 100px;
	/* background-color: #FFF; */
	margin-left: 0px;
	margin-top: -45px;
	/*background-image: url(../../mptCommon/images/others/simuladores/ajax_loader_red_48.gif);*/
	background-image: url(../../mptCommon/images/others/loading2.gif);
	/* background-position: top center; */
	background-repeat: no-repeat;
	background-size: 60px 60px;
	background-position-x: 50%;
}

.panel .mpt-field-container .mpt-field-combo select[multiple], 
.panel .mpt-field-container .mpt-field-combo select[size] {
    height: 35px;
}

/*
* Frames no paginas.jsp
*/
fieldset {
    border: 1px solid #e1e1e1;
    margin-bottom: 1.5em;
    padding: .3em .5em .5em .5em !important;
    -webkit-border-bottom-radius: 5px;
    -moz-border-bottom-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
}

form fieldset.notempty legend {
    font-size: 1.3em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
    color: #e41b13;
}
.full-width {
	width: 100%;
}
.full-width-override {
	width: 100% !important;
}
.mobile-full-width {
}
@media (max-width: 480px) {
	.mobile-full-width {
		width: 100%;
	}
}

.highlighted-text{
	background: #eae9e9;
	padding: 16px 19px 15px;
}

.spacer-right-10px{
	margin-right: 10px;
	align: left;
}

.ul-margin{
	margin: 0 0 6px 6px !important;
}

.no-hover{
	hover: false !important;
}
.mptMultiselectBtn {
  color: #ffffff;
  background-color: #d81e05;
  border-color: #bf1b04;
  width: 30px;
  height: 30px;
  margin-left: 15px;
  margin-right: 15px;
}

.mptMultiselectBtn:hover,
.mptMultiselectBtn:focus,
.mptMultiselectBtn.focus,
.mptMultiselectBtn:active,
.mptMultiselectBtn.active,
.open > .dropdown-toggle.mptMultiselectBtn {
  color: #ffffff;
  background-color: #a61704;
  border-color: #831203;
  width: 30px;
  height: 30px;
  margin-left: 15px;
  margin-right: 15px;
}

.table-striped {
	width: 100%!important;
}

.table.table-striped tr.total td {
    background-color: floralwhite;
    font-weight: bold;
}

.fecha {
	white-space: nowrap;
}

.moneda {
	white-space: nowrap;
}

.mdl-button {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: #000;
    position: relative;
    height: 36px;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow,transform;
    -webkit-transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
}

.mdl-dialog__actions > *:first-child {
    margin-right: 0;
}
.mdl-button:hover {
    background-color: rgba(158,158,158,.2);
}

.mdl-dialog__actions > * {
    margin-right: 8px;
    height: 36px;
}



.confirmModal .modal-dialog{
    width: 370px;
}
@media screen and (max-width: 480px) {
 .confirmModal .modal-dialog{
 	width: 95%;
 }
}
.confirmModal .modal-content{
    border-radius: 0px;
}
.confirmModal .modal-header{
    border: 0;
}
.confirmModal .modal-body p{
    text-align: center;
}
.confirmModal .modal-footer{
    border: 0;
}
.confirmModal .modal-footer .btn{
    border-radius: 0;
    padding: 2px 25px 2px 25px;
}
.confirmModal .modal-footer .btn.btn-default{
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}
.confirmModal .modal-footer .btn.btn-default:hover{
    color: #ffffff;
    background-color: #c3c3c3;
    border-color: #c3c3c3;
}
.confirmModal .modal-footer .btn.btn-ok{
    color: #ffffff;
    background-color: #d7230f;
    border-color: #d7230f;
}
.confirmModal .modal-footer .btn.btn-ok:hover{
    color: #ffffff;
    background-color: #a61704;
    border-color: #a61704;
}
.confirmModal .modal-header .close {
    font-size: 14px;
    color: #ffffff;
    background-color: #000000;
    border-radius: 50%;
    padding: 5px 8px;
    opacity: 1;
    -webkit-box-shadow: -4px 2px 6px -2px rgba(34, 34, 34, 0.95);
    -moz-box-shadow: -4px 2px 6px -2px rgba(34, 34, 34, 0.95);
    box-shadow: -4px 2px 6px -2px rgba(34, 34, 34, 0.95);
}

.classLink {
	color: #0645AD; 
	text-decoration: none; 
	cursor: pointer;	
}

.formulario-contacto .formulario-consentimentos {

}
.formulario-contacto .titulo-contacto {
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    color: #ca0403;
}
.formulario-contacto .input-group .form-control select.mpt-field-combo {
    /* TODO: remover no futuro qualquer !important do main.css */
    display: none !important;
}
.formulario-contacto .form-inline .form-control.mpt-field {
    width: inherit;
}
.formulario-contacto .form-inline .mpt-field-container .input-group .input-group-addon:first-child {
    display: inline-block;
    width: 15%;
    float: left;
    padding: 8px 12px;
    font-size: 14px;
}
.formulario-contacto .form-inline .mpt-field-container .input-group .input-group-addon:first-child + .form-control:last-child {
    display: inline-block;
    width: 85%;
    float: right;
}
.formulario-contacto .contactoFormPopup.consent.title {
    padding: 15px 0 15px 0;
}
.formulario-contacto .collapsed-group-div div.collapsed-div p.collapsed-text-title {
    padding: 15px 0 15px 0;
    background: none;
    font-family: inherit;
    font-size: inherit;
    color: #000000;
}
.formulario-contacto .collapsed-group-div div.collapsed-div p.collapsed-text-body label.collapsed-cops-text {
    margin-top: -45px;
}
@media (max-width: 480px) {
    .formulario-contacto .collapsed-group-div div.collapsed-div p.collapsed-text-body label.collapsed-cops-text {
        margin-top: 0;
    }
}

/********************************************/
/** RECUPERAￜￜO                           **/
/********************************************/
.formulario-recuperacao {
    font-family: 'PT Sans', sans-serif;
}
.formulario-recuperacao .titulo-formulario {
    margin-top: 15px;
    margin-bottom: 0;
    border: 1px solid #cecece;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.formulario-recuperacao .titulo-formulario .gray {
    margin-top: 2px;
    margin-bottom: 2px;
    color: #000000;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.formulario-recuperacao .formulario {
    background-color: #f1f1f1;
    border: 1px solid #cecece;
    border-radius: 4px;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 50px;
}
.formulario-recuperacao .titulo-fragmento {
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
    margin-top: 5px;
}
.formulario-recuperacao .formulario .btn.btn-primary {
    min-width: 180px;
    max-width: 180px;
}
.formulario-recuperacao .mpt-field-container .input-group .form-control:first-child {
    display: inline-block;
    width: 77%;
}
.formulario-recuperacao .mpt-field-container .input-group .form-control:first-child + .input-group-addon:last-child {
    display: inline-block;
    width: 15%;
    min-width: 38px;
    max-width: 38px;
    font-size: 14px;
}

/***********************/
/** CARD-SLIDER : INI **/
/***********************/
.mpt-field-card-slider-container .mpt-field-card-slider .swiper-button-next,
.mpt-field-card-slider-container .mpt-field-card-slider .swiper-button-prev {
    width: 45px;
    height: 45px;
    z-index: 200;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,.14), 0 3px 18px 0 rgba(0,0,0,.12), 0 3px 5px -1px rgba(0,0,0,.2);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.14), 0 3px 18px 0 rgba(0,0,0,.12), 0 3px 5px -1px rgba(0,0,0,.2);
    padding: 4px;
    border-radius: 50%;
    cursor: pointer;
    border: 0;
    background: #fff;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    pointer-events: all;
    opacity: .8;
}
.mpt-body .mpt-field-card-slider-container .mpt-field-card-slider .swiper-button-next {
    position: absolute;
    top: 20%;
    left: auto;
    right: 15px;
}
.mpt-body .mpt-field-card-slider-container .mpt-field-card-slider .swiper-button-prev {
    position: absolute;
    top: 20%;
    left: 15px;
    right: auto;
}
.mpt-body .mpt-field-card-slider-container .mpt-field-card-slider .swiper-button-next.swiper-button-disabled,
.mpt-body .mpt-field-card-slider-container .mpt-field-card-slider .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}
.mpt-field-card-slider-container .mpt-field-card-slider .swiper-button-next i.fa {
    position: absolute;
    font-size: x-large;
    color: #ed1c24;
    top: 25%;
    left: 35%;
}
.mpt-field-card-slider-container .mpt-field-card-slider .swiper-button-prev i.fa {
    position: absolute;
    font-size: x-large;
    color: #ed1c24;
    top: 25%;
    left: 25%;
}
.mpt-field-card-slider-container .mpt-field-card-slider .thumbnail {
    padding: 0;
    margin-bottom: 0;
}
.mpt-field-card-slider-container .mpt-field-card-slider ul.align-left,
.mpt-field-card-slider-container .mpt-field-card-slider .align-left ul {
    padding-left: 15px;
}
.mpt-field-card-slider-container .mpt-field-card-slider a.thumbnail {
    color: #000000;
    text-decoration: none;
}
.mpt-field-card-slider-container .mpt-field-card-slider a.thumbnail.active,
.mpt-field-card-slider-container .mpt-field-card-slider a.thumbnail:focus,
.mpt-field-card-slider-container .mpt-field-card-slider a.thumbnail:hover {
    border: none;
}
.mpt-field-card-slider-container .mpt-field-card-slider .thumbnail {
    border: 1px hidden #ffffff;
    border-radius: 1px;
    line-height: inherit;
    -webkit-transition: none;
    transition: none;
}
.mpt-field-card-slider-container .mpt-field-card-slider .swiper-slide > div.thumbnail:focus,
.mpt-field-card-slider-container .mpt-field-card-slider .swiper-slide > div.thumbnail:hover {
    border: 1px solid #cecece;
}
.mpt-field-card-slider-container .mpt-field-card-slider .swiper-slide > div.thumbnail.active {
    border: 1px solid #ed1c24;
}
.mpt-field-card-slider-container .mpt-field-card-slider .swiper-slide > div.thumbnail.active:focus,
.mpt-field-card-slider-container .mpt-field-card-slider .swiper-slide > div.thumbnail.active:hover {
    border: 1px solid #be0e0f;
}
@media (max-width: 767px) {
    .mpt-field-card-slider-container .mpt-field-card-slider .swiper-button-next {
        right: 0;
    }
    .mpt-field-card-slider-container .mpt-field-card-slider .swiper-button-prev {
        left: 0;
    }
}

.mpt-field-card-slider-container .mpt-field-card-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.mpt-field-card-slider-container .mpt-field-card-slider .swiper-pagination-custom,
.mpt-field-card-slider-container .mpt-field-card-slider .swiper-pagination-fraction {
}
/***********************/
/** CARD-SLIDER : FIM **/
/***********************/

/***********************/
/** INFO-CARD: INI    **/
/***********************/
.info-card-wrapper {
    margin: 15px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center
}
a.info-card {
    display:block;
}
.info-card {
    background: #F2F2F2;
    border-radius: 20px;
    height: 200px;
    width: 100%;
    max-width: 250px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    box-shadow: 0px 2px 3px 0px #6C6C6C;
}

/* !important for most icon proprerties is needed to override bootstrap's @media print background removal */
.info-card .info-card-icon {
    position: absolute;
    width:100%;
    height:100%;
    background-repeat: no-repeat!important;
    background-position: top 10px right 10px!important;
    background-size: 80px 80px!important;
    background-color: transparent!important;
    filter: brightness(0.8)!important;
}

.info-card .info-card-icon.info-card-icon-group-1 {
    background-image: url('../../mptCommon/images/others/segurados/sim_ac_trabalho.svg')!important;
}
.info-card .info-card-icon.info-card-icon-group-2 {
    background-image: url('../../mptCommon/images/others/segurados/sim_ac_pessoais.svg')!important;
}
.info-card .info-card-icon.info-card-icon-group-3 {
    background-image: url('../../mptCommon/images/others/segurados/sim_animais.svg')!important;
}
.info-card .info-card-icon.info-card-icon-group-4 {
    background-image: url('../../mptCommon/images/others/segurados/sim_auto.svg')!important;
}
.info-card .info-card-icon.info-card-icon-group-5 {
    background-image: url('../../mptCommon/images/others/segurados/sim_habitacao.svg')!important;
}
.info-card .info-card-icon.info-card-icon-group-6 {
    background-image: url('../../mptCommon/images/others/segurados/sim_investimentos.svg')!important;
}
.info-card .info-card-icon.info-card-icon-group-7 {
    background-image: url('../../mptCommon/images/others/segurados/sim_multi_empresas.svg')!important;
}
.info-card .info-card-icon.info-card-icon-group-8 {
    background-image: url('../../mptCommon/images/others/segurados/sim_poupanca.svg')!important;
}
.info-card .info-card-icon.info-card-icon-group-9 {
    background-image: url('../../mptCommon/images/others/segurados/sim_outros.svg')!important;
}
.info-card .info-card-icon.info-card-icon-group-10 {
    background-image: url('../../mptCommon/images/others/segurados/sim_rc_cacadores.svg')!important;
}
.info-card .info-card-icon.info-card-icon-group-11 {
    background-image: url('../../mptCommon/images/others/segurados/sim_saude.svg')!important;
}
.info-card .info-card-icon.info-card-icon-group-12 {
    background-image: url('../../mptCommon/images/others/segurados/sim_vida_risco.svg')!important;
}
.info-card .info-card-buttons {
    position: absolute;
    top: 10px;
    left: 25px;
    z-index: 20;
}

.info-card .info-card-buttons .info-card-button {
    background: #333;
    color: #FFF;

    border-radius: 20px!important;
    width: 30px;
    height: 30px;

    padding: 0px!important;
    min-width: auto!important;

    transition:  all 0.3s ease;
}
.info-card .info-card-buttons .info-card-button:hover {
    background-color: #d7230f;
}

.info-card .info-card-content {
    position: absolute;
    bottom: 15px;
    right: 10px;
    left: 25px;

    text-align: right;
    color: #333;
    font-weight: 700;
    font-size: 1.15em;
    line-height: 1.1em;

    overflow-wrap: break-word;

    opacity: 1;
}

.info-card .info-card-title {

    position: absolute;

    width: 20px;
    line-height: 20px;
    height: 100%;

    text-indent: 15px;

    background: #6C6C6C;
    color: #FFF;

    font-weight: 600;
    font-size: 0.9em;

    text-orientation: sideways;
    writing-mode: vertical-lr;
    text-align: left;

    transform: scale(-1,-1); /* gambiarra por falta de suporte para as opções equivalentes de writing-mode */
}
.info-card .info-card-detail-btn {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom:0;
    left: 20px;
    right: 0;
    background: linear-gradient(to bottom, transparent 0%, #bf2511 130%);
    cursor: pointer;
    transition: all 0.5s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.info-card .info-card-detail-btn .info-card-action-btn {
    background-color: #d7230f;
    border: 1px solid #d7230f;
    border-radius: 15px;
    line-height: 1.9em;
    font-weight: 600;
    font-size: 1em;
}
.info-card .info-card-overlay {
    display: inline-flex;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    align-items: flex-end;
}
.info-card .info-card-overlay .info-card-edit-name {
    
}
.info-card .info-card-overlay .info-card-edit-name textarea {
    width: 100%;
    margin:0 0 0 -5px;
    text-align: right;
    font-weight: 700;
    font-size: 1.15em;
    line-height: 1.1em;
    color: #d7230f;
    background: #FFF;
    border:none;
    border-bottom: 1px dotted #d7230f;
    white-space: normal;
/*     text-transform: uppercase; */
}
.info-card .info-card-overlay .info-card-edit-name textarea::placeholder  {
    color: #d7230f;
    font-weight: 700;
    opacity: 0.6;
/*     text-transform: none; */
}
.info-card-active .info-card-detail-btn,
.info-card:hover .info-card-detail-btn {
    opacity: 1;
}
.info-card-active .info-card-title,
.info-card:hover .info-card-title {
    background-color: #d7230f;
}
.info-card-active .info-card-content,
.info-card:hover .info-card-content {
    color: #d7230f;
}
.info-card-edit .info-card-detail-btn,
.info-card-active .info-card-detail-btn .info-card-action-btn {
    display:none;   
}
.info-card-edit .info-card-buttons .info-card-button-edit {
	background-color: #d7230f;
}
.info-card-edit .info-card-content {
	opacity: 0.1;
}

.info-card-swiper {
    display: flex;
    align-items:center;
}
.info-card-swiper .swiper-pagination {
    position:relative;
}
.info-card-swiper .swiper-button-prev,
.info-card-swiper .swiper-button-next {
    background:none;
    height: auto;
}

.info-card-container-max-width {
    max-width: 1130px;
    margin: 0 -20px;
}

.digital-card .info-card {
    background: #FFF;
    background-image: url('../../mptCommon/images/others/MAPFRE_logo_meio_simbolo.png')!important;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    max-width: 340px;
    box-shadow: 0px 2px 5px 0px #AAA;
    border-radius: 7px;
}
.digital-card .info-card .info-card-icon {
    filter: brightness(0)!important;
    background-position: top 10px right 10px!important;
}

.digital-card .info-card .info-card-title,
.digital-card .info-card .info-card-detail-btn {
    display: none;
}
@media screen and (max-width: 768px) {
    .info-card-container-max-width {
        margin:0;
    }
}
@media screen and (max-width: 340px) {
    .digital-card .info-card {
        min-width: auto;
        max-width: 98%;
        margin: 0 auto;
    }
}
@media print {
    .digital-card .info-card {
        border: 2px solid #6C6C6C!important;
        background: #FFF!important;
        background-image: url('../../mptCommon/images/others/MAPFRE_logo_meio_simbolo.png')!important;
        background-repeat: no-repeat!important;
        background-position: top left!important;
        background-size: contain!important;
        min-width: 450px;
    }
    .digital-card .info-card .info-card-icon {
        filter: brightness(0.95)!important;
    }
}
/***********************/
/** INFO-CARD: FIM    **/
/***********************/


/*
 * https://codepen.io/sosuke/pen/Pjoqqp
 */

.text-m-light-red {
    color: #ed1c24;
}
html:not(.dj_ie) .icon-m-light-red {
    -webkit-filter: invert(14%) sepia(91%) saturate(5028%) hue-rotate(352deg) brightness(97%) contrast(90%);
    filter: invert(14%) sepia(91%) saturate(5028%) hue-rotate(352deg) brightness(97%) contrast(90%);
}

.text-m-mid-red {
    color: #ca0403;
}
html:not(.dj_ie) .icon-m-mid-red {
    -webkit-filter: invert(10%) sepia(100%) saturate(6040%) hue-rotate(10deg) brightness(87%) contrast(111%);
    filter: invert(10%) sepia(100%) saturate(6040%) hue-rotate(10deg) brightness(87%) contrast(111%);
}

.text-m-dark-red {
    color: #be0e0f;
}
html:not(.dj_ie) .icon-m-dark-red {
    -webkit-filter: invert(14%) sepia(93%) saturate(4744%) hue-rotate(353deg) brightness(75%) contrast(100%);
    filter: invert(14%) sepia(93%) saturate(4744%) hue-rotate(353deg) brightness(75%) contrast(100%);
}

.text-m-super-light-grey {
    color: #fafafa;
}
html:not(.dj_ie) .icon-m-super-light-grey {
    -webkit-filter: invert(100%) sepia(0%) saturate(2102%) hue-rotate(322deg) brightness(108%) contrast(96%);
    filter: invert(100%) sepia(0%) saturate(2102%) hue-rotate(322deg) brightness(108%) contrast(96%);
}

.text-m-light-grey {
    color: #cecece;
}
html:not(.dj_ie) .icon-m-light-grey {
    -webkit-filter: invert(95%) sepia(0%) saturate(0%) hue-rotate(160deg) brightness(86%) contrast(98%);
     filter: invert(95%) sepia(0%) saturate(0%) hue-rotate(160deg) brightness(86%) contrast(98%);
}

.text-m-mid-grey {
    color: #808285;
}
html:not(.dj_ie) .icon-m-mid-grey {
    -webkit-filter: invert(57%) sepia(5%) saturate(213%) hue-rotate(177deg) brightness(89%) contrast(92%);
    filter: invert(57%) sepia(5%) saturate(213%) hue-rotate(177deg) brightness(89%) contrast(92%);
}

.text-m-dark-grey {
    color: #2e2e2e;
}
html:not(.dj_ie) .icon-m-dark-grey {
    -webkit-filter: invert(15%) sepia(0%) saturate(0%) hue-rotate(179deg) brightness(94%) contrast(89%);
    filter: invert(15%) sepia(0%) saturate(0%) hue-rotate(179deg) brightness(94%) contrast(89%);
}

.text-white {
    color: #ffffff;
}
html:not(.dj_ie) .icon-white {
    -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(216deg) brightness(103%) contrast(103%);
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(216deg) brightness(103%) contrast(103%);
}

.text-black {
    color: #000000;
}
html:not(.dj_ie) .icon-black {
    -webkit-filter: invert(0%) sepia(8%) saturate(7500%) hue-rotate(355deg) brightness(90%) contrast(110%);
    filter: invert(0%) sepia(8%) saturate(7500%) hue-rotate(355deg) brightness(90%) contrast(110%);
}


.font-weight-bold {
  font-weight: bold !important;
}
.font-weight-normal {
  font-weight: normal !important;
}

.font-size-xx-small {
  font-size: xx-small;
}
.font-size-x-small {
  font-size: x-small;
}
.font-size-small {
  font-size: small;
}
.font-size-normal {
  font-size: medium;
}
.font-size-large {
  font-size: large;
}
.font-size-x-large {
  font-size: x-large;
}
.font-size-xx-large {
  font-size: xx-large;
}

.tooltip-m {
  position: absolute;
  text-align: left;
  bottom: 30px;
  font-size: 12px;
  line-height: 12px;
  padding: 10px;
  max-width: 600px;
  min-width: 30vw;
  color: white;
  background-color: black;
  border-radius: 3px;
  z-index: 1040;
}
@media (max-width: 480px) {
	.tooltip-m {
  		max-width: 400px;
  		min-width: 70vw;
	}
}

.tooltip-m  p {
  padding: 0;
  margin: 0;
  border: 0;
}

.fa-info.mpt-tooltip {
    color: transparent;
    font-size: 20px;
}
.fa-info.mpt-tooltip::before {
    display: block;
    width: 25px;
    background-image: url('../images/auto/info_red.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
body.msie .fa-info.mpt-tooltip {
    font-size: 20px;
}
body.msie .fa-info.mpt-tooltip::before {
    width: 25px;
}

.tundra.mobile-style .form-group {
	margin-bottom: 7px;
}

table td[class*="col-"].mobile-col-xs, table th[class*="col-"].mobile-col-xs {
	display: none;
}

table td[class*="col-"].desktop-col-xs, table th[class*="col-"].desktop-col-xs {
    display: inline-block;
}
table td[class*="col-"].mobile-col-xs, table th[class*="col-"].mobile-col-xs {
    display: none;
}
@media (max-width: 767px) {
	table td[class*="col-"].desktop-col-xs, table th[class*="col-"].desktop-col-xs {
	    display: none;
	}
	table td[class*="col-"].mobile-col-xs, table th[class*="col-"].mobile-col-xs {
	    display: inline-block;
	}
}

.table-striped > tbody > tr.linha-amarela {
	background-color: #fafad2;	
}
.table-striped > tbody > tr.linha-amarela:nth-of-type(odd) {
	background-color: #f2f2b8;
}
.table-striped > tbody > tr.linha-azul {
	background-color: #a2d1fa;	
}
.table-striped > tbody > tr.linha-azul:nth-of-type(odd) {
	background-color: #9abddb;
}
.table-striped > tbody > tr.linha-verde {
	background-color: #a6f7b0;	
}
.table-striped > tbody > tr.linha-verde:nth-of-type(odd) {
	background-color: #98d6a0;
}
.table-striped > tbody > tr.linha-vermelha {
	background-color: #ffb9b9;	
}
.table-striped > tbody > tr.linha-vermelha:nth-of-type(odd) {
	background-color: #ff8c8c;
}

.multipasso.mpt-field-container.radio.fill-width-2-option-radio label  {
	width: 50%;
}
.multipasso.mpt-field-container.radio.fill-width-3-option-radio label  {
	width: 34%;
}
.multipasso.mpt-field-container.radio.fill-width-3-option-radio label:first-child, .multipasso.mpt-field-container.radio.fill-width-3-option-radio label:first-child  {
	width: 33%;
}
  
.multipasso.mpt-field-container.radio.fill-width-4-option-radio label  {
	width: 25%;
}

/*Hide and show first column with expansion + button on dataTables*/
table.table-responsive th:first-child,
table.table-responsive td:first-child {
    display: none;
}
table.table-responsive.collapsed th:first-child,
table.table-responsive.collapsed td:first-child{
    display: table-cell;
}