/* 5 Columns */
.col-xs-fifth,
.col-sm-fifth,
.col-md-fifth,
.col-lg-fifth {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-fifth {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-fifth {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-fifth {
    width: 20%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-fifth {
    width: 20%;
    float: left; } }

.col-xs-2-fifth,
.col-sm-2-fifth,
.col-md-2-fifth,
.col-lg-2-fifth {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-2-fifth {
  width: 40%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-2-fifth {
    width: 40%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-2-fifth {
    width: 40%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-2-fifth {
    width: 40%;
    float: left; } }

.col-xs-3-fifth,
.col-sm-3-fifth,
.col-md-3-fifth,
.col-lg-3-fifth {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-3-fifth {
  width: 60%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-3-fifth {
    width: 60%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-3-fifth {
    width: 60%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-3-fifth {
    width: 60%;
    float: left; } }

.col-xs-5-fifth,
.col-sm-5-fifth,
.col-md-5-fifth,
.col-lg-5-fifth {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-5-fifth {
  width: 100%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-5-fifth {
    width: 100%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-5-fifth {
    width: 100%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-5-fifth {
    width: 100%;
    float: left; } }

.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  /* The starting CSS styles for the enter animation */
  /* The finishing CSS styles for the enter animation */
  /* now the element will fade out before it is removed from the DOM */ }
  .sk-cube-grid.fade.ng-enter {
    transition: 0.5s linear all;
    opacity: 0; }
  .sk-cube-grid.fade.ng-enter.ng-enter-active {
    opacity: 1; }
  .sk-cube-grid.fade.ng-leave {
    transition: 0.5s linear all;
    opacity: 1; }
  .sk-cube-grid.fade.ng-leave.ng-leave-active {
    opacity: 0; }

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #00a4d3;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }

.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1); } }

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1); } }

html, body {
  height: 100%; }

body {
  background: white !important; }

textarea {
  padding: 6px 12px; }

.note-gray {
  background: #f7f6f6;
  border: 1px solid #d4d3d3 !important; }

.page-header.navbar {
  height: auto !important;
  display: inline-block;
  background: white !important;
  padding: 15px !important; }

.header-note {
  margin: 0 !important; }
  .header-note a {
    margin-left: 10px; }

.language {
  color: gray;
  font-size: 10px; }

.user-welcome {
  margin-top: 20px; }

.dashboard-stat .visual i {
  opacity: 1 !important;
  margin-left: 0 !important;
  font-size: 40px !important;
  line-height: 40px !important; }

.portlet-body .left-margined {
  margin-left: 20px;
  margin-bottom: 20px; }
  .portlet-body .left-margined div {
    margin-top: 5px; }

.portlet-body .bottom-margined {
  margin-bottom: 20px; }

.documente-avize-daune {
  color: #00a4d3; }
  .documente-avize-daune a {
    margin-left: 20px;
    color: #00a4d3; }
    .documente-avize-daune a:visited, .documente-avize-daune a:active {
      color: #00a4d3; }
  .documente-avize-daune .fa-file {
    color: black; }
  .documente-avize-daune .custom-title {
    font-size: 18px; }

.page-footer {
  background: white !important;
  height: 50px !important; }
  .page-footer .border-goes-here {
    border-top: 5px solid #00a4d3;
    padding: 0;
    margin: 0 10px;
    width: calc(100% - 20px);
    height: 30px;
    bottom: 12px; }
    .page-footer .border-goes-here.hide-border {
      text-align: center;
      border: none !important; }
      .page-footer .border-goes-here.hide-border .logo-default {
        display: none !important; }
    .page-footer .border-goes-here .logo-default {
      position: absolute;
      right: 0;
      top: 0;
      transform: translateY(-70%);
      height: 50px; }

.account-manager-portlet .user-picture {
  border: 1px solid gray;
  background-color: #f7f6f6;
  color: #d6d6d6;
  font-size: 60px;
  line-height: 100px;
  width: 100px;
  height: 100px;
  display: inline-block;
  text-align: center; }

.account-manager-portlet .account-manager-data {
  margin-left: 20px; }
  .account-manager-portlet .account-manager-data .account-manager-email, .account-manager-portlet .account-manager-data .account-manager-phone {
    margin-top: 7px; }

.account-manager-portlet .account-manager-name {
  font-size: 22px; }

.page-header.navbar .page-logo {
  height: 100px !important; }
  .page-header.navbar .page-logo .logo-default {
    margin: 0 !important;
    height: 100px !important; }

.logo-text {
  color: #483c71;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  float: left;
  position: absolute;
  bottom: 0; }

.logout span {
  font-size: 15px;
  cursor: pointer;
  line-height: 25px !important;
  margin-left: 10px; }

.flag {
  cursor: pointer; }
  .flag img {
    height: 25px;
    margin-left: 5px; }

.inline-block {
  display: inline-block; }

.modal-header {
  background-color: #00a4d3;
  color: white; }
  .modal-header .modal-close-button {
    position: absolute;
    right: 0;
    top: 0;
    color: white;
    font-size: 20px;
    line-height: 34px;
    padding: 15px; }

.modal-body {
  padding: 20px; }
  .modal-body.modal-body-damage-notifications input, .modal-body.modal-body-damage-notifications .form-control {
    width: auto !important;
    display: inline-block !important; }
  .modal-body table {
    border-collapse: collapse;
    width: 100%; }
    .modal-body table tr td {
      padding-top: .4em;
      padding-bottom: .4em; }
    .modal-body table tr td:first-child {
      width: 20%; }
    .modal-body table tr td:nth-child(2) {
      width: 80%; }
  .modal-body .address-input, .modal-body .email-input {
    width: 100%; }

input {
  padding: 6px 12px;
  border: 1px solid #c2cad8;
  line-height: 20px; }

.modal-footer {
  border-top: none; }

.password-change-modal-body input {
  width: 100%; }

.password-change-modal-body p input {
  margin-top: 5px; }

.small-text {
  font-size: 10px;
  color: gray; }

.dashboard-stat {
  position: relative; }
  .dashboard-stat .details {
    bottom: 12px; }
  .dashboard-stat.dark-blue {
    background: #033076;
    color: white; }
  .dashboard-stat.light-blue {
    background: #00a4d3;
    color: white; }
  .dashboard-stat.light-green {
    background: green;
    color: white; }

.pointer {
  cursor: pointer; }

.font-20 {
  font-size: 20px; }

.dashboard-container {
  padding-bottom: 50px; }
  .dashboard-container th {
    background-color: #00a4d3 !important; }
  .dashboard-container .dataTables_wrapper {
    margin-bottom: 60px; }

#rate-evolution-table th {
  background-color: #00a4d3 !important; }

th {
  color: white !important; }

.modal-body input, .modal-body textarea {
  width: 100%; }

.modal-body input[type="checkbox"], .modal-body input[type="radio"] {
  width: auto; }

.w100p {
  width: 100%; }

@media all and (min-height: 800px) {
  .h100p-desktop {
    height: 100%; } }

body.hide-scroll {
  overflow: hidden !important;
  overflow-y: hidden !important; }

@media all and (min-height: 800px) {
  .no-margin-desktop {
    margin: 0 !important; } }

@media all and (min-height: 800px) {
  .vcenter-desktop {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); } }

.panel-heading {
  background-color: #00a4d3 !important;
  color: white !important; }

.login-container .logo-default {
  height: 100px !important; }

.login-container .logo-text {
  position: relative !important;
  margin-top: 70px;
  transform: translateY(-50%); }

.login-container p {
  margin: 10px 0 !important; }

.login-container .portlet {
  height: 100%; }

.dropdown-menu .flag-selector-button .label {
  color: gray;
  font-size: 10px; }

.dropdown-menu .flag img {
  float: left; }

.dropdown-menu .flag a {
  line-height: 25px; }
  .dropdown-menu .flag a span {
    margin-left: 5px; }

.btn-facebook {
  font-size: 9px; }

.action-header {
  width: 200px !important; }

#insurance-contracts-table .action {
  padding: 5px 10px;
  display: inline-block; }
  #insurance-contracts-table .action:hover {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 20% !important; }

.row.is-flex {
  display: flex;
  flex-wrap: wrap; }

.row.is-flex > [class*='col-'] {
  display: flex;
  flex-direction: column; }

/*
    * And with max cross-browser enabled.
    * Nobody should ever write this by hand.
    * Use a preprocesser with autoprefixing.
    */
.row.is-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.row.is-flex > [class*='col-'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.answers-container {
  display: inline-block;
  width: 100%;
  height: 200px;
  overflow-x: hidden;
  overflow-y: scroll; }

droplet {
  border: 2px dashed #ddd;
  text-align: center;
  width: 100%;
  display: inline-block;
  left: 0;
  top: 0;
  line-height: 60px;
  z-index: 2; }
  droplet comment:after {
    content: "Click or drag a file here..."; }
  droplet.event-dragover {
    box-shadow: inset 0 0 100px rgba(39, 164, 176, 0.25), inset 0 0 5px rgba(39, 164, 176, 0.25);
    border: 2px dashed #27a4b0; }
    droplet.event-dragover comment:after {
      content: "Now drop it."; }

.alertify .ajs-dialog {
  border: 1px solid black; }

table.dataTable tbody tr.is-expired {
  color: rgba(0, 0, 0, 0.5); }

.input-file-container input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.droplet-label {
  width: 100%; }

.uploaded-file-list {
  display: inline-block; }
  .uploaded-file-list .file-name {
    float: left;
    margin-right: 10px; }
    .uploaded-file-list .file-name:after {
      content: ','; }
  .uploaded-file-list span:last-of-type:after {
    content: ''; }

.accepted-file-types-message {
  display: inline-block;
  width: 100%; }

.alertify .ajs-body .ajs-content {
  padding: 0 !important;
  line-height: 30px;
  font-weight: bold;
  font-size: 13.5px; }
  .alertify .ajs-body .ajs-content .fa-warning {
    font-size: 30px;
    line-height: 30px;
    margin-right: 5px;
    float: left; }

.alertify .ajs-footer {
  display: none; }

.rates-container #installments-table_wrapper {
  margin-bottom: 0; }

.warning-box {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #F1C40F; }

@media all and (min-width: 992px) and (max-width: 1400px) {
  .dashboard-stat .visual i {
    font-size: 35px !important;
    line-height: 35px !important; }
  .dashboard-stat .details {
    padding-right: 0 !important;
    padding-left: 5px !important; }
    .dashboard-stat .details .desc {
      font-size: 14px !important; } }

#buy-online-page {
  font-family: "Open Sans"; }
  #buy-online-page #overlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer; }
  #buy-online-page #header {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 140px;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    background-size: 104px !important; }
    #buy-online-page #header div {
      height: 96px;
      line-height: 96px; }
      #buy-online-page #header div p {
        display: inline-block;
        line-height: normal;
        vertical-align: middle; }
  #buy-online-page #header.woman1 {
    background: #0BA6D1 url(../img/v4_woman_1.png) left 10px top 10px no-repeat; }
  #buy-online-page #header.woman2 {
    background: #0BA6D1 url(../img/v4_woman_2.png) left 10px top 10px no-repeat; }
  #buy-online-page #header.woman3 {
    background: #0BA6D1 url(../img/v4_woman_3.png) left 10px top 10px no-repeat; }
  #buy-online-page #header.padding-left-10 {
    padding-left: 10px; }
  #buy-online-page #contact-request {
    background-color: #FAFAFA;
    border: 1px solid #DCDCDC;
    color: #333333;
    font-size: 14px;
    line-height: 19px;
    padding: 15px 0px;
    margin: 15px 0px;
    text-align: center; }
    #buy-online-page #contact-request a {
      color: #0BA6D1;
      font-weight: bold; }
  #buy-online-page #menu {
    padding: 0px;
    list-style-type: none; }
    #buy-online-page #menu li {
      display: block;
      background-color: #FAFAFA;
      border: 1px solid #DCDCDC;
      padding: 10px;
      color: #A6A6A6;
      font-size: 14px;
      line-height: 19px; }
      #buy-online-page #menu li span.step {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        padding-right: 15px; }
    #buy-online-page #menu li:hover {
      cursor: pointer; }
    #buy-online-page #menu li.selected {
      cursor: pointer;
      background-color: #0BA6D1;
      color: #FFFFFF; }
    #buy-online-page #menu li.active {
      color: #0BA6D1; }
  #buy-online-page label {
    margin-bottom: 15px; }
  #buy-online-page .form-block {
    padding-left: 15px;
    padding-right: 15px; }
  #buy-online-page .form-block.dark {
    border: 1px solid #DCDCDC;
    background-color: #FAFAFA;
    padding-top: 15px;
    margin-bottom: 15px; }
  #buy-online-page .form-control:focus, #buy-online-page div.input.selected {
    border: 1px solid #0BA6D1; }
  #buy-online-page div.input {
    text-align: center;
    padding: 10px;
    border: 1px solid #E2E7E8;
    text-transform: uppercase;
    background-color: #FFFFFF; }
  #buy-online-page div.input.large {
    padding: 37px 15px; }
  #buy-online-page div.input.with-icon {
    padding-top: 60px;
    padding-bottom: 14px; }
  #buy-online-page div.input.ic-individual {
    background: url(../img/ic_individual.png) center top 10px no-repeat; }
  #buy-online-page div.input.ic-family {
    background: url(../img/ic_family.png) center top 10px no-repeat; }
  #buy-online-page div.input.ic-company {
    background: url(../img/ic_company.png) center top 10px no-repeat; }
  #buy-online-page div.input:hover {
    cursor: pointer; }
  #buy-online-page button.button {
    text-transform: uppercase;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 22px;
    text-align: center;
    width: 100%;
    margin-bottom: 15px; }
  #buy-online-page button.button.primary {
    border: 1px solid #051D42;
    background-color: #033076;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
    color: #FFFFFF; }
  #buy-online-page button.button.secondary {
    border: 1px solid #033076;
    background-color: #FFFFFF;
    color: #033076; }
  #buy-online-page button.button.highlighted {
    border: 1px solid #e31d2d;
    background-color: #e73d4a;
    color: #ffffff; }
  #buy-online-page #create-member-account {
    color: #0BA6D1;
    font-weight: bold; }
  #buy-online-page #medihelp-agreement {
    color: #033076;
    font-weight: bold; }
  #buy-online-page input[type='checkbox'],
  #buy-online-page input[type='radio'] {
    -webkit-appearance: none;
    width: 32px;
    height: 32px;
    background-color: #FAFAFA;
    border: 1px solid #DCDCDC;
    position: unset;
    float: left; }
  #buy-online-page input[type='checkbox']:checked,
  #buy-online-page input[type='radio']:checked {
    background: url("../img/ic_state_succes.png") center no-repeat; }
  #buy-online-page label.checkbox span.label-text,
  #buy-online-page label.radio span.label-text {
    display: block;
    padding: 10px 0px 0px 32px; }
  #buy-online-page #plan-info {
    color: #333333;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 15px;
    padding: 0px 15px; }
    #buy-online-page #plan-info .row:first-of-type {
      border-top: 1px solid #DCDCDC; }
    #buy-online-page #plan-info .row {
      border-left: 1px solid #DCDCDC;
      border-right: 1px solid #DCDCDC;
      border-bottom: 1px solid #DCDCDC;
      background-color: #FAFAFA;
      padding: 7px 30px; }
  #buy-online-page .annual-premium {
    border: 1px solid #DCDCDC;
    background-color: #FFFFFF;
    padding: 10px;
    margin-bottom: 15px; }
    #buy-online-page .annual-premium .label-text {
      color: #6C6C6C;
      line-height: 30px;
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase; }
    #buy-online-page .annual-premium .premium {
      color: #033076;
      font-size: 22px;
      font-weight: bold;
      line-height: 30px;
      text-align: right; }
  #buy-online-page .info {
    background: url("../img/ic_info.png") left center no-repeat;
    padding-left: 32px;
    line-height: 32px;
    min-height: 32px;
    color: #333333;
    font-size: 10px; }
  #buy-online-page span.show-content {
    background: url("../img/ic_dropdow_show_white.png") center no-repeat;
    width: 32px;
    height: 19px;
    display: inline-block; }
  #buy-online-page span.hide-content {
    background: url("../img/ic_dropdow_hide_white.png") center no-repeat;
    width: 32px;
    height: 19px;
    display: inline-block; }
  #buy-online-page uib-accordion h4 {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    text-transform: uppercase; }
  #buy-online-page uib-accordion .panel-body {
    padding: 0px 15px; }
  #buy-online-page uib-accordion .content {
    color: #333333;
    font-size: 12px;
    line-height: 20px;
    padding: 15px 0px; }
  #buy-online-page #medical-questionnaire .title {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 15px; }
  #buy-online-page #medical-questionnaire .details {
    color: #333333;
    font-size: 12px;
    line-height: 17px; }
  #buy-online-page #medical-questionnaire div.input {
    margin-top: 10px; }
  #buy-online-page #medical-questionnaire .info {
    display: block;
    margin-top: -15px; }
  #buy-online-page .textarea-container label {
    color: #6C6C6C;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px; }
  #buy-online-page span.hint {
    color: #6C6C6C;
    font-size: 12px;
    line-height: 17px;
    display: block;
    margin-bottom: 10px; }
  #buy-online-page #selected-plan {
    background-color: #0BA6D1;
    color: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    padding: 10px;
    margin-bottom: 15px; }
  #buy-online-page .review-plan-options {
    color: #0BA6D1;
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    display: block;
    margin-bottom: 15px; }
  #buy-online-page #available-benefits {
    width: 100%; }
    #buy-online-page #available-benefits ul {
      border: 1px solid #DBDBDB;
      padding: 10px 2px;
      height: auto !important; }
    #buy-online-page #available-benefits .puzzle {
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      background-position: 40% 10%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 20px 0; }
  #buy-online-page #selected-benefits {
    width: 100%;
    min-height: 100px;
    position: relative; }
    #buy-online-page #selected-benefits .option-list {
      width: 100%;
      padding-bottom: 56.25%;
      height: auto !important;
      position: relative; }
    #buy-online-page #selected-benefits .option-list-header {
      display: flex;
      padding: 20px 5px;
      justify-content: space-between;
      align-items: center; }
    #buy-online-page #selected-benefits .reset-selected-benefits {
      width: 160px;
      height: 40px;
      font-size: 12px;
      padding: 8px 12px;
      align-items: center;
      margin: 0; }
    #buy-online-page #selected-benefits .selected-benefits-info-label {
      margin: 0; }
    #buy-online-page #selected-benefits .selected-benefits-mask {
      background-image: url("../img/puzzle-background.jpg");
      border: 5px solid #FFF;
      background-position: center;
      background-size: cover;
      height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
      #buy-online-page #selected-benefits .selected-benefits-mask .selected-benefits-background {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 5px;
        background-image: url("../img/puzzle/puzzle-grid.png");
        background-position: center;
        background-size: 106%;
        height: 100%; }
    #buy-online-page #selected-benefits .selected-benefits-suggestion-mask {
      background-position: center;
      background-size: 105%;
      height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    #buy-online-page #selected-benefits .suggestion-mask-1 {
      background-image: url("../img/puzzle/suggestion-mask-1.png"); }
    #buy-online-page #selected-benefits .suggestion-mask-2 {
      background-image: url("../img/puzzle/suggestion-mask-2.png"); }
    #buy-online-page #selected-benefits .suggestion-mask-3 {
      background-image: url("../img/puzzle/suggestion-mask-3.png"); }
    #buy-online-page #selected-benefits .suggestion-mask-4 {
      background-image: url("../img/puzzle/suggestion-mask-4.png"); }
    #buy-online-page #selected-benefits .suggestion-mask-5 {
      background-image: url("../img/puzzle/suggestion-mask-5.png"); }
    #buy-online-page #selected-benefits .suggestion-mask-6 {
      background-image: url("../img/puzzle/suggestion-mask-6.png"); }
    #buy-online-page #selected-benefits .suggestion-mask-7 {
      background-image: url("../img/puzzle/suggestion-mask-7.png"); }
    #buy-online-page #selected-benefits .suggestion-mask-8 {
      background-image: url("../img/puzzle/suggestion-mask-8.png"); }
    #buy-online-page #selected-benefits .suggestion-mask-9 {
      background-image: url("../img/puzzle/suggestion-mask-9.png"); }
    #buy-online-page #selected-benefits .suggestion-mask-10 {
      background-image: url("../img/puzzle/suggestion-mask-10.png"); }
    #buy-online-page #selected-benefits .suggestion-mask-11 {
      background-image: url("../img/puzzle/suggestion-mask-11.png"); }
    #buy-online-page #selected-benefits .suggestion-mask-12 {
      background-image: url("../img/puzzle/suggestion-mask-12.png"); }
    #buy-online-page #selected-benefits .suggestion-mask-13 {
      background-image: url("../img/puzzle/suggestion-mask-13.png"); }
    #buy-online-page #selected-benefits .suggestion-mask-14 {
      background-image: url("../img/puzzle/suggestion-mask-14.png"); }
    #buy-online-page #selected-benefits .suggestion-mask-15 {
      background-image: url("../img/puzzle/suggestion-mask-15.png"); }
    #buy-online-page #selected-benefits .selected-mask-1 {
      background-image: url("../img/puzzle/selected-mask-1.png"); }
    #buy-online-page #selected-benefits .selected-mask-2 {
      background-image: url("../img/puzzle/selected-mask-2.png"); }
    #buy-online-page #selected-benefits .selected-mask-3 {
      background-image: url("../img/puzzle/selected-mask-3.png"); }
    #buy-online-page #selected-benefits .selected-mask-4 {
      background-image: url("../img/puzzle/selected-mask-4.png"); }
    #buy-online-page #selected-benefits .selected-mask-5 {
      background-image: url("../img/puzzle/selected-mask-5.png"); }
    #buy-online-page #selected-benefits .selected-mask-6 {
      background-image: url("../img/puzzle/selected-mask-6.png"); }
    #buy-online-page #selected-benefits .selected-mask-7 {
      background-image: url("../img/puzzle/selected-mask-7.png"); }
    #buy-online-page #selected-benefits .selected-mask-8 {
      background-image: url("../img/puzzle/selected-mask-8.png"); }
    #buy-online-page #selected-benefits .selected-mask-9 {
      background-image: url("../img/puzzle/selected-mask-9.png"); }
    #buy-online-page #selected-benefits .selected-mask-10 {
      background-image: url("../img/puzzle/selected-mask-10.png"); }
    #buy-online-page #selected-benefits .selected-mask-11 {
      background-image: url("../img/puzzle/selected-mask-11.png"); }
    #buy-online-page #selected-benefits .selected-mask-12 {
      background-image: url("../img/puzzle/selected-mask-12.png"); }
    #buy-online-page #selected-benefits .selected-mask-13 {
      background-image: url("../img/puzzle/selected-mask-13.png"); }
    #buy-online-page #selected-benefits .selected-mask-14 {
      background-image: url("../img/puzzle/selected-mask-14.png"); }
    #buy-online-page #selected-benefits .selected-mask-15 {
      background-image: url("../img/puzzle/selected-mask-15.png"); }
    #buy-online-page #selected-benefits .selected-benefits-container {
      height: 100%; }
    #buy-online-page #selected-benefits .puzzle-items {
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
      background-size: 35%;
      opacity: 0.6; }
    #buy-online-page #selected-benefits .benefits-row {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      height: 33.33%;
      width: 100%; }
    #buy-online-page #selected-benefits .puzzle-item-1 {
      background-image: url("../img/ic_puzzle_outpatient-2.png");
      background-position: 35% 30%; }
    #buy-online-page #selected-benefits .puzzle-item-2 {
      background-image: url("../img/ic_puzzle_outpatient-2.png");
      background-position: 40% 30%; }
    #buy-online-page #selected-benefits .puzzle-item-3 {
      background-image: url("../img/ic_puzzle_maternity-1.png");
      background-position: 47% 30%; }
    #buy-online-page #selected-benefits .puzzle-item-4 {
      background-image: url("../img/ic_puzzle_maternity-1.png");
      background-position: 55% 30%; }
    #buy-online-page #selected-benefits .puzzle-item-5 {
      background-image: url("../img/ic_puzzle_maternity-1.png");
      background-position: 70% 30%; }
  #buy-online-page .puzzle-item-6 {
    background-image: url("../img/ic_puzzle_vaccine-1.png");
    background-position: 35% 50%; }
  #buy-online-page .puzzle-item-7 {
    background-image: url("../img/ic_puzzle_vaccine-1.png");
    background-position: 40% 50%; }
  #buy-online-page .puzzle-item-8 {
    background-image: url("../img/ic_puzzle_vaccine-1.png");
    background-position: 47% 50%; }
  #buy-online-page .puzzle-item-9 {
    background-image: url("../img/ic_puzzle_vaccine-1.png");
    background-position: 55% 50%; }
  #buy-online-page .puzzle-item-10 {
    background-image: url("../img/ic_puzzle_rehab-1.png");
    background-position: 70% 50%; }
  #buy-online-page .puzzle-item-11 {
    background-image: url("../img/ic_puzzle_rehab-1.png");
    background-position: 35% 70%; }
  #buy-online-page .puzzle-item-12 {
    background-image: url("../img/ic_puzzle_evac-1.png");
    background-position: 40% 70%; }
  #buy-online-page .puzzle-item-13 {
    background-image: url("../img/ic_puzzle_evac-1.png");
    background-position: 47% 70%; }
  #buy-online-page .puzzle-item-14 {
    background-image: url("../img/ic_puzzle_dental.png");
    background-position: 55% 70%; }
  #buy-online-page .puzzle-item-15 {
    background-image: url("../img/ic_puzzle_vision.png");
    background-position: 70% 70%; }
  #buy-online-page .puzzle.puzzle-0 {
    background: url("../img/img_puzzle_1.png") center no-repeat; }
  #buy-online-page .puzzle.puzzle-8 {
    background: url("../img/puzzle/puzzle-piece-corner-left.png") center no-repeat;
    background-size: auto 40%; }
  #buy-online-page .puzzle.puzzle-9 {
    background: url("../img/puzzle/puzzle-piece-margin.png") center no-repeat;
    background-size: auto 35%; }
  #buy-online-page .puzzle.puzzle-10 {
    background: url("../img/puzzle/puzzle-piece-margin-short-top.png") center no-repeat;
    background-size: auto 35%; }
  #buy-online-page .puzzle.puzzle-11 {
    background: url("../img/puzzle/puzzle-piece-margin.png") center no-repeat;
    background-size: auto 35%; }
  #buy-online-page .puzzle.puzzle-12 {
    background: url("../img/puzzle/puzzle-piece-corner.png") center no-repeat;
    background-size: auto 35%; }
  #buy-online-page .puzzle.puzzle-13 {
    background: url("../img/puzzle/puzzle-piece-margin-short.png") center no-repeat;
    background-size: auto 35%; }
  #buy-online-page .puzzle.puzzle-14 {
    background: url("../img/puzzle/puzzle-piece-center-vertical.png") center no-repeat;
    background-size: auto 45%; }
  #buy-online-page .puzzle.puzzle-15 {
    background: url("../img/puzzle/puzzle-piece-margin-short-right.png") center no-repeat;
    background-size: auto 35%; }
  #buy-online-page .puzzle.puzzle-16 {
    background: url("../img/puzzle/puzzle-piece-corner-left-bottom.png") center no-repeat;
    background-size: auto 35%; }
  #buy-online-page .puzzle.puzzle-17 {
    background: url("../img/puzzle/puzzle-piece-margin-bottom.png") center no-repeat;
    background-size: auto 35%; }
  #buy-online-page .puzzle.puzzle-18 {
    background: url("../img/puzzle/puzzle-piece-margin-short-bottom.png") center no-repeat;
    background-size: auto 45%; }
  #buy-online-page .puzzle.puzzle-19 {
    background: url("../img/puzzle/puzzle-piece-margin-bottom.png") center no-repeat;
    background-size: auto 35%; }
  #buy-online-page .puzzle.puzzle-20 {
    background: url("../img/puzzle/puzzle-piece-corner-bottom-right.png") center no-repeat;
    background-size: auto 35%; }
  #buy-online-page .suggested-puzzle-piece {
    border-bottom: 5px solid #0BA6D1; }
  #buy-online-page .puzzle.puzzle-21 {
    background: url("../img/puzzle/puzzle-piece-margin-bottom.png") center no-repeat;
    background-size: auto 35%; }

