body{margin:0px;padding:0px;} a img{border:none;} body{font-family:arial,sans-serif;font-size:15px;font-weight:normal;color:#656565;} /*h1{margin:0px;font-family:Impact,Charcoal,sans-serif;font-weight:normal;text-transform:uppercase;color:#358ca8;font-size:25px;}*/ h1{margin:0px;font-weight:bold;text-transform:uppercase;color:#358ca8;font-size:26px;font-stretch:ultra-condensed;} .breadCrumbs{position:relative;top:-10px;} .breadCrumbs a{color:#53798d;text-decoration:none;} .breadCrumbs a:hover{text-decoration:underline;} #form .title h1{line-height:72px;text-align:left;position:absolute;} #form .title h1 span{display:inline-block;line-height:28px;vertical-align:middle;} #form.report.telemed .title h1 {position:relative;line-height:72px;text-align:left; float:left;} #form.report.telemed .title h1 span{display:inline-block;line-height:28px;vertical-align:middle;} #form.report.telemed .title a{display:block;line-height:72px;vertical-align:middle;float:right;text-align:left;} #form.telemed.add .product_desc a {font-size:14px;font-weight:bold;color: #598aa5;} #form.telemed.add .product_desc a.hidden {display:none;} #form.telemed.add .product_desc {padding-bottom:20px;} .hidden, #form .step input.text.hidden{display:none;} .invisible{visibility:hidden;} .clear{display:block;clear:both;height:0px;font-size:0px;line-height:0px;overflow:hidden;} .hr{display:block;clear:both;height:1px;font-size:0px;line-height:0px;overflow:hidden;background:url('/images/hr.jpg');} .success{background:url('/images/success.png') 0px 10px no-repeat;padding-left:27px;} .successCentered{background:url('/images/success.png') left center no-repeat;padding-left:20px;} .red{color:#c50505;} .fail{color:#c50505;background:url('/images/fail.png') 5px 10px no-repeat;padding-left:27px;} .failCentered{color:#c50505;background:url('/images/fail.png') left center no-repeat;padding-left:20px;} .taCenter{text-align:center;} .taRight{text-align:right;} .taJustify{text-align:justify;} .nowrap{white-space:nowrap;} .searchMatch{background:#bbffbb;} .banner-wrapper{text-align:center;position:absolute;left:0;width:100%;top:0;} .banner{position:relative;display:inline-block;} .banner img.large{width:100%;max-height:150px;max-width:500px;} .banner a.link{display:inline-block;} input, a {outline:0;} input.text{padding:0px 10px;margin:0px;border:1px solid #accce8;border-radius:4px;line-height:31px;background:url('/images/input.jpg'); color:#312a20;font-family:arial,sans-serif;font-size:15px;height:31px;width:289px;} /* 283 */ input.text.invalid{border-color:#f50505;} input.text.readonly{background:url('/images/inputReadonly.jpg');} input.text.loading{background:url('/images/inputReadonlyLoading.gif') center center no-repeat;} input.text.date{width:80px;} input.text.time{width:64px;margin-left:10px;} input.text.year{width:32px;} input.text.color{width:256px;} input.text.ageExperience{width:30px;} input.text.bonusMalus{width:30px;} input.text.driverLicense{width:95px;} input.text.power{width:45px;} input.text.carage{width:45px;} input.text.caryear{width:55px;} input.text.function{width:300px;} #form.osago .step input.text.serie{width:30px;} #form.osago .step input.text.number{width:90px;} select.select{padding:0px 10px;margin:0px;border:1px solid #accce8;border-radius:4px;line-height:31px;background:url('/images/input.jpg'); color:#312a20;font-family:arial,sans-serif;font-size:15px;height:33px;} select.select.readonly{background:url('/images/inputReadonly.jpg');} textarea{padding:5px 10px;margin:0px;border:1px solid #accce8;border-radius:4px;line-height:22px;background:url('/images/textarea.jpg') left top repeat-x #ffffff; color:#312a20;font-family:arial,sans-serif;font-size:15px;height:71px;width:283px;} textarea.readonly{background-image:url('/images/textareaReadonly.jpg');} input.button{cursor:pointer;padding:0px 22px;margin:0px;border:2px solid #accce8;border-radius:4px;line-height:29px;background:url('/images/button.jpg'); color:#ffffff;font-family:arial,sans-serif;font-size:15px;font-weight:bold;outline-style:none;} input.button.red{background-image:url('/images/buttonRed.jpg');} input.button::-moz-focus-inner{border:none;} input.button.loading, a.button.loading, #form .step a.button.loading, #leversBody a.button.loading{background-image:url('/images/buttonLoadingLeft.gif');background-position:left center;} input.button.prev{background-image:url('/images/buttonPrevNext.jpg');background-position:left top;padding-left:55px;float:left;cursor:pointer;} input.button.next{background-image:url('/images/buttonPrevNext.jpg');background-position:right top;padding-right:55px;float:right;cursor:pointer;} #form .step a.button{padding:0px;margin:0px;border:2px solid #accce8;border-radius:4px;line-height:29px;background:url('/images/button.jpg');width:212px; color:#ffffff;font-family:arial,sans-serif;font-size:15px;font-weight:bold;outline-style:none;display:block;float:left;text-decoration:none;text-align:center;} #form .step a.button.disabled{color:#ffffff;} #form .step a.button.disabled, input.button.disabled, #form .step .saveButtons input.button.disabled{background-image:url('/images/buttonDisabled.jpg');cursor:default;} #form .step .saveButtons input.button.red.disabled{background-image:url('/images/buttonRedDisabled.jpg');} #form .step a.button.red.disabled{background-image:url('/images/buttonRedDisabled.jpg');} #form .step a.button.red{background-image:url('/images/buttonRed.jpg');} #form .consentForm { margin: 30px 0 25px 90px; clear: both; float: left; } #inputWidthChecker, #inputWidthCheckerM1, #inputWidthCheckerM2, #inputWidthCheckerP1, #inputWidthCheckerP2{position:absolute;top:-50px;} .inputFile{position:relative;width:303px;border:1px solid #accce8;border-radius:4px;background:url('/images/input.jpg');overflow:hidden;height:31px;} /* width=input.text.width+padding */ .inputFile input{background:#ff0000;width:1px;height:1px;overflow:hidden;position:absolute;left:10px;top:10px;} .inputFile label, #popup .form .inputFile label, #popup .form.classicForm .inputFile label, #popup .form.classicForm.centered .inputFile label{position:relative;float:none;height:100%;width:auto;margin:0px;left:0px;display:block;text-align:left;padding:0px 10px;line-height:31px;background:url('/images/input.jpg');cursor:pointer;vertical-align:baseline;} .inputFile label span.button, #popup .form .inputFile label span.button{display:block;position:absolute;right:0px;top:0px;height:31px;vertical-align:baseline; padding:0px 22px;border-left:1px solid #accce8;line-height:31px;background:url('/images/button.jpg');margin-top:0; color:#ffffff;font-family:arial,sans-serif;font-size:15px;font-weight:bold;} .inputFile label span, #popup .form .inputFile label span{display:block;vertical-align:baseline;} #tooltip{position:absolute;display:none;border:1px solid #accce8;border-radius:5px;background:#ffffff;padding:5px 8px;font-size:14px;line-height:18px; box-shadow:1px 1px 5px -2px #000000;z-index:600;} #tooltip table.calculation{border-collapse:collapse;} #tooltip table.calculation th, #tooltip table.calculation td{padding:5px 8px;border:1px solid #cccccc;font-weight:normal;vertical-align:top;font-size:15px;text-align:center;} #tooltip table.calculation td.taRight{text-align:right;} #tooltip table.calculation td.highlighted{font-weight:bold;background:#e3ebee;} #tooltip table.calculation th small{display:block;font-size:10px;line-height:10px;} #notices{position:fixed;z-index:250;right:0px;top:-1px;display:none;background:#ffffff;border-width:0px 0px 1px 1px;border-style:solid;border-color:#accce8; border-bottom-left-radius:10px;box-shadow:3px -1px 5px 0px #000000;padding:2px 0px 1px;max-height:100%;overflow:auto;} /*#notices a.close{display:block;text-decoration:none;font-size:13px;color:#777777;padding:3px 10px;}*/ #notices .notices{} #notices .notices a{padding:2px 10px;text-decoration:none;outline:none;display:block;color:#53798d;} #notices .notices a:hover{text-decoration:underline;} #notices .notices.red a.title{color:#c50505;} #notices .notices .title{} #notices .notices.warning .title{background:url('/images/iconWarning15-17.png') 10px center no-repeat;padding-left:35px;} #notices .notices .notice{font-size:14px;color:#656565;padding-left:35px;} #notices .notices .notice:last-child{margin-bottom:2px;} #notices .notices.newMessagesNumber a{padding-left:35px;background:url('/images/iconNewMessage_small.png') 8px center no-repeat;color:#53798d;} #whiteMask{display:none;position:fixed;z-index:450;left:0;top:0;right:0;bottom:0;background:#ffffff;} #popup{display:none;position:absolute;z-index:500;border:1px solid #accce8;border-radius:10px;background:#ffffff;box-shadow:1px 1px 5px -2px #000000;} /* overflow:hidden; пока убрал, чтоб работало position:sticky для tableAction */ #popup.loading{background:url('/images/loading.gif') center center no-repeat #ffffff;min-width:50px;min-height:50px;overflow:hidden;} #popupContent{width:713px;padding:23px 26px;} #popupContent.autoWidth{width:auto;} #popupContent.invisible{position:absolute;} #popup a.popupClose{display:block;position:absolute;top:0px;right:0px;text-decoration:none;font-size:12px;color:#bbbbbb;line-height:12px;padding:5px 6px 4px 6px; border-color:#ccdcff;border-style:solid;border-width:0px 0px 1px 1px;border-radius:0px 10px 0px 10px;} #popup a.popupClose:hover{color:#c50505;background:#f8f8f8;} #popup a.popupClose i{display:block;background:url('/images/iconClose.png');width:12px;height:12px;float:right;margin:0px 0px 0px 5px;} #popup a.popupClose:hover i{background-position:left bottom;} #popup .form{} #popup .form label{width:140px;margin-right:5px;float:left;clear:both;line-height:19px;} #popup .form label.wide{width:100%;margin-right:0px;} #popup .form label span{display:inline-block;vertical-align:middle;} #popup .form div.value{float:left;} #popup .form input.radio{display:inline-block;margin:0px 8px;padding:0px;vertical-align:middle;} #popup .form.centered{} #popup .form.centered label, #popup .form.classicForm.centered label{width:50%;text-align:right;position:relative;left:-5px;margin-right:0px;} #popup .form.centered div.value{margin-left:5px;} #popup .form.popupForm20{} #popup .form.popupForm20 label{line-height:30px;margin-bottom:5px;} #popup .form.popupForm20 div.value{line-height:30px;margin-bottom:5px;} #popup .form.popupForm20 div.value span{display:inline-block;vertical-align:middle;line-height:19px;} #popup .form.popupForm20 div.value input.text{width:250px;line-height:22px;height:22px;padding:4px 5px;} #popup .form.popupForm20 div.value textarea{width:250px;padding:4px 5px;resize:vertical;} #popup div.popupButtons{text-align:center;margin-top:20px;} #popup .form.classicForm div.popupButtons{margin-top:0;} #popup div.popupButtons p.comment{margin:0px 0px 10px;border:1px solid #accce8;border-radius:4px;padding:8px 10px;background:url('/images/textarea.jpg') left top repeat-x;} #popup div.popupButtons p.comment.warning label{display:block;background:url('/images/iconWarning15-17.png') right center no-repeat;padding-right:25px;} #popup div.popupButtons a{color:#598aa5;text-decoration:none;} #popup div.popupButtons a:hover{text-decoration:underline;} #popup div.popupButtons input.button{cursor:pointer;margin:10px 5px 0;} #popup div.popupButtons input.button.prev{float:none;} #popup .form.classicForm.centered div.popupButtons .leftHalf, #popup .form.classicForm.centered div.popupButtons .rightHalf{width:50%;float:left;} #popup .form.classicForm.centered div.popupButtons .leftHalf{text-align:right;} #popup .form.classicForm.centered div.popupButtons .rightHalf{text-align:left;} #popup .popupLoadingMask{position:absolute;width:100%;height:100%;left:0px;top:0px;background:url('/images/loading.gif') center center no-repeat #ffffff;display:none;} #popup div.popup_product_desc div.p {margin-top:10px;margin-bottom:10px;} #popup div.popup_product_desc div.p div {margin-top:4px; margin-bottom: 4px;} #popup div.popup_product_desc div.p span.name {font-weight:bold;} #popupContent .popupTitle{font-size:16px;font-weight:bold;color:#598aa5;margin:0px 0px 3px 0px;} #popupContent .popupTitle.red{color:#c50505;} #popupContent .popupTopComment{margin:-11px 0px 11px;} #menuM{position:fixed;background:#ffffff;z-index:550;overflow:auto;top:44px;bottom:0px;left:-500px;box-shadow:0px 0px 5px 0px #3e6d89;} #menuM .mmItems{padding:12px;} #menuM .mmItems a{display:block;float:left;clear:both;color:#53798d;text-decoration:none;padding:8px;} #menuM .mmItems a:hover{text-decoration:underline;} #body{min-width:480px;} #header{background:url('/images/hShadow.jpg') left bottom repeat-x;text-align:center;} #hContent{max-width:100%;min-width:480px;margin:0px auto;text-align:left;position:relative;overflow:hidden;} #hHamburger{display:none;width:22px;height:17px;float:left;position:relative;padding:13px 12px 14px;z-index:100;background:#ffffff;} #hHamburger span.icon{display:block;position:absolute;top:13px;right:12px;bottom:14px;left:12px;} #hHamburger .ht, #hHamburger .hm, #hHamburger .hb, #hHamburger .c1, #hHamburger .c2{display:block;width:100%;height:3px;background:#3e6d89;position:absolute;left:0px;} #hHamburger span.ht{top:0px;} #hHamburger span.hm{top:7px;} #hHamburger span.hb{bottom:0px;} #hHamburger span.icon.close{display:none;width:21px;height:21px;top:11px;right:13px;bottom:12px;transform:rotate(45deg);} #hHamburger span.c1{top:9px;} #hHamburger span.c2{width:3px;height:100%;left:auto;left:9px;} #hLogo{display:block;float:left;width:220px;height:55px;background:url('/images/logoM4x.png') left center no-repeat;background-size:contain;margin:3px;} #hLogoM{display:none;float:left;width:132px;height:44px;background:url('/images/logoM4x.png') left center no-repeat;background-size:contain;position:relative;z-index:99;left:-6px;} #hContent .hTabs{padding-top:5px;height:38px;overflow:hidden;width:2000px;} #hContent .tabs{display:block;height:32px;margin-top:4px;float:left;text-decoration:none;font-size:16px;color:#858383;line-height:37px;text-align:center; font-family:'Arial Narrow',arial,sans-serif;font-stretch:condensed;font-weight:bold;} #hContent .tabs:hover{color:#598aa5;} #hContent a.tabs{min-width:100px;position:relative;z-index:100;} #hContent a.tabs u{display:block;position:absolute;left:0px;top:0px;width:20px;height:100%;background-position:0px -32px;} #hContent a.tabs i{display:block;position:absolute;right:0px;top:0px;width:20px;height:100%;background-position:-20px -32px;} #hContent a.tabs b{display:block;position:relative;text-align:center;height:32px;padding:0px 10px 0px 15px;} #hContent .tabs.even, #hContent .tabs.even i, #hContent .tabs.even u{background-image:url('/images/hmTabsEven.jpg');} #hContent .tabs.odd, #hContent .tabs.odd i, #hContent .tabs.odd u{background-image:url('/images/hmTabsOdd.jpg');} #hContent .tabs.start{width:5px;background:url('/images/hmTabsFirst.jpg');margin-left:14px;} /* active first tab covers 2 more pixels on the left */ #hContent a.tabs.first u{display:none;} #hContent a.tabs.last.even i{width:40px;right:-20px;background-position:-40px -32px;} #hContent a.tabs.last.odd i{display:none;} #hContent a.tabs.act{height:38px;margin-top:0px;z-index:150;background:none;} #hContent a.tabs.act b, #hContent .tabs.act i, #hContent .tabs.act u{background-image:url('/images/hmTabsAct.png');} #hContent a.tabs.act b{padding-top:4px;padding-right:0px;margin-right:19px;height:34px;color:#ffffff;} #hContent a.tabs.act u{left:-7px;display:block;background-position:0px -39px;} #hContent a.tabs.act i{background-position:-6px -39px;width:45px;right:-25px;} #hContent a.tabs.odd.act i{background-position:-52px -39px;} #hContent a.tabs.beforeAct i{display:none;} #hContent a.tabs.last.act i{background-position:0px -78px;width:45px;right:-25px;display:block;} #hContent a.tabs.last.more{width:50px;min-width:50px;display:none;} #hContent a.tabs.last.more b{background:url('/images/hmTabsOddLastMore.png') 20px top no-repeat;} #hContent a.tabs.last.more:hover b{background-position:20px bottom;} #hContent a.private{display:block;float:right;background:url('/images/hmTabsPrivate.png');width:172px;height:40px;margin:67px 45px 0px 0px;position:relative;z-index:100;} #hContent a.private u{display:block;position:absolute;height:100%;width:47px;background:url('/images/hmTabsPrivate.png') 0px -40px;left:-47px;} #hContent a.private i{display:block;position:absolute;height:100%;width:45px;background:url('/images/hmTabsPrivate.png') -47px -40px;right:-45px;} #hContent a.private b{display:block;position:absolute;height:100%;width:100%;background:url('/images/hmTabsPrivate.png') center bottom;} #hAuth{position:absolute;right:12px;top:12px;} #hAuth b{color:#53798d;} #hAuth a{display:block;float:right;margin-left:25px;color:#53798d;} #hShadow{height:32px;background:url('/images/hShadow.jpg');} #hMenuRight{display:none;position:fixed;right:0px;top:0px;bottom:0px;z-index:550;border-left:1px solid #accce8;background:#ffffff;padding:10px 20px;box-shadow:1px 1px 5px -2px #000000;} #hMenuRight a{display:block;text-decoration:none;color:#53798d;line-height:38px;} #hMenuRight a:hover{text-decoration:underline;} #hMenuRight a.act{font-weight:bold;} #mHeader{display:none;height:50px;box-shadow:0px 0px 5px 0px #3e6d89;margin-bottom:5px;position:relative;width:100%;top:0;z-index:551;background:#ffffff;} #mhHamburger{display:block;width:28px;height:24px;float:left;position:relative;padding:13px;z-index:100;background:#ffffff;} #mhHamburger span.icon{display:block;position:absolute;top:13px;right:13px;bottom:13px;left:13px;} #mhHamburger .ht, #mhHamburger .hm, #mhHamburger .hb, #mhHamburger .c1, #mhHamburger .c2{display:block;width:100%;height:4px;background:#3e6d89;position:absolute;left:0px;} #mhHamburger span.ht{top:0px;} #mhHamburger span.hm{top:50%;margin-top:-2px;} #mhHamburger span.hb{bottom:0px;} #mhHamburger span.icon.close{display:none;top:10px;right:12px;bottom:10px;left:12px;transform:rotate(45deg);} #mhHamburger span.c1{top:50%;margin-top:-2px;} #mhHamburger span.c2{width:4px;height:100%;left:50%;margin-left:-2px;} #mhLogo{display:block;float:left;width:166px;height:50px;background:url('/images/logoM4x.png') left center no-repeat;background-size:contain;margin-left:6px;} #content{text-align:left;padding:0 12px;} #authForm{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;background:rgba(255,255,255,0.5);} #authForm form{width:220px;position:relative;top:50%;margin-top:-103px;left:50%;margin-left:-130px;padding:20px;background:#fafafa;border-radius:4px;} #authForm p.title{margin:0px 0px 20px;font-family:arial,sans-serif;font-weight:bold;color:#547a8f;font-size:14px;} #authForm label{margin-bottom:5px;display:block;} #authForm input.text{width:178px;margin-bottom:10px;} #authForm input.button{margin:5px auto 0px;} #form{text-align:left;width:755px;max-width:100%;margin:0px auto 30px;} #form .title{height:72px;text-align:right;line-height:71px;position:relative;} #form .title a{color:#53798d;} #form.osago.add .title{background:url('/images/formTitleOsagoAdd.jpg') left center no-repeat;} #form.osago.report .title{background:url('/images/formTitleOsagoReport.jpg') left center no-repeat;} #form.telemed.add .title{background:url('/images/formTitleTelemedicineAdd.jpg') left center no-repeat;} #form.casco.calc .title{background:url('/images/formTitleCascoCalc.jpg') left center no-repeat;} #form.inspection.add .title{background:url('/images/formTitleInspectionAdd.jpg') left center no-repeat;} #form.inspection.report .title{background:url('/images/formTitleInspectionReport.jpg') left center no-repeat;} #form.profile .title{background:url('/images/formTitleProfile.jpg') left center no-repeat;} #form.agents .title{background:url('/images/formTitleAgents.jpg') left center no-repeat;} #form.messages .title{background:url('/images/formTitleMessages.jpg') left center no-repeat;} #form.messages.add .title{background:url('/images/formTitleMessagesAdd.jpg') left center no-repeat;} #form .insurerLimits{margin:5px 0px 6px;min-height:37px;} #form .insurerLimits.loading{background:url('/images/loading.gif') center center no-repeat;} #form .insurerLimits p.noLimits{line-height:37px;} #form .insurerLimits p.error{line-height:37px;color:#c50505;} #form .insurerLimits .ilBlock{width:185px;float:left;margin-right:5px;position:relative;} #form .insurerLimits .ilBlock.last{margin-right:0px;} #form .insurerLimits .ilBlock p{margin:0px;text-align:center;line-height:19px;} #form .insurerLimits .ilBlock .ilProgress{height:15px;border:1px solid #d6d6d6;line-height:15px;margin-top:1px;width:183px;text-align:center; border-radius:4px;position:relative;background:url('/images/progressBg.png');overflow:hidden;} #form .insurerLimits .ilBlock .ilProgress .ilpBar{position:absolute;width:100%;height:100%;left:0px;top:0px;background:url('/images/progressBarBg.png');overflow:hidden;} #form .insurerLimits .ilBlock .ilProgress .ilpBar .ilpbValue{height:100%;width:183px;position:absolute;top:0px;left:0px;} #form .insurerLimits .ilBlock .ilProgress .ilpBar .ilpbValueShadow{height:100%;width:183px;position:absolute;top:1px;left:1px;color:#ffffff;} #form .insurerLimits .ilBlock .ilProgress .ilpBar.dark .ilpbValue{color:#ffffff;} #form .insurerLimits .ilBlock .ilProgress .ilpBar.dark .ilpbValueShadow{color:#656565;} #form .insurerLimits .ilBlock .ilEdge{position:absolute;bottom:-3px;height:23px;left:40px;width:1px;background:#999999;} #form .insurerLimits .ilBlock.reached .ilEdge{background:#dd0000;} #form .insurerLimits .ilBlock.reached p{background:url('/images/iconWarning15-17.png') left center no-repeat;} #form .osagoLimit{margin:5px 0px 6px;} #form .osagoLimit .olBlock, #tooltip .olBlock{width:185px;float:left;margin-right:5px;position:relative;} #tooltip .olBlock{margin-top:10px;} #form .osagoLimit .olBlock.loading, #tooltip .olBlock.loading{background:url('/images/loading.gif') center bottom no-repeat;} #form .osagoLimit .olBlock.last, #tooltip .olBlock.last{margin-right:0px;} #form .osagoLimit .olBlock p, #tooltip .olBlock p{margin:0px;text-align:center;line-height:19px;} #form .osagoLimit .olBlock .olProgress, #tooltip .olBlock .olProgress{height:15px;border:1px solid #d6d6d6;line-height:15px;margin-top:1px;width:183px;text-align:center; border-radius:4px;position:relative;background:url('/images/progressBg.png');overflow:hidden;} #form .osagoLimit .olBlock .olProgress .olpBar, #tooltip .olBlock .olProgress .olpBar{position:absolute;width:100%;height:100%;left:0px;top:0px;background:url('/images/progressBarBg.png');overflow:hidden;} #form .osagoLimit .olBlock .olProgress .olpBar .olpbValue, #tooltip .olBlock .olProgress .olpBar .olpbValue{height:100%;width:183px;position:absolute;top:0px;left:0px;} #form .osagoLimit .olBlock .olProgress .olpBar .olpbValueShadow, #tooltip .olBlock .olProgress .olpBar .olpbValueShadow{height:100%;width:183px;position:absolute;top:1px;left:1px;color:#ffffff;} #form .osagoLimit .olBlock .olProgress .olpBar.dark .olpbValue, #tooltip .olBlock .olProgress .olpBar.dark .olpbValue{color:#ffffff;} #form .osagoLimit .olBlock .olProgress .olpBar.dark .olpbValueShadow, #tooltip .olBlock .olProgress .olpBar.dark .olpbValueShadow{color:#656565;} /*#form .osagoLimit .olBlock .olProgress .olpBar{position:absolute;width:100%;height:100%;}*/ #form .osagoLimit .olBlock .olEdge, #tooltip .olBlock .olEdge{position:absolute;bottom:-3px;height:23px;left:40px;width:1px;background:#999999;} #form .osagoLimit .olBlock.reached .olEdge, #tooltip .olBlock.reached .olEdge{background:#dd0000;} #form .osagoLimit .olBlock.reached p, #tooltip .olBlock.reached p{background:url('/images/iconWarning15-17.png') left center no-repeat;} #form .inspectionLimit{margin:5px 0px 5px 0px;} #form .inspectionLimit .ilHours{text-align:right;height:19px;line-height:19px;clear:both;} #form .inspectionLimit .ilLegend{float:right;height:19px;line-height:19px;} #form .inspectionLimit .ilProgress{float:right;height:15px;border:1px solid #d6d6d6;line-height:15px;margin-top:1px;width:200px;text-align:center; margin-left:7px;border-radius:4px;position:relative;background:url('/images/progressBg.png');overflow:hidden;} #form .inspectionLimit .ilProgress .ilpBar{position:absolute;height:100%;left:0px;top:0px;background:url('/images/progressBarBg.png');overflow:hidden;} #form .inspectionLimit .ilProgress .ilpBar .ilpbValue{height:100%;width:200px;position:absolute;top:0px;left:0px;} #form .inspectionLimit .ilProgress .ilpBar .ilpbValueShadow{height:100%;width:200px;position:absolute;top:1px;left:1px;color:#ffffff;} #form .inspectionLimit .ilProgress .ilpBar.dark .ilpbValue{color:#ffffff;} #form .inspectionLimit .ilProgress .ilpBar.dark .ilpbValueShadow{color:#656565;} #form .inspectionLimit .ilProgress .ilpValue{position:absolute;width:100%;height:100%;} #form .steps{background-size:100% auto;background-position:left top;background-repeat:no-repeat;} #form.osago.add .steps{margin-top:25px;} #form.inspection.add .steps{margin-top:25px;} #form.osago.add .steps{background-image:url('/images/formStepsOsagoAdd.jpg');} #form.osago.add .steps.step2{background-position:left 33.33%;} #form.osago.add .steps.step3{background-position:left 66.66%;} #form.osago.add .steps.step4{background-position:left bottom;} #form .steps a{display:block;float:left;padding-bottom:8%;padding-bottom:7.9%;padding-bottom:7.94%;padding-bottom:7.947%;} #form .steps a.step1{width:23%;margin-right:2%;} #form .steps a.step2{width:23%;margin-right:2%;} #form .steps a.step3{width:23%;margin-right:2%;} #form .steps a.step4{width:25%;} #form.inspection.add .steps{background-image:url('/images/formStepsInspectionAdd.jpg');} #form.inspection.add .steps.step2{background-position:left bottom;} #form.inspection.add .steps a.step1{width:48%;margin-right:2%;} #form.inspection.add .steps a.step2{width:50%;margin-right:0px;} #form.telemed.add .steps{background-image:url('/images/formStepsTelemedicineAdd.jpg');} #form.telemed.add .steps.step2{background-position:left bottom;} #form.telemed.add .steps a.step1{width:48%;margin-right:2%;} #form.telemed.add .steps a.step2{width:50%;margin-right:0px;} #form .steps2{margin-top:25px;height:60px;line-height:60px;box-sizing:border-box;border:1px solid #d6d6d6;border-radius:5px;overflow:hidden;} #form .steps2 a{display:block;position:relative;height:100%;float:left;box-sizing:border-box;padding-left:47px;text-transform:uppercase;color:#c1c1c1;font-weight:bold;text-decoration:none;font-size:15px;} #form .steps2 a.done{color:#839599;background:linear-gradient(to bottom, #fcfcfc, #f3f3f3);} #form .steps2 a.act{color:#2386a3;} #form .steps2.num3 a{width:33.33%;} #form .steps2.num4 a{width:24.99%;} #form .steps2 a span{display:inline-block;line-height:19px;vertical-align:middle;position:relative;top:-2px;} #form .steps2 a b{display:block;position:absolute;left:16px;top:0;bottom:0;color:#bdbdbd;font-size:42px;} #form .steps2 a.done b{color:#87949c;} #form .steps2 a.act b{color:#484848;} #form .steps2 a::before{content:'';display:block;position:absolute;left:-8px;top:0;bottom:0;width:16px;background:url('/images/stepsSep.png') center center no-repeat;} #form .steps2 a.act::before{background-image:url('/images/stepsSep_act.png');width:28px;left:-12px;} #form .steps2 a:first-child::before{display:none;} #form .staticFields{margin:25px 0px 15px;} /* height:57px; */ #form .staticFields .staticFieldsRight{float:right;} #form .staticField{float:left;margin-right:5px;margin-bottom:10px;} #form .staticField input{text-align:center;} #form .staticField label{display:block;height:24px;text-align:center;} #form .staticField.insured{margin-right:0px;margin-top:7px;} #form .staticField.insured input{width:733px;} #form .staticField.insurer input{width:180px;} /* width:180px; + bonusMalus:57px = 237px */ #form .staticField.insurer select{width:202px;} /* selectWidth = inputWidth + paddings&borders */ #form .staticField.number input{width:90px;} #form.inspection.add .staticField.number input{width:287px;} #form .staticField.receipt input{width:70px;} #form .staticField.noReceipt{width:52px;text-align:center;} #form .staticField.noReceipt input{margin:10px 0px 0px;} #form .staticField.bonusMalus{display:none;} #form .staticField.price input{width:80px;} #form .staticField.dkp_price input{width:100px;} #form .staticField.status{margin-right:0px;} #form .staticField.status input{width:148px;} #form.inspection.add .staticField.status input{width:205px;} #form.telemed.add .staticField.telemed input{width:180px;} #form.telemed.add .staticField.telemed select{width:202px;} #form.telemed.add .staticField.telemed select[name=telemed_product]{width:302px;} #form.telemed.add .staticField.number input{width:90px;} #form .policyUserInfo{line-height:19px;height:19px;margin-top:-19px;} #form .step{margin:25px 0px 25px;} #form .step a{font-size:14px;font-weight:bold;color:#598aa5;} #form .step a.disabled{color:#999999;cursor:default;} #form .step .fieldActions{margin-bottom:8px;margin-left:159px;clear:both;line-height:25px;} #form .step .fieldActions.wide{margin-left:0px;} #form .step .fieldActions p{display:block;float:left;margin:0px;padding:0px;font-size:14px;} #form .step .fieldActions a{display:block;float:left;padding:0px 5px;} #form .step .fieldActions a:first-child{padding-left:0px;} #form .step .fieldActions.insertInspectionComment a{font-weight:normal;} #form .step .fieldActions div.actions{float:left;} #form .step .fieldActions div.empty{height:4px;float:left;} #form .step p.group{clear:both;font-size:16px;font-weight:bold;color:#598aa5;line-height:33px;margin:0px 0px 12px;} #form .step label, #popup .form.classicForm label{width:140px;margin-right:5px;margin-bottom:12px;float:left;clear:both;line-height:33px;} #popup .form.classicForm label.wide{width:100%;margin-right:0px;} #form .step .staticField label{width:auto;margin-right:0;margin-bottom:0;float:none;line-height:19px;} #form .step .staticField.noReceipt input{margin:10px 0 0;} #form .step label span, #popup .form.classicForm label span{display:inline-block;line-height:16px;vertical-align:middle;max-height:32px;margin-top:-3px;} #form .step label.taRight{width:135px;margin-right:10px;} #form .step label.additional{clear:none;width:auto;margin-left:20px;} #form .step label.wide{width:auto;} #form .step label.noBottomMargin{margin-bottom:0px;} #form .step label.checkbox{width:auto;} #form .step label.checkbox span{width:140px;margin-right:5px;} #form .step .inputBlock{display:block;float:left;line-height:33px;} #form .step .inputBlock a{text-decoration:none;} #form .step .inputBlock a:hover{text-decoration:underline;} #form .step input.text, #popup .form.classicForm input.text{display:block;float:left;} #popup .form.classicForm.centered input.text{margin-left:5px;} #form .step input.checkbox, #popup .form.classicForm input.checkbox{display:inline-block;margin:0px 20px;padding:0px;vertical-align:middle;} #form .step label.checkbox input.checkbox{margin:0px;} #form .step input.wide{width:588px;} #form .step select.select, #popup .form.classicForm select.select{float:left;} #popup .form.classicForm.centered select.select{margin-left:5px;} #form .step select.wide{width:610px;} #form .step textarea{display:block;float:left;margin-bottom:12px;resize:vertical;} #form .step textarea.hidden{display:none;} #form .step textarea.wide{width:588px;} /* width:733px; - full */ #popup .form.classicForm .inputFile{float:left;} #popup .form.classicForm.centered .inputFile{margin-left:5px;} #form .step span.inputComment, #popup .form.classicForm span.inputComment{float:left;display:block;line-height:33px;margin:0px 15px 0px 5px;} #popup .form.classicForm span.inputComment.margin10{margin:0px 10px;} #form .step span.inputComment.right{margin:0px 5px 0px 15px;} #form .step span.validation{display:none;float:left;margin-left:12px;padding-left:27px;height:33px;line-height:33px;font-style:italic;font-size:14px;cursor:pointer;} #form .step span.validation.valid{display:block;background:url('/images/success.png') left center no-repeat;} #form .step span.validation.warning{display:block;background:url('/images/warning.png') 5px center no-repeat;color:#aa4405;} #form .step span.validation.invalid{display:block;background:url('/images/fail.png') 5px center no-repeat;color:#c50505;} #form .step span.validation.nextLine{position:relative;top:-12px;margin-left:153px;} #form .step span.validation.afterWide{margin-left:153px;} #form .step span.validation.afterWideWithMargin{margin-left:8px;} #form .step i{font-size:13px;float:left;clear:both;margin:5px 0px 12px 159px;} #form .step .hr{margin:8px 0px 20px;} #form .step .hr.noTopMargin{margin-top:0px;} #form .step .driversList{clear:both;margin-bottom:12px;} #form .step .driversList .driversListHeaders{} #form .step .driversList .driversListHeaders div{float:left;text-align:center;margin-bottom:2px;} #form .step .driversList .driversListHeaders div span{position:relative;} #form .step .driversList .driversListHeaders div.driver_name{width:236px;} #form .step .driversList .driversListHeaders div.driver_sex{width:40px;} #form .step .driversList .driversListHeaders div.driver_birthDate{width:88px;margin:0px -5px;} #form .step .driversList .driversListHeaders div.driver_license{width:86px;} #form .step .driversList .driversListHeaders div.driver_license_country{width:80px;} #form .step .driversList .driversListHeaders div.driver_russian_license{width:23px;position:relative;} #form .step .driversList .driversListHeaders div.driver_russian_license div{position:absolute;top:-19px;left:0px;width:185px;height:35px; border:1px solid #accce8;border-radius:4px;background:#f9f9f9;} #form .step .driversList .driversListHeaders div.driver_license_date{width:78px;} #form .step .driversList .driversListHeaders div.driver_experience{width:78px;} #form .step .driversList .driversListHeaders div.driver_ageExperience{width:36px;} #form .step .driversList .driversListHeaders div.driver_bonusMalus{width:36px;} #form .step .driversList .driver{clear:both;position:relative;} #form .step .driversList .driver div.driverNumber{line-height:33px;position:absolute;left:-20px;} #form .step .driversList .driver div.driverNumber .full{display:none;} #form .step .driversList .driver input, #form .step .driversList .driver select, #form .step .driversList .driver a{position:relative;} #form .step .driversList .driver input.text{padding:0px 2px;} #form .step .driversList .driver input.text::placeholder{color:transparent;} #form .step .driversList .driver input.text::-webkit-input-placeholder{color:transparent;} #form .step .driversList .driver input.text:-moz-placeholder{color:transparent;} #form .step .driversList .driver input.text::-moz-placeholder{color:transparent;} #form .step .driversList .driver input.text:-ms-input-placeholder{color:transparent;} #form .step .driversList .driver input.text::-ms-input-placeholder{color:transparent;} #form .step .driversList .driver input.date{width:72px;} #form .step .driversList .driver .driver_name{width:230px;} #form .step .driversList .driver .driver_sex{width:40px;padding:0px 0px;} #form .step .driversList .driver .driver_license{width:80px;} #form .step .driversList .driver .driver_license_country{width:80px;} #form .step .driversList .driver .russian_license{float:left;width:23px;line-height:19px;text-align:center;} #form .step .driversList .driver .russian_license label{width:100%;height:100%;padding:0px;margin:0px;line-height:29px;} #form .step .driversList .driver .russian_license .full{display:none;} #form .step .driversList .driver .driver_russian_license{margin:0px;padding:0px;vertical-align:top;margin-top:10px;} #form .step .driversList .driver .addDriverActualData{display:block;float:left;width:32px;height:32px;background:url('/images/iconCopy32.png') center top no-repeat;} #form .step .driversList .driver .addDriverActualData:hover{background-position:center bottom;} #form .step .driversList .driver .deleteDriverActualData{display:block;float:left;width:32px;height:32px;background:url('/images/iconDelete32.png') center top no-repeat;} #form .step .driversList .driver .deleteDriverActualData:hover{background-position:center bottom;} #form .step .driversList .driver .deleteDriver{display:block;float:left;width:32px;height:32px;background:url('/images/iconDelete32.png') center top no-repeat;} #form .step .driversList .driver .deleteDriver:hover{background-position:center bottom;} #form .step .driversList .driver div.borderPadding{margin-top:2px;display:none;} #form .step .driversList .driver div.border{position:absolute;left:-2px;top:-2px;padding:1px;display:none;z-index:-1; border:1px solid #accce8;border-radius:4px;background:#f9f9f9;width:100%;height:100%;} #form .step .driversList .driver p{margin:0px 20px;position:relative;clear:both;} #form .step .driversList .driver .driverActualData{display:none;width:100%;} #form .step .driversList .driver .driverActualData p{padding-top:1px;} #form .step .driversList.drivers_actualData_noBirthDate .driver .driverActualData input.driver_birthDate{visibility:hidden;} #form .step .driversList.drivers_actualData_noName .driver .driverActualData input.driver_name{visibility:hidden;} #form .step .driversList .driver .driverActualData input.driver_license_date{visibility:hidden;} #form .step .driversList.drivers_actualData_licenseDate .driver .driverActualData input.driver_license_date{visibility:visible;} #form .step .driversList .driver .space{float:left;height:33px;} #form .step .driversList .driver .space.date{width:78px;} #form .step .driversList .driver .space.ageExperience{width:36px;} #form .step .driversList .driver .space.bonusMalus{width:36px;} #form .step .driversList .addDriver{padding:4px 11px;display:block;float:left;} #form .step .driversList i{margin-top:4px;margin-right:32px;float:right;clear:none;line-height:17px;} #form.casco .step .driversList{clear:none;float:left;margin-bottom:12px;} #form.casco .step .driversList .driversListHeaders{} #form.casco .step .driversList .driversListHeaders div{line-height:33px;height:28px;margin-bottom:0px;} #form.casco .step .driversList .driversListHeaders div.driver_sex{width:105px;} #form.casco .step .driversList .driversListHeaders div.driver_birthDate{width:105px;margin:0px;} #form.casco .step .driversList .driversListHeaders div.driver_experience{width:105px;margin:0px;} #form.casco .step .driversList .driversListHeaders div.driver_married{width:120px;} #form.casco .step .driversList .driversListHeaders div.driver_hasChildren{width:120px;} #form.casco .step .driversList .driver{} #form.casco .step .driversList .driver .driver_sex{width:105px;padding:0px 10px;} #form.casco .step .driversList .driver input.date{width:80px;padding:0px 10px;} #form.casco .step .driversList .driver .married{float:left;width:120px;line-height:19px;text-align:center;} #form .step .driversList .driver .driver_married{margin:0px;padding:0px;vertical-align:top;margin-top:10px;} #form.casco .step .driversList .driver .hasChildren{float:left;width:120px;line-height:19px;text-align:center;} #form .step .driversList .driver .driver_hasChildren{margin:0px;padding:0px;vertical-align:top;margin-top:10px;} #form .step .vehicleId{clear:both;} #form .step div.brand .strict_models, #form .step div.model .strict_models{display:none;} #form .step div.brand.fieldsBox .strict_models, #form .step div.model.fieldsBox .strict_models{display:block;} #form .step div.address, #form .step div.bank, #form .step div.fieldsBox, #popup .form.classicForm div.fieldsBox, #popup .form.classicForm div.checkListBox{float:left;border:1px solid #accce8;border-radius:4px;padding:10px 10px 2px;background:#f9f9f9;position:relative;margin-bottom:12px;} #form .step div.fieldsBox.scans.wide{line-height:22px;padding:3px;width:602px;} #form .step div.fieldsBox.scans p{margin:3px 7px 0px;} #form .step div.fieldsBox.scans div{display:inline-block;border:1px solid #accce8;border-radius:4px;padding:0px 5px;margin:2px;} #form .step div.fieldsBox.scans div a{font-weight:normal;text-decoration:none;} #form .step div.fieldsBox.scans div a:hover{text-decoration:underline;} #form .step div.fieldsBox.scans div a.delete{display:inline-block;width:12px;height:12px;background:url('/images/iconClose.png') left top no-repeat;vertical-align:middle;margin-left:5px;position:relative;top:-1px;} #form .step div.fieldsBox.scans div a.delete:hover{background-position:left bottom;} #form .step div.fieldsBox.smallTopPadding{padding-top:2px;} #form .step div.fieldsBox.wide, #popup .form.classicForm div.fieldsBox.wide{width:588px;} #form .step div.fieldsBox.noBottomMargin{margin-bottom:0px;} #form .step div.fieldsBox.radio, #popup .form.classicForm div.checkListBox, #popup .form.classicForm div.fieldsBox{padding:3px 10px;line-height:16px;} #popup .form.classicForm div.fieldsBox{padding-bottom:7px;} #popup .form.classicForm div.checkListBox.tree span.expand{width:16px;height:16px;display:inline-block;background:url('/images/iconExpand.png') center center no-repeat;cursor:pointer;vertical-align:bottom;margin-right:5px;} #popup .form.classicForm div.checkListBox.tree span.expand.expanded{background-image:url('/images/iconCollapse.png');} #popup .form.classicForm div.checkListBox.tree span.expandSpace{width:16px;height:16px;display:inline-block;vertical-align:top;margin-right:5px;} #popup .form.classicForm div.checkListBox.tree div.children{margin-left:51px;} #popup .form.classicForm div.checkListBox div.switch, #popup .form.classicForm div.fieldsBox div.switch{margin:4px 0px;} #popup .form.classicForm div.fieldsBox div.switch.doesntMatter.off{margin-bottom:0px;} #popup .form.classicForm div.fieldsBox div.switch.doesntMatter.on{margin-bottom:10px;} #popup .form.classicForm div.fieldsBox div.matters{margin-top:10px;} #form .step div.fieldsBox.radio label.radio, #popup .form.classicForm div.checkListBox label{float:none;line-height:16px;margin:0px;vertical-align:top;} #popup .form.classicForm div.checkListBox label{margin:5px 0px;display:inline-block;width:auto;} #popup .form.classicForm div.checkListBox.doesntMatter label, #popup .form.classicForm div.checkListBox.doesntMatter br{display:none;} #form .step div.fieldsBox.radio label.radio span{display:inline-block;margin:5px 0px;} #popup .form.classicForm div.checkListBox label.doesntMatter{} #popup .form.classicForm div.checkListBox label.doesntMatter input{visibility:hidden;} #popup .form.classicForm div.checkListBox label.doesntMatter span{vertical-align:baseline;border:1px solid #accce8;border-radius:4px;padding:4px 6px;margin:0px -7px;background:url('/images/input.jpg') center center no-repeat;cursor:pointer;} #popup .form.classicForm div.checkListBox label.doesntMatter span:hover{background-image:url('/images/inputReadonly.jpg');} #popup .form.classicForm div.checkListBox p{margin:4px 0px 5px;cursor:pointer;display:none;} #popup .form.classicForm div.checkListBox.doesntMatter p{display:block;} #popup .form.classicForm div.checkListBox p:hover{text-decoration:underline;color:#53798d;} #form .step div.fieldsBox.radio input.radio, #popup .form.classicForm div.checkListBox input.checkbox{margin:0px 5px 0px 0px;padding:0px;position:relative;top:6px;vertical-align:top;} #popup .form.classicForm div.checkListBox input.checkbox{top:1px;} #form .step div.address label, #form .step div.bank label, #form .step div.fieldsBox label{margin-bottom:8px;} #form .step div.fieldsBox label.noBottomMargin{margin-bottom:0px;} #form .step div.address input.text, #form .step div.bank input.text, #form .step div.fieldsBox input.text{width:421px;} #form .step div.fieldsBox.brand, #form .step div.fieldsBox.model{width:588px;} /*#form .step div.fieldsBox.brand input.text, #form .step div.fieldsBox.model input.text{width:200px;}*/ /*#form .step div.fieldsBox.brand span.validation, #form .step div.fieldsBox.model span.validation{clear:both;margin-left:140px;}*/ /*#form .step div.fieldsBox.brand label.additional, #form .step div.fieldsBox.model label.additional{margin-left:159px;}*/ #form .step div.fieldsBox.brand label.additional input, #form .step div.fieldsBox.model label.additional input{margin-right:0px;} #form .step div.address select.select, #form .step div.fieldsBox select.select{width:443px;} #form .step div.address textarea, #form .step div.fieldsBox textarea{width:421px;margin-bottom:8px;resize:vertical;} #form .step div.fieldsBox textarea.noBottomMargin{margin-bottom:0;} #form .step div.address div.loading, #form .step div.bank div.loading, #form .step div.fieldsBox div.loading{position:absolute;left:0px;top:0px;width:100%;height:100%;background:url('/images/loading.gif') center center no-repeat #f9f9f9;border-radius:3px;} #form .step div.address .string{display:none;} #form .step div.address.dadata label, #form .step div.address.dadata input{display:none;} #form .step div.address.dadata span.invalid { float: none !important; display: block !important; margin-left: 140px !important; clear: both; margin-bottom: 10px; } #form .step div.address.dadata .country, #form .step div.address.dadata .string, #form .step div.address.dadata .kladr, #form .step div.address.dadata .fias, #form .step div.address.dadata .zip, #form .step div.address.dadata label.address{display:block;} #form .step .calculation{border:1px solid #accce8;border-radius:4px;padding:9px 10px 10px;background:#f9f9f9;margin-top:5px;} #form .step .calculation .calculationField{float:left;margin-right:5px;} #form .step .calculation p.group{line-height:100%;} #form .step .calculation .calculationField input.text{text-align:center;display:inline;width:45px;} #form .step .calculation .calculationField label{display:block;width:67px;height:35px;text-align:center;float:none;clear:none;margin:0px 0px 2px;line-height:15px;} #form .step .calculation .calculationField label small{font-size:10px;line-height:10px;display:block;} #form .step .calculation .calculationField.price{margin-right:0px;} #form .step .calculation .calculationField.price input.text{width:63px;} #form .step .calculation .calculationField.price label{width:85px;} #form .step .calculation .calculationField.price label .circle{display:inline-block;width:8px;height:8px;border-radius:50%;box-shadow:0px 0px 2px 1px #999999;} #form .step .calculation .otherInsurers{margin-top:8px;text-align:justify;margin-right:-1px;} #form .step .calculation .otherInsurers a{display:inline-block;font-weight:normal;text-decoration:none;border:1px solid #accce8;border-radius:4px; padding:5px 8px 4px;background:#ffffff;margin:6px 1px 0px 0px;} #form .step .calculation .otherInsurers a:hover{background:#f0f0f0;} #form .step .calculation .otherInsurers a .price{} #form .step .calculation .otherInsurers a.loading .price{display:inline-block;width:16px;height:16px;background:url('/images/loading.gif') center center no-repeat;vertical-align:top;} #form .step .calculation .otherInsurers a.current{cursor:default;color:#656565;background:#f0f0f0;} #form .step .calculation .otherInsurers a.current .price{color:#312a20;} #form .step .calculation .otherInsurers a .circle{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:top;margin-top:4px;box-shadow:0px 0px 2px 1px #999999;} #form .step .calculation20{} #form .step .calculation20 div.insurer{border:1px solid #accce8;padding:9px 10px 0;background:#f9f9f9;margin:10px 0;position:relative;overflow:hidden;} #form .step .calculation20 div.insurer:first-of-type{border-radius:4px 4px 0 0;} #form .step .calculation20 div.insurer:last-of-type{border-radius:0 0 4px 4px;} #form .step .calculation20 div.insurer.collapsed{padding:0 10px;margin:0;} #form .step .calculation20 div.insurer.collapsed + div.insurer.collapsed{margin-top:-1px;} #form .step .calculation20 div.insurer.collapsed .clear{display:none;} #form .step .calculation20 div.insurer .expandCollapse{display:block;position:absolute;top:0;right:0;width:31px;height:31px;background:url('/images/iconCollapse.png') center center no-repeat #f9f9f9;} #form .step .calculation20 div.insurer.collapsed .expandCollapse{background-image:url('/images/iconExpand.png');} #form .step .calculation20 div.insurer .iName{line-height:31px;color:#53798d;margin:0 0 9px;font-weight:bold;} #form .step .calculation20 div.insurer.collapsed .iName{display:inline-block;margin:0;white-space:nowrap;} #form .step .calculation20 div.insurer .iTitle{display:inline-block;vertical-align:top;} #form .step .calculation20 div.insurer .iLogo{display:inline-block;vertical-align:top;border:1px solid #d6d6d6;border-radius:4px;width:100px;height:31px;box-sizing:border-box;padding:1px 2px;background-position:center center;background-repeat:no-repeat;background-size:contain;background-color:#ffffff;background-origin:content-box;margin-right:10px;} #form .step .calculation20 div.insurer.collapsed .iLogo{border-radius:0;border-width:0 1px 0 1px;} /*#form .step .calculation20 div.insurer .button{border-width:1px;cursor:pointer;}*/ #form .step .calculation20 div.insurer .iName .iBrandModel{display:none;cursor:pointer;} #form .step .calculation20 div.insurer.collapsed .iName .iBrandModel{font-weight:normal;display:inline;} #form .step .calculation20 div.insurer .brandModel{display:none;} #form .step .calculation20 div.insurer.strict_models .brandModel{display:block;} #form .step .calculation20 div.insurer.strict_models.collapsed .brandModel{display:inline-block;} #form .step .calculation20 div.insurer.strict_models.collapsed .brandModel label{display:none;} #form .step .calculation20 div.insurer.strict_models.collapsed .brandModel input{display:none;} #form .step .calculation20 div.insurer .price{margin-bottom:9px;} #form .step .calculation20 div.insurer.collapsed .price{position:absolute;top:0;right:31px;} #form .step .calculation20 div.insurer.collapsed .price label{display:none;} #form .step .calculation20 div.insurer .price .priceAndCommission{float:left;background:url('/images/inputReadonly.jpg') center center no-repeat;border:1px solid #accce8;border-radius:4px;margin-right:10px;} #form .step .calculation20 div.insurer.collapsed .price .priceAndCommission{border-radius:0;border-width:0 1px 0 1px;margin-right:0;} #form .step .calculation20 div.insurer .price .priceAndCommission.loading{background-image:url('/images/inputReadonlyLoading.gif');} #form .step .calculation20 div.insurer .price input.text{width:70px;text-align:right;background:none;border:none;padding:0 10px 0 3px;} #form .step .calculation20 div.insurer.collapsed .price input.text{display:inline-block;float:none;height:31px;} #form .step .calculation20 div.insurer .price .showCommission input.text{padding-right:3px;} #form .step .calculation20 div.insurer .price span.commission{font-size:13px;line-height:31px;padding-right:3px;display:none;float:left;width:65px;white-space:nowrap;} #form .step .calculation20 div.insurer .price .showCommission span.commission{display:block;} #form .step .calculation20 div.insurer.collapsed .price .showCommission span.commission{display:inline-block;float:none;} #form .step .calculation20 div.insurer .price .button{cursor:pointer;} #form .step .calculation20 div.insurer.collapsed .price .button{line-height:31px;border-radius:0;border-width:0 1px 0 0;} #form .step .calculation20 div.insurer .error{clear:both;margin:0 -10px;color:#c50505;line-height:18px;border-top:1px solid #accce8;padding:6px 10px;} #form .step .calculation20 div.insurer.collapsed .error{margin-bottom:0;} #form .step .calculation20 div.insurer .error a{color:#598aa5;} #form .step .saveButtons{margin:30px 0px 25px 0px;clear:both;float:left;} #form .step .saveButtons.noTopMargin{margin-top:0px;} #form .step .saveButtons label{width:50px;padding-left:90px;} #form .step .saveButtons input.button{display:block;float:left;cursor:pointer;margin:0px;width:216px;} #form .step .saveButtons i{clear:none;margin:0px 18px;line-height:33px;min-width:17px;min-height:33px;} #form .step .saveButtons i a.warning{font-size:13px;font-weight:normal;color:#c50505;background:url('/images/iconWarning15-17.png') right center no-repeat;padding-right:20px;} #form .step .saveButtons .clear{height:25px;} #form .step .additionalAction{line-height:33px;} #form .step .additionalAction label{width:155px;} #form .step .additionalAction a{font-weight:normal;text-decoration:none;font-size:15px;display:inline-block;line-height:16px;vertical-align:middle;} #form .step .annul a{color:#f53535;} #form .step .additionalAction a:hover{text-decoration:underline;} #form .step .annul a:hover{color:#c50505;} #form .step .iName a{color:#53798d;} #form .step .iName a:hover{color:#446374;} #form .prevNextButtons{height:35px;} #form.report{width:100%;} #form.report .title{width:755px;margin:0px auto;max-width:100%;} #lmContent #form.report .title{margin:0px;} #form.report div.table{margin:25px 20px;} #lmContent #form.report div.table{margin-left:0px;} #form.report div.table p.noRecords{} table.table{margin:0px auto;border-collapse:collapse;} table.table.aLeft{margin:0px;} table.table.wide{width:100%;} #lmContent table.table{margin:0px;} table.table tr th, table.table tr td{border:1px solid #b1c8d1;padding:5px 8px;} table.table tr th.noBorder, table.table tr td.noBorder{border:none;} table.table tr.header th{background:#e0ecf2;font-size:13px;font-weight:bold;color:#3d6e8b;text-align:center;} table.table tr.header.subHeader th{background:inherit;color:inherit;text-align:left;} table.table tr.header th a, #form .step table.table tr.header th a{font-size:13px;text-decoration:none;color:#3d6e8b;} table.table tr.header.noBottomBorder th{border-bottom:none;} table.table tr.header.filter th{padding:0px;border-top:none;} table.table tr.header.filter th input.text{width:100%;border:none;background:#e0ecf2;padding:0px; font-family:arial,sans-serif;font-size:12px;color:#3d6e8b;} table.table tr.header.filter th input.text.loading{background:url('/images/loading.gif') center center no-repeat #e0ecf2;} table.table tr.header.filter th select{width:100%;border:none;background:#e0ecf2;padding:0px;outline:none; font-family:arial,sans-serif;font-size:12px;color:#3d6e8b; appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;} table.table tr.header.filter th select::-ms-expand{display:none;} table.table tr.header.filter th select option{} table.table tr.row td{font-size:12px;color:#312a20;} table.table tr.row td small{font-size:11px;color:#808080;} table.table tr.row td small.red{color:#c50505;} table.table tr.row td a, #form .step table.table tr.row td a{font-size:12px;font-weight:normal;color:#224466;text-decoration:none;} table.table tr.row td a:hover, #form .step table.table tr.row td a:hover{text-decoration:underline;} table.table tr.row td a strong, #form .step table.table tr.row td a strong{font-size:14px;} table.table tr.row td.price{text-align:right;white-space:nowrap;} table.table tr.row td.price small{font-family:'Lucida Sans Typewriter','Lucida Console',Monaco,monospace;} table.table tr.row td.number{text-align:right;white-space:nowrap;} table.table tr.row td.printIcon{padding:2px 5px;} table.table tr.row td.printIcon a, #form .step table.table tr.row td.printIcon a{display:block;width:16px;height:16px;background:url('/images/iconPrint16.png') center center no-repeat;outline:none;} table.table tr.row td.printIcon.stamp a, #form .step table.table tr.row td.printIcon.stamp a{background-image:url('/images/iconPrint16_withStamp.png');} table.table tr.row td.printIcon a.printed, #form .step table.table tr.row td.printIcon a.printed{background-image:url('/images/iconPrinted16.png');} table.table tr.row.hover td{background-color:#f0f3ff;} table.table tr.row.link.hover td{color:#224466;cursor:pointer;} table.table tr.row.not-webinsur {background-color:#f5f5f5;} table.table span.not-webinsur {display:inline-block;font-size:8px;background-color:#fccf44;padding:4px;border-radius:2px;white-space:nowrap;} table.table tr.row td i.fire, table.table tr.row td i.taxi{display:inline-block;width:24px;height:24px;background-position:center center;background-repeat:no-repeat;background-size:contain;margin:-4px 5px -4px 0;vertical-align:bottom;} table.table tr.row td i.fire{background-image:url('/images/iconFire.svg');} table.table tr.row td i.taxi{background-image:url('/images/iconTaxi.svg');} table.table tr.row.expandCollapse td i.expandCollapse, table.table tr.row.expandCollapse td i.expandCollapse{display:inline-block;width:10px;height:10px;vertical-align:middle;margin-right:6px;background-image:url('/images/iconExpand.png');} table.table tr.row.expandCollapse.expanded td i.expandCollapse{background-image:url('/images/iconCollapse.png');} table.table tr td.excel{border:none;padding:0px;} table.table tr td.excel a, #form .step table.table tr td.excel a{display:block;float:right;background:url('/images/excel24.png') right center no-repeat;padding-right:30px; line-height:24px;text-decoration:none;color:#53798d;outline:none;} table.table tr td.excel a:hover, #form .step table.table tr td.excel a:hover{color:#275721;text-decoration:underline;} table.table i.warning, #form .step table.table i.warning{display:inline-block;width:13px;height:13px;background-image:url('/_levers/images/warning13.png');margin:-2px 4px -2px 0px;border:2px solid #ffffff; position:relative;top:1px;float:none;clear:none;} table.table tr:hover i.warning, #form .step table.table tr:hover i.warning{background-position:left center;border-color:#f0f3ff;} table.table tr th.space, table.table tr:hover td.space, table.table tr td.space{padding:1px;background:#b1c8d1;} table.table th i.warning, table.table tr:hover th i.warning, #form .step table.table th i.warning, #form .step table.table tr:hover th i.warning{background-position:left bottom;border-color:#e0ecf2;} table.table i.warning14{display:inline-block;background:url('/images/warning.png') center center no-repeat;width:14px;height:14px;vertical-align:middle;margin:-3px 4px -3px;} table.table th.checkRow, table.table td.checkRow{padding:0px;width:25px;text-align:center;} table.table th.checkRow i, table.table td.checkRow i{display:inline-block;width:18px;height:18px;background:url('/images/checkRow.png') left bottom no-repeat;vertical-align:middle;} table.table th.checkRow.checked i, table.table tr.checked td.checkRow i{background-position:left top;} table.table tr.row.checked td{background:#d4dcff;} table.table td.warning{background-image:url('/images/iconWarning15-17.png');background-position:center center;background-repeat:no-repeat;} table.table td.delete{padding:0;border:none;} table.table td.delete i{display:block;width:23px;height:23px;background:url('/images/iconDelete32.png') center top no-repeat;background-size:cover;cursor:pointer;} table.table td.delete i:hover{background-position:center bottom;} table.table tr.addRow td a, #form .step table.table tr.addRow td a{font-size:15px;font-weight:normal;color:#3d6e8b;text-decoration:none;font-size:12px;line-height:18px;background:url('/images/iconAdd.png') left center no-repeat;padding-left:22px;display:block;height:18px;float:left;} table.table tr.addRow td a:hover, #form .step table.table tr.addRow td a:hover{text-decoration:underline;} table.table td .separatedBlock{background:#f2f4ff;border:1px solid #c1d8e1;margin:0px -4px;padding:1px 3px;} table.table td .separatedBlock:nth-of-type(n+2){margin-top:5px;} table.table td .separatedBlock .sbTitle{text-decoration:underline;} table.table tr.addVirtual{} table.table tr.addVirtual td, table.table tr.imported td.imported, table.table tr.row.blanks td, table.table tr.row.messedUpBlanks td{padding:0;} table.table tr.addVirtual td input, table.table tr.row.blanks td input, table.table tr.row.messedUpBlanks td input{border-radius:0;border:none;width:100%;height:100%;box-sizing:border-box;font-size:13px;line-height:31px;height:31px;} table.table tr.addVirtual td input.osagoSerie, table.table tr.addVirtual td input.osagoNumber, table.table tr.addVirtual td input.receiptSerie, table.table tr.addVirtual td input.receiptNumber{float:left;box-sizing:border-box;padding:0;text-align:center;} table.table tr.addVirtual td input.osagoSerie{width:30%;border-right:1px solid #b1c8d1;} table.table tr.addVirtual td input.osagoNumber{width:70%;} table.table tr.addVirtual td input.receiptSerie{width:40%;border-right:1px solid #b1c8d1;} table.table tr.addVirtual td input.receiptNumber{width:60%;} table.table tr.addVirtual td input::placeholder{font-size:12px;} table.table tr.addVirtual td select, table.table tr.imported td select{border:none;border-radius:0;height:31px;width:100%;max-width:150px;font-size:13px;padding:0 2px;} table.table tr.header.subHeader th span.reportBlank{display:inline-block;border:1px solid #b1c8d1;border-radius:4px;font-weight:normal;padding:0 10px 0 0;background:#eeeeee;color:#312a20;height:32px;line-height:32px;font-size:15px;} table.table tr.header.subHeader th span.reportBlank i{display:inline-block;width:32px;height:32px;background:url('/images/iconDelete32.png') left top no-repeat;vertical-align:top;cursor:pointer;} table.table tr.header.subHeader th span.reportBlank i:hover{background-position:left bottom;} table.table.tree{} table.table.tree tr.row{} table.table.tree tr.row td{} table.table.tree tr.parent td span, table.table.tree tr.group td span, table.table.tree tr.parent td a, table.table.tree tr.group td a{text-transform:uppercase;background:url('/images/maskWhite80.png');display:block;padding:2px 4px;} table.table.tree tr.group td{font-weight:bold;} table.table.tree tr.parent td.taLeft span, table.table.tree tr.group td.taLeft span, table.table.tree tr.parent td.taLeft a, table.table.tree tr.group td.taLeft a{float:left;} table.table.tree tr.parent td.taRight span, table.table.tree tr.group td.taRight span, table.table.tree tr.parent td.taRight a, table.table.tree tr.group td.taRight a{float:right;} table.table.tree tr.parentBorder:not(.group) td, table.table.tree tr td.parentBorder{padding:4px;width:0px;} table.table.tree tr.parent.level0 td, table.table.tree tr.parentBorder.level0 td, table.table.tree tr td.parentBorder.level0{background-color:#3b6e89;} table.table.tree tr.parent.level1 td:nth-child(n+2):nth-last-child(n+2), table.table.tree tr.parentBorder.level1 td:nth-child(n+2):nth-last-child(n+2), table.table.tree tr td.parentBorder.level1:nth-child(n+2):nth-last-child(n+2){background-color:#628ba1;} table.table.tree tr.parent.level2 td:nth-child(n+3):nth-last-child(n+3), table.table.tree tr.parentBorder.level2 td:nth-child(n+3):nth-last-child(n+3), table.table.tree tr td.parentBorder.level2:nth-child(n+3):nth-last-child(n+3){background-color:#89a8b8;} table.table.tree tr.parent.level3 td:nth-child(n+4):nth-last-child(n+4), table.table.tree tr.parentBorder.level3 td:nth-child(n+4):nth-last-child(n+4), table.table.tree tr td.parentBorder.level3:nth-child(n+4):nth-last-child(n+4){background-color:#b1c5d0;} table.table.tree tr.parent.level4 td:nth-child(n+5):nth-last-child(n+5), table.table.tree tr.parentBorder.level4 td:nth-child(n+5):nth-last-child(n+5), table.table.tree tr td.parentBorder.level4:nth-child(n+5):nth-last-child(n+5){background-color:#d8e2e7;} /*table.table.tree tr.row.parent td, table.table.tree tr.row.parent td a, #form .step table.table.tree tr.row.parent td a{font-size:14px;}*/ /*table.table.tree tr.row.level0 td{background-color:#3b6e89;color:#ffffff;} table.table.tree tr.row.level0 td a, #form .step table.table.tree tr.row.level0 td a{color:#ffffff;} table.table.tree tr.row.level1 td{background-color:#628ba1;color:#ffffff;} table.table.tree tr.row.level1 td a, #form .step table.table.tree tr.row.level1 td a{color:#ffffff;} table.table.tree tr.row.level2 td{background-color:#89a8b8;color:#ffffff;} table.table.tree tr.row.level2 td a, #form .step table.table.tree tr.row.level2 td a{color:#ffffff;} table.table.tree tr.row.level3 td{background-color:#b1c5d0;} table.table.tree tr.row.level3 td a, #form .step table.table.tree tr.row.level3 td a{} table.table.tree tr.row.level4 td{background-color:#d8e2e7;} table.table.tree tr.row.level4 td a, #form .step table.table.tree tr.row.level4 td a{}*/ .tableAction{padding:20px 26px 23px;margin:20px -26px -23px;position:sticky;bottom:-10px;background:#ffffff;border-top:1px solid #accce8;border-radius:0px 0px 10px 10px;} .tableAction .shadow{position:absolute;left:0px;top:-21px;width:100%;height:20px;background:url('/images/fadeOut.png');} .tableAction p.title{margin:0px 0px 10px;} .tableAction p.title.noBottomMargin{margin-bottom:0px;} .tableTabs, #form .step .tableTabs{} .tableTabs a, #form .step .tableTabs a{display:block;float:left;padding:4px 8px 2px;text-decoration:none;color:#3d6e8b;margin-top:1px;margin-right:-1px; border-style:solid;border-color:#b1c8d1;border-width:1px 1px 0px;border-radius:5px 5px 0px 0px;line-height:19px;font-size:15px;font-weight:normal;} .tableTabs a:hover, #form .step .tableTabs a:hover{padding-bottom:3px;margin-top:0px;} .tableTabs a.act, #form .step .tableTabs a.act{background:#e0ecf2;padding-bottom:3px;margin-top:0px;} a.tableExportToExcel{display:block;float:right;background:url('/_levers/images/excel24.png') right center no-repeat;padding-right:30px;line-height:24px; text-decoration:none;margin-top:3px;color:#3d6e8b;} a.tableExportToExcel:hover{color:#275721;text-decoration:underline;} div.stickyTree{} div.stickyTree .userAndChildren{float:left;clear:both;} div.stickyTree .userAndChildren .user{display:block;float:left;position:sticky;top:10px;border:1px solid #b1c8d1;background:#f5f5f5;margin:7px 0; border-radius:4px;overflow:hidden;} div.stickyTree .userAndChildren a.user, #form .step div.stickyTree .userAndChildren a.user{text-decoration:none;font-size:15px;color:#656565;font-weight:normal;} div.stickyTree .userAndChildren .user .name{font-size:13px;font-weight:bold;background:#e0ecf2;padding:5px 8px;} div.stickyTree .userAndChildren .user.wdwu .name{color:#3d6e8b;} div.stickyTree .userAndChildren .user.blocked .name{color:#c50505;font-weight:normal;} div.stickyTree .userAndChildren .user.deleted .name{text-decoration:line-through;} div.stickyTree .userAndChildren .user .data{padding:5px 8px;border-top:1px solid #b1c8d1;} div.stickyTree .userAndChildren .user .data .leftTitles{float:left;text-align:right;margin-right:5px;} div.stickyTree .userAndChildren .user .data a, #form div.stickyTree .userAndChildren .user .data a{text-decoration:none;font-weight:normal;color:#3d6e8b;font-size:inherit;} div.stickyTree .userAndChildren .user .data a:hover, #form div.stickyTree .userAndChildren .user .data a:hover{text-decoration:underline;} div.stickyTree .userAndChildren .user .data table{border-collapse:collapse;} div.stickyTree .userAndChildren .user .data table th, div.stickyTree .userAndChildren .user .data table td{padding:1px 3px;border:1px solid #cccccc;font-weight:normal;color:#555555;} div.stickyTree .userAndChildren .user .data table td.leftValue{color:#333333;text-align:right;border-right:none;} #form div.stickyTree .userAndChildren .user .data table td.leftValue a{color:#333333;} div.stickyTree .userAndChildren .user .data table td.rightValue{text-align:left;border-left:none;} #form div.stickyTree .userAndChildren .user .data table td.rightValue a{color:#555555;} div.stickyTree .userAndChildren .user .data table th{text-align:right;background:#e0e0e0;} div.stickyTree .userAndChildren .user .data table tr.header th{text-align:center;} div.stickyTree .userAndChildren .user .data table td{text-align:center;} div.stickyTree .userAndChildren .user .data table td.taRight{text-align:right;} div.stickyTree .userAndChildren .user .data table th.space, div.stickyTree .userAndChildren .user .data table td.space{padding:0;width:3px;background:#cccccc;} div.stickyTree .userAndChildren .arrow{float:left;padding:0px 10px;font-size:22px;margin-top:5px;position:sticky;top:8px;} div.stickyTree .userAndChildren .children{float:left;} #form.report.messages{} #form.report.messages .flame{border:1px solid #b1c8d1;float:left;background:#f5f5f5;} #form.report.messages .flame .flameTitle{background:#e0ecf2;color:#3d6e8b;font-size:13px;font-weight:bold;padding:4px 8px;margin:0px; line-height:18px;padding-right:30px;position:relative;cursor:pointer;} #form.report.messages .flame.expanded .flameTitle{border-bottom:1px solid #b1c8d1;} #form.report.messages .flame.new .flameTitle{} #form.report.messages .flame .flameTitle span.subject.editable{border:1px solid #e0ecf2;margin:-5px;border-radius:4px;padding:3px 10px 3px 4px;position:relative;} #form.report.messages .flame .flameTitle span.subject.editable.hover, #form.report.messages .flame .flameTitle span.subject.editable.focus{border-color:#accce8;background:url('/images/input.jpg') center center repeat;} #form.report.messages .flame .flameTitle span.subject.editable span{cursor:text;outline:none;display:inline-block;min-width:10px;min-height:18px;} #form.report.messages .flame .flameTitle span.subject.editable i{position:absolute;width:16px;height:16px;top:0px;right:-7px;background:url('/images/edit.png') center center no-repeat;} #form.report.messages .flame .flameTitle small{font-size:13px;font-weight:normal;color:#656565;} #form.report.messages .flame .flameTitle i{display:block;position:absolute;right:0px;top:0px;height:100%;width:26px;background:url('/images/iconExpand.png') center center no-repeat;margin:0px;} #form.report.messages .flame.expanded .flameTitle i{background-image:url('/images/iconCollapse.png');} #form.report.messages .flame .flameTitle span.newMessages{display:block;display:none;background:url('/images/iconNewMessage.png') -4px -5px no-repeat;padding-left:34px;color:#505050;font-weight:normal;} #form.report.messages .flame.new .flameTitle span.newMessages{display:block;} #form.report.messages .flame a.addMessage{display:none;clear:both;font-weight:normal;text-decoration:none;padding:10px 9px 5px;line-height:16px;float:left;} #form.report.messages .flame.expanded a.addMessage{display:block;} #form.report.messages .flame a.addMessage:hover{text-decoration:underline;} #form.report.messages .flame div.addMessage, #form.report.messages .flame.expanded div.addMessage{margin-top:0px;margin-bottom:11px;display:none;} #form.report.messages .flame div.addMessage textarea{background:transparent;border:none;height:70px;width:300px;resize:none;padding:0px;} #form.report.messages .flame div.addMessage a{display:block;clear:both;font-weight:normal;text-decoration:none;padding:0px;line-height:16px;float:right;} #form.report.messages .flame div.addMessage a:hover{text-decoration:underline;} #form.report.messages .flame .message{display:none;background:#ffffff;margin:11px 9px 0px;border:1px solid #cccccc;border-radius:5px;padding:2px 6px;position:relative;clear:both;} #form.report.messages .flame.expanded .message{display:block;} #form.report.messages .flame .message.left{margin-right:35px;float:left;} #form.report.messages .flame .message.right{margin-left:35px;float:right;} #form.report.messages .flame .message.new{border-color:#3d6e8b;color:#505050;background:#d0ffaa;} #form.report.messages .flame .message small{display:block;font-size:11px;color:#777777;} #form.report.messages .flame .message.new small{margin-top:2px;margin-left:32px;margin-bottom:2px;} #form.report.messages .flame .message b.bubble{position:absolute;display:block;width:10px;height:11px;left:-10px;top:2px;background:url('/images/bubble.png') left top no-repeat;} #form.report.messages .flame .message b.new{display:none;} #form.report.messages .flame .message.new b.bubble{background-image:url('/images/bubbleNew.png');} #form.report.messages .flame .message.new b.new{display:block;width:37px;height:27px;position:absolute;background:url('/images/iconNewMessage.png');left:2px;bottom:-2px;} #form.report.messages .flame .message.right b.bubble{left:auto;right:-10px;background-position:right top;} #form.report.messages .flame .message a.toggleViewed{outline:none;display:block;display:none;font-weight:normal;color:#3d6e8b;text-decoration:none; position:absolute;bottom:0px;right:0px;white-space:nowrap;padding:2px 6px;background:url('/images/maskWhite85.png');border-radius:5px; border:1px solid #dddddd;} #form.report.messages .flame .message.new a.toggleViewed{padding-left:27px;} #form.report.messages .flame .message a.toggleViewed.loading{padding-left:27px;} #form.report.messages .flame .message a.toggleViewed:hover{text-decoration:underline;} #form.report.messages .flame .message a.toggleViewed i{display:none;position:absolute;background:url('/images/success.png') left center no-repeat;width:17px;height:16px;margin:0px;padding:0px;left:6px;top:3px;} #form.report.messages .flame .message.new a.toggleViewed i{display:block;} #form.report.messages .flame .message a.toggleViewed.loading i{display:block;background-image:url('/images/loading.gif');} #form.report.messages .flame .message a.toggleViewed span{display:block;} #form.report.messages .flame .message a.toggleViewed span.markAsViewed{display:none;} #form.report.messages .flame .message.new a.toggleViewed span{display:none;} #form.report.messages .flame .message.new a.toggleViewed span.markAsViewed{display:block;} .multireportTabs{margin-top:20px;} .multireportTabs a{display:block;float:left;margin:0 20px 20px 0;border:2px solid #accce8;border-radius:4px;line-height:29px;background:url('/images/button.jpg');color:#ffffff;font-size:15px;font-weight:bold;text-decoration:none;padding:0 10px;} .multireportTabs a:hover{border-color:#4c94ad;} .multireportTabs a.act{border-color:#226e86;} /* SWITCH */ /* Обертка. Ширина = 39 + 19 = 58 (ширина плашки с надписью + общая ширина кнопки) */ div.switch{font-size:12px;line-height:16px;position:relative;width:58px;height:17px;text-align:center;cursor:pointer;margin:0px auto;} /*#form div.switch{float:left;margin-top:9px;}*/ /* Брал из _levers, не понял, где используется этот стиль */ /* Обертка. Ширина = 39 + 17 = 56 (ширина плашки с надписью + фактическая ширина кнопки) */ div.switch .switchPlatesContainer{border:1px solid #bbbbbb;border-radius:4px;width:56px;height:15px;position:relative;overflow:hidden;} /* Контейнер, в котором лежат плашки с надписями Вкл и Выкл. Ширина = 39 + 19 + 39 = 97 */ div.switch .switchPlatesSlider{position:absolute;left:0px;top:0px;width:97px;height:15px;} div.switch.off .switchPlatesSlider{left:-41px;} /* Плашка с надписью Вкл. Полная ширина = 35 + 2 + 2 = 39 и еще правый margin 19 (для кнопки) */ div.switch .switchOn{padding:0px 2px;width:35px;height:15px;background:#d0ffb8;float:left;margin-right:19px;} div.switch.redOn .switchOn{background-color:#ffccaa;} div.switch.greyOn .switchOn{background-color:#f2f2f2;} /* Плашка с надписью Выкл. Полная ширина = 35 + 2 + 2 = 39 */ div.switch .switchOff{padding:0px 2px;width:35px;height:15px;background:#f2f2f2;float:left;} div.switch.redOff .switchOff{background-color:#ffccaa;} div.switch .switchButton{width:17px;height:17px;border-radius:4px;border:1px solid #999999;background:#fbfbfb; position:absolute;left:40px;top:-1px;} div.switch.off .switchButton{left:-1px;} div.switch.loading{background:url('/images/loading.gif') center center no-repeat;} div.switch.loading div{display:none;} /* Настройки switch'а для ДК */ table.table.inspection div.switch{width:93px;} table.table.inspection div.switch .switchPlatesContainer{width:91px;} table.table.inspection div.switch .switchPlatesSlider{width:167px;} table.table.inspection div.switch.off .switchPlatesSlider{left:-76px;} table.table.inspection div.switch .switchOn{width:70px;} table.table.inspection div.switch .switchOff{width:70px;} table.table.inspection div.switch .switchButton{left:75px;} table.table.inspection div.switch.off .switchButton{left:-1px;} table.table.inspection div.switch a{display:block;position:absolute;width:95px;height:19px;left:-1px;top:-1px;} /* заглушка */ /* /Настройки switch'а для ДК */ /* switch width80 */ div.switch.width80{width:80px;} div.switch.width80 .switchPlatesContainer{width:78px;} div.switch.width80 .switchPlatesSlider{width:141px;} div.switch.width80.off .switchPlatesSlider{left:-63px;} div.switch.width80 .switchOn{width:57px;} div.switch.width80 .switchOff{width:57px;} div.switch.width80 .switchButton{left:62px;} div.switch.width80.off .switchButton{left:-1px;} /* /switch width80 */ /* switch width100 */ div.switch.width100{width:100px;} div.switch.width100 .switchPlatesContainer{width:98px;} div.switch.width100 .switchPlatesSlider{width:181px;} div.switch.width100.off .switchPlatesSlider{left:-83px;} div.switch.width100 .switchOn{width:77px;} div.switch.width100 .switchOff{width:77px;} div.switch.width100 .switchButton{left:82px;} div.switch.width100.off .switchButton{left:-1px;} /* /switch width100 */ /* /SWITCH */ .filters{margin:20px auto 0px;line-height:33px;} /* 33 - навскидку, т.к. инпуты в фильтрах обычно по 33px, width:755px - убрал */ .filters.left{margin:20px 0px 0px;} .filters.top{margin-top:0px;} .filters .noWrap{white-space:nowrap;display:inline;} .filters label span{line-height:16px;display:inline-block;vertical-align:middle;} .filters select.select, .filters input.text{margin-bottom:10px;} .filters input.number{width:80px;} .filters a.link{color:#53798d;text-decoration:underline;margin-right:15px;} .filters a.link.act{font-weight:bold;text-decoration:none;} .filters a.excel{display:block;float:right;background:url('/images/excel24.png') right center no-repeat;padding-right:30px; text-decoration:none;color:#53798d;outline:none;} .filters a.excel:hover{color:#275721;text-decoration:underline;} .filters .periodsLinks{} .filters .periodsLinks a{display:block;float:left;color:#53798d;text-decoration:underline;margin:2px 7px 2px 0px;font-size:11px;line-height:13px;} .filters .periodsLinks a.act{font-weight:bold;} .filters .checkboxes{display:inline-block;} /* Если появятся другие наборы, сюда сложим общие стили */ .filters .checkboxes.two{position:relative;height:33px;vertical-align:top;} .filters .checkboxes .checkboxesInner{} .filters .checkboxes.two .checkboxesInner{position:absolute;top:-8px;left:0px;width:300px;line-height:25px;} .filters .checkboxes .checkboxesInner input.checkbox{margin:0px 2px 0px 0px;position:relative;top:2px;} .paging{margin:20px;text-align:center;} .paging .pagingTotalRows{} .paging .pagingPages{line-height:33px;margin-top:5px;} .paging .pagingPages a.button, #form .step .paging .pagingPages a.button, #leversBody .paging .pagingPages a.button{display:inline-block;width:33px;height:33px;float:none; background-image:url('/images/paging.png');margin:0px 4px;padding:0px;border:none;vertical-align:middle;} .paging .pagingPages a.button.first, #form .step .paging .pagingPages a.button.first, #leversBody .paging .pagingPages a.button.first{} .paging .pagingPages a.button.prev, #form .step .paging .pagingPages a.button.prev, #leversBody .paging .pagingPages a.button.prev{background-position:-33px 0px;} .paging .pagingPages a.button.next, #form .step .paging .pagingPages a.button.next, #leversBody .paging .pagingPages a.button.next{background-position:-66px 0px;} .paging .pagingPages a.button.last, #form .step .paging .pagingPages a.button.last, #leversBody .paging .pagingPages a.button.last{background-position:-99px 0px;margin-right:0px;} .paging .pagingPages a.button.first:hover, #form .step .paging .pagingPages a.button.first:hover, #leversBody .paging .pagingPages a.button.first:hover{background-position:0px -33px;} .paging .pagingPages a.button.prev:hover, #form .step .paging .pagingPages a.button.prev:hover, #leversBody .paging .pagingPages a.button.prev:hover{background-position:-33px -33px;} .paging .pagingPages a.button.next:hover, #form .step .paging .pagingPages a.button.next:hover, #leversBody .paging .pagingPages a.button.next:hover{background-position:-66px -33px;} .paging .pagingPages a.button.last:hover, #form .step .paging .pagingPages a.button.last:hover, #leversBody .paging .pagingPages a.button.last:hover{background-position:-99px -33px;} .paging .pagingPages a.button.first.inact, #form .step .paging .pagingPages a.button.first.inact, #leversBody .paging .pagingPages a.button.first.inact{background-position:0px -66px;} .paging .pagingPages a.button.prev.inact, #form .step .paging .pagingPages a.button.prev.inact, #leversBody .paging .pagingPages a.button.prev.inact{background-position:-33px -66px;} .paging .pagingPages a.button.next.inact, #form .step .paging .pagingPages a.button.next.inact, #leversBody .paging .pagingPages a.button.next.inact{background-position:-66px -66px;} .paging .pagingPages a.button.last.inact, #form .step .paging .pagingPages a.button.last.inact, #leversBody .paging .pagingPages a.button.last.inact{background-position:-99px -66px;} .paging .pagingPages a.number{display:inline-block;padding:0px 8px;color:#53798d;text-decoration:none;} .paging .pagingPages a.number.act{font-weight:bold;text-decoration:underline;} .paging .pagingPages a.number:hover{text-decoration:underline;} .paging .pagingPerPage{margin-top:8px;} .paging .pagingPerPage select.select, #form .step .paging .pagingPerPage select.select{height:21px;line-height:19px;padding:0px;float:none;} /* NEWS */ #newsList{text-align:left;width:779px;max-width:100%;margin:0px auto 30px;} #newsList .title{height:72px;background:url('/images/titleNews.jpg') 8px center no-repeat;} .news{} .news a{display:block;text-decoration:none;color:#656565;border:1px solid #ffffff;padding:8px 10px;margin:0px 1px;} .news a span{} .news a span.nTitle, .newsDetails span.nTitle{display:block;font-size:16px;font-weight:bold;color:#598aa5;text-align:left;} .news a.important span.nTitle{color:#c50505;} .news a.warning span.nTitle{background:url('/images/iconWarning15-17.png') left center no-repeat;padding-left:25px;} .news a span.nDatetime, .newsDetails span.nDatetime{font-size:12px;color:#999999;font-weight:normal;display:block;margin-bottom:2px;} .news a span.nText, .newsDetails span.nText{display:block;clear:both;text-align:justify;line-height:19px;} .news a span.nText{max-height:150px;overflow:hidden;position:relative;} .news a span.nText .fadeOut{position:absolute;background:url('/images/fadeOut.png');width:100%;height:20px;left:0px;top:130px;} .newsDetails span.nText a{color:#53798d;} .newsDetails span.nFiles{display:block;clear:both;text-align:left;margin-top:2px;} .newsDetails span.nFiles a{display:block;color:#53798d;text-decoration:none;line-height:31px;height:32px;padding-left:40px; background-repeat:no-repeat;background-position:left center;margin-top:8px;float:left;clear:both;} .newsDetails span.nFiles a:hover{text-decoration:underline;} .newsDetails span.nFiles a.doc{background-image:url('/images/iconFileDocx32.png');} .newsDetails span.nFiles a.docx{background-image:url('/images/iconFileDocx32.png');} .news a span.nDetails{display:block;text-align:right;color:#598aa5;font-weight:bold;line-height:20px;margin-top:3px; background:url('/images/arrowNext.png') right bottom no-repeat;padding-right:35px;} .news a:hover{background:url('/images/textarea.jpg') left top repeat-x;border-color:#accce8;border-radius:4px;} #readNews{padding-top:30px;text-align:center;} #readNews p{color:#c50505;margin:0px 0px 10px;} #readNews p a{color:#c50505;} #readNews a{color:#53798d;} /* ANNUL POPUP */ .annulPopup{} .annulPopup .apTitle{font-size:16px;font-weight:bold;color:#c50505;margin-bottom:3px;} .annulPopup .apText{text-align:justify;line-height:19px;} .annulPopup label{width:80px;margin-right:5px;float:left;clear:both;line-height:30px;} .annulPopup .apInputFile{float:left;line-height:30px;margin-top:10px;} .annulPopup .apInputFile input{} .annulPopup textarea{width:691px;resize:vertical;} /* CASCO POPUP */ .cascoPopup{} .cascoPopup .cpTitle{font-size:16px;font-weight:bold;color:#598aa5;margin-bottom:3px;} .cascoPopup .cpText{line-height:19px;} .cascoPopup .cpText b{display:inline-block;background:url('/images/loading.gif') right center no-repeat;padding-right:25px;} .cascoPopup .cpPrices .price img{width:100px;border:1px solid #accce8;vertical-align:middle;margin:5px 10px 5px 0px;} .cascoPopup .cpPrices .price span{width:100px;display:inline-block;text-align:right;} /* CHANGES POPUP */ #changesPopup{line-height:22px;} #changesPopup .popupTitle{text-align:center;} #changesPopup label{float:left;clear:both;width:50%;text-align:right;position:relative;left:-5px;} #changesPopup label.rightCheckbox{clear:none;width:auto;margin-left:10px;left:auto;} #changesPopup label input.checkbox{float:left;margin:5px 5px 0px 0px;padding:0px;} #changesPopup div.value{float:left;margin-left:5px;} /* Было нужно для radio */ /*#changesPopup div.value label{width:auto;left:0px;}*/ /*#changesPopup div.value input{margin-left:0px;margin-right:5px;}*/ #changesPopup div.value input.text{line-height:22px;height:22px;margin-bottom:5px;width:100px;padding:0px 5px;} #changesPopup small{font-size:15px;color:#999999;font-size:15px;} #changesPopup .space{height:10px;} /* /CHANGES POPUP */ /* Old version */ /* changesPeriosOfUse POPUP */ /*#changesPeriodOfUsePopup{line-height:22px;} #changesPeriodOfUsePopup .popupTitle{text-align:center;} #changesPeriodOfUsePopup label{float:left;clear:both;width:50%;text-align:right;position:relative;left:-5px;} #changesPeriodOfUsePopup div.value{float:left;margin-left:5px;} #changesPeriodOfUsePopup div.value label{width:auto;left:0px;} #changesPeriodOfUsePopup div.value input{margin-left:0px;margin-right:5px;} #changesPeriodOfUsePopup div.value input.text{line-height:22px;height:22px;margin-bottom:5px;width:100px;padding:0px 5px;} #changesPeriodOfUsePopup small{font-size:15px;color:#999999;font-size:15px;} #changesPeriodOfUsePopup .space{height:10px;}*/ /* /changesPeriosOfUse POPUP */ /* SUGGEST */ .suggestMenu{position:absolute;z-index:300;background:#ffffff;border-width:1px;border-style:solid;border-color:#accce8;border-radius:0px 0px 4px 4px;display:none;} .suggestMenu.top{border-radius:4px 4px 0px 0px;} .suggestMenu.overPopup{z-index:600;} .suggestMenu div{padding:2px 5px;cursor:pointer;} .suggestMenu div small{font-size:15px;color:#999999;} .suggestMenu div.hover{background:#e8e8e8;} .suggestMenu div b{color:#598aa5;} /* MANAGE */ #manage{text-align:left;} #leftMenu{overscroll-behavior:contain;height:100%;overflow-y:auto;padding:68px 14px 12px 12px;line-height:19px;position:fixed;width:226px;background:#ffffff;top:0;left:0;box-sizing:border-box;z-index:1;} #leftMenu #hLogo{margin:3px 0 0;position:absolute;left:0;top:0;right:0;width:auto;background-position:3px center;} #leftMenu .lmNode{/*max-height:100%;*/overflow-x:auto;overflow-y: hidden;} #leftMenu .lmNode .lmNode{margin-left:14px;} #leftMenu a{color:#53798d;text-decoration:none;display:block;} #leftMenu a:last-child{margin-top:19px;} #leftMenu .lmNode .lmNode a:last-child{margin-top:0;} #leftMenu a:hover{text-decoration:underline;color:#33596d;} #leftMenu a.act{font-weight:bold;text-decoration:none;} #leftMenu div.border{position:absolute;top:0px;right:0px;width:1px;height:100%;background:url('/images/verticalSepGradient.jpg') left bottom no-repeat #e8e9e9;} #lmContent{padding-left:241px;padding-right:241px;} #lmContent #form{margin:0 auto 30px;} /* /MANAGE */ /* NEW YEAR */ #body.newYear{} #body.newYear #hShadow{} #body.newYear #hShadow .bg{background:url('/images/ny_icicles.png');height:87px;position:relative;z-index:200;} #body.newYear #form .title a{position:relative;z-index:210;} /*#body.newYear #hLogo{background-image:url('/images/ny_logo.jpg');}*/ #body.newYear #hLogo{background-image:url('/images/ny_logo.gif');} #body.newYear #leftMenu{position:relative;z-index:210;} /* ADAPTIVE */ .adaptiveMarker{display:none;position:absolute;width:1px;height:1px;left:-10px;} .adaptiveClear{display:none;clear:both;height:0px;font-size:0px;line-height:0px;overflow:hidden;} @media all and (max-width:1600px) { #lmContent{padding-right:0;} #lmContent #form{margin:0 0 30px;} } @media all and (max-width:1024px) { #mHeader{display:block;} #leftMenu{padding-top:60px;box-shadow:0px 0px 5px 0px #3e6d89;height:100vh;left:-236px;z-index:550;} #leftMenu #hLogo{display:none;} #lmContent{padding-left:0;clear:both;} .banner-wrapper{top:50px;} } /*@media all and (max-width:799px) /* 755 form width + 12*2 body padding + scrollbar width (20) */ /*@media all and (max-width:779px) /* adaptive marker 10, 755 form width + 12*2 body padding */ @media all and (max-width:799px) /* adaptive marker 10, 755 form width + 12*2 body padding */ { .adaptiveMarker10{display:block;} .adaptiveClear10{display:block;} #popup{border-radius:0px;border-width:1px 0px;} /* see scripts.js also */ #popup.loading{border:1px solid #accce8;border-radius:10px;} #popupContent{padding:23px 12px;} #form .osagoLimit{width:456px;margin:5px auto 3px;text-align:center;} #form .osagoLimit .olBlock, #tooltip .olBlock{width:225px;margin-right:6px;margin-bottom:6px;display:inline-block;float:none;} #form .osagoLimit .olBlock.olAge{margin-right:0px;} #form .osagoLimit .olBlock .olProgress, #tooltip .olBlock .olProgress, #form .osagoLimit .olBlock .olProgress .olpBar .olpbValue, #tooltip .olBlock .olProgress .olpBar .olpbValue, #form .osagoLimit .olBlock .olProgress .olpBar .olpbValueShadow, #tooltip .olBlock .olProgress .olpBar .olpbValueShadow{width:223px;} #form .staticFields{text-align:center;} #form .staticField, #form .staticFields .staticFieldsRight{display:inline-block;float:none;} #form .staticField.noReceipt{position:relative;top:1px;} #form .staticField.insurer select{width:174px;} #form .step .driversList .driversListHeaders{display:none;} #form .step .driversList .driver div.driverNumber{position:static;left:auto;} #form .step .driversList .driver div.driverNumber .full{display:inline;} #form .step .driversList .driver input.driver_experience{clear:both;} #form .step .driversList .driver input.text::placeholder{color:#656565;opacity:1;} #form .step .driversList .driver input.text::-webkit-input-placeholder{color:#656565;opacity:1;} #form .step .driversList .driver input.text:-moz-placeholder{color:#656565;opacity:1;} #form .step .driversList .driver input.text::-moz-placeholder{color:#656565;opacity:1;} #form .step .driversList .driver input.text:-ms-input-placeholder{color:#656565;opacity:1;} #form .step .driversList .driver input.text::-ms-input-placeholder{color:#656565;opacity:1;} #form .step .driversList .driver input.text:focus::placeholder{color:transparent;} #form .step .driversList .driver input.text:focus::-webkit-input-placeholder{color:transparent;} #form .step .driversList .driver input.text:focus:-moz-placeholder{color:transparent;} #form .step .driversList .driver input.text:focus::-moz-placeholder{color:transparent;} #form .step .driversList .driver input.text:focus:-ms-input-placeholder{color:transparent;} #form .step .driversList .driver input.text:focus::-ms-input-placeholder{color:transparent;} #form .step .driversList .driver .driver_name{box-sizing:border-box;width:73%;height:33px;} #form .step .driversList .driver input.date{box-sizing:border-box;width:18%;height:33px;} #form .step .driversList .driver .space.date{width:18%;} #form .step .driversList .driver .driver_sex{box-sizing:border-box;width:9%;height:33px;} #form .step .driversList .driver .addDriverActualData, #form .step .driversList .driver .deleteDriverActualData, #form .step .driversList .driver .deleteDriver{width:7%;} #form .step .driversList .driver .driver_bonusMalus, #form .step .driversList .driver .driver_ageExperience{box-sizing:border-box;width:7.5%;height:33px;} #form .step .driversList .driver .space.ageExperience, #form .step .driversList .driver .space.bonusMalus{width:7.5%;} #form .step .driversList .driver .driverLicense{box-sizing:border-box;width:20%;height:33px;} #form .step .driversList .driver .russian_license{width:15%;} #form .step .driversList .driver .russian_license .full{display:inline;} #form .step .driversList .driver p{margin-bottom:5px;} #form .step select.select.adaptiveWide, #form .step textarea.wide, #form .step input.text.wide{box-sizing:border-box;width:100%;} #form .step label{margin-bottom:0px;} #form .step input.text{margin-bottom:12px;} #form .step .calculation20 div.insurer .price input.text{margin-bottom:0;} #form .step select.select{margin-bottom:12px;} #form .step label.adaptiveAutoWidth{width:auto;} #form .step span.inputComment.right.adaptiveLabel{width:140px;clear:both;text-align:right;margin-left:0px;} #form .step .calculation .calculationField{width:17%;margin:0px 1% 0px;} #form .step .calculation .calculationField:first-of-type, #form .step .calculation .calculationField.price{width:22%;} #form .step .calculation .calculationField label, #form .step .calculation .calculationField.price label{width:100%;} #form .step .calculation .calculationField input.text, #form .step .calculation .calculationField.price input.text{width:100%;box-sizing:border-box;} } @media all and (max-width:768px) { #hHamburger{display:block;} #hLogo{display:none;} #hLogoM{display:block;} #hContent .hTabs{display:none;} #hShadow{display:none;} #header{background:none;height:auto;box-shadow:0px 0px 5px 0px #3e6d89;position:relative;z-index:100;} #hAuth{position:relative;line-height:44px;padding:0px 12px 0px 178px;height:44px;top:auto;right:auto;text-align:right;} #hAuth span.welcome{display:block;padding-right:60px;} #hAuth span.welcome span{display:inline-block;line-height:14px;padding-right:0px;vertical-align:middle;} #hAuth a{margin-left:0px;height:44px;} #hAuth a span{display:inline-block;vertical-align:middle;text-decoration:underline;} /*#hAuth{position:absolute;right:12px;top:12px;} #hAuth b{color:#53798d;} #hAuth a{display:block;float:right;margin-left:25px;color:#53798d;}*/ #form.report.telemed .title a{ display:block;line-height:72px;vertical-align:middle;float:left; } } @media all and (max-width:540px) { #form .step .calculation20 div.insurer.strict_models .brandModel input.text{width:267px;} #form .steps2 a{font-size:12px;} }