@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,900&subset=hebrew");
#loginPage { background: url("../images/bg-min.png") no-repeat 0 324px; background-size: cover; height: 100%; /*background-color: #eee;*/ }
#loginPage .container-fluid { background: url("../images/StockSnap_UMY5DUDS82.jpg") no-repeat 0 0; background-size: 100%; padding-top: 8.5%; }
#loginPage .logo-mobile { display: none; }
#loginPage .form-signin, #loginPage .from-otp { background: white url("../images/lines-black-29-op-min.png") no-repeat right bottom; max-width: 1099px; height: 608px; box-shadow: 0 8px 30px 3px rgba(0, 0, 0, 0.3); margin: 0 auto; position: relative; }
#loginPage .form-signin .logo, #loginPage .from-otp .logo { background: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; box-shadow: 0 8px 30px 3px rgba(0, 0, 0, 0.3); text-align: center; position: absolute; left: -60px; top: -95px; z-index: 10; height: 190px; width: 190px; }
#loginPage .form-signin .logo img, #loginPage .from-otp .logo img { height: auto; width: 120px; }
#loginPage .form-signin .form-content-wrap, #loginPage .from-otp .form-content-wrap { background: url("../images/aquamarine-min.png") no-repeat left bottom 152px; padding: 50px 15px; height: 100%; }
#loginPage .form-signin .form-content, #loginPage .from-otp .form-content { max-width: 415px; margin: 0 auto; }
#loginPage .form-signin .form-content .form-signin-heading, #loginPage .from-otp .form-content .form-signin-heading { font-size: 64px; font-weight: 400; letter-spacing: -3px; line-height: 1.13; text-align: center; color: #002c6a; margin: 0 0 50px; }
@media (max-width: 768px) { #loginPage .form-signin .form-content .form-signin-heading, #loginPage .from-otp .form-content .form-signin-heading { font-size: 56px; letter-spacing: normal; } }
#loginPage .form-signin .form-content .checkbox, #loginPage .from-otp .form-content .checkbox { font-weight: normal; }
#loginPage .form-signin .form-content .form-control, #loginPage .from-otp .form-content .form-control { position: relative; height: auto; box-sizing: border-box; padding: 10px; font-size: 16px; margin-bottom: 15px; border: 0 none; box-shadow: none; border-bottom: 1px solid rgba(0, 0, 0, 0.4); border-radius: 0px; color: #3a484f; font-size: 32px; font-weight: 300; line-height: 1.25; }
#loginPage .form-signin .form-content .form-control:focus, #loginPage .from-otp .form-content .form-control:focus { z-index: 3; border-color: blue; }
#loginPage .form-signin .form-content .form-control.ng-touched.ng-invalid:not(:focus), #loginPage .from-otp .form-content .form-control.ng-touched.ng-invalid:not(:focus) { z-index: 2; }
#loginPage .form-signin .form-content .input-wrap, #loginPage .from-otp .form-content .input-wrap { margin-bottom: 35px; padding-bottom: 30px; position: relative; }
#loginPage .form-signin .form-content .input-wrap label, #loginPage .from-otp .form-content .input-wrap label { font-size: 20px; font-weight: normal; line-height: normal; color: #3a484f; position: absolute; top: -15px; right: 0; z-index: 10; }
#loginPage .form-signin .form-content .input-wrap input[type="tel"], #loginPage .form-signin .form-content .input-wrap input[type="text"], #loginPage .from-otp .form-content .input-wrap input[type="tel"], #loginPage .from-otp .form-content .input-wrap input[type="text"] { height: 2em; padding: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0 !important; }
#loginPage .form-signin .form-content .input-wrap .your-id, #loginPage .from-otp .form-content .input-wrap .your-id { display: block; position: relative; }
#loginPage .form-signin .form-content .input-wrap .your-id:before, #loginPage .from-otp .form-content .input-wrap .your-id:before { content: ""; background: url("../images/icons-id-cartd.svg") no-repeat center center; background-size: 100%; width: 36px; height: 32px; display: inline-block; position: absolute; bottom: 12px; right: -85px; z-index: 10; }
#loginPage .form-signin .form-content .input-wrap .your-phone, #loginPage .from-otp .form-content .input-wrap .your-phone { display: block; position: relative; }
#loginPage .form-signin .form-content .input-wrap .your-phone:before, #loginPage .from-otp .form-content .input-wrap .your-phone:before { content: ""; background: url("../images/icons-round-phone-24-px.svg") no-repeat center center; background-size: 100%; width: 32px; height: 32px; display: inline-block; position: absolute; bottom: 12px; right: -80px; z-index: 10; }
#loginPage .form-signin .form-content .input-wrap .your-key, #loginPage .from-otp .form-content .input-wrap .your-key { display: block; position: relative; }
#loginPage .form-signin .form-content .input-wrap .your-key:before, #loginPage .from-otp .form-content .input-wrap .your-key:before { content: ""; background: url("../images/icon-key.jpg") no-repeat center center; background-size: 100%; width: 25px; height: 26px; display: inline-block; position: absolute; bottom: 12px; right: -85px; z-index: 10; }
#loginPage .form-signin .form-content .input-wrap .alert, #loginPage .from-otp .form-content .input-wrap .alert { color: red; position: absolute; right: 0; bottom: -2px; width: 100%; padding: 0; margin: 0; font-size: 20px; }
@media (max-width: 768px) { #loginPage .form-signin .form-content .input-wrap .alert, #loginPage .from-otp .form-content .input-wrap .alert { color: red; } }
#loginPage .from-otp .form-content .form-signin-heading { margin-bottom: 65px; }
#loginPage .from-otp p { font-size: 22px; font-weight: normal; line-height: 33px; color: #3a484f; margin: 0; }
#loginPage .from-otp p a { color: #1050aa; text-decoration: underline; cursor: pointer; }
#loginPage .from-otp .form-content .input-wrap { margin-top: 45px; margin-bottom: 30px; }
#loginPage .from-otp .wrap-buttons { padding: 0; }
#loginPage .from-otp .wrap-buttons button[type=submit] { display: inline-block; width: 300px; }
#loginPage .from-otp .wrap-buttons .b-return { background: none; border: none; box-shadow: none; cursor: pointer; font-size: 28px; font-weight: normal; line-height: normal; text-align: left; color: #003e7e; width: auto; margin: 0 30px 0 0; padding: 10px; height: 55px; }
#loginPage .wrap-submit, #loginPage .wrap-buttons { padding-top: 35px; }
#loginPage .wrap-submit button[type=submit], #loginPage .wrap-buttons button[type=submit] { background: none; border: 2px solid #a1b4ce; border-radius: 30px; box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.24); cursor: pointer; font-size: 28px; font-weight: normal; line-height: normal; text-align: center; color: #003e7e; width: 403px; margin: 0; height: 55px; opacity: 1; }
#loginPage .wrap-submit button[type=submit].submitInProgress, #loginPage .wrap-buttons button[type=submit].submitInProgress { background-color: #2C3459; color: #a1b4ce; }
#loginPage .wrap-submit .alert, #loginPage .wrap-buttons .alert { color: red; right: 0; width: 100%; max-width: 100%; padding: 0; margin: 10px auto 0; font-size: 20px; }
@media (max-width: 768px) { #loginPage .wrap-submit .alert, #loginPage .wrap-buttons .alert { color: red; } }
#loginPage .signupButton { width: 300px; margin: 0 auto; }
#loginPage .footer_title { text-align: center; font-size: 12px; font-weight: bold; margin-top: 5px; }
#loginPage .alert { color: red; right: 0; width: 100%; padding: 0; margin: 10px auto 0; font-size: 20px; }
@media (max-width: 768px) { #loginPage .alert { color: red; } }
@media (min-width: 993px) and (max-width: 1199px) { #loginPage .form-signin .logo, #loginPage .from-otp .logo { left: -15px; } }
@media (max-width: 992px) { #loginPage { background: none; }
  #loginPage .logo-mobile { display: block; margin: 8px auto; text-align: center; }
  #loginPage .logo-mobile img { width: 58px; }
  #loginPage .form-signin .logo, #loginPage .from-otp .logo { display: none; }
  #loginPage .container-fluid { background-size: 100%; padding-top: 8.5%; } }
@media (max-width: 767px) { #loginPage { background: none; }
  #loginPage .form-signin .logo, #loginPage .from-otp .logo { display: none; }
  #loginPage .container-fluid { background-size: 100%; padding-top: 8.5%; }
  #loginPage .form-signin, #loginPage .from-otp { background: white url(../images/lines-black-29-op-mob-min.jpg) no-repeat right bottom; height: 310px; }
  #loginPage .form-signin .form-content-wrap, #loginPage .from-otp .form-content-wrap { background: url(../images/aquamarine-mob-min.jpg) no-repeat left bottom 40px; padding: 20px 15px; }
  #loginPage .form-signin .form-content .form-signin-heading, #loginPage .from-otp .form-content .form-signin-heading { letter-spacing: normal; margin: 0 0 22px; font-size: 32px; }
  #loginPage .form-signin .form-content .form-control, #loginPage .from-otp .form-content .form-control { font-size: 14px; }
  #loginPage .form-signin .form-content .input-wrap { margin-bottom: 10px; }
  #loginPage .from-otp .form-content .input-wrap { margin-bottom: 0; margin-top: 10px; }
  #loginPage .form-signin .form-content .input-wrap .alert, #loginPage .from-otp .form-content .input-wrap .alert { font-size: 11px; bottom: 8px; padding-right: 30px; max-width: 100%; text-align: right; }
  #loginPage .form-signin .form-content .input-wrap .your-id, #loginPage .form-signin .form-content .input-wrap .your-phone, #loginPage .from-otp .form-content .input-wrap .your-key { padding-right: 32px; }
  #loginPage .form-signin .form-content .input-wrap .your-id:before, #loginPage .form-signin .form-content .input-wrap .your-phone:before { width: 24px; height: 24px; right: 0; bottom: 0; }
  #loginPage .from-otp .form-content .input-wrap .your-key:before { width: 18px; height: 24px; right: 0; bottom: 0; }
  #loginPage .from-otp p { font-size: 14px; font-weight: normal; line-height: 23px; }
  #loginPage .form-signin .wrap-submit, #loginPage .form-signin .wrap-buttons, #loginPage .from-otp .wrap-submit, #loginPage .from-otp .wrap-buttons { padding-top: 0; text-align: center; }
  #loginPage .form-signin .wrap-submit button[type=submit], #loginPage .form-signin .wrap-buttons button[type=submit], #loginPage .from-otp .wrap-submit button[type=submit], #loginPage .from-otp .wrap-buttons button[type=submit] { width: 141px; margin: 0 auto; height: 40px; font-size: 16px; line-height: normal; }
  #loginPage .form-signin .wrap-submit .b-return, #loginPage .form-signin .wrap-buttons .b-return, #loginPage .from-otp .wrap-submit .b-return, #loginPage .from-otp .wrap-buttons .b-return { height: 40px; font-size: 16px; line-height: normal; margin-right: 10px; }
  #loginPage .form-signin .alert, #loginPage .from-otp .alert { margin: 10px auto 0; font-size: 11px; text-align: center; max-width: calc(100% - 94px); } }

body { direction: rtl; font: 28px/1.5 'Rubik', sans-serif; }

/**** header *****/
header { background: url("../images/StockSnap_UMY5DUDS82.jpg") no-repeat 0 0; background-size: cover; height: 300px; }
@media (max-width: 992px) { header { background-size: 100%; } }
@media (max-width: 768px) { header { height: 12rem; } }
header .header-content { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; height: 100%; max-width: 1110px; margin: 0 auto; width: 100%; }
@media (max-width: 992px) { header .header-content { width: 80%; } }

.header-logo { background: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; box-shadow: 0 8px 30px 3px rgba(0, 0, 0, 0.3); text-align: center; z-index: 10; height: 190px; width: 190px; }
.header-logo img { height: auto; width: 120px; }
@media (max-width: 992px) { .header-logo { display: none; } }

.logo-mobile { display: none; }
@media (max-width: 992px) { .logo-mobile { display: block; margin: 8px auto; text-align: center; }
  .logo-mobile img { width: 58px; } }

.green_title { color: #A7D868; }

.alert { border-radius: 0px; }

@media (max-width: 768px) { .container, .col-xs-6 { padding: 0px; } }

footer { clear: both; background-color: #f5fdff; border-top: 1px solid #002c6a; margin-top: 100px; }
footer .footer-content { height: 225px; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-align: center; align-items: center; max-width: 1200px; margin: 0 auto; }
footer .footer-content.without-banners { height: 304px; }
footer .footer-content .menu { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; max-width: 100%; width: 570px; margin: 0; padding: 0; }
footer .footer-content .menu li { display: inline-block; list-style: none; }
footer .footer-content .menu li a { font-size: 22px; line-height: normal; color: #09018b; text-decoration: none; }
footer .footer-content .footer-logo img { height: auto; width: 80px; }
footer .footer-content .footer-contacts { font-size: 22px; line-height: 1.32; color: rgba(58, 72, 79, 0.84); }
footer .footer-content .footer-contacts .fax { margin-right: 25px; }
footer .footer-content .footer-contacts .email a { font-size: 20px; line-height: 1.45; color: #002c6a; text-decoration: none; }
footer .footer-bottom { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; max-width: 1200px; margin: 0 auto; padding-bottom: 73px; }
footer .footer-bottom .banners-title { font-size: 28px; font-weight: 500; line-height: normal; color: rgba(58, 72, 79, 0.84); margin-left: 20px; }

@media (min-width: 993px) and (max-width: 1199px) { footer { padding-left: 15px; padding-right: 15px; }
  footer .footer-bottom .banners-title { width: 21%; margin: 0; font-size: 23px; }
  footer .footer-bottom .banner { width: 38%; }
  footer .footer-bottom .banner img { max-width: 100%; margin: 0 auto; }
  .footer-menu { width: 55%; }
  footer .footer-content .footer-contacts { font-size: 18px; }
  footer .footer-content .footer-contacts .email a { font-size: 16px; } }
@media (max-width: 992px) { footer { margin-top: 35px; padding: 22px 15px 35px; }
  footer .footer-content { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: unset; justify-content: unset; height: auto; }
  footer .footer-content .footer-menu { width: 100%; }
  footer .footer-content .footer-menu .menu { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 640px; width: 100%; margin: 0 auto; }
  footer .footer-content .footer-menu .menu li { margin: 0 15px 20px; }
  footer .footer-content .footer-menu .menu li a { font-size: 15px; display: block; }
  footer .footer-content .footer-logo { margin: 0 0 11px; }
  footer .footer-content .footer-logo img { width: 58px; }
  footer .footer-content .footer-contacts { font-size: 14px; line-height: 24px; text-align: center; }
  footer .footer-content .footer-contacts .fax { margin-right: 10px; }
  footer .footer-content .footer-contacts .email a { font-size: 13px; }
  footer .footer-bottom { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: unset; justify-content: unset; height: auto; margin-top: 10px; padding-bottom: 0px; }
  footer .footer-bottom .banner { margin: 10px 0; }
  footer .footer-bottom .banner img { max-width: 100%; margin: 0 auto; } }
.main_title .title { font-size: 64px; font-weight: normal; line-height: 1.13; color: #ffffff; }
.main_title .title span { color: #30e1d7; }
@media (max-width: 768px) { .main_title .title { font-size: 20px; } }
.main_title .logout a { display: block; font-size: 28px; font-weight: normal; line-height: normal; color: #ffffff; text-decoration: underline; text-align: left; }
@media (max-width: 768px) { .main_title .logout a { font-size: 20px; } }

.caption { border-bottom: 2px solid #979797; font-size: 42px; font-weight: normal; line-height: 1.33; color: rgba(0, 44, 106, 0.87); margin-bottom: 0; padding-bottom: 45px; margin-top: 20px; }
.caption.no-border { border: none; margin-bottom: 0; padding-bottom: 0; }
@media (max-width: 768px) { .caption { font-size: 26px; padding-right: 0px; margin-top: 0; } }

.account_details .details_section { color: rgba(0, 44, 106, 0.87); clear: both; }
.account_details .details_section.address-details { margin-top: 55px; }
@media (max-width: 768px) { .account_details .details_section.address-details { max-matgin-top: 0; } }
.account_details .details_section .row { margin: 0 -24px; }
@media (max-width: 768px) { .account_details .details_section .row { margin: 0 -15px; } }
.account_details .details_section .details_sub_section { padding-left: 24px; padding-right: 24px; margin-bottom: 35px; }
@media (max-width: 768px) { .account_details .details_section .details_sub_section { padding-bottom: 0px; padding-left: 15px; padding-right: 15px; } }
.account_details .details_section .bold_title { font-size: 42px; font-weight: normal; line-height: 1.33; color: rgba(0, 44, 106, 0.87); margin-bottom: 30px; }
@media (max-width: 768px) { .account_details .details_section .bold_title { font-size: 26px; margin-bottom: 20px; }
  .account_details .details_section .bold_title .col-md-12 { padding: 0px; } }
.account_details .details_section .details_title { font-size: 20px; font-weight: 500; color: rgba(0, 44, 106, 0.87); margin-bottom: 7px; }
@media (max-width: 768px) { .account_details .details_section .details_title { font-size: 20px; } }
.account_details .details_section .details_value { border-bottom: solid 1px #979797; font-size: 30px; line-height: normal; color: #3a484f; padding-bottom: 17px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; font-weight: 400; }
@media (max-width: 768px) { .account_details .details_section .details_value { font-size: 18px; margin-top: 2px; } }
.account_details .details_section .details_value a { text-decoration: none; }
.account_details .details_section .details_value a i { background: #ffffff; font-size: 22px; }
.account_details .details_section .details_value a i:before { content: ''; background: url("../images/edit.jpg") no-repeat 0 0; opacity: 0.5; display: inline-block; height: 24px; width: 24px; }

.account_details, .policiesDetails, .claimsDetails { padding-top: 2%; }
.account_details .container-fluid .container-content, .policiesDetails .container-fluid .container-content, .claimsDetails .container-fluid .container-content { background: #ffffff; max-width: 915px; margin: 0 auto; }
.account_details .container-fluid .container-content:after, .policiesDetails .container-fluid .container-content:after, .claimsDetails .container-fluid .container-content:after { display: table; content: " "; clear: both; }
.account_details .logo, .policiesDetails .logo, .claimsDetails .logo { background: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; box-shadow: 0 8px 30px 3px rgba(0, 0, 0, 0.3); text-align: center; position: absolute; left: 21%; top: 5%; z-index: 10; height: 190px; width: 190px; }
.account_details .logo img, .policiesDetails .logo img, .claimsDetails .logo img { height: auto; width: 120px; }
.account_details .user-welcom, .policiesDetails .user-welcom, .claimsDetails .user-welcom { position: absolute; top: 9.5%; max-width: 915px; width: 915px; left: 50%; transform: translateX(-50%); }
.account_details .user-welcom .welcom-text, .policiesDetails .user-welcom .welcom-text, .claimsDetails .user-welcom .welcom-text { font-size: 64px; font-weight: normal; line-height: 1.13; color: #30e1d7; max-width: 775px; }
.account_details .user-welcom .welcom-text span, .policiesDetails .user-welcom .welcom-text span, .claimsDetails .user-welcom .welcom-text span { color: #ffffff; }
.account_details .details_section div, .policiesDetails .details_section div, .claimsDetails .details_section div { height: auto; }
@media (max-width: 992px) { .account_details, .policiesDetails, .claimsDetails { background: none; }
  .account_details .logo-mobile, .policiesDetails .logo-mobile, .claimsDetails .logo-mobile { display: block; margin: 8px auto; text-align: center; }
  .account_details .logo-mobile img, .policiesDetails .logo-mobile img, .claimsDetails .logo-mobile img { width: 58px; }
  .account_details .logo-desktop, .policiesDetails .logo-desktop, .claimsDetails .logo-desktop { display: none; } }
@media (max-width: 767px) { .account_details, .policiesDetails, .claimsDetails { background: none; } }

@media (max-width: 768px) { .policiesDetails .container-fluid .container-content, .claimsDetails .container-fluid .container-content { margin: 0 -15px; } }

.policy-section, .claim-section { border-bottom: 2px solid #979797; margin-top: 15px; padding-bottom: 0; }
@media (max-width: 768px) { .policy-section, .claim-section { padding-bottom: 15px; } }
.policy-section:after, .claim-section:after { display: table; content: " "; clear: both; }
.policy-section .field-label, .claim-section .field-label { font-size: 20px; font-weight: 500; line-height: 2; color: rgba(0, 44, 106, 0.87); }
@media (max-width: 768px) { .policy-section .field-label, .claim-section .field-label { font-size: 18px; } }
.policy-section .value, .claim-section .value { font-size: 25px; font-weight: 300; line-height: 1; color: #3a484f; min-height: 61px; }
@media (max-width: 768px) { .policy-section .value, .claim-section .value { font-size: 20px; min-height: 0; } }
.policy-section .item, .claim-section .item { margin: 12px 0; }

h4.ng-binding { font-size: 28px; font-weight: normal; line-height: normal; color: #1cb7ae; margin: 0; }
@media (max-width: 768px) { h4.ng-binding { font-size: 20px; } }

.inactive { margin-top: 75px; }
@media (max-width: 768px) { .inactive .borderless { margin-bottom: 35px; } }

.private-area { background: url(../images/bg-min.png) repeat 0 0; background-size: 100%; padding-top: 1.3%; }
@media (max-width: 768px) { .private-area { background: none; } }

.InActiveC { font-size: 25px; }

.InActiveE { font-size: 25px; }

@media (max-width: 768px) { .InActiveC { font-size: 18px; }
  .InActiveE { font-size: 18px; } }
/*table.ng-hide { animation: 0.1s  ; 
}*/
.table.borderless td, .table.borderless th { border: none !important; }
.table tr th { font-size: 16px; font-weight: lighter; color: gray; white-space: nowrap; min-width: 116px; }
@media (max-width: 768px) { .table tr th { font-size: 20px; } }
.table tr td { font-size: 13px; font-weight: bold; }

.btn-send-policy { background: none; border: 2px solid #a1b4ce; border-radius: 30px; box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.24); cursor: pointer; font-size: 20px; font-weight: normal; line-height: normal; text-align: center; color: #003e7e; width: 245px; margin: 0; height: 51px; opacity: 1; margin-right: auto; }
@media (max-width: 768px) { .btn-send-policy { margin-right: 0; margin-top: 10px; } }

.small-send-policy { width: 198px; margin-top: -5vh; }
@media (max-width: 768px) { .small-send-policy { margin-top: -9vh; } }

.small-send-policy-life { width: 198px; margin-top: -2vh; }
@media (max-width: 768px) { .small-send-policy-life { margin-top: 1vh; } }

.msg-success { font-size: 21px; color: green; float: left; margin-top: -9vh; }

.msg-error { font-size: 21px; color: red; float: left; margin-top: -9vh; }

.flex { display: -ms-flexbox; display: flex; }
@media (max-width: 768px) { .flex { display: block; } }

.unclicked { display: none !important; }

.clicked { display: block !important; }

.msg-success, .msg-error { margin-top: -46px; }
@media (max-width: 768px) { .msg-success, .msg-error { float: right; margin-top: -43px; } }

.ms { float: right; margin-top: -4px; }
@media (max-width: 768px) { .ms { margin-top: -1px; } }

.address { display: -ms-inline-flexbox; display: inline-flex; text-align: center; }
.address .cInput { padding-left: 10px; }
@media (max-width: 766px) { .address { display: block; } }
.address .city { width: 10em; }
@media (max-width: 766px) { .address .city { width: 100%; } }
.address .street { width: 16em; }
@media (max-width: 766px) { .address .street { width: 100%; } }
.address .zipCode { width: 8em; }
@media (max-width: 766px) { .address .zipCode { width: 100%; } }
.address .addressError { color: red; position: relative; float: right; }
.address .addressError:before { content: "\f05a"; font-family: FontAwesome; font-style: normal; font-weight: normal; position: relative; text-decoration: inherit; /*--adjust as necessary--*/ color: red; font-size: 1em; padding-left: 0.5em; right: 0px; }

.table th { display: none; }
@media (max-width: 990px) { .table tr { border-bottom: solid 2px; }
  .table tr td { margin-bottom: 1em; } }
.table td { display: block; }
.table td:before { content: attr(data-th); display: block; font-weight: bold; width: auto; font-weight: 600; min-width: 155px; font-size: 16px; font-weight: lighter; color: gray; margin-bottom: 10px; }
@media (min-width: 990px) { .table td:before { display: none; } }
@media (min-width: 990px) { .table th, .table td { display: table-cell; } }

@media (max-width: 990px) { .table td { padding: 5px 10px 2px !important; width: 50%; display: inline-block; } }

.close_button { float: left; padding-left: 1em; padding-top: 1em; }

.modalEdit input.ng-invalid.ng-touched:not(:focus) { border-color: red; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.modalEdit.ng-submitted input.ng-invalid:not(:focus) { border-color: red; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.modalEdit label { display: inline; }
.modalEdit .error { color: red; position: relative; padding-right: 1.3em; }
.modalEdit .error:before { content: "\f05a"; font-family: FontAwesome; font-style: normal; font-weight: normal; position: relative; text-decoration: inherit; /*--adjust as necessary--*/ color: red; font-size: 1em; padding-left: 0.5em; position: absolute; right: 0px; }
.modalEdit .input_group { display: inline; margin-left: auto; margin-right: 37%; vertical-align: middle; }
.modalEdit input[type=number]::-webkit-inner-spin-button, .modalEdit input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; }
.modalEdit .button_container { text-align: center; }
.modalEdit .button_container button[type=submit] { margin-top: 1em; margin-left: auto; margin-right: auto; width: 10em; overflow: hidden; }
