/*========================== мой стиль цвет синий #2196f3 цвет синий темный #1273BD цвет оранжевый #e7711b цвет неактивный #C5E1F7 цвет красный #A50404 ==========================*/ @font-face { font-family: 'SEGOEUIL'; src: url('fonts/SEGOEUIL.eot'); /* IE9 Compat Modes */ src: url('fonts/SEGOEUIL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('webfont.woff2') format('woff2'), Super Modern Browsers */ url('fonts/SEGOEUIL.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/SEGOEUIL.ttf') format('truetype'); /* Safari, Android, iOS */ /*url('webfont.svg#svgFontName') format('svg'); Legacy iOS */ } @font-face { font-family: 'OpenSansCondensed'; src: url('fonts/OpenSans-CondLight.ttf') format('truetype'); /* Safari, Android, iOS */ /*url('webfont.svg#svgFontName') format('svg'); Legacy iOS */ } body{font-family: 'SEGOEUIL';} *[font-bold]{font-weight:600;} *[font-italic]{font-style:italic;} *[display="0"]{display:none!important;} *[opacity05]{opacity:0.5;} @font-face { font-family: 'Framework Icons'; font-style: normal; font-weight: 400; src: url("fonts/FrameworkIcons-Regular.eot"); src: local('Framework Icons'), local('FrameworkIcons-Regular'), url("fonts/FrameworkIcons-Regular.woff2") format("woff2"), url("fonts/FrameworkIcons-Regular.woff") format("woff"), url("fonts/FrameworkIcons-Regular.ttf") format("truetype"), url("fonts/FrameworkIcons-Regular.svg") format("svg"); } .f-icon, .f7-icons, .framework7-icons { font-family: 'Framework Icons'; font-weight: normal; font-style: normal; font-size: 25px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; font-feature-settings: "liga"; } .modal-text>.preloader{ border: 3px solid #fafafa; border-radius: 50%; border-style: inset; } /* .pages.global_sync:after{content:'синхронизация...';height:20px;font-weight: 800;width:100%; text-align:right;background-color: rgba(255,0,0,0.2);position:absolute;bottom:0; animation:show_syncbar 1s forwards;} */ .pages.global_sync:after { content:' '; color: #f44336; font-size: 17px; text-indent: -9999em; overflow: hidden; width: 1em; position: absolute; height: 1em; bottom: 0; left: 10px; z-index: 999; border-radius: 50%; margin: 12px auto; /* position: relative; */ -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease; animation: load6 1.7s infinite ease, round 1.7s infinite ease; } @-webkit-keyframes load6 { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @keyframes load6 { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @-webkit-keyframes round { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes round { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /********************************/ /***** СТРАНИЦА РЕГИСТРАЦИИ ****/ /*******************************/ #login_form{background:#efefef; z-index:100000; margin:0; padding:0; left:0; top:0; width:100%; height:100%; position:absolute; } #login_form.scaleup{animation: scaleup 0.5s ease-in forwards; animation-delay:0.5s;} #sign_act_signin.scaleup{animation: scaleup 0.5s ease-in forwards; animation-delay:0.5s;} #login_signin{width:80%; margin:5%; background:#2196f3; box-shadow:0 0 10px rgba(0,0,0,0.5); padding:5%; position:absolute; overflow:hidden; height:85%;} #login_signin .form-title{font-size:1.5em; color:rgba(235, 235, 235, 0.61); text-align:right; margin:0;} #login_signin .input-field{position:relative; height:50px; margin:35px 0; margin-bottom:10px; transition:all 300ms;} #login_signin .input-field i{height:32px; visibility:visible; position:absolute; left:10px; color:#BBBBBB;transform-origin: 50% bottom; transform:scale(0); transition:all 100ms;} #login_signin .input-field label{width:100%; height:100%; position:absolute; margin-top:10px; left:4px; font-size:1.5em; color:#FFF; opacity:1; transition:all 300ms;} #login_signin .input-field input{height:auto; padding:14px 20px 14px 50px; transform:scaleY(0.1); transform-origin: 50% bottom; width:calc(100% - 70px); font:500 16px/1 'Roboto',sans-serif; border:none; box-shadow:0 3px 5px rgba(0,0,0,0.25); color:#606060; border-radius:6px; outline:0; overflow:hidden; position:absolute; bottom:0; left:0; transition:all 300ms;} /* height:4px; padding:0 20px 0 50px; */ #login_signin .forgot-pw{font:600 14px/1 'Roboto',sans-serif; color:#2E3C89; text-decoration:none; float:right; margin:0 0 25px 0; display:block;} #login_signin button.login{min-height:60px; font-family: 'SEGOEUIL'; font-size:2em; text-shadow:0 0 14px #666; width:100%; padding:20px; display:block; background:#FFF; color:#000; border:none; outline:0; cursor:pointer; position:absolute; left:0; bottom:0;} #login_signin .check{width:100%; height:100%; background:#324192; position:absolute; top:100%; left:0; text-align:center; visibility:hidden; transition:all 1s;} #login_signin .check.in{visibility:visible; top:0;} #login_signin .check i{color:#FFF; font-size:64px; line-height:7.4;} #login_signin .input-field input:focus{color:#333; } #login_signin .input-field input:focus, #login_signin .input-field input.not-empty{transition:all 0.2s; transform:scaleY(1); } /* height:auto; padding:14px 20px 14px 50px; */ #login_signin .input-field input:focus + i, #login_signin .input-field input:focus + i + label + #input-2_hide, #login_signin .input-field input.not-empty + i, #login_signin .input-field input.not-empty + i + label + #input-2_hide{transform:scale(1); }/* height:32px; visibility:visible; */ #login_signin .input-field input:focus + i + label, #login_signin .input-field input.not-empty + i + label{ transform:scale(0.4) translateX(-35%); opacity:0.7; animation:label 300ms 1 forwards;} #login_signin svg{height:100%; margin-bottom:-26px;} .login_signin_error>#login_signin{transition:all 1s; background-color:red;} #login_lock{margin-top:0px;} #login_signin_loading{position:absolute; display:none; z-index:100; height:80%; width:90%; left:0; top:0; vertical-align:middle; padding-left:9%; padding-top:20%;} #login_signin_loading h1{ color:#0067b9; font-weight:100; font-stretch:normal; font-size:1.6em; font-weight:600; } #login_signin_loading .slider{ position:absolute; width:300px; height:2px; margin-top:-15px } #login_signin_loading .line{ position:absolute; background:#fff; width:300px; height:2px; } #login_signin_loading .break{ position:absolute; background:#2196f3; width:12px; height:2px; } #login_signin_loading .dot1{ animation: loading 2s infinite;} #login_signin_loading .dot2{ animation: loading 2s 0.5s infinite; } #login_signin_loading .dot3{ animation: loading 2s 1s infinite; } #input-2_hide{ z-index: 99999; transform:scale(0); transition:all 0.3s; position: absolute; right: 0; color:grey; font-size: 10px; margin-top: 16px; margin-right: 5%; padding: 1px 8px 2px; border: 1px solid grey; border-radius: 4px; cursor: pointer; } #input-2_hide.active{ color:white; background-color: #b9b9b9; } .patt-holder{background:#3382c0;-ms-touch-action:none}.patt-wrap{position:relative;cursor:pointer}.patt-wrap li,.patt-wrap ul{list-style:none;margin:0;padding:0}.patt-circ{position:relative;float:left;box-sizing:border-box;-moz-box-sizing:border-box}.patt-circ.hovered{border:3px solid #090}.patt-error .patt-circ.hovered{border:3px solid #BA1B26}.patt-hidden .patt-circ.hovered{border:0}.patt-dots,.patt-lines{border-radius:5px;height:10px;position:absolute}.patt-dots{background:#FFF;width:10px;top:50%;left:50%;margin-top:-5px;margin-left:-5px}.patt-lines{background:rgba(255,255,255,.7);transform-origin:5px 5px;-ms-transform-origin:5px 5px;-webkit-transform-origin:5px 5px}.patt-hidden .patt-lines{display:none} .mhn-ui-date-time, .text-center { text-align: center } .mhn-ui-wrap { width: 300px; height: 475px; overflow: hidden; position: relative; margin: 30px auto 0; box-shadow: 0 17px 50px 0 rgba(0, 0, 0, .19), 0 12px 15px 0 rgba(0, 0, 0, .24) } .mhn-ui-wrap:before { top: 0; left: 0; right: 0; bottom: 0; content: ''; position: absolute; background: rgba(0, 0, 0, .4) } .mhn-ui-date-time { color: #eee; z-index: 100; position: relative } .mhn-ui-date-time .mhn-ui-time { font-size: 28px; font-weight: 400; margin-bottom: 15px } .mhn-ui-date-time .mhn-ui-day { font-size: 24px; margin-bottom: 10px } .mhn-ui-date-time .mhn-ui-date { font-size: 18px; font-weight: 400 } .mhn-ui-app-time { padding: 0 5px; font-size: 12px; text-align: right; margin: -15px -15px auto; background: rgba(0, 0, 0, .6) } .mhn-lock-wrap { left: 0; right: 0; bottom: 0; z-index: 100; position: absolute } .mhn-lock-wrap .mhn-lock-title { text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, .5) } .mhn-lock-wrap .mhn-lock-success { color: transparent; text-shadow: none } .mhn-lock-wrap .mhn-lock-failure { color: #f34235 } .mhn-lock { margin: auto; background: 0 0 } .patt-wrap { margin: auto; overflow: hidden } .patt-wrap li { transition: all .4s ease-in-out 0s } .patt-dots, .patt-lines { transition: background .1s ease-in-out 0s } .patt-circ { border: 3px solid transparent } .patt-dots { background: rgba(255, 255, 255, .8) } .patt-lines { background: rgba(255, 255, 255, .4) } .patt-circ.hovered { border-color: #ddd; background: rgba(255, 255, 255, .2) } .patt-error .patt-circ.hovered { background: rgba(243, 66, 53, .4); border-color: rgba(243, 66, 53, .8) } .patt-error .patt-lines { background: rgba(243, 66, 53, .5) } .patt-success .patt-circ.hovered { background: rgba(75, 174, 79, .4); border-color: rgba(75, 174, 79, .8) } .patt-success .patt-lines { background: rgba(75, 174, 79, .5) } .mhn-ui-page { height: 100%; z-index: 200; display: none; padding: 15px; position: relative } .mhn-ui-page.page-lock { position: initial } .mhn-ui-page .mhn-ui-app-title-head { padding: 15px; font-size: 16px; margin: 0 -15px; background: rgba(0, 0, 0, .4) } .mhn-ui-page .mhn-ui-filter { float: right; position: relative } .mhn-ui-page .mhn-ui-filter .mhn-ui-btn { right: 0; top: -5px; padding: 5px; cursor: pointer; position: absolute; display: inline-block } .mhn-ui-page .mhn-ui-filter .mhn-ui-btn.active { background: teal } .mhn-ui-page .mhn-ui-filter-list { right: 0; top: 20px; padding: 5px; width: 180px; display: none; position: absolute; background: rgba(0, 0, 0, .8) } .mhn-ui-page .mhn-ui-filter-list>div { display: block; font-size: 14px; cursor: pointer; padding: 2px 4px } .mhn-ui-page .mhn-ui-filter-list>div.active { color: teal } .mhn-ui-page .mhn-ui-filter-list>div:hover { background: teal } .mhn-ui-page .mhn-ui-filter-list>div.active:hover { background: 0 0 } .mhn-ui-page .mhn-ui-row { margin-top: 15px } .mhn-ui-page .mhn-ui-row:after, .mhn-ui-page .mhn-ui-row:before { content: ''; display: table } .mhn-ui-page .mhn-ui-row:after { clear: both; display: block } .mhn-ui-page .mhn-ui-col { width: 25%; float: left; margin-bottom: 15px } .mhn-ui-bottom-link-bar { left: 0; right: 0; bottom: 0; padding: 15px; position: absolute; text-align: center } .mhn-ui-bottom-link-bar .mhn-ui-bottom-btn { width: 40px; height: 40px; cursor: pointer; font-size: 28px; line-height: 40px; text-align: center; border-radius: 50%; display: inline-block } .mhn-ui-bottom-link-bar .mhn-ui-bottom-btn:nth-child(1) { margin-right: 15px } .mhn-ui-bottom-link-bar .mhn-ui-bottom-btn:nth-child(2) { margin-left: 15px } .mhn-ui-bottom-link-bar .mhn-ui-bottom-btn:hover { color: #ccc; background: rgba(0, 0, 0, .8) } .mhn-ui-icon { text-align: center } .mhn-ui-icon span { width: 55px; height: 55px; margin: auto; display: block; font-size: 28px; cursor: pointer; line-height: 55px; text-align: center; border-radius: 15px; background: rgba(0, 0, 0, .3); transition: background .4s ease-in-out 0s; box-shadow: 0 -1px 0 rgba(255, 255, 255, .5) inset } .mhn-ui-icon .mhn-ui-icon-title { margin-top: 5px; cursor: default; overflow: hidden; font-size: 13px; text-overflow: ellipsis; text-shadow: 0 1px 1px rgba(0, 0, 0, .5) } .mhn-ui-page.page-author img { padding: 8px; margin-top: 15px; border-radius: 50%; background: rgba(255, 255, 255, .7) } .mhn-ui-credit { padding: 5px; font-size: 13px; margin-top: 15px; background: rgba(0, 0, 0, .2); border: 1px solid rgba(0, 0, 0, .2) } .mhn-ui-credit p { margin: 0; color: #aaa } .mhn-ui-credit a { font-weight: 500 } .mhn-ui-dialog-wrap { top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 1000; position: absolute; background: rgba(0, 0, 0, .7) } .mhn-ui-dialog { padding: 15px; background: #000; margin: 50% 0 auto } .mhn-ui-dialog .mhn-ui-dialog-title { font-size: 18px; font-weight: 500 } .mhn-ui-dialog .mhn-ui-dialog-btn { padding: 5px; min-width: 65px; cursor: pointer; margin-right: 10px; text-align: center; display: inline-block; border: 2px solid rgba(255, 255, 255, .8) } .mhn-ui-dialog .mhn-ui-dialog-btn:hover { background: #009688; text-decoration: none } .mhn-ui-info { margin: 30px 0; font-size: 16px; text-align: center } .mhn-ui-date, .mhn-ui-time { animation: zoomIn 1s } .mhn-ui-day { animation: rubberBand 1s } .mhn-lock-failure { animation: zoomIn .4s } .patt-circ:nth-child(1), .patt-circ:nth-child(2), .patt-circ:nth-child(3) { animation: fadeInUp .4s } .patt-circ:nth-child(4), .patt-circ:nth-child(5), .patt-circ:nth-child(6) { animation: fadeInUp .6s } .patt-circ:nth-child(7), .patt-circ:nth-child(8), .patt-circ:nth-child(9) { animation: fadeInUp .8s } .mhn-ui-icon span { animation: zoomIn .6s } .mhn-ui-bottom-btn { animation: bounceInUp .8s } .mhn-ui-credit-list .mhn-ui-credit:nth-child(1) { animation: fadeInUp .4s } .mhn-ui-credit-list .mhn-ui-credit:nth-child(2) { animation: fadeInUp .5s } .mhn-ui-credit-list .mhn-ui-credit:nth-child(3) { animation: fadeInUp .6s } .mhn-ui-credit-list .mhn-ui-credit:nth-child(4) { animation: fadeInUp .7s } .mhn-ui-credit-list .mhn-ui-credit:nth-child(5) { animation: fadeInUp .8s } @keyframes loading { from { left: 0; } to { left: 300px; } } @keyframes label{ 0%{transform:translateY(-15px);} 50%{transform:translateY(-45px);} 100%{transform:translateY(-35px);} } /*************************************/ /***** КОНЕЦ СТРАНИЦА РЕГИСТРАЦИИ ****/ /*************************************/ .notifications>ul>li{color:white;} /********************************/ /***** СТРАНИЦА РЕГИСТРАЦИИ ****/ /*******************************/ #sign_act { background: rgba(255, 255, 255, 0.75); z-index: 100000; margin: 0; padding: 0; left: 0; top: 0; width: 100%; height: 100%; position: absolute; } #sign_act_signin{width: 90%;margin:5%;top: -5%;background: #fff;box-shadow:0 0 10px rgba(0,0,0,0.5);/* padding:5%; */position:absolute;overflow:hidden;height: calc(100% - 30px);} #sign_act_signin .form-title{font-size:1.3em;color: #000000;text-align:right;position: absolute;top: 13px;right: 10px;margin:0;} #sign_act_signin .form-title_2{ transition:all 0.3s; font-size:0.8em;color: red;text-align:right;position: absolute;top: 5px;font-weight: 800;text-shadow: 0 0 1px #999;right: 10px;margin:0;} #sign_act_signin .form-title_1{font-size:1.5em; color: rgba(88, 88, 88, 0.5);text-align:center;position: absolute;top: 47%; width: 100%;margin:0;} #sign_act_signin .form-title>span{font-weight: 700;font-size: 1.4em;} #sign_act_sketch{ } #sign_act_signin button.sign_act_send{min-height: 30px;font-family: 'SEGOEUIL';font-size: 25px;text-shadow: 0 0 14px #d1d1d1;width:100%;padding: 10px;display:block;background: #2196f3;color: #fff;border:none;outline:0;cursor:pointer;position:absolute;left:0;bottom:0;} /*************************************/ /***** КОНЕЦ СТРАНИЦА ПОДПИСИ ********/ /*************************************/ .loading__icon {position: absolute;top: calc(50% - 30px);left: calc(50% - 30px);z-index: 11;width: 60px;height: 60px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);transform:scale(0);animation: reveal_loading_icon 0.3s forwards;} .loading__icon_bg{position:absolute;width:100%;height:100%;z-index: 1;background-color: rgba(246, 246, 246, 0.9);left:0;right:0; opacity:0; animation:reveal_loading_icon_bg 0.2s forwards;} .loading__element { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .loading__element:nth-child(1) { -webkit-animation: shrink 1600ms linear infinite; animation: shrink 1600ms linear infinite; -webkit-animation-delay: 200ms; animation-delay: 200ms; } .loading__element:nth-child(2) { -webkit-animation: shrink 1600ms linear infinite; animation: shrink 1600ms linear infinite; -webkit-animation-delay: 400ms; animation-delay: 400ms; } .loading__element:nth-child(3) { -webkit-animation: shrink 1600ms linear infinite; animation: shrink 1600ms linear infinite; -webkit-animation-delay: 600ms; animation-delay: 600ms; } .loading__element:nth-child(4) { -webkit-animation: shrink 1600ms linear infinite; animation: shrink 1600ms linear infinite; -webkit-animation-delay: 800ms; animation-delay: 800ms; } .loading__element:nth-child(5) { -webkit-animation: shrink 1600ms linear infinite; animation: shrink 1600ms linear infinite; -webkit-animation-delay: 1000ms; animation-delay: 1000ms; } .loading__element:nth-child(6) { -webkit-animation: shrink 1600ms linear infinite; animation: shrink 1600ms linear infinite; -webkit-animation-delay: 1200ms; animation-delay: 1200ms; } .loading__element:nth-child(7) { -webkit-animation: shrink 1600ms linear infinite; animation: shrink 1600ms linear infinite; -webkit-animation-delay: 1400ms; animation-delay: 1400ms; } .loading__element:nth-child(8) { -webkit-animation: shrink 1600ms linear infinite; animation: shrink 1600ms linear infinite; -webkit-animation-delay: 1600ms; animation-delay: 1600ms; } @keyframes reveal_loading_icon { 0% { -webkit-transform: scale(0); transform: scale(0); } 80% { -webkit-transform: scale(1); transform: scale(1); } 90% { -webkit-transform: scale(1.05); transform: scale(1.05); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes shrink { 20% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes shrink { 20% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes reveal_loading_icon_bg { 0% { opacity:0; } 100% { opacity:1; } } #my_foto_edit{ height: 250px; width: 100%; margin-bottom: 60px; } #my_video_edit ~ .row.text{ margin-bottom: 15px; } #my_video_edit ~ .row.text>div{font-size: 16px;background-color: grey;color: white;padding: 5px 3px;border-radius: 3px; transition:background-color 0.3s;} #my_video_edit ~ .row.text>div.active{ background-color: #3193c7; } #my_video_edit ~ .row.text>div.not_active{ background-color: #bfbdbd; } #my_video_edit ~ .row.text>div.next_active{ background-color: #3cd83c; } #my_foto_edit ~ .row.icons>div>i{ font-size: 35px; } #my_foto_edit ~ .row.icons>div:first-child>i:after{content:'камера'; display: block; font-family:'OpenSansCondensed'; font-size:10px;} #my_foto_edit ~ .row.icons>div:last-child>i:after{content:'загрузить'; display: block; font-family:'OpenSansCondensed'; font-size:10px;} #my_foto_edit ~ .row.icons>div:last-child>input{ width: 40px; position: absolute; opacity: 0; height: 40px; } #show_my_profile_card{} #show_my_profile_card .close-picker {color:white;padding-right: 20px;} #show_my_profile_card .picker-modal-inner{ background-color: #ffffff; } #show_my_profile_card .picker-modal-inner > .content-block {/* background-color: #ff9800; */margin-top: 0; overflow: scroll; height: 200px;} #show_my_profile_card .picker-modal-inner > .content-block>span { display:block; color: black; } #show_my_profile_card .picker-modal-inner > .content-block > span:nth-child(1) { /* font-size: 30px; */ width: 90px; display: none; margin-top: 0px; height: 90px; border-radius: 50%; /* box-shadow: 1px 4px 2px 1px rgba(0, 0, 0, 0.28), 0px 0px 2px 1px rgba(0,0,0,0.2); */ background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4Mi45IDQ4Mi45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODIuOSA0ODIuOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMzkuNywyNjAuMmMwLjUsMCwxLDAsMS42LDBjMC4yLDAsMC40LDAsMC42LDBjMC4zLDAsMC43LDAsMSwwYzI5LjMtMC41LDUzLTEwLjgsNzAuNS0zMC41ICAgIGMzOC41LTQzLjQsMzIuMS0xMTcuOCwzMS40LTEyNC45Yy0yLjUtNTMuMy0yNy43LTc4LjgtNDguNS05MC43QzI4MC44LDUuMiwyNjIuNywwLjQsMjQyLjUsMGgtMC43Yy0wLjEsMC0wLjMsMC0wLjQsMGgtMC42ICAgIGMtMTEuMSwwLTMyLjksMS44LTUzLjgsMTMuN2MtMjEsMTEuOS00Ni42LDM3LjQtNDkuMSw5MS4xYy0wLjcsNy4xLTcuMSw4MS41LDMxLjQsMTI0LjlDMTg2LjcsMjQ5LjQsMjEwLjQsMjU5LjcsMjM5LjcsMjYwLjJ6ICAgICBNMTY0LjYsMTA3LjNjMC0wLjMsMC4xLTAuNiwwLjEtMC44YzMuMy03MS43LDU0LjItNzkuNCw3Ni03OS40aDAuNGMwLjIsMCwwLjUsMCwwLjgsMGMyNywwLjYsNzIuOSwxMS42LDc2LDc5LjQgICAgYzAsMC4zLDAsMC42LDAuMSwwLjhjMC4xLDAuNyw3LjEsNjguNy0yNC43LDEwNC41Yy0xMi42LDE0LjItMjkuNCwyMS4yLTUxLjUsMjEuNGMtMC4yLDAtMC4zLDAtMC41LDBsMCwwYy0wLjIsMC0wLjMsMC0wLjUsMCAgICBjLTIyLTAuMi0zOC45LTcuMi01MS40LTIxLjRDMTU3LjcsMTc2LjIsMTY0LjUsMTA3LjksMTY0LjYsMTA3LjN6IiBmaWxsPSIjYWZkYmZhIi8+CgkJPHBhdGggZD0iTTQ0Ni44LDM4My42YzAtMC4xLDAtMC4yLDAtMC4zYzAtMC44LTAuMS0xLjYtMC4xLTIuNWMtMC42LTE5LjgtMS45LTY2LjEtNDUuMy04MC45Yy0wLjMtMC4xLTAuNy0wLjItMS0wLjMgICAgYy00NS4xLTExLjUtODIuNi0zNy41LTgzLTM3LjhjLTYuMS00LjMtMTQuNS0yLjgtMTguOCwzLjNjLTQuMyw2LjEtMi44LDE0LjUsMy4zLDE4LjhjMS43LDEuMiw0MS41LDI4LjksOTEuMyw0MS43ICAgIGMyMy4zLDguMywyNS45LDMzLjIsMjYuNiw1NmMwLDAuOSwwLDEuNywwLjEsMi41YzAuMSw5LTAuNSwyMi45LTIuMSwzMC45Yy0xNi4yLDkuMi03OS43LDQxLTE3Ni4zLDQxICAgIGMtOTYuMiwwLTE2MC4xLTMxLjktMTc2LjQtNDEuMWMtMS42LTgtMi4zLTIxLjktMi4xLTMwLjljMC0wLjgsMC4xLTEuNiwwLjEtMi41YzAuNy0yMi44LDMuMy00Ny43LDI2LjYtNTYgICAgYzQ5LjgtMTIuOCw4OS42LTQwLjYsOTEuMy00MS43YzYuMS00LjMsNy42LTEyLjcsMy4zLTE4LjhjLTQuMy02LjEtMTIuNy03LjYtMTguOC0zLjNjLTAuNCwwLjMtMzcuNywyNi4zLTgzLDM3LjggICAgYy0wLjQsMC4xLTAuNywwLjItMSwwLjNjLTQzLjQsMTQuOS00NC43LDYxLjItNDUuMyw4MC45YzAsMC45LDAsMS43LTAuMSwyLjVjMCwwLjEsMCwwLjIsMCwwLjNjLTAuMSw1LjItMC4yLDMxLjksNS4xLDQ1LjMgICAgYzEsMi42LDIuOCw0LjgsNS4yLDYuM2MzLDIsNzQuOSw0Ny44LDE5NS4yLDQ3LjhzMTkyLjItNDUuOSwxOTUuMi00Ny44YzIuMy0xLjUsNC4yLTMuNyw1LjItNi4zICAgIEM0NDcsNDE1LjUsNDQ2LjksMzg4LjgsNDQ2LjgsMzgzLjZ6IiBmaWxsPSIjYWZkYmZhIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); } #show_my_profile_card .picker-modal-inner > .content-block > span:nth-child(2) {font-size: 25px;} #show_my_profile_card .picker-modal-inner > .content-block > span:nth-child(3) { color: #505050;margin-top: -7px; } #show_my_profile_card .picker-modal-inner > .content-block > span:nth-child(4) { } #show_my_profile_card .picker-modal-inner > .content-block > span:nth-child(4)>span, #show_my_profile_card .picker-modal-inner > .content-block > span:nth-child(6)>span { padding: 2px 5px 3px 5px; background-color: #2196f3; margin-right: 10px; border:1px solid white; color: white; display: inline-block; border-radius: 5px; font-size: 10px; } .id_area_choose, .type_order_choose{margin-left: 0.3em; padding: 0.3em 0.7em; font-weight: 900; background-color: #f7f7f7; border-radius: 30%; border: 1px solid #0a4f86; transition:all 0.3s;} .id_area_choose.on, .type_order_choose.on{color:black; background:white;} .id_area_choose.off, .type_order_choose.off{color:white; background:#2196f3;} .id_area_choose.disable, .type_order_choose.disable{box-shadow:inset 0 0 5px 0px #e44128;} .views_visible{transition:all 0.4s; opacity:1!important; transform:scale(1)!important;} .my_schedule_time{text-transform:uppercase;} .tab-link>.my_day{display:block; font-size:smaller;} /* li.card[type_order="Авария"] .my_card_footer_1 { background-color: #fce0e0; color: #b30000;}*/ .my_card_footer_1{background-color:rgb(250,250,250);font-size:10px;min-height:0px;/* padding-right: 30%; *//* justify-content: space-between; *//* margin: auto; */padding-right: 50px;align-items: flex-start;flex-direction: row;text-align: center;} .my_card_footer_1>span{text-align:left;} .my_card_footer_2{} .my_table_list_1>tbody>tr:first-child>td:first-child{font-size:18px; color:#2196f3;padding-right:5px;} .my_table_list_1>tbody>tr:first-child>td:nth-child(2){vertical-align:middle; border-bottom:1px solid #E5E5E5;} .card[status="2"] .my_table_list_1>tbody>tr:first-child>td:nth-child(2){padding-right: 32px;} .my_table_list_1>tbody>tr:first-child>td:first-child>sup{font-weight:100; } .my_table_list_1>tbody>tr{font-size:12px; } .my_card-content-inner_1{padding:5px 0px 5px 5px;overflow: hidden;} .my_li_list_1{padding-left:20px; font-size:10px; color:#999; } .card_copy_ls{ position: absolute; left: 0; top: 0; color: #90c2e8; font-size: 0.8em; font-weight: 900; padding: 0.2em 1em 1em 0.2em; } .notification-item .item-text{color:white!important;} .my_li_list_2{padding-left:20px;} .my_li_list_3{padding-left:20px;} #start_today{letter-spacing:2px;} .my_icon_1_right{text-align:right; margin-right:20px; float:right; color:#FFF;} .modal_list_block{margin:0!important;} .modal_list_block .item-inner{padding-right:0; line-height:1;} .modal_list_block .item-title>small{line-height:0.9; white-space:normal;} .li_span_footer_bg{position:absolute; width:0%; margin-left:-16px; background-color:rgba(200,100,100, 0.3);} #status_causes .item-inner{margin-left: -8px;padding-right:0;font-size: 14px;} #status_causes { max-height: 300px; overflow-y: scroll; } .card-content_active {background-color:rgb(245,245,255);} .noactive_1{opacity:0.3;} .my_kol{border-radius:7px; font-size:10px; font-weight:bold; padding:0px 5px; background-color:red; position:absolute; right:4px; top:0px; -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2); color:#fff; } #map { height: 100%; width:100%; position:absolute; margin-top:-32px; margin-left:-16px; } .star-ratings-css { unicode-bidi: bidi-override; color: #c5c5c5; font-size: 15px; height: 15px; width: 100px; margin: -10px auto 0 auto; position: relative; padding: 0; text-shadow: 0px 1px 0 #a2a2a2;} .star-ratings-css-top { color: #e7711b; padding: 0; position: absolute; z-index: 1; display: block; top: 0; left: 0; overflow: hidden; } .star-ratings-css-bottom { padding: 0; display: block; z-index: 0; } .star-ratings-sprite { background: url("star-rating-sprite.png") repeat-x; font-size: 0; height: 21px; line-height: 0; overflow: hidden; text-indent: -999em; width: 110px; margin: 0 auto; } .star-ratings-sprite-rating { background: url("star-rating-sprite.png") repeat-x; background-position: 0 100%; float: left; height: 21px; display: block; } .my_location_adress{margin-left:10px;} .my_time{color:#666; font-size:12px; display:block; text-align:center;} .delete_row_1{background-color:red!important;} .cards-list {margin-bottom:60px;/* z-index: 100000; */} *[data-page="home"] .page-content{background-color:#e3e5e8;} #page_1_ul_1>li.card:before{content: attr(id_z) " ЛС:" attr(ls);position:absolute;left: 1.5em;top:0px;z-index: 100;font-size:12px;color: #1c00ff;font-family: 'OpenSansCondensed';} #page_1_ul_1>li.card[type_order="Авария"]:before{content: attr(id_z);position:absolute;top:0px;z-index: 100;font-size:12px;color: #f70707;} .modal_comment{color:#666; padding-bottom:15px; font-size:small;} /************************************/ /* табы вверху - даты и подтабы */ /************************************/ #my_page_1_tabs .my_today_tab_1{text-shadow:0 1px 3px rgba(255, 255, 255, 0.12), 0 1px 2px rgba(255, 255, 255, 0.24)} #my_page_1_tabs .active {background-color:#1273BD;} .no_connection { border-bottom: 0.5px solid red; box-shadow: 0px 1px 12px 0px red;} #status_causes>li>label{padding-left:0;} #my_page_2_tabs {transform: translate3d(0, -104px, 0);height: 40px;z-index: 1;/* font-size: 12px; */box-shadow: inset 0px 3px 6px 0px rgba(0,0,0,0.2);background-color: #3a9be7;} #my_page_2_tabs.active {-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);-webkit-transition-duration: 400ms; transition-duration: 400ms;} #my_page_2_tabs.active ~ .page[data-page="home"] .page-content{-webkit-transform: translate3d(0, 30px, 0);transform: translate3d(0, 30px, 0); -webkit-transition-duration: 400ms;transition-duration: 400ms; transition-delay:300ms;} #my_page_2_tabs>.toolbar-inner{} #my_page_2_tabs>.toolbar-inner>a{ font-size: 12px;} #my_page_2_tabs>.toolbar-inner>a>.my_kol{background-color: white;font-size: 8px;padding: 0 3px;color: black;top: 4px;} #my_page_2_tabs>.toolbar-inner>a.active{background-color:#1273BD;} .navbar.navbar-hidden ~ #my_page_2_tabs.active{-webkit-transform: translate3d(0, -56px, 0);transform: translate3d(0, -56px, 0);-webkit-transition-duration: 400ms;transition-duration: 400ms;} .navbar.navbar-hidden ~ #my_page_2_tabs{-webkit-transform: translate3d(0, -104px, 0);transform: translate3d(0, -104px, 0);-webkit-transition-duration: 400ms;transition-duration: 400ms;} /************************************/ /* CARDVIEW - заявки */ /************************************/ .card[legal_status="1"] .card-content:after {content:url("../img/ur_lico.svg");position:absolute;right: 5px;width: 30px;height: 30px;bottom: 0px;} li.card[type_order="Авария"] .card-content:after {content:url("../img/alarm.svg");position:absolute;right: 5px;width: 30px;height: 30px;bottom: 0px;} /*статус = 1 НЕ РАСПРЕДЕЛЕНА*/ .card[status="1"] .my_table_list_1>tbody>tr:first-child>td:first-child {color:#666;} .card[status="1"] .my_table_list_1>tbody>tr:first-child>td:first-child>span {display:block; font-size:12px; text-align:center; } .card[status="1"][today] .fa-clock-o {color:#FF0000; -webkit-animation: pulsate 1.2s linear infinite; animation: pulsate 1.2s linear infinite;} /*статус = 2 ЗАПЛАНИРОВАНА*/ .card[status="2"] .card-content-inner:before {content: 'новая';font-size: 0.8em;font-family: sans-serif;color: #fff;background-color: #4cd964;padding: 1px 5px 5px 5px;height: 12px;width: 70px;text-align: center;position: absolute;display: inline-block;top: 10px;right: -20px;float: right;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);} /*статус = 4 ОТКЛОНЕНА СИ*/ .card[status="4"] .card-content {background-color:#f1e9e9; opacity:0.9;} .card[status="4"] .my_table_list_1>tbody>tr:first-child>td:first-child>span {display:block; font-size:12px; text-align:center; } .card[status="4"][today] .fa-clock-o {color:#FF0000; -webkit-animation: pulsate 1.2s linear infinite; animation: pulsate 1.2s linear infinite;} /*статус = 5 ВЫПОЛНЯЕТСЯ*/ .card[status="5"] { -webkit-animation: pulsate_box_shadow 1.2s linear infinite; animation: pulsate_box_shadow 1.2s linear infinite;} /*статус = 6 ВЫПОЛНЯЕТСЯ*/ .card[status="6"] .my_table_list_1>tbody>tr:first-child>td:first-child {color:blueviolet; font-weight:800;} .card[status="6"] .card-content {background-color:#EEEEEE; } /*статус = 7 ОТЛОЖЕНА НА НС*/ .card[status="7"] .my_table_list_1>tbody>tr:first-child>td:first-child {color:#666;} .card[status="7"] .my_table_list_1>tbody>tr:first-child>td:first-child>span {display:block; font-size:12px; text-align:center; } .card[status="4"][today] .fa-clock-o {color:#FF0000; -webkit-animation: pulsate 1.2s linear infinite; animation: pulsate 1.2s linear infinite;} /*статус = 8 ОТКАЗ КЛИЕНТА ОТ ПОДПИСАНИЯ АВР*/ .card[status="8"] .card-content {background-color:#f1e9e9; opacity:0.4;} /*статус = 11 ЗАПЛАНИРОВАНА*/ .card[status="11"] .card-content-inner:before { content: 'перенос'; font-size: 0.8em; font-family: sans-serif; color: #fff; background-color: #2EA1DD; padding: 5px; height: 12px; width: 70px; text-align: center; position: absolute; display: inline-block; top: 10px; right: -20px; float: right; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); } /*статус = 12 КОНТРОЛЬ КАЧЕСТВА ПРОЙДЕН*/ .card[status="12"] .my_table_list_1>tbody>tr:first-child>td:first-child {color:green; font-weight:800;} .card[status="12"]{box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 255, 0, 0.24)!important;} /*автоматический статус != 2 не просмотрено (новая)*/ .card[new]:after{content:''; width:5px; height:5px; border-radius:50%; background:#666; position:absolute; top:2px; right:2px; } #page_1_ul_1 i.fa-bars{ padding-left: 25px; padding-top: 25px; margin-top: -25px; padding-bottom: 10px; /* background-color: grey; */ padding-right: 15px; /* padding: 20px; */ right: 0px; position: absolute; /* border: 1px solid grey; */ /* border-radius: 50%; */ /* margin-right: -5px; */ } /*************************/ /*Календарь - планировщик*/ /*************************/ .panel_my_c{overflow-y:hidden;} #my_c{ margin-left:-10px; margin-top:-30px; width:110%; overflow-y:hidden; -moz-user-select: none; -webkit-user-select: none; user-select: none; } #my_c [t_pl_1]{color:black; font-weight:800;} #my_c .my_c_line_date:not([my_c_click='3']) + .my_c_hours .my_c_minutes>span[t_pl_1]:before{position:absolute; width: 75%; height: 93%; background-color:rgba(230,230,230,0.5); border-radius: 50%; content:""; display:block; z-index:-1; left:10%; top:5%;} #my_c .my_c_line_date:not([my_c_click='3']) + .my_c_hours .my_c_minutes>span[t_pl_b]:before{position:absolute; width: 75%; height: 93%; background-color:rgba(0,255,0,0.6); border-radius: 50%; content:""; display:block; z-index:-1; left:10%; top:5%;} #my_c .my_c_line_date:not([my_c_click='3']) + .my_c_hours .my_c_minutes>span[t_pl_2]:before{position:absolute; width: 75%; height: 93%; background-color:rgba(0,255,0,0.1); border-radius: 50%; content:""; display:block; z-index:-1; left:10%; top:5%;} #my_c .my_c_line_date:not([my_c_click='3']) + .my_c_hours .my_c_minutes>span[t_pl_3]:before{position:absolute; width: 75%; height: 93%; background-color:rgba(0,255,0,0.4); border-radius: 50%; content:""; display:block; z-index:-1; left:10%; top:5%;} #my_c .my_c_line_date:not([my_c_click='3']) + .my_c_hours .my_c_minutes>span[t_pl_4]:before{position:absolute; width: 75%; height: 93%; background-color:rgba(255,155,0,1); border-radius: 50%; content:""; display:block; z-index:-1; left:10%; top:5%;} #my_c .my_c_line_date:not([my_c_click='3']) + .my_c_hours .my_c_minutes>span[t_pl_4]{color:white; font-weight:800; } #my_c [n_a]{opacity:0.2; } /*отображение на календаре в зависимости от статусов, к pl прибавляется номер статуса, после знака равно: 1 - ночало, 3 - последний отрезок*/ #my_c [pl2='1']{ border-top-left-radius: 10px; border-top-right-radius: 10px; } #my_c [pl2='1']:after{content:''; width:3px; background:#0fec88; position:absolute; height:50%; right:0; bottom:0;} #my_c [pl2]{background:rgba(0,255,0,0.1); border:none!important; } #my_c [pl2='2']:after{content:''; width:3px; background:#0fec88; position:absolute; height:100%; right:0;} #my_c [pl2='3']{ border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; } #my_c [pl2='3']:after{content:''; width:3px; background:#0fec88; position:absolute; height:50%; right:0; top:0;} #my_c [pl11='1']{ border-top-left-radius: 10px; border-top-right-radius: 10px; } #my_c [pl11='1']:after{content:''; width:3px; background:#0fec88; position:absolute; height:50%; right:0; bottom:0;} #my_c [pl11]{background:rgba(0,255,0,0.1); border:none!important; } #my_c [pl11='2']:after{content:''; width:3px; background:#0fec88; position:absolute; height:100%; right:0;} #my_c [pl11='3']{ border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; } #my_c [pl11='3']:after{content:''; width:3px; background:#0fec88; position:absolute; height:50%; right:0; top:0;} #my_c [pl3='1']{ border-top-left-radius: 10px; border-top-right-radius: 10px; } #my_c [pl3='1']:after{content:''; width:3px; background:#0fec88; position:absolute; height:50%; right:0; bottom:0;} #my_c [pl3]{background:rgba(0,255,0,0.2); border:none!important; } #my_c [pl3='2']:after{content:''; width:3px; background:#0fec88; position:absolute; height:100%; right:0;} #my_c [pl3='3']{ border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; } #my_c [pl3='3']:after{content:''; width:3px; background:#0fec88; position:absolute; height:50%; right:0; top:0;} #my_c [pl8='1']{ border-top-left-radius: 10px; border-top-right-radius: 10px; } #my_c [pl8='1']:after{content:''; width:3px; background:#FF0000; position:absolute; height:50%; right:0; bottom:0;} #my_c [pl8]{background:rgba(255,0,0,0.2); border:none!important; } #my_c [pl8='2']:after{content:''; width:3px; background:#FF0000; position:absolute; height:100%; right:0;} #my_c [pl8='3']{ border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; } #my_c [pl8='3']:after{content:''; width:3px; background:#FF0000; position:absolute; height:50%; right:0; top:0;} #my_c [pl6='1']{ border-top-left-radius: 10px; border-top-right-radius: 10px; } #my_c [pl6='1']:after{content:''; width:3px; background:#666; position:absolute; height:50%; right:0; bottom:0;} #my_c [pl6]{background:rgba(100,100,100,0.2); border:none!important; } #my_c [pl6='2']:after{content:''; width:3px; background:#666; position:absolute; height:100%; right:0;} #my_c [pl6='3']{ border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; } #my_c [pl6='3']:after{content:''; width:3px; background:#666; position:absolute; height:50%; right:0; top:0;} #my_c [pl5='1']{ border-top-left-radius: 10px; border-top-right-radius: 10px; } #my_c [pl5='1']:after{content:''; width:3px; background:#0fec88; position:absolute; height:50%; right:0; bottom:0; -webkit-animation: pulsate 1.2s linear infinite; animation: pulsate 1.2s linear infinite;} #my_c [pl5]{background:rgba(0,255,0,0.2); border:none!important; } #my_c [pl5='2']:after{content:''; width:3px; background:#0fec88; position:absolute; height:100%; right:0; -webkit-animation: pulsate 1.2s linear infinite; animation: pulsate 1.2s linear infinite;} #my_c [pl5='3']{ border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; } #my_c [pl5='3']:after{content:''; width:3px; background:#0fec88; position:absolute; height:50%; right:0; top:0; -webkit-animation: pulsate 1.2s linear infinite; animation: pulsate 1.2s linear infinite;} #my_c .my_c_line_date[my_c_click='3'] + .my_c_hours .my_c_minutes>span[t_pl_2]:after{position:absolute; width: 5px; height: 5px; background-color:rgba(255,0,0,1);content:""; display:block; z-index:1; top:45%; left:calc( 100% - 6px );} /* выбранный промежуток для планирования рабочего времени красим белым (выделяем) */ #my_c .my_c_line_date[my_c_click='3'] + .my_c_hours .my_c_minutes>span[t_pl_3]:after{position:absolute; width: 5px; height: 5px; background-color:rgba(0,255,0,1);content:""; display:block; z-index:1; top:45%; left:calc( 100% - 6px );} /* выбранный промежуток для планирования рабочего времени красим белым (выделяем) */ #my_c .my_c_line_date[my_c_click='3'] + .my_c_hours .my_c_minutes>span[t_pl_4]:after{position:absolute; width: 5px; height: 5px; background-color:rgba(255,255,0,1);content:""; display:block; z-index:1; top:45%; left:calc( 100% - 6px );} /* выбранный промежуток для планирования рабочего времени красим белым (выделяем) */ #my_c_top{width:100%; text-align:center; font-weight:bold; font-size:1.6em; } #my_c_top>span:last-child{text-align:center; display:block; color:#999; font-size:0.6em;} .my_c_date{display:block; padding:2px 5px; margin:0; background-color:#ff9800; color:#fff2df;} .my_c_date>span{display:block; text-align:center;} .my_c_line_date{border-top:1px solid #ff9800; display:block;} .my_c_line_date[my_c_click='1']>.my_c_date{ background-color:#2196f3; transition:all 0.5s; } /* маргвем текстом */ .my_c_line_date[my_c_click='2']>.my_c_date{ background-color:#2196f3; -webkit-animation: textshadow 0.3s ease-in-out 1; animation: textshadow 0.3s ease-in-out 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .my_c_hour_block{display:block; width:60px; border-bottom:1px solid #F6F6F6; border-left:1px solid #F6F6F6; } .my_c_column{display:table-cell; width:60px; text-align:center;} .my_c_column[n_a_d] .my_c_date{background-color:#666;} .my_c_column[n_a_d] .my_c_hours{background-color:#f3f3f3;} .my_c_hour{height:100%; font-size:36px; font-family: 'OpenSansCondensed', sans-serif; font-weight:100; left:0px; width:20px; float:left; margin-top:0.3em; color:#666; letter-spacing:-3px; padding-left:5px;} .my_c_minutes{display:inline-block; height:100%; width:30px; } .my_c_minutes>span:not(:last-child){border-bottom:1px solid transparent; -moz-border-image:-moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%); -webkit-border-image: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); border-image: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); border-image-slice: 1; } .my_c_minutes>span{display:block; height:1.5em; position:relative;} .my_c_columns{overflow-x:scroll; padding-left:0; margin-top:0px; margin-bottom:0;} .my_c_hours{overflow-y:scroll; height:400px; }/*внутри вертикальная прокрутка*/ .my_c_title{font-size:1em; font-weight:bold; text-align:center; margin-bottom:5px; color:#999;} .my_c_checks{margin:0; background:rgb(245,245,245); border-top:1px solid #2196f3;} /*************************/ /* всплывающее окно */ /*************************/ #notify_map_wrapper{position:absolute; width:75%; top:-200px; background-color:#2196f3; color:#FFF; z-index:1; left:8%; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; padding:5px 10px; } #notify_map_wrapper[late]{background-color:#A50404;} #notify_map_wrapper>div:first-child{font-size:0.8em;} #notify_map_wrapper>div:nth-child(2)>span:first-child{font-size:2em; font-weight:500;} #notify_map_wrapper>div:nth-child(2)>span:last-child>span:first-child{font-size:1.2em; text-align:center; color:#F6F6F6; text-shadow: 1px 1px 2px rgba(150, 150, 185, 0.51);} #notify_map_wrapper>div:nth-child(2)>span:last-child>span:nth-child(2){font-size:0.8em; text-align:left; color:#F6F6F6; text-shadow: 1px 1px 2px rgba(150, 150, 185, 0.51);} #notify_map_wrapper hr{height:2em; width:1px; display:inline; background-color:rgba(255,255,255,0.2); margin:0 10px; border:1px solid rgba(255,255,255,0.2); border-left:0;} /*************************/ /* объекты на карте */ /*************************/ .map_call{color:green; position:absolute; right:22px; bottom:25px;} .map_call>i{position:absolute;} .map_title_detail{ font-size:9px; display:block; } .sms_begin, .sms_end{color:#5ab5fd; font-size:smaller;} .sms_end{text-align:right; width:100%;} #picker-date-container .picker-items{font-size:16px;} #Phone{position:absolute;background: rgba(255, 255, 255, 0.5);width:100%;height:100%;z-index: 10000;text-align:center;} #Phone>span:nth-child(2){display:block; font-weight:800; font-size:1.8em; } .Phone { position: relative; display: block; margin: auto; top:40%; width: 1em; height: 1em; font-size: 50vmin; background-color: #3498db; border-radius: 0.5em; box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } .Phone::before, .Phone::after { position: absolute; content: ""; } .Phone::before { top: 0; left: 0; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.1); border-radius: 100%; opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); } .Phone::after { top: 0.25em; left: 0.25em; width: 0.5em; height: 0.5em; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYuNiAxMC44YzEuNCAyLjggMy44IDUuMSA2LjYgNi42bDIuMi0yLjJjLjMtLjMuNy0uNCAxLS4yIDEuMS40IDIuMy42IDMuNi42LjUgMCAxIC40IDEgMVYyMGMwIC41LS41IDEtMSAxLTkuNCAwLTE3LTcuNi0xNy0xNyAwLS42LjQtMSAxLTFoMy41Yy41IDAgMSAuNCAxIDEgMCAxLjIuMiAyLjUuNiAzLjYuMS40IDAgLjctLjIgMWwtMi4zIDIuMnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .Phone.is-animating { -webkit-animation: phone-outer 3000ms infinite; animation: phone-outer 3000ms infinite; } .Phone.is-animating::before { -webkit-animation: phone-inner 3000ms infinite; animation: phone-inner 3000ms infinite; } .Phone.is-animating::after { -webkit-animation: phone-icon 3000ms infinite; animation: phone-icon 3000ms infinite; } /*************************/ /* СТРАНИЦА ИТОГО */ /*************************/ .swiper-slide { background: #fff; box-sizing: border-box; border: 1px solid #ccc; } .swiper-total{margin-left:5%!important; margin-right:5%!important;} .swiper-slide span[s_t_month] { text-align:left; display:block; margin-top: 5px; margin-left:10px; font-weight:bold; color:#2196f3; font-size:16px; } .swiper-slide span[s_t_amount] { text-align:right; display:block; margin-top: -20px; margin-right:5px; font-weight:100; color:#999; font-size:60px; font-family: 'OpenSansCondensed'; } .swiper-slide span[s_t_amount]:after {content:'%.'; font-size:40px; margin-left:5px;} .swiper-container { height: 300px; margin: 35px 0; } #total_chart_1{position:absolute; bottom:30px; left:0; width:100%; height:110px;} #total_chart_11, #total_chart_12, #total_chart_13{} #total_kpi_1, #total_kpi_2, #total_kpi_3{position:relative; min-height:100px;} #total_kpi_1 span[s_t_name], #total_kpi_2 span[s_t_name], #total_kpi_3 span[s_t_name]{ text-align:left; display:block; margin-top: 5px; margin-left:0px; font-weight:bold; color:#2196f3; font-size:15px; } #total_kpi_1 span[s_t_name_cat],#total_kpi_2 span[s_t_name_cat],#total_kpi_3 span[s_t_name_cat]{text-align:left; display:block; margin-top: 5px; margin-left:10px; font-weight:100; color:#666; font-size:15px;} #total_kpi_1 span[s_t_name_cat]>span, #total_kpi_2 span[s_t_name_cat]>span, #total_kpi_3 span[s_t_name_cat]>span{ margin-left: 5px; font-weight:bold; color:#000; font-size:15px; } #total_kpi_1 span[s_t_name_cat]>i,#total_kpi_2 span[s_t_name_cat]>i,#total_kpi_3 span[s_t_name_cat]>i{margin-left:5px; margin-right:5px; color:#E5E5E5;} #total_kpi_1 span[s_t_value], #total_kpi_2 span[s_t_value], #total_kpi_3 span[s_t_value]{ font-family: 'OpenSansCondensed'; text-align:right; position:absolute; right:15px; top:5px;} #total_kpi_1 span[s_t_value]>span:first-child, #total_kpi_2 span[s_t_value]>span:first-child, #total_kpi_3 span[s_t_value]>span:first-child{font-size:30px; font-weight:800; color:#000;} #total_kpi_1 span[s_t_value]>span:first-child:after, #total_kpi_2 span[s_t_value]>span:first-child:after, #total_kpi_3 span[s_t_value]>span:first-child:after {content:'%'; font-size:20px; margin-left:5px; font-weight:100; color:#666; }/* \20BD рубль*/ *[data='minus']{color:red!important;} #li_container{text-align:center; height:90%; width:70% vertical-align:middle; margin-top:30%;} #li_container>svg{width:40%; } #li_container>p{width:100%; text-align:center; font-weight:800; text-shadow:0 0 3px #666; } /* #total_kpi_1 span[s_t_value]>span:last-child, #total_kpi_2 span[s_t_value]>span:last-child, #total_kpi_3 span[s_t_value]>span:last-child{font-size:30px; margin-left:10px; font-weight:800; color:#e7711b;} #total_kpi_1 span[s_t_value]>span:last-child:after, #total_kpi_2 span[s_t_value]>span:last-child:after, #total_kpi_3 span[s_t_value]>span:last-child:after {content:'%'; font-size:23px; font-weight:100;} */ .total_chart{position:absolute; bottom:10px; right:10px; width:100px; height:100px;} /* #total_kpi_1 span[s_t_value]:before, #total_kpi_2 span[s_t_value]:before, #total_kpi_3 span[s_t_value]:before{content:'итого:'; font-size:15px; color:#666; margin-right:5px;} */ /*************************/ /* СТРАНИЦА ИТОГО */ /*************************/ /*************************/ /* СТРАНИЦА ДЕТАЛИЗАЦИИ */ /*************************/ *[data-page="order-detail"] .page-content{background-color:#e3e5e8;} #od_block_1_about>.content-block-inner{background-color: #1273BD;} #od_block_1_about>.content-block-inner>div{display:block;text-align: center;width: 100%;color:white;} #od_block_1_about>.content-block-inner>div:first-child{ text-align: left; font-size: 0.8em; margin-top: -10px; } #od_block_1_about>.content-block-inner>div:nth-child(2){ font-size: 1.4em; font-weight: bold; margin-top: 0.7em; } #od_block_1_about > .content-block-inner > div:nth-child(2)>span {display:block; font-size:smaller;} #od_block_1_about>.content-block-inner>div:nth-child(3){ color: #e4e4e4; font-size: 0.8em; /* margin-top: -7px; */ } #od_block_1_about>.content-block-inner>div:nth-child(4){font-size: 0.8em;margin-top: 0.7em;color: #e4e4e4;font-style: italic;} #od_block_1_about>.content-block-inner>div:nth-child(5){ margin-top: 15px;} #od_block_1_about #map_detail{width: calc(100% + 32px);height:200px;margin: 10px -16px 0 -16px;} #od_block_2_current>.card-header{} #od_block_2_current>.card-header>span{font-size: 1.0em;/* text-align: center; */font-weight: bold;} #od_block_2_current>.card-content>.card-content-inner{} #od_block_2_current>.card-content>.card-content-inner>div{ color: black; } #od_block_2_current>.card-content>.card-content-inner>div>span{ /* padding: 0 10px 0 5px; */ display: inline-block; width: 90px; padding-left: 10px; color: grey; } #od_block_2_current>.card-content>.card-content-inner>div:nth-child(1){} #od_block_2_current>.card-content>.card-content-inner>div:nth-child(2){} #od_block_2_current>.card-content>.card-content-inner>div:nth-child(3){} #od_block_2_current>.card-content>.card-content-inner>div:last-child{ color: #2196f3;font-weight: 800; text-align: center; margin-top: 1em; font-size: 0.8em; } #od_block_2_current>.card-footer>a{width:100%; font-weight:800;} #od_block_3_client>.card-header{} #od_block_3_client>.card-header>span{font-size: 1.0em;/* text-align: center; */font-weight: bold;} #od_block_3_client>.card-content>.card-content-inner{} #od_block_3_client>.card-content>.card-content-inner>div{color: black;display: block;position: relative;padding-left: 80px;} #od_block_3_client>.card-content>.card-content-inner>div>span:nth-child(1){/* padding: 0 10px 0 5px; */display: inline-block;width: 70px;padding-left: 10px;color: grey;margin-left: -80px;} #od_block_3_client>.card-content>.card-content-inner>div>span:nth-child(2){/* display: inline-block; */color: black;/* float: right; *//* margin-left: 80px; */} #od_block_3_client>.card-content>.card-content-inner>div:nth-child(1){} #od_block_3_client>.card-content>.card-content-inner>div:nth-child(2){} #od_block_3_client>.card-content>.card-content-inner>div:nth-child(3){} #od_block_3_client>.card-content>.card-content-inner>div:last-child{text-align: center;margin-top: 1em;color: #2196f3;font-weight: 800;margin-left: -80px;font-size: 0.8em;} #od_block_3_client>.card-footer{text-align: center;margin-top: 1em;/* margin: auto; */color: #2196f3;cursor: pointer;font-weight: 800;font-size: 0.8em;} #od_block_3_client>.card-footer>a{width:100%;} #od_block_3_client .od_block_3_client_sub_title { display: inline-block; width: 70px; padding-left: 10px; color: grey; margin-left: -80px; } #od_block_3_client .od_block_3_client_sub_title_lk{position: absolute;right: 0.2em;color: #2196f3;top: 0.3em;} #od_block_3_client .accordion-item-content { font-size:12px; } #od_block_3_client .accordion-item-content>span:nth-child(1){ font-weight: 800; width: 20%; display: inline-block; color: #22e72a; } #od_block_3_client .accordion-item-content > span:nth-child(2) {width: 45%;display: inline-block;} #od_block_3_client .accordion-item-content > span:nth-child(3) { } #od_block_3_client .accordion-item-expanded>.accordion-item-toggle {border-bottom: 1px dotted #ebebeb;background-color: #f9f9f9;} #od_block_3_client .accordion-item {border-top: 1px dotted #e4e4e4;/* border-top-style: dotted; */border-bottom: 1px dotted #e4e4e4;margin-top: 5px;} #od_block_4_history{ text-align: center; } #od_block_4_history>span{color: black;font-size: 0.6em;/* box-shadow: 0 0 12px #b1b1b1; */border-radius: 2px;padding: 2px 6px 3px 6px;background-color: #ffffff;} #od_block_4_history>div{ border-radius: 2px; position: relative; } #od_block_4_history>div:not([from_id="0"]){background-color: #eafaff;margin-right: -3px;margin-left: 35px;position: relative;margin: 5px -10px 5px 35px;} #od_block_4_history>div:not([from_id="0"]):after{content:" ";width:10px;background-color: #eafaff;height:10px;vertical-align: middle;top: 50%;transform:rotate(45deg);position:absolute;right: -3px;} #od_block_4_history>div:not([from_id="0"])>.content-block-inner>span:first-child{ font-size: 0.6em; text-align: left; width: 100%; font-weight: 800; margin-top: -10px; display: block; } #od_block_4_history>div:not([from_id="0"])>.content-block-inner>span:last-child{font-size: 0.6em;text-align: right;width: 100%;font-weight: 800;margin-bottom: -10px;display: block;} #od_block_4_history>div:not([from_id="0"])>.content-block-inner>div{font-size:0.9em;text-align:left;margin-top: 7px;margin-bottom: 7px;display:block;} #od_block_4_history>div[from_id="0"]{background-color: #eaffea;margin-right: -3px;margin-left: 35px;margin: 5px 35px 5px -10px;} #od_block_4_history > div[type="4"] > .content-block-inner > div>i {position: absolute;color: green;} #od_block_4_history > div[type="4"] > .content-block-inner > div > i + span {margin-left: 25px;line-height: 25px;/* margin-bottom: 13px; */} #od_block_4_history>div[from_id="0"]:before{content:" ";width:10px;background-color: #eafaff;height:10px;vertical-align: middle;top: 50%;transform:rotate(45deg);position:absolute;left: -3px;} #od_block_4_history>div[from_id="0"]>.content-block-inner>span:first-child{font-size: 0.6em;text-align: right;width: 100%;font-weight: 800;margin-top: -10px;display: block;} #od_block_4_history>div[from_id="0"]>.content-block-inner>span:last-child{font-size: 0.6em;text-align: left;width: 100%;font-weight: 800;margin-bottom: -10px;display: block;} #od_block_4_history>div[from_id="0"]>.content-block-inner>div{font-size:0.9em;text-align:left;margin-top: 7px;margin-bottom: 7px;display:block;} #od_block_4_history_choose{ border: 1px solid #219afa; margin: 0 16px; padding: 0!important; transition:all 0.3s; } #od_block_4_history_choose>a{ font-family: 'OpenSansCondensed';} #od_block_4_history_choose>.active{ background-color: #2196f3; /* margin-bottom: 1px; */ color: white; font-weight: 900; } #od_block_4_history_choose>a:not(:first-child){ margin-left: 4px;} .play-pause1{} .play-pause { color: #eafaff; background-color: #f06; width: 2em; height: 2em; position: relative; cursor: pointer; margin-right: 1em; display: inline-block; overflow: hidden; background-image: linear-gradient(to right, transparent 40%, currentColor 40%, currentColor 60%, transparent 0); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; transition: background-size .3s; } .audio_pleer{position: relative;line-height: 1;vertical-align: middle;} .audio_pleer>audio{display:none;} .audio_pleer_time{ vertical-align: middle; position: absolute; top: 1em; margin-left: 1em; } .audio_pleer_line{ position: absolute; height: 4px; width: 0%; transition:width 0.2s; margin-left: 1em; z-index: 1; bottom: 0; box-shadow: 0px 0px 3px 0px #2196f3; background: #2196f3; } .audio_pleer_text{position: absolute;font-size: 0.7em;text-align: left;width: 100%;font-weight: 800;bottom: 0.7em;display: block;} .audio_pleer_line_1{position: absolute;height: 2px;width: 82%;margin-left: 1em;bottom: 1px;z-index: 0;background: #cecfcf;} .audio_pleer button{ position: relative; background: #eafaff; /* button (background) color */ border: none; outline:none; height: 3em; width: 3em; display: inline-block; font-size: 1em; /* Change size */ cursor:pointer; } .audio_pleer button:focus{ outline:none; } .audio_pleer button:before{content: "";position: absolute;top: 0.5em;left: 0.5em;border-style: solid;border-color: transparent transparent transparent #2196f3; /* icon color */transition: .218s ease;} .audio_pleer button.ap_play:before{ height: 0; border-width: 1em 0 1em 2em; } .audio_pleer button.ap_pause:before{height: 2em;border-width: 0 0 0 2em;border-color: transparent transparent transparent #4f5a63;} .audio_pleer button:after{content: "";position: absolute;background: inherit;height: 2em;top: 0.5em;left: 1.25em;transition: .218s ease;} .audio_pleer button.ap_play:after{ width: 0; } .audio_pleer button.ap_pause:after{width: 0.5em;} #od_block_5_avr div{transition:all 0.4s;} #od_block_5_avr>.card-header{margin-left:1em; } #od_block_5_avr>.card-header>i{margin-left:-1em;position:absolute;color: #2196f3;bottom:1em;} #od_block_5_avr>.card-header>span{font-size: 1.0em;/* text-align: center; */font-weight: bold;} #od_block_5_avr>.card-content>.card-content-inner>#odb_5_avr_material, #od_block_5_avr>.card-content>.card-content-inner>#odb_5_avr_uslugi, #od_block_5_avr>.card-content>.card-content-inner>#odb_5_avr_oborudovanie{margin: 15px 0 15px 0;width: 100%;display: block;border-bottom: 1px solid #b1d3e2;} #od_block_5_avr>.card-content>.card-content-inner>#odb_5_avr_material>span:nth-child(1), #od_block_5_avr>.card-content>.card-content-inner>#odb_5_avr_uslugi>span:nth-child(1), #od_block_5_avr>.card-content>.card-content-inner>#odb_5_avr_oborudovanie>span:nth-child(1){width: 100%;/* display: inline; */} #od_block_5_avr>.card-content>.card-content-inner>#odb_5_avr_material>span:nth-child(2), #od_block_5_avr>.card-content>.card-content-inner>#odb_5_avr_uslugi>span:nth-child(2), #od_block_5_avr>.card-content>.card-content-inner>#odb_5_avr_oborudovanie>span:nth-child(2){/* width: 100%; */display: inline-block;float: right;text-align: right;} #od_block_5_avr>.card-content>.card-content-inner>.row{font-size: 0.7em;margin: 5px 0;} #od_block_5_avr>.card-content>.card-content-inner>.row>div:nth-child(1){} #od_block_5_avr>.card-content>.card-content-inner>.row>div:nth-child(2){ /* position: relative; */ /* background-color: white; */ } #od_block_5_avr>.card-content>.card-content-inner>.row>div:nth-child(3){} #od_block_5_avr>.card-content>.card-content-inner>.row>div:nth-child(4){ font-weight: 800; text-align: right; } #od_block_5_avr>.card-content>.card-footer{text-align: center;margin-top: 1em;/* margin: auto; */color: #2196f3;cursor: pointer;font-weight: 800;font-size: 0.8em;} #od_block_5_avr>.card-content>.card-footer>div{width:100%;} #od_block_5_avr_recomendation{font-family:'SEGOEUIL';} #od_block_5_avr_send_email{display: block!important;position: relative; text-align:center; padding: 5px 10px;/* height: 0; *//* border-right: none; *//* box-shadow: inset 0px 1px 13px 0px red; */border: none;border-bottom: 1px solid #e5e5e5;font-size:12pt;font-family:'SEGOEUIL';width: calc(100% - 20px);margin-bottom:5px;transition: all 0.4s;/* transform: scaleY(0); */transform-origin: top;} .migaem{ -webkit-animation-name: bounce_1; animation-name: bounce_1; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } #od_block_5_avr>.card-content .P2_avr_delete_zapis{font-size: 0.9em;background-color:red;color:white;margin-left: 7px; transition: all 0.4s; position: absolute;cursor: pointer;padding: 0px 4px 2px 4px;border-radius: 4px;transform: scaleX(0);transform-origin: left;} #od_block_5_avr_send_email:invalid{color:red;} #od_block_5_avr_send_act{transition:all 0.4s;} #od_block_5_avr_send_act>i{font-size:1.3em} #od_block_5_avr p[email]{font-weight:800; color:black; font-size:1.4em;} #od_block_5_avr.done div[fact="true"]>div:first-child{font-size:1.2em!important; font-weight:600;} #od_block_5_avr.done div[fact="true"]>div:not(:first-child){ font-weight:600;} #od_block_5_avr.done div[fact="false"]{color:#999!important;} #od_block_5_avr.done{background-color:#f6f6f6;} #od_block_5_avr.done>.card-content>.card-content-inner>#odb_5_avr_material, #od_block_5_avr.done>.card-content>.card-content-inner>#odb_5_avr_uslugi, #od_block_5_avr.done>.card-content>.card-content-inner>#odb_5_avr_oborudovanie{ border-bottom: 1px solid #999!important; font-weight:600;} #P2_add_foto{text-shadow: 0 0 7px white;} #P2_add_foto+span{position: absolute;left:0;margin-top: -36px;/* top: 0; */z-index: -1;line-height: 36px;height: 36px;background-color: #74bdf7;width: 0%;} #od_block_6_sessions{ counter-reset: section;} #od_block_6_sessions .card-content-inner>div{margin-bottom: 16px; padding-left: 32px;} #od_block_6_sessions .card-content-inner > div:before { content: counter(section)"."; counter-increment: section; position: absolute; left: 16px; font-size: 28px; } #od_block_6_sessions .card-content-inner>div>.row:first-child>div:nth-child(1){text-align:left;padding-right:5px;font-weight:100;/* font-style: italic; */color: #2196f3;font-size: 12px;} #od_block_6_sessions .card-content-inner>div:nth-child(2n+1){background-color:white;} #od_block_6_sessions .card-content-inner>div>.row:nth-child(2){text-align:left; padding-left: 10px; font-size: 11px;} #od_block_6_sessions .card-content-inner>div>.row:nth-child(2)>div{position:relative; font-weight:900; } #od_block_6_sessions .card-content-inner>div>.row:nth-child(2)>div>span{font-size:12px; color:grey; display: inline-block; width: 60px; padding-left: 10px; padding-right: 1px;} #od_block_6_sessions .card-content-inner>div>.row:nth-child(2)>div>span:first-child{padding-left:0px;} #od_block_6_sessions > .card-footer > a {width:100%; font-weight:900; } #od_block_port{} #od_block_port>.card-content>.card-content-inner>ul{ list-style: none; text-align: center; padding-left: 0; } #od_block_port>.card-content>.card-content-inner>ul>li{margin-bottom: 24px;border: 1px solid #e8e8e8;padding: 5px 0;position: relative;background-color: #f3f5f9;} #od_block_port>.card-content>.card-content-inner>ul>li:not(:last-child):after{content:" ";background-color: #e5e5e5;height:24px;position: absolute;width:2px;bottom: -24px;} #od_block_port>.card-content>.card-content-inner>ul>li>span:nth-child(1){ display: block; font-weight: 900;} #od_block_port>.card-content>.card-content-inner>ul>li>span:nth-child(2){ display: block; font-size: 12px;} #od_block_port>.card-content>.card-content-inner>ul>li>span:nth-child(3){display: block;color: #2196f3;font-weight: 600;} #od_block_7_registration>.card-footer>a{width:100%;} #od_block_8_oborud{} #od_block_8_oborud .row>div:first-child{ text-align: right; margin-bottom: 0.4em;} #od_block_8_oborud .row{ border-bottom: 1px dotted #ebebeb; } #od_block_8_oborud .row > div:first-child>span {display:block;font-size: 10px;} #od_block_8_oborud .row > div:first-child > span>b {color: #2196f3;} #od_block_8_oborud .row > div:last-child {text-transform: lowercase;} #map_detail .pin { width: 30px; height: 30px; border-radius: 50% 50% 50% 0; background: #1273BD; position: absolute; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 50%; top: 50%; margin: -20px 0 0 -20px; } #map_detail .pin:after {content: "";width: 14px;height: 14px;margin-top: 8px;margin-left: -7px;/* margin-bottom: 10px; */background: #e6e6e6;position: absolute;border-radius: 50%;} #map_detail .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; } #map_detail .pulse {background: #d6d4d4;border-radius: 50%;height: 14px;width: 14px;position: absolute;left: 50%;top: 50%;margin: 11px 0px 0px -12px;-webkit-transform: rotateX(55deg);transform: rotateX(55deg);z-index: -2;} #map_detail .pulse:after {content: " ";border-radius: 50%;height: 40px;width: 40px; position: absolute;margin: -13px 0 0 -20px; animation: pulsate 1s ease-out; animation-iteration-count: infinite;box-shadow: 0 0 1px 2px #0884e2; animation-delay: 1.1s;} #PAGE_2_CONTENT>*:last-child{margin-bottom:4em} #PAGE_2_CONTENT>.buttons-row{padding: 0 10px; } #od_block_4_history_choose{/*position:sticky;*/ top:56px; z-index:1;} #modal_textarea_comment{ width: 100%; font-size: 1em; font-weight: 100; border: none; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; /* box-shadow: 0 0 2px grey; */ height: 6em; font-family:'SEGOEUIL'; resize: none; } #od_block_4_history>div img{display:block;} #P2_modal_add_avr{margin:10px 0 0 0;background-color: #fcfcfc;box-shadow: 0px 2px 1px 0px #ececec;} #P2_modal_add_avr li>label{min-height: 0;} #P2_modal_add_avr .item-inner{ min-height: 20px; } #P2_modal_add_avr .item-media{ } #P2_modal_add_avr .P2_item_active{font-weight:800;} #P2_modal_add_avr + #picker-date-container .picker-center-highlight {background-color: rgba(27, 156, 255, 0.06);} #status_timeline{} #status_timeline .timeline-item-date{ font-weight: 800; } #status_timeline .timeline-item-time{ font-weight: 800; } #status_timeline .timeline-item-title{ text-transform: uppercase; color: black; font-weight: 600; } #status_timeline .timeline-item-subtitle{ font-size: smaller; } #status_timeline .timeline-item-text{ font-size: smaller; color: #1593f7; } .timeline-item-from_prev{position:absolute;font-size:60%;/* height:100%; */padding: 2px 10px;border-radius: 5px;top:45%;background-color: #a3d6ff;color: white;/* left:-10px; */} #history_status_timeline_row{font-weight: 800;text-align: center;margin-bottom: 20px;} .history_status_timeline{/* margin: 0; */position: relative;margin-top: 10px;margin-bottom: 50px;padding: 0;} .history_status_timeline:not([kol_status="0"])>.timeline-item:first-child{ margin-bottom: 15px; /* overflow: visible; */ } .history_status_timeline:not([kol_status="0"])>.timeline-item:first-child:after{content:" ";display: block;/* width: 100%; */left: 25%;width: 25px;height: 10px;border-bottom: 1px solid #b6b6b6;/* background-color: blue; */position: absolute;bottom: 0px;} .history_status_timeline:not([kol_status="0"])>.timeline-item:nth-child(2):before{content:" ";display: block;/* width: 100%; */left: 65%;width: 25px;height: 10px;border-top: 1px solid #b6b6b6;/* background-color: blue; */position: absolute;top: 0px;} .history_status_timeline .timeline-item-inner>b{ font-size: 13px; display: block;} .history_status_timeline .timeline-item-inner{ font-size: 12px;} .history_status_timeline .timeline-item-inner>small{ color: #1273BD;} .timeline-sides .timeline-item:not(.timeline-item-right)>.timeline-item-date {/* left: -20px; *//* margin-left: -30px; *//* overflow: visible; *//* width: 80px; */font-size: 12px;/* z-index: 100000000; */} .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n)>.timeline-item-date{ /* width: 100px; */ } #history_status_timeline_popup>span>hr{/* border-color:#d6d6d6; *//* color: #e3e1e1; */border: 1px solid #f1f1f1;} #history_status_timeline_popup>span{position:relative;} #history_status_timeline_popup>span>span:first-child{font-size:12px; padding-right:10px;} .timeline_between { /* position: absolute; */ /* top: 50px; */ font-size: 10px; width: 60px; background-color: #2196f3; left: 0; color: white; border-radius: 5px; padding: 1px 4px 2px 4px; /* transform: rotate(-90deg); */ transform-origin: left; } #P2_add_foto_input{position: absolute;top: 0;opacity: 0;} #calltp_localVideo { position: relative; /* height: 150px; */ /* width: 230px; */ background-color: black; } #calltp_remoteVideo { background-color: grey; } #calltp_videos{ position: relative; width: 100%; text-align: center; } #calltp_videos>video{ width: 230px; height: 150px; } /*******************************/ /* КОНЕЦ СТРАНИЦА ДЕТАЛИЗАЦИИ */ /*******************************/ @keyframes pulsate { 0% { -webkit-transform:scale(0.1, 0.1); transform:scale(0.1, 0.1); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2); opacity: 0; } } @keyframes bounce { 0% { opacity: 0; -webkit-transform: translateY(-2000px) rotate(-45deg); transform: translateY(-2000px) rotate(-45deg); } 60% { opacity: 1; -webkit-transform: translateY(30px) rotate(-45deg); transform: translateY(30px) rotate(-45deg); } 80% { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } 100% { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } } @keyframes bounce_1 { 0% { -webkit-transform: scaleX(1) scaleY(1); transform: scaleX(1) scaleY(1); } 60% { -webkit-transform: scaleX(1.05) scaleY(1.2); transform: scaleX(1.05) scaleY(1.2); } 80% { -webkit-transform: scaleX(0.95) scaleY(0.8); transform: scaleX(0.95) scaleY(0.8); } 100% { -webkit-transform: scaleX(1) scaleY(1); transform: scaleX(1) scaleY(1); } } @-webkit-keyframes phone-outer { 0% { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2); } 33.3333% { -webkit-transform: translate3d(0, 0, 0) scale(1.1); transform: translate3d(0, 0, 0) scale(1.1); box-shadow: 0 0 0 0em rgba(52, 152, 219, 0.1), 0em 0.05em 0.1em rgba(0, 0, 0, 0.5); } 66.6666% { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); box-shadow: 0 0 0 0.5em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2); } 100% { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2); } } @keyframes phone-outer { 0% { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2); } 33.3333% { -webkit-transform: translate3d(0, 0, 0) scale(1.1); transform: translate3d(0, 0, 0) scale(1.1); box-shadow: 0 0 0 0em rgba(52, 152, 219, 0.1), 0em 0.05em 0.1em rgba(0, 0, 0, 0.5); } 66.6666% { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); box-shadow: 0 0 0 0.5em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2); } 100% { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2); } } @-webkit-keyframes phone-inner { 0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); } 33.3333% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(0.9); transform: translate3d(0, 0, 0) scale(0.9); } 66.6666% { opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); } } @keyframes phone-inner { 0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); } 33.3333% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(0.9); transform: translate3d(0, 0, 0) scale(0.9); } 66.6666% { opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); } } @-webkit-keyframes phone-icon { 0% { -webkit-transform: translate3d(0em, 0, 0); transform: translate3d(0em, 0, 0); } 2% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 4% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 6% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 8% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 10% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 12% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 14% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 16% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 18% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 20% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 22% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 24% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 26% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 28% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 30% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 32% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 34% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 36% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 38% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 40% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 42% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 44% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 46% { -webkit-transform: translate3d(0em, 0, 0); transform: translate3d(0em, 0, 0); } } @keyframes phone-icon { 0% { -webkit-transform: translate3d(0em, 0, 0); transform: translate3d(0em, 0, 0); } 2% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 4% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 6% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 8% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 10% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 12% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 14% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 16% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 18% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 20% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 22% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 24% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 26% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 28% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 30% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 32% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 34% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 36% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 38% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 40% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 42% { -webkit-transform: translate3d(0.01em, 0, 0); transform: translate3d(0.01em, 0, 0); } 44% { -webkit-transform: translate3d(-0.01em, 0, 0); transform: translate3d(-0.01em, 0, 0); } 46% { -webkit-transform: translate3d(0em, 0, 0); transform: translate3d(0em, 0, 0); } } .blur-in { -webkit-animation: blur 0.7s forwards; -moz-animation: blur 0.7s forwards; -o-animation: blur 0.7s forwards; animation: blur 0.7s forwards; } .blur-out { -webkit-animation: blur-out 0.5s forwards; -moz-animation: blur-out 0.5s forwards; -o-animation: blur-out 0.5s forwards; animation: blur-out 0.5s forwards; } @-webkit-keyframes blur { 0% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); opacity:1; } 100% { -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px); opacity:0.4; } } @-moz-keyframes blur { 0% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); opacity:1; } 100% { -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);opacity:0.4; } } @-o-keyframes blur { 0% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); opacity:1; } 100% { -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);opacity:0.4; } } @keyframes blur { 0% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); opacity:1; } 100% { -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);opacity:0.4; } } @-webkit-keyframes blur-out { 0% { -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);opacity:0.4; } 100% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px);opacity:1; } } @-moz-keyframes blur-out { 0% { -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);opacity:0.4; } 100% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); opacity:1; } } @-o-keyframes blur-out { 0% { -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);opacity:0.4; } 100% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); opacity:1; } } @keyframes blur-out { 0% { -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);opacity:0.4; } 100% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); opacity:1; } } @-webkit-keyframes textshadow { from {text-shadow: 0 0 0px white;} 50% {text-shadow: 0 0 30px white;} to {text-shadow: 0 0 4px white; font-weight:800;} } @keyframes textshadow { from {text-shadow: 0 0 0px white;} 50% {text-shadow: 0 0 30px white;} to {text-shadow: 0 0 4px white; font-weight:800;} } @keyframes show_syncbar { from {transform: translateY(20px);} to {transform: translateY(0px);} } @-webkit-keyframes pulsate_box_shadow { 50% { -webkit-box-shadow: 1px 1px 8px rgba(0, 255, 0, 0.6); } } @keyframes pulsate { 50% { box-shadow: 1px 1px 8px rgba(0, 255, 0, 0.6); } } @keyframes scaleup{ 0%{transform:scale(1); opacity:1;} 50%{transform:scale(1.2); opacity:0.2;} 100%{transform:scale(1.4); opacity:0;} } @-webkit-keyframes pulsate { 50% { opacity:0.1; } } @keyframes pulsate { 50% { opacity:0.1; } }