.puzzle {
  display: block;
  border-radius: 2px !important;
  width: 124px;
  float: left;
  margin-bottom: 1px; }

#available-benefits .puzzle:hover {
  cursor: pointer; }

.puzzle.selected {
  background-color: #ee4d12;
  border: 1px solid red; }

ul.option-list {
  padding-left: 0px;
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  background-color: #FFFFFF; }
  ul.option-list .dndDraggingSource {
    display: none; }

.option {
  text-align: center;
  height: 130px;
  min-width: 80px;
  margin: 0 5px; }
  .option .icon {
    background-position: center top 30px;
    background-repeat: no-repeat;
    height: 70px;
    width: 100%; }
  .option .name {
    color: #333333;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 20px;
    display: block; }
  .option .limit {
    color: #0BA6D1;
    font-size: 8px;
    line-height: 11px;
    display: block; }
  .option .outpatient {
    background-image: url("../img/ic_puzzle_outpatient.png"); }
  .option .dental {
    background-image: url("../img/ic_puzzle_dental.png"); }
  .option .evac {
    background-image: url("../img/ic_puzzle_evac.png"); }
  .option .maternity {
    background-image: url("../img/ic_puzzle_maternity.png"); }
  .option .rehab {
    background-image: url("../img/ic_puzzle_rehab.png"); }
  .option .vaccine {
    background-image: url("../img/ic_puzzle_vaccine.png"); }
  .option .vision {
    background-image: url("../img/ic_puzzle_vision.png"); }
  .option .inpatient {
    background-image: url("../img/ic_puzzle_inpatient.png"); }

#selected-plan-options .option {
  border: 1px solid #0BA6D1;
  box-shadow: 0 2px 4px 0 rgba(11, 166, 209, 0.1);
  margin-bottom: 15px; }

#rating {
  padding-top: 15px;
  padding-bottom: 15px; }
  #rating .rating {
    color: #0BA6D1;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%; }
  #rating .rating li {
    list-style-type: none;
    text-align: center;
    cursor: pointer;
    font-size: 60px;
    display: table-cell;
    text-align: center; }
  #rating .rating .filled {
    color: #0BA6D1; }

#installments th {
  text-align: center;
  background-color: #0BA6D1; }

.package-container {
  position: relative;
  min-height: 100px; }
  .package-container .package {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.form-control.error {
  border: 1px solid #E54F5B !important;
  background-color: #FFF6F7;
  color: #E54F5B;
  background: url("../img/ic_state_error.png") no-repeat right 12px center;
  background-size: 12px; }

select.form-control.error {
  background-position-x: right 20px; }

div.error {
  color: #E54F5B;
  font-size: 10px;
  line-height: 14px;
  padding: 5px 13px; }

label.checkbox,
label.radio {
  padding: 0px 20px; }

@media (max-width: 991px) {
  .text-xs-center {
    text-align: center; } }

@media (min-width: 992px) {
  .vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none; } }

#offer-request-details table tr td:first-child {
  width: 50%; }

.inline-datepicker table {
  width: 100%; }

.uib-datepicker th {
  color: #333 !important; }

.list-comma::before {
  content: ','; }

.list-comma:first-child::before {
  content: ''; }

.prefix-select {
  width: 90px; }

.phone-input {
  margin-left: 5px;
  width: calc(100% - 95px) !important; }

.footer-company-text {
  font-size: 11px; }

.gdpr-text {
  font-size: 12px; }