/*____________________FONTS___________________________ */
@font-face {
font-family: "FontAwesome", sans-serif;
src: url(/assets/frontend/fonts/fontawesome-webfont.ttf) format("truetype");
font-style: normal;
font-weight: 400
}
@font-face {
font-family: "Georgia-regular";
src: url(/assets/frontend/fonts/Georgia/Georgia.ttf) format("truetype");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Georgia-bold";
src: url(/assets/frontend/fonts/Georgia/georgia\ bold.ttf) format("truetype");
font-style: normal;
font-weight: 400;
font-size: 48px;
}
@font-face {
font-family: "Arial";
src: url(/assets/frontend/fonts/arial/arial.ttf) format("truetype");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Arial_Bold";
src: url(/assets/frontend/fonts/arial/arial-bold.ttf) format("truetype");
font-style: normal;
font-weight: 600;
}
/*______________________end fonts________________________________*/
.card__body-bot button {
color: #fff !important;
}
body {
font-family: "Arial", sans-serif;
font-size: 14px
}
.presentation {
padding: 10px 15px;
background-color: #0048F4;
margin-left: 20px;
border-radius: 10px;
color: white !important;
}
@media screen and (max-width: 1250px) {
#dodoisbtn {
display: none;
}
/*.wrapper.wrapper_form {*/
/* opacity: 0.2;*/
/*}*/
/*body {*/
/* filter: blur(10px);*/
/*}*/
/*html:before {*/
/* content: 'Адаптация внешнего вида системы для экранов менее 1250px по ширине не поддерживается. Пожалуйста, используйте более широкий экран или используйте функцию уменьшения масштаба страницы в вашем браузере.';*/
/* position: absolute;*/
/* background-color: rgba(255, 255, 255, 0.30);*/
/* z-index: 999999;*/
/* color: black;*/
/* height: 100%;*/
/* padding-left: 20%;*/
/* padding-right: 20%;*/
/* text-align: center;*/
/* padding-top: 100px;*/
/* font-size: 18px;*/
/*}*/
}
button {
cursor: pointer !important;
}
body.over {
overflow: hidden
}
body,
html {
height: 100%
}
.wrapper {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
width: 100%;
overflow: hidden;
position: relative;
min-height: 100%
}
.wrapper-content {
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
-o-flex: 1 0 auto;
-webkit-box-flex: 1;
flex: 1 0 auto
}
footer {
position: relative;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Arial", sans-serif;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
padding: 0;
margin: 0
}
ul {
list-style: none !important
}
.ta-c {
text-align: center
}
.ta-r {
text-align: right
}
.p-none {
padding: 0
}
.pl-none {
padding-left: 0
}
.pr-none {
padding-right: 0
}
.fl-l {
float: left
}
.fl-r {
float: right
}
.bg-1 {
background: url(img/bg/bg-1.jpg) no-repeat 50% 50%;
background-size: cover
}
.upper {
text-transform: uppercase
}
::-webkit-scrollbar {
width: 0;
height: 6px
}
::-webkit-scrollbar-track {
background: #f1f1f1 !important;
border-radius: 4px
}
::-webkit-scrollbar-thumb {
background: #0048F4;
cursor: pointer !important;
border-radius: 10px
}
::-webkit-scrollbar-thumb:hover {
background: #f0c000
}
h1 {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 35px;
line-height: 35px
}
@media screen and (max-width: 1199px) {
h1 {
font-size: 30px;
line-height: 30px
}
}
@media screen and (max-width: 576px) {
h1 {
font-size: 20px;
line-height: 20px
}
}
i.ic_calendar {
width: 17px;
height: 19px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238d8d8d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-calendar%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_map {
width: 17px;
height: 17px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237bbb36%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-map%22%3E%3Cpolygon%20points%3D%221%206%201%2022%208%2018%2016%2022%2023%2018%2023%202%2016%206%208%202%201%206%22%3E%3C%2Fpolygon%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2216%22%20y1%3D%226%22%20x2%3D%2216%22%20y2%3D%2222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_map2 {
width: 51px;
height: 51px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-map%22%3E%3Cpolygon%20points%3D%221%206%201%2022%208%2018%2016%2022%2023%2018%2023%202%2016%206%208%202%201%206%22%3E%3C%2Fpolygon%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2216%22%20y1%3D%226%22%20x2%3D%2216%22%20y2%3D%2222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_external-link {
width: 20px;
height: 21px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-external-link%22%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2210%22%20y1%3D%2214%22%20x2%3D%2221%22%20y2%3D%223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_feather {
width: 50px;
height: 50px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fc0%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-feather%22%3E%3Cpath%20d%3D%22M20.24%2012.24a6%206%200%200%200-8.49-8.49L5%2010.5V19h8.5z%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%2216%22%20y1%3D%228%22%20x2%3D%222%22%20y2%3D%2222%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2217.5%22%20y1%3D%2215%22%20x2%3D%229%22%20y2%3D%2215%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_calendar1 {
width: 46px;
height: 50px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23cf5a1b%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-calendar%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_command {
width: 47px;
height: 47px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237bbb36%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-command%22%3E%3Cpath%20d%3D%22M18%203a3%203%200%200%200-3%203v12a3%203%200%200%200%203%203%203%203%200%200%200%203-3%203%203%200%200%200-3-3H6a3%203%200%200%200-3%203%203%203%200%200%200%203%203%203%203%200%200%200%203-3V6a3%203%200%200%200-3-3%203%203%200%200%200-3%203%203%203%200%200%200%203%203h12a3%203%200%200%200%203-3%203%203%200%200%200-3-3z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_box {
width: 44px;
height: 49px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231c8ce3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-box%22%3E%3Cpath%20d%3D%22M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%223.27%206.96%2012%2012.01%2020.73%206.96%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2212%22%20y1%3D%2222.08%22%20x2%3D%2212%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_bell {
width: 20px;
height: 22px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-bell%22%3E%3Cpath%20d%3D%22M18%208A6%206%200%200%200%206%208c0%207-3%209-3%209h18s-3-2-3-9%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13.73%2021a2%202%200%200%201-3.46%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_log-out {
width: 16px;
height: 16px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238d8d8d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-log-out%22%3E%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2216%2017%2021%2012%2016%207%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2221%22%20y1%3D%2212%22%20x2%3D%229%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_chevron-down {
width: 12px;
height: 12px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-down%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_clock_timer {
width: 18px;
height: 18px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-clock%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cpolyline%20points%3D%2212%206%2012%2012%2016%2014%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_clock_draft_el {
width: 18px;
height: 18px;
display: inline-block;
background: url('data:image/svg+xml,\
') no-repeat 50% 50%/contain
}
i.ic_clock_block_el {
width: 18px;
height: 18px;
display: inline-block;
background: url('data:image/svg+xml,\
') no-repeat 50% 50%/contain
}
i.ic_eye {
width: 44px;
height: 34px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e0d5aa%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-eye%22%3E%3Cpath%20d%3D%22M1%2012s4-8%2011-8%2011%208%2011%208-4%208-11%208-11-8-11-8z%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_eye-off {
width: 39px;
height: 39px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238d8d8d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-eye-off%22%3E%3Cpath%20d%3D%22M17.94%2017.94A10.07%2010.07%200%200%201%2012%2020c-7%200-11-8-11-8a18.45%2018.45%200%200%201%205.06-5.94M9.9%204.24A9.12%209.12%200%200%201%2012%204c7%200%2011%208%2011%208a18.5%2018.5%200%200%201-2.16%203.19m-6.72-1.07a3%203%200%201%201-4.24-4.24%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%221%22%20y1%3D%221%22%20x2%3D%2223%22%20y2%3D%2223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
@media screen and (max-width: 1199px) {
i.ic_eye-off {
width: 34px;
height: 34px
}
}
i.ic_close {
width: 20px;
height: 20px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23927400%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_frown {
width: 27px;
height: 27px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-frown%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M16%2016s-1.5-2-4-2-4%202-4%202%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%229%22%20y1%3D%229%22%20x2%3D%229.01%22%20y2%3D%229%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2215%22%20y1%3D%229%22%20x2%3D%2215.01%22%20y2%3D%229%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_smile {
width: 27px;
height: 27px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-smile%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M8%2014s1.5%202%204%202%204-2%204-2%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%229%22%20y1%3D%229%22%20x2%3D%229.01%22%20y2%3D%229%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2215%22%20y1%3D%229%22%20x2%3D%2215.01%22%20y2%3D%229%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.active i.ic_grid {
width: 28px;
height: 28px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23030d9c%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-grid%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.active i.ic_list {
width: 30px;
height: 30px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23030d9c%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-list%22%3E%3Cline%20x1%3D%228%22%20y1%3D%226%22%20x2%3D%2221%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%2218%22%20x2%3D%2221%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%226%22%20x2%3D%223.01%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2212%22%20x2%3D%223.01%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2218%22%20x2%3D%223.01%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.active i.ic_calendar2 {
width: 28px;
height: 30px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23030d9c%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-calendar%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_grid {
width: 28px;
height: 28px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a8a8a8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-grid%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_list {
width: 30px;
height: 30px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a8a8a8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-list%22%3E%3Cline%20x1%3D%228%22%20y1%3D%226%22%20x2%3D%2221%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%2218%22%20x2%3D%2221%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%226%22%20x2%3D%223.01%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2212%22%20x2%3D%223.01%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2218%22%20x2%3D%223.01%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_calendar2 {
width: 28px;
height: 30px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a8a8a8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-calendar%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_maximize {
width: 21px;
height: 21px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-maximize-2%22%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%229%2021%203%2021%203%2015%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2221%22%20y1%3D%223%22%20x2%3D%2214%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2221%22%20x2%3D%2210%22%20y2%3D%2214%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_chevron-right {
width: 25px;
height: 30px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23898989%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-right%22%3E%3Cpolyline%20points%3D%229%2018%2015%2012%209%206%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_chevron-right-2 {
width: 30px;
height: 30px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23898989%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevrons-right%22%3E%3Cpolyline%20points%3D%2213%2017%2018%2012%2013%207%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%226%2017%2011%2012%206%207%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_info {
min-width: 23px;
width: 23px;
height: 23px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-info%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212.01%22%20y2%3D%228%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_bell_tab {
width: 18px;
height: 20px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-bell%22%3E%3Cpath%20d%3D%22M18%208A6%206%200%200%200%206%208c0%207-3%209-3%209h18s-3-2-3-9%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13.73%2021a2%202%200%200%201-3.46%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_close_tab {
width: 18px;
height: 18px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_message {
width: 51px;
height: 51px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2252%22%20height%3D%2252%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-message-square%22%3E%3Cpath%20d%3D%22M21%2015a2%202%200%200%201-2%202H7l-4%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_personal_goals {
width: 51px;
height: 51px;
display: inline-block;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgZmlsbD0icmdiKDIxNCwgMjE0LCAyMTQpIiB3aWR0aD0iMTAwJSIgdmlld0JveD0iMCAwIDI0IDI0IiBoZWlnaHQ9IjEwMCUiCiAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMiAyYzEuMSAwIDIgLjkgMiAycy0uOSAyLTIgMi0yLS45LTItMiAuOS0yIDItMnptOCA3aC01djEyYzAgLjU1LS40NSAxLTEgMXMtMS0uNDUtMS0xdi01aC0ydjVjMCAuNTUtLjQ1IDEtMSAxcy0xLS40NS0xLTFWOUg0Yy0uNTUgMC0xLS40NS0xLTFzLjQ1LTEgMS0xaDE2Yy41NSAwIDEgLjQ1IDEgMXMtLjQ1IDEtMSAxeiI+PC9wYXRoPgo8L3N2Zz4=");
}
i.ic_application {
width: 51px;
height: 51px;
display: inline-block;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iNTFweCIgaGVpZ2h0PSI1MXB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTMgM0wxMy43MDcxIDIuMjkyODlDMTMuNTE5NiAyLjEwNTM2IDEzLjI2NTIgMiAxMyAyVjNaTTE5IDlIMjBDMjAgOC43MzQ3OCAxOS44OTQ2IDguNDgwNDMgMTkuNzA3MSA4LjI5Mjg5TDE5IDlaTTEzLjEwOSA4LjQ1Mzk5TDE0IDhWOEwxMy4xMDkgOC40NTM5OVpNMTMuNTQ2IDguODkxMDFMMTQgOEwxMy41NDYgOC44OTEwMVpNMTAgMTNDMTAgMTIuNDQ3NyA5LjU1MjI4IDEyIDkgMTJDOC40NDc3MiAxMiA4IDEyLjQ0NzcgOCAxM0gxMFpNOCAxNkM4IDE2LjU1MjMgOC40NDc3MiAxNyA5IDE3QzkuNTUyMjggMTcgMTAgMTYuNTUyMyAxMCAxNkg4Wk04LjUgOUM3Ljk0NzcyIDkgNy41IDkuNDQ3NzIgNy41IDEwQzcuNSAxMC41NTIzIDcuOTQ3NzIgMTEgOC41IDExVjlaTTkuNSAxMUMxMC4wNTIzIDExIDEwLjUgMTAuNTUyMyAxMC41IDEwQzEwLjUgOS40NDc3MiAxMC4wNTIzIDkgOS41IDlWMTFaTTguNSA2QzcuOTQ3NzIgNiA3LjUgNi40NDc3MiA3LjUgN0M3LjUgNy41NTIyOCA3Ljk0NzcyIDggOC41IDhWNlpNOS41IDhDMTAuMDUyMyA4IDEwLjUgNy41NTIyOCAxMC41IDdDMTAuNSA2LjQ0NzcyIDEwLjA1MjMgNiA5LjUgNlY4Wk0xNy45MDggMjAuNzgyTDE3LjQ1NCAxOS44OTFMMTcuNDU0IDE5Ljg5MUwxNy45MDggMjAuNzgyWk0xOC43ODIgMTkuOTA4TDE5LjY3MyAyMC4zNjJMMTguNzgyIDE5LjkwOFpNNS4yMTc5OSAxOS45MDhMNC4zMjY5OCAyMC4zNjJINC4zMjY5OEw1LjIxNzk5IDE5LjkwOFpNNi4wOTIwMiAyMC43ODJMNi41NDYwMSAxOS44OTFMNi41NDYwMSAxOS44OTFMNi4wOTIwMiAyMC43ODJaTTYuMDkyMDIgMy4yMTc5OUw1LjYzODAzIDIuMzI2OThMNS42MzgwMyAyLjMyNjk4TDYuMDkyMDIgMy4yMTc5OVpNNS4yMTc5OSA0LjA5MjAyTDQuMzI2OTggMy42MzgwM0w0LjMyNjk4IDMuNjM4MDNMNS4yMTc5OSA0LjA5MjAyWk0xMiAzVjcuNEgxNFYzSDEyWk0xNC42IDEwSDE5VjhIMTQuNlYxMFpNMTIgNy40QzEyIDcuNjYzNTMgMTEuOTk5MiA3LjkyMTMxIDEyLjAxNjkgOC4xMzgyM0MxMi4wMzU2IDguMzY2ODIgMTIuMDc5NyA4LjYzNjU2IDEyLjIxOCA4LjkwNzk4TDE0IDhDMTQuMDI5MyA4LjA1NzUxIDE0LjAxODkgOC4wODAyOCAxNC4wMTAzIDcuOTc1MzdDMTQuMDAwOCA3Ljg1ODc4IDE0IDcuNjk2NTMgMTQgNy40SDEyWk0xNC42IDhDMTQuMzAzNSA4IDE0LjE0MTIgNy45OTkyMiAxNC4wMjQ2IDcuOTg5N0MxMy45MTk3IDcuOTgxMTMgMTMuOTQyNSA3Ljk3MDcgMTQgOEwxMy4wOTIgOS43ODIwMUMxMy4zNjM0IDkuOTIwMzEgMTMuNjMzMiA5Ljk2NDM4IDEzLjg2MTggOS45ODMwNUMxNC4wNzg3IDEwLjAwMDggMTQuMzM2NSAxMCAxNC42IDEwVjhaTTEyLjIxOCA4LjkwNzk4QzEyLjQwOTcgOS4yODQzIDEyLjcxNTcgOS41OTAyNyAxMy4wOTIgOS43ODIwMUwxNCA4VjhMMTIuMjE4IDguOTA3OThaTTggMTNWMTZIMTBWMTNIOFpNOC41IDExSDkuNVY5SDguNVYxMVpNOC41IDhIOS41VjZIOC41VjhaTTEzIDJIOC4yVjRIMTNWMlpNNCA2LjJWMTcuOEg2VjYuMkg0Wk04LjIgMjJIMTUuOFYyMEg4LjJWMjJaTTIwIDE3LjhWOUgxOFYxNy44SDIwWk0xOS43MDcxIDguMjkyODlMMTMuNzA3MSAyLjI5Mjg5TDEyLjI5MjkgMy43MDcxMUwxOC4yOTI5IDkuNzA3MTFMMTkuNzA3MSA4LjI5Mjg5Wk0xNS44IDIyQzE2LjM0MzYgMjIgMTYuODExNCAyMi4wMDA4IDE3LjE5NSAyMS45Njk0QzE3LjU5MDQgMjEuOTM3MSAxNy45ODM2IDIxLjg2NTggMTguMzYyIDIxLjY3M0wxNy40NTQgMTkuODkxQzE3LjQwNDUgMTkuOTE2MiAxNy4zMDM4IDE5Ljk1MzkgMTcuMDMyMiAxOS45NzYxQzE2Ljc0ODggMTkuOTk5MiAxNi4zNzY2IDIwIDE1LjggMjBWMjJaTTE4IDE3LjhDMTggMTguMzc2NiAxNy45OTkyIDE4Ljc0ODggMTcuOTc2MSAxOS4wMzIyQzE3Ljk1MzkgMTkuMzAzOCAxNy45MTYyIDE5LjQwNDUgMTcuODkxIDE5LjQ1NEwxOS42NzMgMjAuMzYyQzE5Ljg2NTggMTkuOTgzNiAxOS45MzcxIDE5LjU5MDQgMTkuOTY5NCAxOS4xOTVDMjAuMDAwOCAxOC44MTE0IDIwIDE4LjM0MzYgMjAgMTcuOEgxOFpNMTguMzYyIDIxLjY3M0MxOC45MjY1IDIxLjM4NTQgMTkuMzg1NCAyMC45MjY1IDE5LjY3MyAyMC4zNjJMMTcuODkxIDE5LjQ1NEMxNy43OTUxIDE5LjY0MjIgMTcuNjQyMiAxOS43OTUxIDE3LjQ1NCAxOS44OTFMMTguMzYyIDIxLjY3M1pNNCAxNy44QzQgMTguMzQzNiAzLjk5OTIyIDE4LjgxMTQgNC4wMzA1NyAxOS4xOTVDNC4wNjI4NyAxOS41OTA0IDQuMTM0MTkgMTkuOTgzNiA0LjMyNjk4IDIwLjM2Mkw2LjEwODk5IDE5LjQ1NEM2LjA4MzggMTkuNDA0NSA2LjA0NjEyIDE5LjMwMzggNi4wMjM5MyAxOS4wMzIyQzYuMDAwNzggMTguNzQ4OCA2IDE4LjM3NjYgNiAxNy44SDRaTTguMiAyMEM3LjYyMzQ1IDIwIDcuMjUxMTcgMTkuOTk5MiA2Ljk2Nzg0IDE5Ljk3NjFDNi42OTYxNyAxOS45NTM5IDYuNTk1NDUgMTkuOTE2MiA2LjU0NjAxIDE5Ljg5MUw1LjYzODAzIDIxLjY3M0M2LjAxNjQxIDIxLjg2NTggNi40MDk2MyAyMS45MzcxIDYuODA0OTcgMjEuOTY5NEM3LjE4ODY0IDIyLjAwMDggNy42NTY0NSAyMiA4LjIgMjJWMjBaTTQuMzI2OTggMjAuMzYyQzQuNjE0NiAyMC45MjY1IDUuMDczNTQgMjEuMzg1NCA1LjYzODAzIDIxLjY3M0w2LjU0NjAxIDE5Ljg5MUM2LjM1Nzg1IDE5Ljc5NTEgNi4yMDQ4NyAxOS42NDIyIDYuMTA4OTkgMTkuNDU0TDQuMzI2OTggMjAuMzYyWk04LjIgMkM3LjY1NjQ1IDIgNy4xODg2NCAxLjk5OTIyIDYuODA0OTcgMi4wMzA1N0M2LjQwOTYzIDIuMDYyODcgNi4wMTY0MSAyLjEzNDE5IDUuNjM4MDMgMi4zMjY5OEw2LjU0NjAxIDQuMTA4OTlDNi41OTU0NSA0LjA4MzggNi42OTYxNyA0LjA0NjEyIDYuOTY3ODQgNC4wMjM5M0M3LjI1MTE3IDQuMDAwNzggNy42MjM0NSA0IDguMiA0VjJaTTYgNi4yQzYgNS42MjM0NSA2LjAwMDc4IDUuMjUxMTcgNi4wMjM5MyA0Ljk2Nzg0QzYuMDQ2MTIgNC42OTYxNyA2LjA4MzggNC41OTU0NSA2LjEwODk5IDQuNTQ2MDFMNC4zMjY5OCAzLjYzODAzQzQuMTM0MTkgNC4wMTY0MSA0LjA2Mjg3IDQuNDA5NjMgNC4wMzA1NyA0LjgwNDk3QzMuOTk5MjIgNS4xODg2NCA0IDUuNjU2NDUgNCA2LjJINlpNNS42MzgwMyAyLjMyNjk4QzUuMDczNTQgMi42MTQ2IDQuNjE0NiAzLjA3MzU0IDQuMzI2OTggMy42MzgwM0w2LjEwODk5IDQuNTQ2MDFDNi4yMDQ4NyA0LjM1Nzg1IDYuMzU3ODUgNC4yMDQ4NyA2LjU0NjAxIDQuMTA4OTlMNS42MzgwMyAyLjMyNjk4WiIgZmlsbD0icmdiKDIxNCwgMjE0LCAyMTQpIi8+DQo8L3N2Zz4=");
}
i.ic_info_circle {
width: 24px;
height: 24px;
display: inline-block;
background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiBmaWxsPSJyZ2IoMCwwLDApIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDdjLjU1IDAgMSAuNDUgMSAxdjRjMCAuNTUtLjQ1IDEtMSAxcy0xLS40NS0xLTFWOGMwLS41NS40NS0xIDEtMXptLS4wMS01QzYuNDcgMiAyIDYuNDggMiAxMnM0LjQ3IDEwIDkuOTkgMTBDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJTMTcuNTIgMiAxMS45OSAyek0xMiAyMGMtNC40MiAwLTgtMy41OC04LThzMy41OC04IDgtOCA4IDMuNTggOCA4LTMuNTggOC04IDh6bTEtM2gtMnYtMmgydjJ6Ij48L3BhdGg+PC9zdmc+")
}
i.ic_history {
width: 51px;
height: 51px;
display: inline-block;
background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgZmlsbD0icmdiKDIxNCwgMjE0LCAyMTQpIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGhlaWdodD0iMTAwJSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnPjwvZz4KICAgIDxnPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMTEsOC43NXYzLjY4YzAsMC4zNSwwLjE5LDAuNjgsMC40OSwwLjg2bDMuMTIsMS44NWMwLjM2LDAuMjEsMC44MiwwLjA5LDEuMDMtMC4yNmMwLjIxLTAuMzYsMC4xLTAuODItMC4yNi0xLjAzIGwtMi44Ny0xLjcxdi0zLjRDMTIuNSw4LjM0LDEyLjE2LDgsMTEuNzUsOFMxMSw4LjM0LDExLDguNzV6IE0yMSw5LjVWNC4yMWMwLTAuNDUtMC41NC0wLjY3LTAuODUtMC4zNWwtMS43OCwxLjc4IGMtMS44MS0xLjgxLTQuMzktMi44NS03LjIxLTIuNmMtNC4xOSwwLjM4LTcuNjQsMy43NS04LjEsNy45NEMyLjQ2LDE2LjQsNi42OSwyMSwxMiwyMWM0LjU5LDAsOC4zOC0zLjQ0LDguOTMtNy44OCBjMC4wNy0wLjYtMC40LTEuMTItMS0xLjEyYy0wLjUsMC0wLjkyLDAuMzctMC45OCwwLjg2Yy0wLjQzLDMuNDktMy40NCw2LjE5LTcuMDUsNi4xNGMtMy43MS0wLjA1LTYuODQtMy4xOC02LjktNi45IEM0Ljk0LDguMiw4LjExLDUsMTIsNWMxLjkzLDAsMy42OCwwLjc5LDQuOTUsMi4wNWwtMi4wOSwyLjA5QzE0LjU0LDkuNDYsMTQuNzYsMTAsMTUuMjEsMTBoNS4yOUMyMC43OCwxMCwyMSw5Ljc4LDIxLDkuNXoiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==")
}
i.ic_year_message {
width: 51px;
height: 51px;
display: inline-block;
background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgdmlld0JveD0iMCAwIDI0IDI0IiBoZWlnaHQ9IjEwMCUiIGZpbGw9InJnYigyMTQsIDIxNCwgMjE0KSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik00LjIgMTcuNzhsNS4zLTUuMyAzLjI1IDMuMjVjLjQxLjQxIDEuMDcuMzkgMS40NS0uMDRsNy4xNy04LjA3Yy4zNS0uMzkuMzMtLjk5LS4wNC0xLjM3LS40LS40LTEuMDctLjM5LTEuNDUuMDRsLTYuMzkgNy4xOC0zLjI5LTMuMjljLS4zOS0uMzktMS4wMi0uMzktMS40MSAwbC02LjA5IDYuMWMtLjM5LjM5LS4zOSAxLjAyIDAgMS40MWwuMDkuMDljLjM5LjM5IDEuMDMuMzkgMS40MSAweiI+PC9wYXRoPgo8L3N2Zz4=")
}
i.ic_zap {
width: 50px;
height: 56px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2256%22%20height%3D%2256%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-zap%22%3E%3Cpolygon%20points%3D%2213%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_shield {
width: 48px;
height: 60px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23313131%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-shield%22%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_check {
width: 22px;
height: 23px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2368c100%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-check-circle%22%3E%3Cpath%20d%3D%22M22%2011.08V12a10%2010%200%201%201-5.93-9.14%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2222%204%2012%2014.01%209%2011.01%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_edit {
width: 24px;
height: 24px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b3b3b3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-edit-3%22%3E%3Cpath%20d%3D%22M12%2020h9%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16.5%203.5a2.121%202.121%200%200%201%203%203L7%2019l-4%201%201-4L16.5%203.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_align {
width: 28px;
height: 22px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-align-left%22%3E%3Cline%20x1%3D%2217%22%20y1%3D%2210%22%20x2%3D%223%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2221%22%20y1%3D%226%22%20x2%3D%223%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2221%22%20y1%3D%2214%22%20x2%3D%223%22%20y2%3D%2214%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2217%22%20y1%3D%2218%22%20x2%3D%223%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_sidebar {
width: 26px;
height: 26px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-sidebar%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%229%22%20y1%3D%223%22%20x2%3D%229%22%20y2%3D%2221%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_star {
width: 28px;
height: 28px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-star%22%3E%3Cpolygon%20points%3D%2212%202%2015.09%208.26%2022%209.27%2017%2014.14%2018.18%2021.02%2012%2017.77%205.82%2021.02%207%2014.14%202%209.27%208.91%208.26%2012%202%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_corner-down-right {
width: 28px;
height: 34px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-corner-down-right%22%3E%3Cpolyline%20points%3D%2215%2010%2020%2015%2015%2020%22%3E%3C%2Fpolyline%3E%3Cpath%20d%3D%22M4%204v7a4%204%200%200%200%204%204h12%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_layers {
width: 28px;
height: 28px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-layers%22%3E%3Cpolygon%20points%3D%2212%202%202%207%2012%2012%2022%207%2012%202%22%3E%3C%2Fpolygon%3E%3Cpolyline%20points%3D%222%2017%2012%2022%2022%2017%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%222%2012%2012%2017%2022%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_users {
width: 32px;
height: 28px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-users%22%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M23%2021v-2a4%204%200%200%200-3-3.87%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.talks_plan i.ic_users {
width: 32px;
height: 28px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-users%22%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M23%2021v-2a4%204%200%200%200-3-3.87%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
}
.talks_plan .section__title {
background-image: -o-repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(0, 0, 0, 1) 6px, rgba(0, 0, 0, 1) 6px);
background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(0, 0, 0, 1) 6px, rgba(0, 0, 0, 1) 6px);
}
i.ic_user {
width: 25px;
height: 29px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-user%22%3E%3Cpath%20d%3D%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_lock {
width: 15px;
height: 17px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-lock%22%3E%3Crect%20x%3D%223%22%20y%3D%2211%22%20width%3D%2218%22%20height%3D%2211%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_filter {
width: 27px;
height: 25px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238d8d8d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-filter%22%3E%3Cpolygon%20points%3D%2222%203%202%203%2010%2012.46%2010%2019%2014%2021%2014%2012.46%2022%203%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
@media screen and (min-width: 1200px) {
.container {
padding-left: 40px;
padding-right: 40px
}
}
.container {
width: 100%;
}
@media screen and (max-width: 1199px) {
.container {
padding-left: 15px;
padding-right: 15px
}
}
.main-page__inner {
margin-top: 105px;
padding-top: 55px
}
@media screen and (max-width: 991px) {
.main-page__inner {
padding-top: 40px
}
}
@media screen and (max-width: 767px) {
.main-page__inner {
margin-top: 80px;
padding-top: 30px
}
}
.main .fix_del,
.main .fix_send {
width: 100%;
height: 110px;
position: fixed;
top: 0;
left: 0;
right: 0;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 45px 30px 60px;
background-color: #68c100;
z-index: 200
}
@media screen and (max-width: 767px) {
.main .fix_del,
.main .fix_send {
height: auto;
min-height: 80px;
padding: 10px 15px 10px 15px
}
}
.main .fix_del>div,
.main .fix_send>div {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
@media screen and (max-width: 767px) {
.main .fix_del>div,
.main .fix_send>div {
padding-right: 10px
}
}
.main .fix_del>div span,
.main .fix_send>div span {
color: #fff;
font-family: "Arial_Bold", sans-serif;
font-size: 24px;
line-height: 24px
}
@media screen and (max-width: 767px) {
.main .fix_del>div span,
.main .fix_send>div span {
font-size: 18px;
line-height: 18px
}
}
.main .fix_del>div p,
.main .fix_send>div p {
color: #fff;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px;
margin-top: 10px
}
@media screen and (max-width: 767px) {
.main .fix_del>div p,
.main .fix_send>div p {
font-size: 14px;
line-height: 14px
}
}
.main .fix_del>.progress,
.main .fix_send>.progress {
width: 100%;
height: 5px;
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, .17);
-webkit-animation: progress_width 3s;
animation: progress_width 3s;
-webkit-animation-play-state: running;
animation-play-state: running
}
.main .fix_del i.ic_close_tab,
.main .fix_send i.ic_close_tab {
min-width: 30px;
height: 30px;
cursor: pointer
}
.main .fix_del i.ic_check,
.main .fix_send i.ic_check {
min-width: 44px;
height: 44px;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-check-circle%22%3E%3Cpath%20d%3D%22M22%2011.08V12a10%2010%200%201%201-5.93-9.14%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2222%204%2012%2014.01%209%2011.01%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
margin-right: 30px
}
@media screen and (max-width: 767px) {
.main .fix_del i.ic_check,
.main .fix_send i.ic_check {
min-width: 30px;
height: 30px;
margin-right: 10px
}
}
@-webkit-keyframes progress_width {
0% {
width: 0
}
100% {
width: 100%
}
}
@keyframes progress_width {
0% {
width: 0
}
100% {
width: 100%
}
}
.sidebar {
height: 100%;
position: fixed;
top: 0;
right: 0;
z-index: 9;
-webkit-transition: .5s all;
-o-transition: .5s all;
transition: .5s all
}
.sidebar__inner {
width: 276px;
height: 100%;
background-color: #fff;
-webkit-box-shadow: -.5px 10px 14.4px 3.6px rgba(0, 0, 0, .09);
box-shadow: -.5px 10px 14.4px 3.6px rgba(0, 0, 0, .09);
overflow-y: auto;
padding: 105px 0
}
@media screen and (max-width: 991px) {
.sidebar__inner {
width: 230px
}
}
@media screen and (max-width: 767px) {
.sidebar__inner {
padding: 80px 0
}
}
.sidebar>span {
width: 30px;
height: 25px;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 120px;
left: -25px;
background-color: #fff;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px
}
@media screen and (max-width: 991px) {
.sidebar>span {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.sidebar>span i {
width: 15px;
height: 15px;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-minimize-2%22%3E%3Cpolyline%20points%3D%224%2014%2010%2014%2010%2020%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%2220%2010%2014%2010%2014%204%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2214%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%223%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2221%22%20x2%3D%2210%22%20y2%3D%2214%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.sidebar h5 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #999999;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
margin-bottom: 20px
}
@media screen and (max-width: 991px) {
.sidebar h5 {
font-size: 14px;
margin-bottom: 10px
}
}
.sidebar h5 a {
display: block;
color: #999999;
border-bottom: 1px solid;
font-family: "Arial", sans-serif;
font-size: 13px;
line-height: 12px;
text-decoration: none;
text-transform: none;
margin-left: 10px
}
.sidebar__blockinfo {
padding: 32px 20px
}
.sidebar__blockinfo-caption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px
}
.sidebar__blockinfo-caption p {
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 17px;
color: #000
}
@media screen and (max-width: 991px) {
.sidebar__blockinfo-caption p {
font-size: 14px
}
}
.sidebar__blockinfo-caption p+p::before {
content: '/';
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 17px;
color: #999999;
margin-left: 7px;
margin-right: 7px
}
@media screen and (max-width: 991px) {
.sidebar__blockinfo-caption p+p::before {
font-size: 14px
}
}
.sidebar__blockinfo-caption+h5 {
margin-top: 35px
}
.sidebar__blockinfo-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.sidebar__blockinfo-link a {
display: block;
color: #999999;
border-bottom: 1px solid;
font-family: "Arial", sans-serif;
font-size: 13px;
line-height: 12px;
text-decoration: none
}
.sidebar__blockinfo-link a+a {
margin-left: 20px
}
.sidebar__blockinfo-number div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
color: #0048F4;
font-family: "Arial", sans-serif;
font-size: 90px;
line-height: 90px
}
.sidebar__blockinfo-number div span {
display: block;
font-family: "Arial_Bold", sans-serif;
font-size: 40px;
line-height: 40px;
margin-left: 5px
}
.sidebar__blockinfo-number p {
color: #999999;
font-family: "Arial", sans-serif;
font-size: 15px;
line-height: 20px
}
@media screen and (max-width: 991px) {
.sidebar__blockinfo-number p {
font-size: 14px
}
}
.sidebar__blockinfo>span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #999999;
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 19px
}
@media screen and (max-width: 991px) {
.sidebar__blockinfo>span {
font-size: 14px
}
}
.sidebar__blockinfo>span.sp_color {
color: #7bbb36
}
.sidebar__blockinfo>span i {
margin-right: 10px
}
.sidebar__blockinfo>span+span {
margin-top: 10px
}
.sidebar__blockinfo-swiper {
max-width: 200px;
margin-left: 0;
padding-top: 35px
}
.sidebar__blockinfo-slide p {
width: 100%;
height: 100%;
max-height: 75px;
color: #000;
font-family: "Arial", sans-serif;
font-size: 15px;
line-height: 19px;
overflow: hidden
}
@media screen and (max-width: 991px) {
.sidebar__blockinfo-slide p {
font-size: 14px
}
}
.sidebar__blockinfo-slide span {
display: inline-block;
border-bottom: 1px solid;
color: #999999;
font-family: "Arial", sans-serif;
font-size: 13px;
line-height: 13px;
cursor: pointer;
margin-top: 10px
}
.sidebar__blockinfo-slide span.btn_collapse {
display: none
}
.sidebar__blockinfo-slide>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px
}
.sidebar__blockinfo-slide>div div {
text-align: left
}
.sidebar__blockinfo-slide>div div p {
font-family: "Arial", sans-serif;
font-size: 15px;
line-height: 20px;
color: #000
}
@media screen and (max-width: 991px) {
.sidebar__blockinfo-slide>div div p {
font-size: 14px;
line-height: 18px
}
}
.sidebar__blockinfo-slide>div div p+p {
margin-top: 5px
}
.sidebar__blockinfo-slide>div div+div {
margin-left: 10px
}
@media screen and (max-width: 991px) {
.sidebar__blockinfo-slide>div div+div {
margin-left: 5px
}
}
.sidebar__blockinfo-slide>div div:first-child {
width: 50px;
text-align: right
}
.sidebar__blockinfo-slide>div div:first-child p {
color: #999999
}
.sidebar__blockinfo-slide.open span.btn_collapse {
display: inline-block
}
.sidebar__blockinfo-slide.open span.btn_expand {
display: none
}
.sidebar__blockinfo-slide.open p {
max-height: 100%
}
.sidebar__blockinfo-pagination {
bottom: auto;
top: 0;
text-align: left;
color: #999999;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
font-weight: 700
}
.sidebar__blockinfo-next,
.sidebar__blockinfo-prev {
width: 8px;
height: 14px;
top: 3px;
right: auto;
left: 70px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-top: 0
}
.sidebar__blockinfo-next {
right: auto;
left: 85px;
background-image: url(/assets/frontend/img/sidebar/arrow_left.png);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.sidebar__blockinfo-next:hover {
-webkit-transform: rotate(180deg) scale(1.3);
-ms-transform: rotate(180deg) scale(1.3);
transform: rotate(180deg) scale(1.3)
}
.sidebar__blockinfo-prev {
left: 65px;
background-image: url(/assets/frontend/img/sidebar/arrow_left.png)
}
.sidebar__blockinfo-prev:hover {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3)
}
.sidebar__blockinfo+.sidebar__blockinfo {
border-top: 1px solid #dbdbdb
}
.sidebar.show {
right: -230px
}
.sidebar.show>span i {
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-maximize-2%22%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%229%2021%203%2021%203%2015%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2221%22%20y1%3D%223%22%20x2%3D%2214%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2221%22%20x2%3D%2210%22%20y2%3D%2214%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.dashboard {
width: calc(100% + 276px);
background-color: #e21736;
padding: 170px 0
}
@media screen and (max-width: 991px) {
.dashboard {
width: 100%;
padding: 140px 0
}
}
@media screen and (max-width: 767px) {
.dashboard {
padding: 115px 0 0
}
}
.dashboard__wrapper {
padding-right: 276px
}
@media screen and (max-width: 991px) {
.dashboard__wrapper {
padding-right: 0
}
}
.dashboard__header {
width: 100%;
height: 105px;
position: relative;
top: 0;
left: 0;
right: 0;
background-color: #fff;
-webkit-box-shadow: 0 10px 14.4px 3.6px rgba(0, 0, 0, .06);
box-shadow: 0 10px 14.4px 3.6px rgba(0, 0, 0, .06);
z-index: 200;
}
@media screen and (max-width: 1199px) {
.dashboard__header {
padding: 0
}
}
@media screen and (max-width: 767px) {
.dashboard__header {
height: 80px
}
}
.dashboard__header .container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.dashboard__header-logo {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 35px
}
@media screen and (max-width: 96px) {
.dashboard__header-logo {
margin-right: 50px
}
}
@media screen and (max-width: 1199px) {
.dashboard__header-logo {
margin-right: 20px
}
}
@media screen and (max-width: 767px) {
.dashboard__header-logo {
display: none
}
}
.dashboard__header-logo a {
width: 52px;
}
.dashboard__header-logo a img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.dashboard__header-vhod {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.dashboard__header-vhod-foto {
width: 79px;
height: 55px;
position: relative;
background-color: #0048F4;
border: 2px solid #fff;
border-radius: 10px;
margin-right: 50px
}
@media screen and (max-width: 1199px) {
.dashboard__header-vhod-foto {
width: 60px;
margin-right: 35px
}
}
.dashboard__header-vhod-foto>img {
width: 55px;
height: 55px;
position: absolute;
top: -2.5px;
right: -30px;
-o-object-fit: cover;
object-fit: cover;
border: 2px solid #fff;
border-radius: 10px;
overflow: hidden
}
.dashboard__header-vhod-foto a {
text-decoration: none;
color: #000
}
.dashboard__header-vhod-foto .alerts {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
padding-top: 10px;
padding-right: 20px;
cursor: pointer
}
.dashboard__header-vhod-foto .alerts>p {
position: relative;
background-color: #0048F4;
color: white;
font-family: "Arial_Bold", sans-serif;
font-size: 14px;
line-height: 14px;
z-index: 1;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
}
.dashboard__header-vhod-foto .alerts>i {
position: absolute;
top: 19px;
left: 17px
}
@media screen and (max-width: 1199px) {
.dashboard__header-vhod-foto .alerts>i {
left: 8px
}
}
.dashboard__header-vhod-foto .alerts__menu {
width: 435px;
max-height: 650px;
display: none;
position: absolute;
top: 100%;
right: 0;
background-color: #fff;
border: 1px solid #fff;
border-radius: 10px;
-webkit-box-shadow: 0 0 32.3px 16.7px rgba(0, 0, 0, .14);
box-shadow: 0 0 32.3px 16.7px rgba(0, 0, 0, .14);
z-index: 10;
overflow-y: auto
}
.dashboard__header-vhod-foto .alerts__menu::-webkit-scrollbar{
width:auto !important;
height:auto !important;
}
@media screen and (max-width: 1199px) {
.dashboard__header-vhod-foto .alerts__menu {
max-height: 350px
}
}
@media screen and (max-width: 767px) {
.dashboard__header-vhod-foto .alerts__menu {
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
}
@media screen and (max-width: 576px) {
.dashboard__header-vhod-foto .alerts__menu {
width: 300px;
right: 0;
-webkit-transform: translateX(60%);
-ms-transform: translateX(60%);
transform: translateX(60%)
}
}
.dashboard__header-vhod-foto .alerts__menu-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 25px 25px 35px 30px
}
@media screen and (max-width: 576px) {
.dashboard__header-vhod-foto .alerts__menu-top {
padding: 25px 15px 35px 15px
}
}
.dashboard__header-vhod-foto .alerts__menu-top h2 {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 22px;
line-height: 22px
}
@media screen and (max-width: 576px) {
.dashboard__header-vhod-foto .alerts__menu-top h2 {
font-size: 18px;
line-height: 18px
}
}
.dashboard__header-vhod-foto .alerts__menu-top i {
cursor: pointer
}
.dashboard__header-vhod-foto .alerts__menu-top i+i {
margin-left: 20px
}
.dashboard__header-vhod-foto .alerts__menu-block {
position: relative;
border-top: 1px solid #d8d8d8;
padding: 20px 0
}
.dashboard__header-vhod-foto .alerts__menu-block-naw {
border-top: 1px solid #0048F4
}
.dashboard__header-vhod-foto .alerts__menu-block-naw .alerts__menu-time {
background-color: #0048F4
}
.dashboard__header-vhod-foto .alerts__menu-block ul li {
padding: 15px 45px 15px 30px
}
.dashboard__header-vhod-foto .alerts__menu-block ul li p {
font-family: "Arial", sans-serif;
font-size: 16px;
line-height: 18px;
color: #24262c;
margin-bottom: 10px
}
@media screen and (max-width: 576px) {
.dashboard__header-vhod-foto .alerts__menu-block ul li p {
font-size: 12px;
line-height: 14px
}
}
.dashboard__header-vhod-foto .alerts__menu-block ul li p a {
color: #24262c;
text-decoration: underline;
}
.dashboard__header-vhod-foto .alerts__menu-block ul li p span {
color: black;
font-size: 16px;
padding-top: 5px;
font-family: "Arial", sans-serif;
}
.dashboard__header-vhod-foto .alerts__menu-block ul li span {
display: block;
color: #7a7a7a;
font-family: "Arial_Bold", sans-serif;
font-size: 13px;
line-height: 13px
}
.dashboard__header-vhod-foto .alerts__menu-block ul li+li {
border-top: 1px solid #d8d8d8
}
.dashboard__header-vhod-foto .alerts__menu-time {
height: 24px;
position: absolute;
top: -12px;
left: -1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #999999;
border-bottom-right-radius: 24px;
border-top-right-radius: 24px;
color: white;
font-family: "Arial_Bold", sans-serif;
font-size: 13px;
line-height: 13px;
text-transform: uppercase;
padding: 5px 20px 5px 30px
}
.dashboard__header-vhod-foto .alerts__menu2 {
display: none;
width: 435px;
position: absolute;
top: 100%;
right: 0;
background-color: #fff;
border: 1px solid #fff;
border-radius: 10px;
-webkit-box-shadow: 0 0 32.3px 16.7px rgba(0, 0, 0, .14);
box-shadow: 0 0 32.3px 16.7px rgba(0, 0, 0, .14);
padding: 25px 25px 55px 30px;
z-index: 10
}
@media screen and (max-width: 767px) {
.dashboard__header-vhod-foto .alerts__menu2 {
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
}
@media screen and (max-width: 576px) {
.dashboard__header-vhod-foto .alerts__menu2 {
width: 300px;
right: 0;
-webkit-transform: translateX(60%);
-ms-transform: translateX(60%);
transform: translateX(60%);
padding: 25px
}
}
.dashboard__header-vhod-foto .alerts__menu2-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.dashboard__header-vhod-foto .alerts__menu2-top h2 {
color: #24262c;
font-family: "Georgia-Bold", sans-serif;
font-size: 22px;
line-height: 22px
}
@media screen and (max-width: 576px) {
.dashboard__header-vhod-foto .alerts__menu2-top h2 {
font-size: 18px;
line-height: 18px
}
}
.dashboard__header-vhod-foto .alerts__menu2-top i {
cursor: pointer
}
.dashboard__header-vhod-foto .alerts__menu2-top i+i {
margin-left: 20px
}
.dashboard__header-vhod-foto .alerts__menu2-content {
text-align: center;
margin-top: 25px
}
.dashboard__header-vhod-foto .alerts__menu2-content img {
width: 250px;
-o-object-fit: contain;
object-fit: contain;
margin-bottom: 30px
}
.dashboard__header-vhod-foto .alerts__menu2-content h2 {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 22px;
line-height: 22px;
margin-bottom: 20px
}
@media screen and (max-width: 576px) {
.dashboard__header-vhod-foto .alerts__menu2-content h2 {
font-size: 18px;
line-height: 18px
}
}
.dashboard__header-vhod-foto .alerts__menu2-content p {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 16px;
line-height: 18px
}
@media screen and (max-width: 576px) {
.dashboard__header-vhod-foto .alerts__menu2-content p {
font-size: 12px;
line-height: 14px
}
}
.dashboard__header-vhod-foto.bg {
background-color: #e2e2e2
}
.dashboard__header-vhod-foto.bg .alerts>p {
display: none
}
.dashboard__header-vhod-status p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
font-family: "Arial_Bold", sans-serif;
font-size: 18px;
line-height: 18px
}
@media screen and (max-width: 1199px) {
.dashboard__header-vhod-status p {
font-size: 16px
}
}
.dashboard__header-vhod-status p a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-left: 10px
}
.dashboard__header-vhod-status div {
position: relative;
margin-top: 5px
}
.dashboard__header-vhod-status div .dolznost_link {
width: 100%;
height: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
color: #999999;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 16px;
cursor: pointer
}
.dashboard__header-vhod-status div .dolznost_link-active {
position: relative
}
.dashboard__header-vhod-status div .dolznost_link-arrow {
width: 19px;
height: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 50%;
right: -25px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #0048F4;
border-radius: 5px;
z-index: -1
}
.dashboard__header-vhod-status div .dolznost_link-arrow i.ic_chevron-down {
width: 14px;
height: 14px
}
.dashboard__header-vhod-status div .dolznost_link>ul {
display: none;
position: absolute;
top: 135%;
left: -20px;
width: 190px;
background-color: #fff;
border: 2px solid #fff;
border-radius: 10px;
-webkit-box-shadow: 0 0 25.1px 31.9px rgba(198, 198, 198, .39);
box-shadow: 0 0 25.1px 31.9px rgba(198, 198, 198, .39);
padding: 20px 25px
}
.dashboard__header-vhod-status div .dolznost_link>ul li {
font-family: "Arial_Bold", sans-serif;
font-size: 17px;
line-height: 17px;
color: #24262c;
cursor: pointer
}
.dashboard__header-vhod-status div .dolznost_link>ul li.active {
color: #969696
}
.dashboard__header-vhod-status div .dolznost_link>ul li+li {
margin-top: 15px
}
.dashboard__header-vhod-status div .dolznost_link.show>ul {
display: block
}
.dashboard__header-vhod-status div .dolznost_link.show .ic_chevron-down {
-webkit-transform: rotate(180deg) !important;
-ms-transform: rotate(180deg) !important;
transform: rotate(180deg) !important
}
.dashboard__header-vhod-foto.show .alerts__menu {
display: block
}
.dashboard__header-vhod-foto.show .alerts__menu2 {
display: none
}
.dashboard__header-vhod-foto.not_message.show .alerts__menu {
display: none
}
.dashboard__header-vhod-foto.not_message.show .alerts__menu2 {
display: block
}
.dashboard__header-vhod-foto.not_message .alerts>i {
top: 16px
}
.dashboard__content>h2 {
color: #fffefe;
font-family: "Arial_Bold", sans-serif;
font-size: 38px;
line-height: 40px
}
@media screen and (max-width: 767px) {
.dashboard__content>h2 {
font-size: 30px;
line-height: 36px
}
}
.dashboard__content>p {
color: #fff;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 20px
}
@media screen and (max-width: 767px) {
.dashboard__content>p {
font-size: 16px;
line-height: 18px
}
}
.dashboard__content>h2+p {
margin-top: 10px
}
.dashboard__content p+.dashboard__study {
margin-top: 55px
}
@media screen and (max-width: 767px) {
.dashboard__content p+.dashboard__study {
margin-top: 35px
}
}
.dashboard__study {
height: 130px;
}
@media screen and (max-width: 1199px) {
.dashboard__study {
max-width: 475px
}
}
@media screen and (max-width: 767px) {
.dashboard__study {
max-width: 100%;
height: auto;
padding: 40px 0 20px
}
}
.dashboard__study-left {
padding-left: 25px;
height: 100%
}
@media screen and (max-width: 767px) {
.dashboard__study-left {
min-width: 90px;
padding-left: 15px
}
}
@media screen and (max-width: 767px) {
.dashboard__study-right {
padding-right: 15px
}
}
.dashboard__study-right p {
color: #000;
font-family: "Arial_Bold", sans-serif;
font-size: 22px;
line-height: 22px;
margin-bottom: 10px
}
@media screen and (max-width: 1199px) {
.dashboard__study-right p {
font-size: 18px
}
}
.dashboard__study-right span {
color: #4f4f4f;
font-family: "Arial", sans-serif;
font-size: 16px;
line-height: 20px
}
@media screen and (max-width: 1199px) {
.dashboard__study-right span {
font-size: 16px
}
}
.dashboard__study>a {
width: 132px;
height: 41px;
position: absolute;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #ededed;
border-bottom-left-radius: 15px;
border-top-right-radius: 15px;
color: #000;
font-family: "Arial", sans-serif;
font-size: 15px;
text-decoration: none
}
@media screen and (max-width: 1199px) {
.dashboard__study>a {
width: 115px;
height: 35px
}
}
.dashboard__study>a i {
margin-left: 13px
}
@media screen and (max-width: 1199px) {
.dashboard__study>a i {
margin-left: 8px
}
}
.dashboard__study>span {
max-width: 140px;
position: absolute;
top: 50px;
right: -160px;
color: #fff;
font-family: "Arial", sans-serif;
font-size: 15px;
line-height: 18px;
padding-left: 15px
}
@media screen and (max-width: 767px) {
.dashboard__study>span {
display: none
}
}
.dashboard__study>span i {
width: 37px;
height: 22px;
display: inline-block;
background: url(/assets/frontend/img/dashboard/right.png) no-repeat center center;
background-size: cover;
margin-left: -20px;
margin-top: 5px
}
@media screen and (max-width: 767px) {
.dashboard__study+.dashboard__study {
margin-top: 25px
}
}
.authorization {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.authorization__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 80px;
padding-bottom: 80px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.authorization__account {
max-width: 400px;
min-width: 400px;
position: relative;
background: #fff;
border-radius: 20px;
margin: 0 auto;
border: 5px solid white;
box-shadow: 0 0 500px rgb(0 0 0 / 15%);
}
@media screen and (max-width: 576px) {
.authorization__account {
max-width: 320px;
min-width: 320px
}
}
.authorization__account-top {
width: 100%;
}
.authorization__account-top p {
margin: 16px 0;
color: #0048F4;
font-family: "Arial", sans-serif;
font-size: 40px;
line-height: 1.2;
text-align: center;
}
.authorization__account-inp {
margin: 0 0 24px;
border: 1px solid #999999;
background-color: #fff;
border-radius: 20px;
overflow: hidden;
}
.authorization__account-inp input {
width: 100%;
height: 50px;
border: none;
outline: 0;
color: #999999;
font-family: "Arial", sans-serif;
font-size: 19px;
line-height: 20px;
padding: 0 25px
}
.authorization__account-inp input::-webkit-input-placeholder {
color: rgba(141, 141, 141, .59)
}
.authorization__account-inp input::-moz-placeholder {
color: rgba(141, 141, 141, .59)
}
.authorization__account-inp input:-ms-input-placeholder {
color: rgba(141, 141, 141, .59)
}
.authorization__account-inp input::-ms-input-placeholder {
color: rgba(141, 141, 141, .59)
}
.authorization__account-inp input::placeholder {
color: rgba(141, 141, 141, .59)
}
.authorization__account-inp input+input {
border-top: 1px solid #999999
}
.authorization__account-bot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width: 576px) {
.authorization__account-bot {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.authorization__account-bot .lab_cont {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: block;
position: relative;
color: rgba(141, 141, 141, .59);
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 22px;
padding-left: 30px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-bottom: 0
}
.authorization__account-bot .lab_cont:hover {
color: #999999
}
.authorization__account-bot .lab_cont input {
position: absolute;
opacity: 0;
cursor: pointer
}
.authorization__account-bot .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #fff;
border: 1px solid #999999;
border-radius: 5px
}
.authorization__account-bot .lab_cont:hover input~.checkmark {
background-color: #999999
}
.authorization__account-bot .lab_cont input:checked~.checkmark {
background-color: #fff
}
.authorization__account-bot .checkmark:after {
content: "";
position: absolute;
display: none
}
.authorization__account-bot .lab_cont input:checked~.checkmark:after {
display: block
}
.authorization__account-bot .lab_cont .checkmark:after {
left: 11px;
top: -5px;
width: 7px;
height: 17px;
border: solid #e21736;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.authorization__account-bot>a {
color: rgba(141, 141, 141, .59);
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 22px;
text-decoration: none
}
@media screen and (max-width: 576px) {
.authorization__account-bot>a {
margin-top: 20px
}
}
.authorization__account-bot>a:hover {
color: #999999
}
.authorization__account-bottom {
width: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(0, 0, 0, .5);
border-radius: 20px;
color: #fff;
font-family: "Arial", sans-serif;
font-size: 16px;
line-height: 16px;
padding: 20px 20px;
margin-top: 65px;
margin-bottom: 100px
}
.authorization__account-bottom p {
text-align: center
}
.authorization__account-bottom p+p {
margin-top: 5px
}
.authorization__account-menu {
display: block;
margin-top: 30px
}
.authorization__account-menu ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #7a7a7a;
font-family: "Arial", sans-serif;
font-size: 16px;
line-height: 16px;
text-decoration: none
}
.authorization__account-menu ul li a i {
width: 16px;
height: 16px;
display: inline-block;
background: url(/assets/frontend/img/autorization/arrow-right.svg) no-repeat 50% 50%/contain;
margin-right: 15px
}
.authorization__account-menu ul li+li {
margin-top: 10px
}
.authorization__account-menu_arrow {
width: 138px;
height: 30px;
position: absolute;
bottom: -33px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-image: url(/assets/frontend/img/autorization/figura.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 5px;
z-index: 10;
cursor: pointer
}
.authorization__account-menu_arrow i {
width: 17px;
height: 11px;
display: inline-block;
position: absolute;
top: 47%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: url(/assets/frontend/img/autorization/chevron-up.png) no-repeat center center;
background-size: contain
}
.authorization__account.poll_auth_show .authorization__account-two {
height: auto;
opacity: 1
}
.authorization__account.poll_auth_show .authorization__account-two .chosen-container {
display: inline-block
}
.authorization__account.show .authorization__account-one {
display: none
}
.authorization__account-two {
height: 0;
opacity: 0
}
.authorization__account-two_desc {
padding: 30px;
border-bottom: 1px solid #999999
}
.authorization__account-two_desc h2 {
color: #000;
font-family: "Arial_Bold", sans-serif;
font-size: 26px;
line-height: 26px
}
.authorization__account-two_desc p {
color: #999999;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 20px
}
.authorization__account-two_desc h2+p {
margin-top: 20px
}
.authorization__account-two_desc p+p {
margin-top: 25px
}
.authorization__account-two_slider {
padding: 30px 5px
}
.authorization__account-two_slider h4 {
color: #000;
font-family: "Arial_Bold", sans-serif;
font-size: 18px;
line-height: 18px;
margin-bottom: 20px
}
.authorization__account-two_slider h4 span:first-child {
margin-left: 10px
}
.authorization__account-two_slider p {
color: #000;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px;
margin-bottom: 20px
}
.authorization__account-two_slider textarea {
width: 100%;
height: 79px;
background-color: #fff;
border: 1px solid #999999;
border-radius: 5px;
outline: 0;
color: #999999;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 20px;
padding: 15px;
resize: none
}
.authorization__account-two_slider textarea::-webkit-input-placeholder {
color: rgba(141, 141, 141, .6)
}
.authorization__account-two_slider textarea::-moz-placeholder {
color: rgba(141, 141, 141, .6)
}
.authorization__account-two_slider textarea:-ms-input-placeholder {
color: rgba(141, 141, 141, .6)
}
.authorization__account-two_slider textarea::-ms-input-placeholder {
color: rgba(141, 141, 141, .6)
}
.authorization__account-two_slider textarea::placeholder {
color: rgba(141, 141, 141, .6)
}
.authorization__account-two_slider .slick-list {
overflow: initial
}
.authorization__account-two_slider .slick-dots {
bottom: auto;
top: -8px;
right: 25px;
width: auto
}
.authorization__account-two_slider .slick-dots li {
width: 12px;
height: 12px;
margin: 0 2px
}
.authorization__account-two_slider .slick-dots li button {
width: 100%;
height: 100%;
background-color: #999999;
border-radius: 50%
}
.authorization__account-two_slider .slick-dots li button::before {
display: none
}
.authorization__account-two_slider .slick-dots li.slick-active button {
background-color: #e21736
}
.authorization__account-two_slider .slick-dotted.slick-slider {
margin-bottom: 0
}
.authorization__account-two_slider .slick-arrow {
display: none !important
}
.authorization__account-two .slick-initialized .slick-slide {
height: 0;
min-height: 200px
}
.authorization__account-two .slick-initialized .slick-slide.slick-active {
height: auto
}
.authorization__account-one {
display: block;
position: relative;
padding: 24px
}
.authorization__account-one> .btn-authorization {
width: 100%;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 16px;
border: none;
background-color: #0048F4;
border-radius: 20px;
color: white;
font-family: "Arial_Bold", sans-serif;
font-size: 18px;
line-height: 1;
outline: 0;
cursor: pointer
}
.authorization__account-one> .btn-authorization:hover {
text-decoration: none;
}
.authorization__account-one.show .authorization__account-menu {
display: none
}
.authorization__account-one.show .authorization__account-menu_arrow i {
-webkit-transform: translate(-50%, -50%) rotate(180deg);
-ms-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg)
}
.authorization__account.error .authorization__account-inp {
border: 2px solid #e21736;
margin: 0 0 24px;
}
.authorization__account-pagination {
top: 0;
left: auto !important;
right: 0;
bottom: auto !important;
text-align: right
}
.authorization__account-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #999999
}
.authorization__account-pagination .swiper-pagination-bullet-active {
background-color: #e21736
}
.authorization__account-slide {
outline: 0;
margin: 0 25px
}
.authorization__account-slide>button {
width: 100%;
height: 55px;
border: none;
background-color: #0048F4;
border-radius: 20px;
color: #0f0f0f;
font-family: "Arial_Bold", sans-serif;
font-size: 22px;
outline: 0;
margin-top: 12px;
margin-bottom: 0;
cursor: pointer
}
.authorization__account-slide>button.slick__btn-next {
color: #0048F4;
background-color: #fff;
border: 4px solid #0048F4
}
.red-circle-q {
color: #f4bd05 !important
}
.authorization__account-slide.slick-active {
opacity: 1
}
.authorization__account-slide.slick-active .chosen-container {
display: inline-block
}
.authorization__account-slide.slick-active .chosen-container-single .chosen-single div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 25px
}
.authorization__account-slide.slick-active .chosen-container-single .chosen-single div b {
width: 17px;
height: 9px;
background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
background-size: cover !important
}
.authorization__account-slide.slick-active .chosen-container-active.chosen-with-drop .chosen-single div b {
background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
background-position: 0 0 !important;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.authorization .fix_del,
.authorization .fix_send {
width: 100%;
height: 110px;
position: fixed;
top: 0;
left: 0;
right: 0;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 45px 30px 60px;
background-color: #68c100;
z-index: 200
}
@media screen and (max-width: 767px) {
.authorization .fix_del,
.authorization .fix_send {
height: auto;
min-height: 80px;
padding: 10px 15px 10px 15px
}
}
.authorization .fix_del>div,
.authorization .fix_send>div {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
@media screen and (max-width: 767px) {
.authorization .fix_del>div,
.authorization .fix_send>div {
padding-right: 10px
}
}
.authorization .fix_del>div span,
.authorization .fix_send>div span {
color: #fff;
font-family: "Arial_Bold", sans-serif;
font-size: 24px;
line-height: 24px
}
@media screen and (max-width: 767px) {
.authorization .fix_del>div span,
.authorization .fix_send>div span {
font-size: 18px;
line-height: 18px
}
}
.authorization .fix_del>div p,
.authorization .fix_send>div p {
color: #fff;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px;
margin-top: 10px
}
@media screen and (max-width: 767px) {
.authorization .fix_del>div p,
.authorization .fix_send>div p {
font-size: 14px;
line-height: 14px
}
}
.authorization .fix_del>.progress,
.authorization .fix_send>.progress {
width: 100%;
height: 5px;
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, .17);
-webkit-animation: progress_width 3s;
animation: progress_width 3s;
-webkit-animation-play-state: running;
animation-play-state: running
}
.authorization .fix_del i.ic_close_tab,
.authorization .fix_send i.ic_close_tab {
min-width: 30px;
height: 30px;
cursor: pointer
}
.authorization .fix_del i.ic_check,
.authorization .fix_send i.ic_check {
min-width: 44px;
height: 44px;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-check-circle%22%3E%3Cpath%20d%3D%22M22%2011.08V12a10%2010%200%201%201-5.93-9.14%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2222%204%2012%2014.01%209%2011.01%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
margin-right: 30px
}
@media screen and (max-width: 767px) {
.authorization .fix_del i.ic_check,
.authorization .fix_send i.ic_check {
min-width: 30px;
height: 30px;
margin-right: 10px
}
}
.authorization .fix_del i.ic_alert,
.authorization .fix_send i.ic_alert {
min-width: 44px;
height: 44px;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-alert-octagon%22%3E%3Cpolygon%20points%3D%227.86%202%2016.14%202%2022%207.86%2022%2016.14%2016.14%2022%207.86%2022%202%2016.14%202%207.86%207.86%202%22%3E%3C%2Fpolygon%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212.01%22%20y2%3D%2216%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
margin-right: 30px
}
@media screen and (max-width: 767px) {
.authorization .fix_del i.ic_alert,
.authorization .fix_send i.ic_alert {
min-width: 30px;
height: 30px;
margin-right: 10px
}
}
.authorization .fix_send {
background-color: #cf5a1b
}
.authorization .progress {
margin-left: 0
}
.training__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width: 991px) {
.training__top {
position: relative
}
}
@media screen and (max-width: 767px) {
.training__top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.training__top-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width: 767px) {
.training__top-left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.training__top-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.training__top-right>span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
cursor: pointer
}
.training__top-right>div+span {
margin-left: 30px
}
@media screen and (max-width: 576px) {
.training__top-right>div+span {
margin-left: 0
}
}
.training__top-right>span+span {
margin-left: 25px
}
@media screen and (max-width: 576px) {
.training__top-right>span+span {
margin-left: 10px
}
}
.training__nav {
height: 47px;
background-color: rgba(226, 226, 226, .47);
border-radius: 10px;
padding: 5px;
margin-left: 35px
}
@media screen and (max-width: 1199px) {
.training__nav {
margin-left: 20px
}
}
@media screen and (max-width: 767px) {
.training__nav {
margin-left: 0;
margin-top: 20px
}
}
@media screen and (max-width: 1199px) {
.training__nav .nav-item {
height: 100%
}
}
.training__nav-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 20px;
padding: 9px 21px
}
@media screen and (max-width: 1199px) {
.training__nav-link {
height: 100%;
font-size: 16px;
line-height: 16px;
padding: 9px 15px
}
}
@media screen and (max-width: 576px) {
.training__nav-link {
font-size: 14px;
line-height: 14px;
padding: 5px 5px
}
}
.training__nav a {
color: #969696
}
.training__nav .training__nav-link {
border-radius: 10px
}
.training__nav .training__nav-link.active {
background-color: #0048F4;
color: white;
}
.training__content-tab {
margin-top: 50px
}
@media screen and (max-width: 991px) {
.training__content-tab {
margin-top: 90px
}
}
@media screen and (max-width: 767px) {
.training__content-tab {
margin-top: 40px
}
}
.training__card {
height: 216px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 55px
}
@media screen and (max-width: 576px) {
.training__card {
height: 180px;
margin-bottom: 25px
}
}
.training__card-section {
position: relative;
background-color: #f9f6ea;
padding: 90px 0 50px;
margin-top: 60px
}
@media screen and (max-width: 1199px) {
.training__card-section {
padding: 90px 0 0
}
}
.training__card-section-fon {
background-color: transparent
}
.training__card-section .btn__eye {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.training__card-section .btn__eye-off {
display: none
}
.training__card-section .training__card-failed,
.training__card-section .training__card-performed {
display: none
}
.training__card-section.open_more .btn__eye {
display: none
}
.training__card-section.open_more .btn__eye-off {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.training__card-section.open_more .training__card-failed,
.training__card-section.open_more .training__card-performed {
display: block
}
.training__card-section-bg {
background-color: transparent;
padding: 0 0 50px
}
@media screen and (max-width: 1199px) {
.training__card-section-bg {
padding: 0 0 50px
}
}
@media screen and (max-width: 767px) {
.training__card-section-bg {
margin-top: 0
}
}
.training__card-section-bg .training__card-wrap .btn__eye {
color: #999999;
opacity: .5
}
.training__card-section-bg i.ic_eye {
width: 44px;
height: 34px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238d8d8d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-eye%22%3E%3Cpath%20d%3D%22M1%2012s4-8%2011-8%2011%208%2011%208-4%208-11%208-11-8-11-8z%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.training__card-section+.training__card-section {
margin-top: 0
}
@media screen and (max-width: 1199px) {
.training__card-wrap .training__card:nth-child(3n+1) {
padding-right: 10px;
padding-left: 0
}
.training__card-wrap .training__card:nth-child(3n+1) .training__card-status {
left: 0
}
.training__card-wrap .training__card:nth-child(3n+2) {
padding-right: 5px;
padding-left: 5px
}
.training__card-wrap .training__card:nth-child(3n+2) .training__card-status {
left: 5px
}
.training__card-wrap .training__card:nth-child(3n+3) {
padding-left: 10px;
padding-right: 0
}
.training__card-wrap .training__card:nth-child(3n+3) .training__card-status {
left: 10px
}
}
@media screen and (max-width: 991px) {
.training__card-wrap .training__card:nth-child(3n+1) {
padding-right: 0
}
.training__card-wrap .training__card:nth-child(3n+2) {
padding-right: 0;
padding-left: 0
}
.training__card-wrap .training__card:nth-child(3n+2) .training__card-status {
left: 0
}
.training__card-wrap .training__card:nth-child(3n+3) {
padding-left: 0
}
.training__card-wrap .training__card:nth-child(3n+3) .training__card-status {
left: 0
}
}
.training__card-wrap .row {
margin-left: -15px;
margin-right: -15px
}
@media screen and (max-width: 1199px) {
.training__card-wrap .row {
margin-left: 0;
margin-right: 0
}
}
.training__card-wrap .btn__eye {
max-width: 136px;
height: 216px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
color: #e0d5aa;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
line-height: 22px;
cursor: pointer;
margin-left: 25px;
margin-bottom: 55px
}
@media screen and (max-width: 1199px) {
.training__card-wrap .btn__eye {
font-size: 16px;
line-height: 18px
}
}
@media screen and (max-width: 991px) {
.training__card-wrap .btn__eye {
max-width: 100%;
height: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 0;
margin-bottom: 50px
}
}
.training__card-wrap .btn__eye i {
margin-bottom: 15px
}
@media screen and (max-width: 991px) {
.training__card-wrap .btn__eye i {
margin-bottom: 0;
margin-right: 15px
}
}
.training__card-wrap .btn__eye-off {
color: #999999;
opacity: .5
}
.training__card-bg1 {
background: url(/assets/frontend/img/training/card1.jpg) no-repeat center center;
background-size: cover
}
.training__card-bg2 {
background: url(/assets/frontend/img/training/card2.jpg) no-repeat center center;
background-size: cover
}
.training__card-bg3 {
background: url(/assets/frontend/img/training/card3.jpg) no-repeat center center;
background-size: cover
}
.training__card-bg4 {
background: url(/assets/frontend/img/training/card4.jpg) no-repeat center center;
background-size: cover
}
.training__card-bg5 {
background: url(/assets/frontend/img/training/card5.jpg) no-repeat center center;
background-size: cover
}
.training__card-bg6 {
background: url(/assets/frontend/img/training/card6.jpg) no-repeat center center;
background-size: cover
}
.training__card-inner {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
border-radius: 10px;
padding: 20px 10px 20px 20px
}
.training__card-inner p {
max-width: 500px;
color: #fff;
font-family: "Arial_Bold", sans-serif;
font-size: 27px;
line-height: 27px;
margin-bottom: 20px
}
@media screen and (max-width: 96px) {
.training__card-inner p {
font-size: 24px;
line-height: 27px
}
}
@media screen and (max-width: 1199px) {
.training__card-inner p {
font-size: 20px;
line-height: 22px;
margin-bottom: 10px
}
}
@media screen and (max-width: 991px) {
.training__card-inner p {
max-width: 100%
}
}
.training__card-scroll {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow-x: scroll;
overflow-y: hidden;
cursor: context-menu;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none;
}
.training__card-scroll::-webkit-scrollbar {
display: none;
}
.training__card-scroll span.sp_title {
height: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #0048f4;
border-radius: 10px;
color: #fff;
font-family: "Arial_Bold", sans-serif;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
padding: 7px 15px
}
@media screen and (max-width: 1199px) {
.training__card-scroll span.sp_title {
height: auto;
font-size: 12px;
line-height: 14px;
padding: 5px 10px
}
}
.training__card-scroll span.sp_title-blue {
background-color: #008ce5
}
.training__card-scroll span.sp_title-purple {
background-color: #982192
}
.training__card-scroll span.sp_title-green {
background-color: #4fa800
}
.training__card-scroll span.sp_title-gray {
background-color: rgb(128, 128, 128);
}
.training__card-scroll>span+span {
margin-left: 26px
}
@media screen and (max-width: 1199px) {
.training__card-scroll>span+span {
margin-left: 10px
}
}
.training__card-scroll>span {
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: rgba(255, 255, 255, .8);
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px
}
@media screen and (max-width: 1199px) {
.training__card-scroll>span {
font-size: 14px;
line-height: 16px
}
}
.training__card-failed .training__card-inner,
.training__card-performed .training__card-inner {
-webkit-filter: blur(5px);
filter: blur(5px);
position: relative
}
.training__card-failed .training__card-inner::before,
.training__card-performed .training__card-inner::before {
content: '';
width: 100%;
height: 100%;
display: block;
background-color: rgba(255, 255, 255, .7);
position: absolute;
top: 0;
left: 0
}
.training__card-failed .training__card-status,
.training__card-performed .training__card-status {
width: 185px;
height: 53px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 20px;
background-color: #f81c3a;
border: 2px solid #f81c3a;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
color: #fff;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
line-height: 20px
}
@media screen and (max-width: 1199px) {
.training__card-failed .training__card-status,
.training__card-performed .training__card-status {
width: 170px;
height: 40px;
font-size: 16px;
line-height: 16px
}
}
.training__card-failed .training__card-status:hover p,
.training__card-performed .training__card-status:hover p {
display: block
}
.training__card-failed .training__card-status i,
.training__card-performed .training__card-status i {
margin-right: 15px
}
.training__card-failed .training__card-status p,
.training__card-performed .training__card-status p {
display: none;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
position: absolute;
bottom: -40px;
left: -2px;
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 0 17px 4px rgba(0, 0, 0, .11);
box-shadow: 0 0 17px 4px rgba(0, 0, 0, .11);
color: #000;
font-family: "Arial", sans-serif;
font-size: 16px;
line-height: 16px;
padding: 15px 20px
}
@media screen and (max-width: 1199px) {
.training__card-failed .training__card-status p,
.training__card-performed .training__card-status p {
font-size: 12px;
line-height: 12px;
padding: 10px 15px;
bottom: -30px
}
}
.training__card-performed .training__card-status {
background-color: #68c100;
border: 2px solid #68c100
}
.training__footer {
background-color: #fff;
-webkit-box-shadow: 0 -10px 14.4px 3.6px rgba(198, 198, 198, .24);
box-shadow: 0 -10px 14.4px 3.6px rgba(198, 198, 198, .24);
padding: 25px 0 35px;
}
.training__footer-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative
}
@media screen and (max-width: 991px) {
.training__footer-top {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media screen and (max-width: 576px) {
.training__footer-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.training__footer-top>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width: 576px) {
.training__footer-top>div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.training__footer-top>div p {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 26px;
line-height: 26px
}
.training__footer-top>div p.p_aft {
display: none
}
.training__footer-top>div select {
margin-left: 30px;
margin-right: 35px
}
.training__footer-top>div .chosen-container {
width: 220px !important
}
@media screen and (max-width: 1199px) {
.training__footer-top>div .chosen-container {
width: 180px !important
}
}
.training__footer-top>div>div {
margin-left: 30px;
margin-right: 35px
}
@media screen and (max-width: 1199px) {
.training__footer-top>div>div {
margin-left: 15px;
margin-right: 15px
}
}
@media screen and (max-width: 576px) {
.training__footer-top>div>div {
margin-left: 0;
margin-right: 0;
margin-top: 15px
}
}
.training__footer-top>div>div .chosen-single {
color: #000;
font-family: "Arial", sans-serif;
font-size: 18px
}
@media screen and (max-width: 1199px) {
.training__footer-top>div>div .chosen-single {
font-size: 14px
}
}
.training__footer-top>div>div .chosen-single>div {
width: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.training__footer-top>div>div .chosen-single>span {
margin-right: 40px
}
.training__footer-top>div>div .chosen-single div b {
width: 17px;
height: 9px;
background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
background-size: cover !important
}
@media screen and (max-width: 1199px) {
.training__footer-top>div>div .chosen-results {
font-size: 14px
}
}
.training__footer-top>div .chosen-container-active.chosen-with-drop .chosen-single div b {
background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
background-position: 0 0 !important;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.training__footer-top>div>i {
cursor: pointer
}
.training__footer-top>div.close_p p.p_aft {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.training__footer-top>div.close_p p.p_bef {
display: none
}
.training__footer-top>.wrap_p {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
@media screen and (max-width: 991px) {
.training__footer-top>.wrap_p {
display: none
}
}
.training__footer-top>.wrap_p P {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #999999;
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 17px
}
@media screen and (max-width: 1199px) {
.training__footer-top>.wrap_p P {
font-size: 14px;
line-height: 14px
}
}
.training__footer-top>.wrap_p P i.ic_close {
width: 20px;
height: 20px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237f7f7f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
margin-left: 15px
}
.training__footer .chosen-drop {
top: auto;
bottom: 100%;
border-radius: 4px;
border-top: 1px solid #aaa
}
.training__footer .timelain {
display: none
}
.training__footer.timelain_open .timelain {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.training__footer.timelain_open i.ic_maximize {
width: 21px;
height: 21px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-minimize-2%22%3E%3Cpolyline%20points%3D%224%2014%2010%2014%2010%2020%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%2220%2010%2014%2010%2014%204%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2214%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%223%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2221%22%20x2%3D%2210%22%20y2%3D%2214%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
html body .additional.container .additional__inner {
width: 100%;
height: auto;
position: relative;
background-color: #fff;
border-radius: 10px;
-webkit-box-shadow: -.3px 6px 32px 8px rgba(0, 0, 0, .09);
box-shadow: -.3px 6px 32px 8px rgba(0, 0, 0, .09);
padding: 30px 30px 30px 210px
}
@media screen and (max-width: 96px) {
.additional__inner {
height: auto
}
}
@media screen and (max-width: 1199px) {
.additional__inner {
padding: 30px 30px 30px 30px
}
}
html body .additional.container .additional__inner h2 {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 32px;
line-height: 32px;
margin-bottom: 10px;
text-transform: none;
}
@media screen and (max-width: 767px) {
.additional__inner h2 {
font-size: 24px;
line-height: 24px
}
}
.additional__inner p {
display: inline-block;
color: #000;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 20px
}
@media screen and (max-width: 96px) {
.additional__inner p {
font-size: 14px;
line-height: 18px
}
}
@media screen and (max-width: 1199px) {
.additional__inner p {
display: inline-block
}
}
@media screen and (max-width: 576px) {
.additional__inner p {
font-size: 12px;
line-height: 16px
}
}
@media screen and (max-width: 991px) {
.additional__inner p>span {
display: block;
margin-top: 10px
}
}
.additional__inner p a {
width: 175px;
height: 33px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #0048F4;
border-radius: 17px;
color: #000;
text-decoration: none;
margin-left: 10px;
margin-right: 10px
}
@media screen and (max-width: 96px) {
.additional__inner p a {
width: auto;
padding: 0 10px
}
}
@media screen and (max-width: 576px) {
.additional__inner p a {
height: 24px
}
}
.additional__inner p a span {
width: 13px;
height: 13px;
display: block;
background: url(/assets/frontend/img/training/arrow-right.png) no-repeat center center;
background-size: cover;
margin-left: 10px
}
.additional__inner img {
width: 117px;
height: 117px;
background-size: cover;
position: absolute;
top: -15px;
left: 45px
}
@media screen and (max-width: 96px) {
.additional__inner img {
left: 15px
}
}
@media screen and (max-width: 1199px) {
.additional__inner img {
display: none
}
}
.reklama {
width: 100%;
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
background-color: #0048F4
}
@media screen and (max-width: 1199px) {
.reklama {
padding: 0
}
}
@media screen and (max-width: 576px) {
.reklama {
height: auto;
padding: 15px 0
}
}
.reklama::before {
content: '';
width: 155px;
height: 41px;
display: block;
background: url(/assets/frontend/img/training/bg_bef.png) no-repeat center center;
position: absolute;
top: -24px;
left: 0
}
.reklama::after {
content: '';
width: 155px;
height: 41px;
display: block;
background: url(/assets/frontend/img/training/bg_aft.png) no-repeat center center;
position: absolute;
bottom: -29px;
left: 0
}
.reklama-more {
background-color: #e2e2e2
}
.reklama-more::before {
background: url(/assets/frontend/img/training/bg_bef1.png) no-repeat center center
}
.reklama-more::after {
background: url(/assets/frontend/img/training/bg_aft1.png) no-repeat center center
}
.reklama-more i.ic_close {
width: 20px;
height: 20px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237f7f7f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.reklama-more .reklama__inner>div>p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #7f7f7f;
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 17px;
padding-left: 40px
}
@media screen and (max-width: 1199px) {
.reklama-more .reklama__inner>div>p {
font-size: 14px;
line-height: 14px
}
}
@media screen and (max-width: 767px) {
.reklama-more .reklama__inner>div>p {
padding-left: 15px
}
}
.reklama-more .reklama__inner>div>p>span {
display: inline-block;
color: #7f7f7f;
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 17px
}
@media screen and (max-width: 1199px) {
.reklama-more .reklama__inner>div>p>span {
font-size: 14px;
line-height: 14px
}
}
@media screen and (max-width: 767px) {
.reklama-more .reklama__inner>div>p>span {
font-size: 12px;
line-height: 12px
}
}
.reklama-more .reklama__inner>div>p>span span {
display: inline-block;
border-bottom: 0 solid;
padding-left: 5px;
}
.reklama-more .reklama__inner>div+div::before {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(139, 136, 136, .21)), to(transparent));
background-image: -o-linear-gradient(left, rgba(139, 136, 136, .21) 0, transparent 100%);
background-image: linear-gradient(to right, rgba(139, 136, 136, .21) 0, transparent 100%)
}
@media screen and (max-width: 576px) {
.reklama-more .reklama__inner>div+div::before {
display: none
}
}
.reklama__inner {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width: 991px) {
.reklama__inner>div:first-child {
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content
}
}
@media screen and (max-width: 767px) {
.reklama__inner>div:first-child {
font-size: 14px;
line-height: 14px
}
}
@media screen and (max-width: 576px) {
.reklama__inner>div.js-wrap_p {
display: none
}
}
.reklama__inner>div {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 22px;
line-height: 22px
}
@media screen and (max-width: 1199px) {
.reklama__inner>div {
font-size: 16px;
line-height: 16px
}
}
@media screen and (max-width: 767px) {
.reklama__inner>div {
font-size: 12px;
line-height: 14px
}
}
@media screen and (max-width: 576px) {
.reklama__inner>div {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.reklama__inner>div>p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #896d00;
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 17px;
padding-left: 40px
}
@media screen and (max-width: 1199px) {
.reklama__inner>div>p {
font-size: 14px;
line-height: 14px
}
}
@media screen and (max-width: 767px) {
.reklama__inner>div>p {
padding-left: 15px
}
}
@media screen and (max-width: 576px) {
.reklama__inner>div>p {
font-size: 12px;
line-height: 12px;
padding-left: 0;
text-align: center
}
}
.reklama__inner>div>p>span {
display: inline-block;
color: #896d00;
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 17px
}
@media screen and (max-width: 1199px) {
.reklama__inner>div>p>span {
font-size: 14px;
line-height: 14px
}
}
@media screen and (max-width: 767px) {
.reklama__inner>div>p>span {
font-size: 12px;
line-height: 12px
}
}
.reklama__inner>div>p>span span {
display: inline-block;
border-bottom: 0 solid;
padding-left: 5px !important;
}
.reklama__inner>div>p>span+span {
margin-left: 20px
}
@media screen and (max-width: 767px) {
.reklama__inner>div>p>span+span {
margin-left: 10px
}
}
.reklama__inner>div>p>i {
margin-left: 10px;
cursor: pointer
}
.reklama__inner>div>p.p_aft {
display: none
}
.reklama__inner>div.close_p>p.p_aft {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.reklama__inner>div.close_p>p.p_bef {
display: none
}
.reklama__inner>div+div {
margin-left: 40px
}
@media screen and (max-width: 767px) {
.reklama__inner>div+div {
margin-left: 15px
}
}
@media screen and (max-width: 576px) {
.reklama__inner>div+div {
margin-left: 0
}
}
.reklama__inner>div+div::before {
content: '';
width: 155px;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(197, 161, 18, .21)), to(transparent));
background-image: -o-linear-gradient(left, rgba(197, 161, 18, .21) 0, transparent 100%);
background-image: linear-gradient(to right, rgba(197, 161, 18, .21) 0, transparent 100%);
display: block;
position: absolute;
top: 0;
left: 0
}
@media screen and (max-width: 576px) {
.reklama__inner>div+div::before {
display: none
}
}
.timer {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #4a4a4a;
border-radius: 11px;
color: white;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 16px;
padding: 6px 15px 6px 15px;
margin-bottom: 15px
}
@media screen and (max-width: 1199px) {
.timer {
font-size: 14px;
line-height: 14px;
margin-bottom: 10px
}
}
.timer>i {
margin-right: 12px
}
.timer>span {
display: inline-block;
padding-top: 2px;
margin-right: 5px
}
@media screen and (max-width: 1199px) {
.timer>span {
display: none
}
}
.timer .countdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 2px
}
.timer .countdown-number span+span {
margin-left: -3px
}
.timer .countdown__hourse {
margin-right: 3px
}
.timelain {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-x: scroll;
margin-top: -100px
}
.timelain::-webkit-scrollbar {
height: 7px
}
.timelain__block {
position: relative;
min-width: 245px;
min-height: 185px;
border-bottom: 6px solid #e8e8e8;
margin-bottom: 70px;
padding: 0 11px;
margin-top: 100px
}
.timelain__block-notEvent>span {
width: calc(100% - 11px);
height: 63px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: absolute;
bottom: 0;
left: 11px;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .1)));
background-image: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 100%);
background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 100%);
color: #c5c5c5;
font-family: "Arial_Bold", sans-serif;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
padding: 15px;
cursor: default
}
.timelain__block-start {
width: 11px;
height: 34px;
display: block;
position: absolute;
bottom: -25px;
left: 0;
background-color: #e8e8e8;
border: 3px solid #fff;
border-radius: 5px
}
.timelain__block-start>span {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: inline-block;
position: absolute;
top: 130%;
left: 0;
color: #767676;
font-family: "Arial_Bold", sans-serif;
font-size: 13px;
line-height: 13px
}
.timelain__block-start>span span {
color: #c5c5c5;
}
.timelain__block-line {
width: 11px;
height: 87px;
position: absolute;
bottom: -8px;
left: 80%;
background-color: #1c8ce3;
border: 3px solid #fff;
border-radius: 5px;
z-index: 1;
cursor: pointer
}
.timelain__block-line:hover {
z-index: 2
}
.timelain__block-line:hover .tooltip {
display: block
}
.timelain__block-line1 {
height: 56px;
left: 76%;
background-color: #cf5a1b
}
.timelain__block-line2 {
height: 56px;
left: 40%;
background-color: #982192
}
.timelain__own_goal {
height: 56px;
background-color: #982192 !important;
}
.timelain__team_goal {
height: 56px;
background-color: green !important;
}
.timelain__task {
height: 56px;
background-color: blue !important;
}
.timelain__block:last-child::after {
content: '';
width: 11px;
height: 34px;
display: block;
position: absolute;
bottom: -25px;
right: -11px;
background-color: #e8e8e8;
border: 3px solid #fff;
border-radius: 5px
}
.timelain__block-time {
width: 5px;
height: 95px;
position: absolute;
bottom: -8px;
left: 20%;
background-color: #de6d08;
border: 2px solid #fff
}
.timelain__block-time span {
width: 42px;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: -5px;
left: 0;
background-color: #f81c3a;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
color: #fff;
font-family: "Arial_Bold", sans-serif;
font-size: 12px;
line-height: 12px
}
.timelain.tool__right .tooltip {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
right: 0;
left: auto
}
.timelain.tool__right .tooltip__inner {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1)
}
.pagination {
height: 47px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(226, 226, 226, .47);
border-radius: 10px;
padding: 0 5px
}
@media screen and (max-width: 1199px) {
.pagination {
height: 40px
}
}
.pagination__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width: 767px) {
.pagination__wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.pagination__wrap-left,
.pagination__wrap-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.pagination__wrap-left>span,
.pagination__wrap-right>span {
display: inline-block;
color: #000;
font-family: "Arial", sans-serif;
font-size: 16px;
line-height: 16px
}
@media screen and (max-width: 767px) {
.pagination__wrap-left>span,
.pagination__wrap-right>span {
margin-right: 5px
}
}
@media screen and (max-width: 767px) {
.pagination__wrap-left {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media screen and (max-width: 767px) {
.pagination__wrap-left .page-item+.page-item {
margin-left: 5px
}
}
@media screen and (max-width: 767px) {
.pagination__wrap-left span {
display: none
}
}
@media screen and (max-width: 767px) {
.pagination__wrap-right {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px
}
}
.pagination__wrap-right .pagination .page-item.active .page-link {
background-color: #d8d8d8
}
.pagination__wrap-right .pagination .page-item .page-link:hover {
background-color: #d8d8d8
}
.pagination__wrap nav {
margin-left: 30px
}
@media screen and (max-width: 767px) {
.pagination__wrap nav {
margin-left: 0
}
}
.pagination__wrap nav .page-item:first-child .page-link,
.pagination__wrap nav .page-item:last-child .page-link {
border-radius: 18px
}
.pagination__wrap>span {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 16px;
line-height: 16px
}
.pagination .page-item.active .page-link {
background-color: #0048F4;
color: #24262c
}
.pagination .page-link {
width: 44px;
height: 39px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: transparent;
border-radius: 10px;
border: none;
padding: 0;
margin-left: 0;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
color: #969696
}
@media screen and (max-width: 1199px) {
.pagination .page-link {
width: 100%;
min-width: 30px;
height: 30px;
padding: 4px;
font-size: 16px
}
}
.pagination li.active a.page-link {
background-color: #0048F4;
border-radius: 10px;
}
.pagination .page-link:hover {
background-color: white;
color: #24262c;
border-radius: 10px;
}
.pagination .page-link:hover i.ic_chevron-right-2 {
width: 30px;
height: 30px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevrons-right%22%3E%3Cpolyline%20points%3D%2213%2017%2018%2012%2013%207%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%226%2017%2011%2012%206%207%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.pagination .page-link:hover i.ic_chevron-right {
width: 25px;
height: 30px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-right%22%3E%3Cpolyline%20points%3D%229%2018%2015%2012%209%206%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.pagination .page-link:focus {
-webkit-box-shadow: none;
box-shadow: none
}
.tooltip {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 415px;
display: none;
position: absolute;
bottom: calc(100% + 20px);
left: 0;
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 0 42.3px 8.7px rgba(0, 0, 0, .24);
box-shadow: 0 0 42.3px 8.7px rgba(0, 0, 0, .24);
padding: 17px;
opacity: 1
}
@media screen and (max-width: 767px) {
.tooltip {
max-width: 220px
}
}
.tooltip::after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 20px 20px 0 0;
border-color: #fff transparent transparent transparent;
position: absolute;
bottom: -15px;
left: 0
}
.tooltip::before {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 25px;
background-color: transparent;
display: block
}
.tooltip h5 {
color: #c5c5c5;
font-family: "Arial_Bold", sans-serif;
font-size: 14px;
line-height: 14px
}
.tooltip h5 span {
display: inline-block;
color: #7a7a7a;
margin-left: 10px
}
.tooltip a {
display: block;
color: #0048f4;
font-family: "Arial_Bold", sans-serif;
font-size: 15px;
line-height: 13px;
text-decoration: none;
border-bottom: 1px solid;
margin: 10px 0;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.tooltip2 h4 {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 15px;
margin-bottom: 10px
}
.tooltip2 p {
color: #c5c5c5;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 17px
}
.tooltip p+p {
margin-top: 5px
}
.target .pagination__wrap {
margin-top: 50px
}
.target span.sp_title {
padding: 0 14px 0 14px
}
@media screen and (max-width: 1199px) {
.target span.sp_title {
height: 22px;
line-height: 12px
}
}
.target span.sp_title_notNumber {
padding: 7px 14px
}
.target .number__wrap {
width: 72px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 0, 0, .32);
border-radius: 10px;
color: #fff;
font-family: "Arial_Bold", sans-serif;
font-size: 14px;
line-height: 14px;
margin-right: -14px;
margin-left: 20px;
}
@media screen and (max-width: 767px) {
.target .number__wrap {
font-size: 12px;
line-height: 12px
}
}
.target .number__wrap .number__first {
margin-right: 5px
}
.target .number__wrap .number__finish {
margin-left: 5px
}
@media screen and (max-width: 767px) {
.target .input__block {
bottom: -65px
}
}
@media screen and (max-width: 767px) {
.target .input__block.open {
bottom: -65px
}
}
@media screen and (max-width: 991px) {
.target .training__card-section {
margin-top: 90px
}
}
.target__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-bottom: 1px solid #d8d8d8;
padding: 25px 0 17px
}
.target__block:last-child {
border-bottom: 1px solid transparent
}
.target__block>i {
margin-right: 12px
}
.target__block-name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
position: relative;
font-family: "Arial", sans-serif;
line-height: 18px;
color: #24262c;
font-size: 18px;
cursor: pointer;
z-index: 10
}
@media screen and (max-width: 1199px) {
.target__block-name {
font-size: 16px
}
}
@media screen and (max-width: 1199px) {
.target__block-name>span {
display: inline;
margin-right: 10px
}
}
.target__block-name-disp {
display: block;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
line-height: 28px
}
@media screen and (max-width: 1199px) {
.target__block-name-disp {
line-height: 20px
}
}
.target__block-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-left: 10px;
margin-top: 3px
}
.target__block-btn>button+button {
margin-left: 15px
}
@media screen and (max-width: 1199px) {
.target__block-btn>button+button {
margin-left: 8px
}
}
.target__block-statistic {
height: 26px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
background-color: #f1f1f1;
border-radius: 13px;
padding: 0 15px;
margin-left: 15px;
cursor: default
}
@media screen and (max-width: 1199px) {
.target__block-statistic {
margin-left: 0
}
}
.target__block-statistic>span {
display: inline-block;
color: #969696;
font-family: "Arial_Bold", sans-serif;
font-size: 14px;
line-height: 14px
}
.target__block-statistic>span.progress__good {
color: #68c100
}
.target__block-statistic>span.progress__sr {
color: #ff7800
}
.target__block-statistic>span.progress__bad {
color: #f81c3a
}
.target__block-statistic>span+span {
margin-left: 15px
}
.target__block-statistic-result {
height: 100%;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 105%;
font-family: "Arial_Bold", sans-serif;
font-size: 14px;
line-height: 14px;
color: #fff !important;
background-color: #68c100;
border-radius: 13px;
padding: 0 12px 0 10px;
margin-left: 0 !important;
}
.target__block-statistic-result-bad {
background-color: #f81c3a
}
.target-btn__move {
width: 20px;
height: 20px;
display: inline-block;
border: none;
outline: 0;
padding: 0;
cursor: pointer;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23969696%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-move%22%3E%3Cpolyline%20points%3D%225%209%202%2012%205%2015%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%229%205%2012%202%2015%205%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%2215%2019%2012%2022%209%2019%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%2219%209%2022%2012%2019%2015%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%222%22%20y1%3D%2212%22%20x2%3D%2222%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20y1%3D%222%22%20x2%3D%2212%22%20y2%3D%2222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.target-btn__move:focus {
outline: 0 !important
}
.target-btn__close {
width: 22px;
height: 22px;
display: inline-block;
border: none;
outline: 0;
padding: 0;
cursor: pointer;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23969696%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.target-btn__close:focus {
outline: 0 !important
}
.target-btn__edit {
width: 22px;
height: 21px;
display: inline-block;
border: none;
outline: 0;
padding: 0;
cursor: pointer;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23969696%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-edit-3%22%3E%3Cpath%20d%3D%22M12%2020h9%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16.5%203.5a2.121%202.121%200%200%201%203%203L7%2019l-4%201%201-4L16.5%203.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.target-btn__edit:focus {
outline: 0 !important
}
.target-btn__add,
.target-btn__add-group,
.target-btn__save {
height: 49px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #0048F4;
border: none;
border-radius: 10px;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
padding: 5px 27px;
outline: 0;
margin-top: 35px
}
@media screen and (max-width: 576px) {
.target-btn__add,
.target-btn__add-group,
.target-btn__save {
margin-top: 15px
}
}
.target-btn__add-group:focus,
.target-btn__add:focus,
.target-btn__save:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 0
}
.target-btn__save {
margin-top: 0
}
.appraisal__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width: 767px) {
.appraisal__top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.appraisal__nav {
margin-left: 50px
}
@media screen and (max-width: 767px) {
.appraisal__nav {
margin-left: 0;
margin-bottom: 20px
}
}
.appraisal__tab {
margin-top: 10px
}
.appraisal__tab-content .appraisal__link-right>p.p_done {
color: #7bbb36
}
.appraisal__tab-content.open_wrap .appraisal__tab2>span {
display: none
}
.appraisal__tab-content.active {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
@media screen and (max-width: 767px) {
.appraisal__tab-content.active {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.appraisal__nav2 {
width: 360px;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
position: relative;
display: block;
background-color: #fff;
border: 1px solid #d8d8d8;
border-radius: 10px;
-webkit-box-shadow: -2.3px 43.9px 35px rgba(0, 0, 0, .04);
box-shadow: -2.3px 43.9px 35px rgba(0, 0, 0, .04);
padding: 30px 0;
margin-bottom: 50px;
z-index: 1
}
@media screen and (max-width: 767px) {
.appraisal__nav2 {
width: 100%;
margin-bottom: 10px
}
}
.appraisal__nav2 .wrap_new>p {
margin-bottom: 20px;
}
.appraisal__nav2>p,
.appraisal__nav2 .wrap_new>p {
width: 95%;
height: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: -o-repeating-linear-gradient(135deg, #b1b1b1, #b1b1b1 2px, #fff 2px, #fff 6px);
background: repeating-linear-gradient(-45deg, #b1b1b1, #b1b1b1 2px, #fff 2px, #fff 6px)
}
.appraisal__nav2>p span,
.appraisal__nav2 .wrap_new>p span {
display: inline-block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 100%;
color: #7a7a7a;
background-color: #fff;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
padding-left: 22px;
padding-right: 15px
}
.appraisal__nav2>p+div {
margin-top: 20px
}
.appraisal__nav2>div+p {
margin-top: 60px
}
.appraisal__nav2>div>a {
height: 62px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border-radius: 0;
padding-left: 22px
}
.appraisal__nav2>div>a::after {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
border: 3px solid transparent;
border-radius: 10px
}
.appraisal__nav2>div>a.nav-link.active,
.appraisal__nav2>div>a.nav-link:hover {
background-color: #fff;
border-radius: 10px
}
.appraisal__nav2>div>a.nav-link.active::before,
.appraisal__nav2>div>a.nav-link:hover::before {
content: '';
width: 50px;
height: 100%;
display: block;
position: absolute;
top: 0;
right: -20px;
background: url(/assets/frontend/img/appraisal/tab/arrow_before.png) no-repeat center right 6px;
background-size: 9px 15px;
background-color: #0048F4;
border-radius: 10px;
z-index: -1
}
.appraisal__nav2>div>a.nav-link.active::after,
.appraisal__nav2>div>a.nav-link:hover::after {
border: 3px solid #0048F4;
z-index: 10
}
.appraisal__nav2>a.people__btn_add {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #fff;
border: 2px solid #0048F4;
border-radius: 10px;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 16px;
text-decoration: none;
padding: 0 20px;
margin: 20px 0 35px 76px
}
.appraisal__nav2>a.people__btn_add:hover {
color: #24262c;
background-color: #0048F4;
border-color: #0048F4
}
.appraisal__nav2>div.appraisal__nav2-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 18px 0 23px
}
@media screen and (max-width: 767px) {
.appraisal__nav2>div.appraisal__nav2-info {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.appraisal__nav2>div.appraisal__nav2-info i {
width: 37px;
height: 37px;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-info%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212.01%22%20y2%3D%228%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
@media screen and (max-width: 767px) {
.appraisal__nav2>div.appraisal__nav2-info i {
margin-right: 15px
}
}
.appraisal__nav2>div.appraisal__nav2-info div {
max-width: 205px
}
.appraisal__nav2>div.appraisal__nav2-info p {
color: #7a7a7a;
font-family: "Arial", sans-serif;
font-size: 14px;
line-height: 14px
}
.appraisal__nav2>div.appraisal__nav2-info p+p {
margin-top: 20px
}
.appraisal__nav2>div.appraisal__nav2-info a {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #0048F4;
border-radius: 10px;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 16px;
text-decoration: none;
padding: 0 20px;
margin: 20px 0 35px 0
}
.appraisal__link-left {
position: relative;
margin-right: 12px
}
.appraisal__link-left>img {
position: relative;
z-index: 12
}
.appraisal__link-left>div {
width: 50px;
height: 38px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 50%;
left: -32px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 10px;
padding-right: 15px;
z-index: 11
}
.appraisal__link-left>div.notification {
background-color: #0048f4
}
.appraisal__link-left>div.del {
background-color: #f81c3a
}
.appraisal__link-right>h3 {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 17px;
line-height: 17px;
margin-bottom: 5px
}
.appraisal__link-right>p {
color: #0048f4;
font-family: "Arial_Bold", sans-serif;
font-size: 15px;
line-height: 15px
}
.appraisal__link-right.not_send p {
color: #7a7a7a
}
.appraisal__link-right.get p {
color: #7bbb36
}
.appraisal__tab2 {
width: calc(100% - 300px);
padding: 30px 0 30px 50px
}
@media screen and (max-width: 991px) {
.appraisal__tab2 {
padding: 30px 0 30px 25px
}
}
@media screen and (max-width: 767px) {
.appraisal__tab2 {
width: 100%;
padding: 30px 0
}
}
.appraisal__tab2-wrap-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 45px
}
.appraisal__tab2>span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px
}
@media screen and (max-width: 96px) {
.appraisal__tab2>span {
font-size: 16px;
line-height: 18px
}
}
.appraisal__tab2>span i {
width: 41px;
height: 41px;
display: inline-block;
background: url(/assets/frontend/img/appraisal/tab/arrow-right.png) no-repeat center center;
background-size: cover;
margin-right: 25px
}
@media screen and (max-width: 1199px) {
.appraisal__tab2>span i {
background-size: contain
}
}
@media screen and (max-width: 991px) {
.appraisal__tab2>span i {
width: 55px;
height: 55px
}
}
@media screen and (max-width: 767px) {
.appraisal__tab2>span i {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
}
@media screen and (max-width: 576px) {
.appraisal__tab2>span i {
min-width: 35px
}
}
.appraisal__tab2-get>p {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px
}
@media screen and (max-width: 96px) {
.appraisal__tab2-get>p {
font-size: 16px;
line-height: 18px
}
}
.appraisal__tab2-get>p+p {
margin-top: 5px
}
.prompt {
width: 100%;
height: auto;
position: relative;
background-color: #fff;
background-image: url(/assets/frontend/img/appraisal/prompt/alert-circle.jpg);
background-repeat: no-repeat;
background-size: 115px 115px;
background-position: -25px 12px;
border-radius: 10px;
-webkit-box-shadow: -.3px 6px 32px 8px rgba(0, 0, 0, .09);
box-shadow: -.3px 6px 32px 8px rgba(0, 0, 0, .09);
padding: 25px 175px 35px 125px;
margin-bottom: 25px
}
@media screen and (max-width: 96px) {
.prompt {
padding: 25px 105px 25px 115px
}
}
@media screen and (max-width: 767px) {
.prompt {
background-size: 80px 80px;
background-position: -35px 10px;
padding: 35px 20px 25px 50px
}
}
.prompt>h5 {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 22px;
line-height: 24px
}
@media screen and (max-width: 96px) {
.prompt>h5 {
font-size: 20px;
line-height: 22px
}
}
.prompt>p {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 20px;
margin-top: 10px
}
@media screen and (max-width: 96px) {
.prompt>p {
font-size: 16px;
line-height: 18px
}
}
@media screen and (max-width: 767px) {
.prompt>p {
font-size: 14px;
line-height: 16px
}
}
.prompt>p a {
color: #24262c;
text-decoration: none;
font-family: "Arial_Bold", sans-serif;
}
.prompt>p+p {
margin-top: 20px
}
.prompt>span {
width: 37px;
height: 37px;
position: absolute;
top: 12px;
right: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #0048F4;
border-radius: 50%;
cursor: pointer
}
.prompt>span i {
width: 22px;
height: 22px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.breadcrumb {
padding: 0;
margin-bottom: 25px;
background-color: transparent;
border-radius: 0
}
.breadcrumb-item {
color: #999999;
font-family: "Arial", sans-serif;
font-size: 15px;
line-height: 15px
}
.breadcrumb-item a {
display: block;
color: #999999;
text-decoration: none;
border-bottom: 1px solid
}
.breadcrumb-item.active {
color: #999999
}
.breadcrumb-item.active>span {
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #f1f1f1;
border-radius: 10px;
color: #969696;
font-family: "Arial_Bold", sans-serif;
font-size: 15px;
padding: 0 20px;
margin-left: 20px
}
@media screen and (max-width: 576px) {
.breadcrumb-item.active>span {
height: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 12px
}
}
.breadcrumb-item+.breadcrumb-item {
padding-left: 10px
}
.breadcrumb-item+.breadcrumb-item::before {
padding-right: 10px
}
.comment {
min-width: 585px;
max-width: 585px;
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/*margin-left: 65px;*/
padding: 25px 15px 25px 15px
}
@media screen and (max-width: 96px) {
.comment {
min-width: 450px;
max-width: 450px;
margin-left: 25px
}
}
@media screen and (max-width: 1199px) {
.comment {
min-width: 275px;
max-width: 275px
}
}
@media screen and (max-width: 991px) {
.comment {
min-width: auto;
max-width: 100%;
margin-left: 0;
padding: 25px
}
}
.comment__del {
display: none
}
.comment>p {
color: #7a7a7a;
font-family: "Arial", sans-serif;
font-size: 14px;
line-height: 14px;
border-bottom: 1px solid;
padding-top: 8px;
margin-left: 25px;
cursor: pointer
}
@media screen and (max-width: 1199px) {
.comment>p {
margin-left: 0;
margin-top: 10px
}
}
@media screen and (max-width: 767px) {
.comment>p {
margin-left: 15px;
margin-top: 0
}
}
@media screen and (max-width: 576px) {
.comment>p {
margin-left: 0;
margin-top: 10px
}
}
.comment>textarea {
display: none;
width: 100%;
height: 80px;
background-color: #fff;
border: 1px solid #999999;
border-radius: 5px;
color: #7d7d7d;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px;
margin-top: 25px;
padding: 15px;
outline: 0
}
@media screen and (max-width: 96px) {
.comment>textarea {
font-size: 16px;
line-height: 18px
}
}
.comment>span {
width: 31px;
height: 29px;
display: inline-block;
background: url(/assets/frontend/img/appraisal/comment/star.png) no-repeat center center;
background-size: cover;
cursor: pointer
}
.comment>span.sp_gold_half {
background: url(/assets/frontend/img/appraisal/comment/star_active_half.png) no-repeat center center
}
.comment>span.sp_gold {
background: url(/assets/frontend/img/appraisal/comment/star_active.png) no-repeat center center
}
.comment>span+span {
margin-left: 10px
}
.comment.add .comment__del {
display: inline-block
}
.comment.add .comment__add {
display: none
}
.comment.add>textarea {
display: block
}
.comment.add.done,
.comment.done {
background: -o-repeating-linear-gradient(135deg, #b1b1b1, #b1b1b1 2px, #fff 2px, #fff 6px);
background: repeating-linear-gradient(-45deg, #b1b1b1, #b1b1b1 2px, #fff 2px, #fff 6px)
}
.comment.add.done>p,
.comment.done>p {
display: none
}
.comment.add.done>span,
.comment.done>span {
pointer-events: none
}
.comment.add.done>textarea,
.comment.done>textarea {
pointer-events: none
}
.comment.add.done .rating>label,
.comment.done .rating>label {
pointer-events: none
}
.rating {
border: none
}
.rating>[id^=st] {
display: none
}
.rating>label {
color: #ddd;
float: right;
margin: 0
}
.rating>label:before {
content: "\f005";
display: inline-block;
font-size: 33px;
line-height: 33px;
font-family: "FontAwesome", sans-serif;
cursor: pointer;
margin-right: 10px
}
.rating>.half:before {
content: "\f089";
position: absolute
}
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label,
.rating>[id^=st]:checked~label {
color: #FFD600
}
.rating>[id^=st]:checked+label:hover,
.rating>[id^=st]:checked~label:hover,
.rating>[id^=st]:checked~label:hover~label,
.rating>label:hover~[id^=st]:checked~label {
color: #ffed85
}
.reset-option {
display: none
}
.modal-dialog {
/*max-width: 650px;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 100px
}
@media screen and (max-width: 767px) {
.modal-dialog {
max-width: 100%
}
}
.modal-content {
border-radius: 10px
}
.modal__employee-body {
position: relative;
padding: 30px 30px 40px 30px
}
.modal__employee-body>h2 {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 26px;
line-height: 26px
}
.modal__employee-body>p {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px;
margin-top: 25px;
margin-bottom: 25px
}
.modal__employee-body>span {
width: 37px;
height: 37px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 12px;
right: 12px;
background-color: #0048F4;
border-radius: 17px;
cursor: pointer
}
.modal__employee-body>span i {
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.modal__employee-body>a {
width: 140px;
height: 49px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #0048F4;
border-radius: 10px;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
line-height: 20px;
text-decoration: none;
margin-top: 30px
}
.modal__employee-body .chosen-container {
max-width: 345px;
height: 40px
}
.modal__employee-body .chosen-container-single .chosen-single div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
right: 10px
}
.modal__employee-body .chosen-container-single .chosen-single div b {
width: 17px;
height: 9px;
background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
background-size: cover !important
}
.modal__employee-body .chosen-container-active.chosen-with-drop .chosen-single div b {
background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.modal__assessment-body {
position: relative;
padding: 30px 12px 40px 30px
}
.modal__assessment-body>span {
width: 37px;
height: 37px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 12px;
right: 12px;
background-color: #0048F4;
border-radius: 17px;
cursor: pointer
}
.modal__assessment-body>span i {
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.modal__assessment-body>h2 {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 26px;
line-height: 26px;
margin-bottom: 25px
}
.modal__assessment-body>p {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px;
margin-bottom: 15px
}
.modal__assessment-body>a {
width: 150px;
height: 49px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #0048F4;
border-radius: 10px;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
line-height: 20px;
text-decoration: none;
margin-top: 60px
}
.modal__assessment-inp {
width: 390px;
position: relative;
margin-bottom: 55px
}
@media screen and (max-width: 576px) {
.modal__assessment-inp {
width: 100%
}
}
.modal__assessment-inp input {
width: 100%;
height: 39px;
background-color: #fff;
border: 1px solid #bababa;
border-radius: 5px;
outline: 0;
padding: 5px 30px 5px 15px
}
@media screen and (max-width: 576px) {
.modal__assessment-inp input {
border-bottom-right-radius: 17px;
border-top-right-radius: 17px;
padding: 5px 145px 5px 15px
}
}
.modal__assessment-inp>span {
width: 125px;
height: 39px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
right: -100px;
background-color: #0048F4;
border-radius: 17px;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 18px;
cursor: pointer
}
@media screen and (max-width: 576px) {
.modal__assessment-inp>span {
right: 0;
font-size: 16px
}
}
.modal__assessment-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.modal__assessment-container>span {
height: 39px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #f1f1f1;
border-radius: 17px;
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
padding: 0 15px;
margin-right: 20px;
margin-bottom: 20px
}
@media screen and (max-width: 576px) {
.modal__assessment-container>span {
font-size: 12px;
padding: 0 10px;
margin-right: 10px;
margin-bottom: 10px
}
}
.modal__assessment-container>span i {
width: 16px;
height: 16px;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23313131%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
margin-left: 15px;
cursor: pointer
}
@media screen and (max-width: 576px) {
.modal__assessment-container>span i {
margin-left: 7px
}
}
.modal__assessment-container>span.sp__lock {
background-color: #fff7cf
}
.modal__assessment-container>span.sp__lock i.ic_lock {
width: 16px;
height: 18px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23313131%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-lock%22%3E%3Crect%20x%3D%223%22%20y%3D%2211%22%20width%3D%2218%22%20height%3D%2211%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
margin-right: 11px;
margin-left: 0;
cursor: default
}
@media screen and (max-width: 576px) {
.modal__assessment-container>span.sp__lock i.ic_lock {
margin-right: 7px
}
}
.modal__setting_goal {
position: relative;
padding: 30px 30px 30px 30px
}
@media screen and (max-width: 767px) {
.modal__setting_goal {
padding: 30px 15px 20px
}
}
.modal__setting_goal>h2 {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 26px;
line-height: 26px
}
.modal__setting_goal>h2 span {
font-family: "Arial", sans-serif;
}
.modal__setting_goal>p {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 20px;
margin-top: 25px;
margin-bottom: 25px
}
@media screen and (max-width: 576px) {
.modal__setting_goal>p {
font-size: 16px;
line-height: 18px
}
}
.modal__setting_goal>p span {
font-family: "Arial_Bold", sans-serif;
}
.modal__setting_goal>p.text_light {
color: #969696
}
.modal__setting_goal>span {
width: 37px;
height: 37px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 12px;
right: 12px;
background-color: #0048F4;
border-radius: 17px;
cursor: pointer
}
.modal__setting_goal>span i {
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.modal__setting_goal-btn {
height: 49px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #0048F4;
border: none;
border-radius: 10px;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
padding: 5px 27px;
margin-top: 40px
}
@media screen and (max-width: 576px) {
.modal__setting_goal-btn {
height: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 12px
}
}
.modal__setting_goal-btn>span {
display: inline-block
}
.modal__setting_goal-btn>span+span {
margin-left: 5px
}
.modal__setting_goal .chosen__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width: 576px) {
.modal__setting_goal .chosen__wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.modal__setting_goal .chosen__wrap>span {
color: #000;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px
}
@media screen and (max-width: 576px) {
.modal__setting_goal .chosen__wrap .chosen-container-single .chosen-single {
font-size: 14px
}
}
.modal__setting_goal .chosen__wrap .chosen-container-single .chosen-single div b {
width: 17px;
height: 100%;
background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center !important;
background-size: 17px 9px !important
}
.modal__setting_goal .chosen__wrap .chosen-container-single .chosen-single div {
right: 15px
}
.modal__setting_goal .chosen__wrap .chosen-container {
margin-right: 40px;
margin-left: 40px
}
.modal__composition {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.modal__composition-left {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 18px;
line-height: 18px;
margin-right: 25px
}
@media screen and (max-width: 576px) {
.modal__composition-left {
margin-right: 10px;
font-size: 14px;
line-height: 14px
}
}
.modal__composition-right.hide_btn .modal__composition-add {
display: none
}
.modal__composition-inp {
width: 100%;
height: 39px;
background-color: #fff;
border: 1px solid #bababa;
border-radius: 5px;
color: #969696;
font-family: "Arial", sans-serif;
font-size: 18px;
padding: 0 20px;
margin-bottom: 35px
}
.modal__composition-ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
font-family: "Arial", sans-serif;
line-height: 18px;
color: #24262c;
font-size: 18px;
padding-left: 15px
}
@media screen and (max-width: 576px) {
.modal__composition-ul li {
font-size: 14px;
line-height: 14px
}
}
.modal__composition-ul li::before {
content: '';
width: 7px;
height: 7px;
display: block;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #bababa;
border-radius: 50%
}
.modal__composition-ul li span {
color: #bababa;
font-size: 15px;
line-height: 15px;
font-family: "Arial_Bold", sans-serif;
}
.modal__composition-ul li+li {
margin-top: 10px
}
.modal__composition-select {
width: 355px;
position: relative;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px
}
@media screen and (max-width: 576px) {
.modal__composition-select {
width: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.modal__composition-select .chosen-container {
z-index: 1
}
.modal__composition-select .chosen-container-single .chosen-single {
font-size: 14px
}
.modal__composition-select .chosen-container-single .chosen-single div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 10px
}
.modal__composition-select .chosen-container-single .chosen-single div b {
width: 17px;
height: 9px;
background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
background-size: cover !important
}
.modal__composition-select .chosen-container-active.chosen-with-drop .chosen-single div b {
background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
background-position: 0 0 !important;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.modal__composition-select-add {
height: 40px;
position: absolute;
top: 0;
left: 90%;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #0048F4;
border: none;
outline: 0;
border-radius: 5px;
color: #000;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
padding: 0 30px 0 60px
}
@media screen and (max-width: 576px) {
.modal__composition-select-add {
top: 100%;
left: 0;
width: 100%;
padding: 0 30px
}
}
.modal__composition-select-add:focus {
outline: 0
}
.modal__composition-select.open {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.modal__composition-select.open .modal__composition-select-add {
display: none
}
.modal__composition-select.active .modal__composition-select-add {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.modal__composition-del {
width: 20px;
height: 20px;
display: inline-block;
border: none;
outline: 0;
padding: 0;
cursor: pointer;
margin-left: 10px;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23969696%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.modal__composition-add {
border: none;
background-color: transparent;
border-bottom: 1px solid;
outline: 0;
padding: 0;
color: #969696;
font-family: "Arial_Bold", sans-serif;
font-size: 15px;
line-height: 15px;
margin-left: 15px;
margin-top: 15px
}
.modal__composition-save {
height: 49px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #0048F4;
border: none;
border-radius: 10px;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
padding: 5px 27px;
margin-top: 60px
}
.modal__cascade_target-inner .cascade__btn {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 49px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: -150px;
left: 0;
background-color: #0048F4;
border-radius: 10px;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
line-height: 20px;
text-decoration: none;
padding: 0 27px
}
.modal__form-inner {
position: relative;
padding: 30px
}
.modal__form-inner_bd {
border-bottom: 1px solid #c1c1c1;
padding-bottom: 45px
}
.modal__form-inner a {
text-decoration: none
}
.modal__form-inner .editing__block-line {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 15px
}
@media screen and (max-width: 767px) {
.modal__form-inner .editing__block-line {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
@media screen and (max-width: 576px) {
.modal__form-inner .editing__block-line {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.modal__form-inner .editing__block-line-right {
margin-left: 25px
}
@media screen and (max-width: 767px) {
.modal__form-inner .editing__block-line-right {
margin-top: 0
}
}
@media screen and (max-width: 576px) {
.modal__form-inner .editing__block-line-right {
margin-left: 0;
margin-top: 10px
}
}
.modal__form-inner .editing__block-line-dop .editing__block-line-right {
max-width: 290px;
margin-left: auto
}
.modal__form-inner .editing__block-line-left {
width: auto;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content
}
.modal__form-inner .editing__block-line-wrap+.modal__form-btn {
margin-top: 50px;
color: white;
}
.modal__form-inner .editing__block-line-wrap.show .editing__block-line-dop {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
z-index: 1
}
.modal__form-inner .editing__block-line-dop {
position: relative;
z-index: -1
}
.modal__form-inner .chosen-container-single .chosen-single {
background-color: #d8d8d8;
background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(63%, #f5f5f5), color-stop(100%, #ebebeb), color-stop(100%, #fff), to(#efefef));
background-image: -o-linear-gradient(top, #fff 0, #f5f5f5 63%, #ebebeb 100%, #fff 100%, #efefef 100%);
background-image: linear-gradient(180deg, #fff 0, #f5f5f5 63%, #ebebeb 100%, #fff 100%, #efefef 100%);
border: 1px solid #bababa;
border-radius: 10px;
}
.modal__form-inner .chosen-container-active.chosen-with-drop .chosen-single div b {
background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
background-position: 0 0 !important;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.modal__form-inner .chosen-container-single .chosen-single div b {
width: 17px;
height: 9px;
background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
background-size: cover !important
}
.modal__form-inner .chosen-container-single .chosen-single div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 34px
}
.modal__form-inner .chosen-container-single .chosen-single span {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px
}
.modal__form-inner .datepicker__wrap {
width: 100%;
background-color: #d8d8d8;
background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(63%, #f5f5f5), color-stop(100%, #ebebeb), color-stop(100%, #fff), to(#efefef));
background-image: -o-linear-gradient(top, #fff 0, #f5f5f5 63%, #ebebeb 100%, #fff 100%, #efefef 100%);
background-image: linear-gradient(180deg, #fff 0, #f5f5f5 63%, #ebebeb 100%, #fff 100%, #efefef 100%);
border: 1px solid #bababa;
border-radius: 10px;
position: relative;
margin-bottom: 15px;
margin-top: 15px
}
.modal__form-inner .datepicker__wrap .modal__form-inp {
background-color: transparent;
border: none;
position: relative;
z-index: 10;
}
.modal__form-inner .datepicker__wrap span {
width: 22px;
height: 22px;
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
background: url(/assets/frontend/img/autorization/calendar.svg) no-repeat center center;
background-size: contain
}
.modal__form-inner .chosen-container {
margin-top: 15px
}
.modal__form-inner-fast .chosen-container {
display: none
}
.modal__form-inner-fast .modal__form-btn-show {
display: none
}
.modal__form-inner-fast.pas_good .modal__form-inp {
display: none
}
.modal__form-inner .select__hide {
display: none
}
.modal__form-inner.str2 .modal__form-btn_no {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
pointer-events: all
}
.modal__form-inner.str2 .modal__form-btn_yes {
display: none;
pointer-events: none
}
.modal__form-inner.str2 .modal__form-btn_proverka {
display: none
}
.modal__form-inner.str1 .modal__form-btn_yes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
pointer-events: all
}
.modal__form-inner.str1 .modal__form-btn_no {
display: none
}
.modal__form-inner.str1 .modal__form-btn_proverka {
display: none
}
.modal__form-inner.no .modal__form-btn {
pointer-events: none
}
.modal__form-inner.no .modal__form-btn_no {
display: none
}
.modal__form-inner.no .modal__form-btn_yes {
display: none
}
.modal__form-inner.no .modal__form-btn_proverka {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.modal__form-inner.no.good .modal__form-btn_proverka {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
pointer-events: all
}
.modal__form-inner.error .modal__form-inp {
border: 1px solid #e21736
}
.modal__form-inner.error .modal__form-btn-prevent {
pointer-events: none
}
.modal__form-inner.good .modal__form-btn-prevent {
pointer-events: all
}
.modal__form-inner.pas_good .modal__form-btn2 {
display: none
}
.modal__form-inner.pas_good .chosen-container {
display: inline-block
}
.modal__form-inner.pas_good .modal__form-btn-show {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.modal__form-dop_block {
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #e21736;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 20px;
border-bottom: 1px solid;
margin: 0 auto;
margin-top: 20px
}
.modal__form-dop_block:hover {
color: #e21736
}
.modal__form-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 25px;
padding-bottom: 30px
}
.modal__form-bottom>span+span {
margin-left: 40px
}
.modal__form-bottom>span+span::before {
content: '';
width: 25px;
height: 25px;
display: block;
position: absolute;
top: 50%;
left: -30px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: url(/assets/frontend/img/autorization/chevron-right.svg) no-repeat center;
background-size: contain
}
.modal__form-bottom>span {
position: relative
}
.modal__form-bottom-stage1 {
width: 22px;
height: 22px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-mail%22%3E%3Cpath%20d%3D%22M4%204h16c1.1%200%202%20.9%202%202v12c0%201.1-.9%202-2%202H4c-1.1%200-2-.9-2-2V6c0-1.1.9-2%202-2z%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2222%2C6%2012%2C13%202%2C6%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.modal__form-bottom-stage1-dis {
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-mail%22%3E%3Cpath%20d%3D%22M4%204h16c1.1%200%202%20.9%202%202v12c0%201.1-.9%202-2%202H4c-1.1%200-2-.9-2-2V6c0-1.1.9-2%202-2z%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2222%2C6%2012%2C13%202%2C6%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.modal__form-bottom-stage2 {
width: 23px;
height: 23px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-pocket%22%3E%3Cpath%20d%3D%22M4%203h16a2%202%200%200%201%202%202v6a10%2010%200%200%201-10%2010A10%2010%200%200%201%202%2011V5a2%202%200%200%201%202-2z%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%228%2010%2012%2014%2016%2010%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.modal__form-bottom-stage2-dis {
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-pocket%22%3E%3Cpath%20d%3D%22M4%203h16a2%202%200%200%201%202%202v6a10%2010%200%200%201-10%2010A10%2010%200%200%201%202%2011V5a2%202%200%200%201%202-2z%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%228%2010%2012%2014%2016%2010%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.modal__form-bottom-stage3 {
width: 22px;
height: 22px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-key%22%3E%3Cpath%20d%3D%22M21%202l-2%202m-7.61%207.61a5.5%205.5%200%201%201-7.778%207.778%205.5%205.5%200%200%201%207.777-7.777zm0%200L15.5%207.5m0%200l3%203L22%207l-3-3m-3.5%203.5L19%204%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.modal__form-bottom-stage3-dis {
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-key%22%3E%3Cpath%20d%3D%22M21%202l-2%202m-7.61%207.61a5.5%205.5%200%201%201-7.778%207.778%205.5%205.5%200%200%201%207.777-7.777zm0%200L15.5%207.5m0%200l3%203L22%207l-3-3m-3.5%203.5L19%204%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.modal__form-btn {
width: 100%;
height: 55px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #0048F4;
border: none;
border-radius: 20px;
color: white;
font-family: "Arial_Bold", sans-serif;
font-size: 22px;
outline: 0
}
@media screen and (max-width: 576px) {
.modal__form-btn {
height: 48px;
font-size: 18px
}
}
.modal__form-btn:focus {
outline: 0
}
.modal__form-btn:hover {
color: white;
}
.modal__form-btn2 {
background-color: #fff;
border: 3px solid #0048F4;
color: #0048F4
}
.modal__form-btn2:hover {
color: #0048F4
}
.modal__form-btn-prevent {
pointer-events: none
}
.modal__form-btn_mg {
margin-top: 50px
}
.modal__form-btn+.modal__form-btn {
margin-top: 25px
}
.modal__form-inp {
border-radius: 10px;
width: 100%;
border: 1px solid #999999;
height: 47px;
box-shadow: none;
line-height: 1;
font-family: "Arial", sans-serif;
font-size: 18px;
padding: 10px 15px;
outline: 0
}
.modal__form-inp::-webkit-input-placeholder {
color: #bababa
}
.modal__form-inp::-moz-placeholder {
color: #bababa
}
.modal__form-inp:-ms-input-placeholder {
color: #bababa
}
.modal__form-inp::-ms-input-placeholder {
color: #bababa
}
.modal__form-inp::placeholder {
color: #bababa
}
.modal__form-inp+.modal__form-btn2 {
margin-top: 25px
}
.modal__form-inp+.modal__form-inp {
margin-top: 15px
}
.modal__form-inp+.modal__form-btn {
margin-top: 25px
}
.modal__form-h2 {
color: #000;
font-family: "Arial_Bold", sans-serif;
font-size: 26px;
line-height: 28px;
margin-bottom: 20px
}
@media screen and (max-width: 576px) {
.modal__form-h2 {
font-size: 20px;
line-height: 22px
}
}
.modal__form-p {
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 20px;
color: #7d7d7d
}
@media screen and (max-width: 576px) {
.modal__form-p {
font-size: 16px;
line-height: 18px
}
}
.modal__form-p a {
display: inline-block;
font-size: 18px;
line-height: 18px;
text-decoration: none;
color: #e21736;
border-bottom: 1px solid
}
@media screen and (max-width: 576px) {
.modal__form-p a {
font-size: 16px;
line-height: 16px
}
}
.modal__form-p+.modal__form-btn {
margin-top: 25px
}
.modal__form-p+.modal__form-p {
margin-top: 15px
}
@media screen and (max-width: 576px) {
.modal__form-p+.modal__form-p {
margin-top: 10px
}
}
.modal__form-p+.modal__form-inp {
margin-top: 30px
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
color: #24262c;
background-color: #0048F4;
border-color: #0048F4
}
.btn-primary.focus,
.btn-primary:focus {
-webkit-box-shadow: none;
box-shadow: none
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
-webkit-box-shadow: none;
box-shadow: none
}
.Deadline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 100px
}
.Deadline span {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px
}
.Deadline div {
width: 219px;
height: 39px;
position: relative;
margin-left: 35px
}
.Deadline div i {
width: 24px;
height: 24px;
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23969696%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-down%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.Deadline input {
width: 100%;
height: 100%;
background-color: #d8d8d8;
background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(63%, #f5f5f5), color-stop(100%, #ebebeb), color-stop(100%, #fff), to(#efefef));
background-image: -o-linear-gradient(top, #fff 0, #f5f5f5 63%, #ebebeb 100%, #fff 100%, #efefef 100%);
background-image: linear-gradient(180deg, #fff 0, #f5f5f5 63%, #ebebeb 100%, #fff 100%, #efefef 100%);
border: 1px solid #bababa;
border-radius: 5px;
color: #000;
font-family: "Arial", sans-serif;
font-size: 18px;
padding: 10px 15px
}
.development__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px
}
@media screen and (max-width: 1199px) {
.development__title {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.development__title div+div,
.development__title h1+div {
margin-left: 25px
}
@media screen and (max-width: 1199px) {
.development__title div+div,
.development__title h1+div {
margin-left: 0
}
}
@media screen and (max-width: 1199px) {
.development__title h1 {
width: 100%
}
}
@media screen and (max-width: 1199px) {
.development__title div {
margin-top: 15px;
margin-right: 10px
}
}
.development__status {
height: 39px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #fff;
border: 2px solid #e2e2e2;
border-radius: 10px;
padding: 12px 25px 12px 20px;
cursor: default
}
.development__status span {
display: inline-block;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 16px
}
@media screen and (max-width: 767px) {
.development__status span {
font-size: 14px;
line-height: 14px
}
}
.development__status span+span {
margin-left: 15px
}
.development__status-dis {
height: 39px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 12px 25px 12px 20px;
background-color: #f1f1f1;
border-radius: 10px;
cursor: default
}
.development__status-dis span {
color: #7a7a7a;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 16px
}
@media screen and (max-width: 767px) {
.development__status-dis span {
font-size: 14px;
line-height: 14px
}
}
.development__status-dis i {
width: 21px;
height: 23px;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-calendar%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
margin-right: 15px
}
.development__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 15px;
margin-bottom: 50px
}
@media screen and (max-width: 1199px) {
.development__block {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px
}
}
@media screen and (max-width: 767px) {
.development__block {
margin-top: 20px
}
}
.development__block>div {
min-width: 70px
}
@media screen and (max-width: 576px) {
.development__block>div {
min-width: 40px
}
.development__block>div i.ic_message {
width: 40px;
height: 40px
}
.development__block>div i.ic_zap {
width: 40px;
height: 46px
}
}
.development__block>div>h3 {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 18px;
line-height: 20px;
margin-bottom: 12px
}
@media screen and (max-width: 767px) {
.development__block>div>h3 {
font-size: 16px;
line-height: 18px
}
}
.development__block>div>p {
color: #24262c;
font-size: 16px;
line-height: 22px;
font-family: "Arial", sans-serif;
}
@media screen and (max-width: 767px) {
.development__block>div>p {
font-size: 14px;
line-height: 16px
}
}
.development__block>div>p+p {
margin-top: 20px
}
.development__block>div+div {
margin-left: 20px
}
.development__block-txtr>div>div.noborder {
margin-bottom: 0 !important;
}
.development__block-txtr>div>div {
width: 100%;
position: relative;
background-color: #fff;
border: 2px solid #d8d8d8;
border-radius: 10px;
padding: 80px 30px 55px 25px;
margin: 35px 0 75px
}
@media screen and (max-width: 576px) {
.development__block-txtr>div>div {
padding: 50px 15px 30px 15px
}
}
.development__block-txtr>div>div>span {
width: 148px;
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -1px;
left: -1px;
background-color: #d8d8d8;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 18px;
line-height: 18px
}
@media screen and (max-width: 767px) {
.development__block-txtr>div>div>span {
font-size: 16px;
line-height: 18px
}
}
@media screen and (max-width: 576px) {
.development__block-txtr>div>div>span {
height: 40px
}
}
.development__block+.development__block {
margin-bottom: 65px
}
@media screen and (max-width: 576px) {
.development__block+.development__block {
margin-top: 20px
}
}
.development__message {
max-width: 860px
}
.development__message-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.development__message-bot {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 20px;
margin-top: 17px
}
@media screen and (max-width: 767px) {
.development__message-bot {
font-size: 14px;
line-height: 16px
}
}
.development__message-img {
width: 49px;
height: 50px;
border-radius: 10px;
overflow: hidden;
margin-right: 17px
}
.development__message-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.development__message-name span {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 18px;
line-height: 18px
}
@media screen and (max-width: 767px) {
.development__message-name span {
font-size: 16px;
line-height: 18px
}
}
.development__message-name p {
color: #7a7a7a;
font-family: "Arial_Bold", sans-serif;
font-size: 15px;
line-height: 15px;
margin-top: 7px
}
@media screen and (max-width: 767px) {
.development__message-name p {
font-size: 14px;
line-height: 16px
}
}
.development__message+.development__message {
margin-top: 35px
}
.development__send {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 90px
}
@media screen and (max-width: 767px) {
.development__send {
margin-top: 30px
}
}
.development__send-img {
width: 49px;
height: 50px;
border-radius: 10px;
overflow: hidden;
margin-right: 17px
}
@media screen and (max-width: 576px) {
.development__send-img {
display: none
}
}
.development__send-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.development__send-right {
width: 100%;
height: 81px;
position: relative
}
@media screen and (max-width: 991px) {
.development__send-right {
height: 50px
}
}
@media screen and (max-width: 576px) {
.development__send-right {
height: 30px
}
}
.development__send-right>input {
width: calc(100% - 25px);
height: 100%;
background-color: #fff;
border: 1px solid #bababa;
border-radius: 5px;
outline: 0;
padding: 10px 80px 10px 20px
}
@media screen and (max-width: 576px) {
.development__send-right>input {
width: calc(100% - 10px);
padding: 0 50px 0 15px
}
}
.development__send-right>button {
width: 90px;
height: 81px;
display: none;
position: absolute;
top: 0;
right: 0;
background-color: #0048F4;
background-image: url(/assets/frontend/img/development/send.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 42px 42px;
border-radius: 10px;
border: none;
outline: 0;
cursor: pointer
}
@media screen and (max-width: 991px) {
.development__send-right>button {
width: 60px;
height: 50px;
background-size: 25px 25px
}
}
@media screen and (max-width: 576px) {
.development__send-right>button {
width: 35px;
height: 30px;
background-size: 15px 15px
}
}
.confirmation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 60%;
-webkit-box-flex: 0;
flex: 0 0 60%;
max-width: 60%;
position: relative;
padding-right: 70px;
padding-left: 15px;
margin-bottom: 100px
}
@media screen and (max-width: 1710px) {
.confirmation {
padding-right: 35px
}
}
@media screen and (max-width: 1199px) {
.confirmation {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px
}
}
.confirmation::before {
content: '';
width: 100vw;
height: calc(100% + 70px);
display: block;
position: absolute;
top: -35px;
right: 0;
background-color: #0048F4;
border-radius: 10px;
z-index: -1
}
@media screen and (max-width: 1199px) {
.confirmation::before {
width: 200%;
right: -25%
}
}
.confirmation>div {
min-width: 70px
}
@media screen and (max-width: 576px) {
.confirmation>div {
min-width: 40px
}
}
@media screen and (max-width: 576px) {
.confirmation>div>i.ic_shield {
width: 38px;
height: 38px
}
}
.confirmation>div>h3 {
position: relative;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 18px;
line-height: 18px;
margin-bottom: 25px
}
@media screen and (max-width: 767px) {
.confirmation>div>h3 {
font-size: 16px;
line-height: 18px
}
}
.confirmation>div>p {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 20px
}
@media screen and (max-width: 767px) {
.confirmation>div>p {
font-size: 14px;
line-height: 16px
}
}
.confirmation>div+div {
margin-left: 20px
}
.confirmation__block {
width: 100%;
max-width: 460px;
height: 151px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 7px 30.5px 4.6px rgba(0, 0, 0, .1);
box-shadow: 0 7px 30.5px 4.6px rgba(0, 0, 0, .1);
padding: 15px 17px 17px;
margin-top: 25px
}
@media screen and (max-width: 96px) {
.confirmation__block {
height: auto;
padding: 15px 15px
}
}
.confirmation__block-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width: 767px) {
.confirmation__block-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.confirmation__block-left {
width: 61px;
height: 61px;
border-radius: 10px;
overflow: hidden;
margin-right: 20px
}
@media screen and (max-width: 96px) {
.confirmation__block-left {
width: 55px;
height: 55px;
margin-right: 20px
}
}
@media screen and (max-width: 1199px) {
.confirmation__block-left {
height: 55px;
margin-right: 10px
}
}
@media screen and (max-width: 576px) {
.confirmation__block-left {
min-width: 40px;
width: 40px;
height: 40px
}
}
.confirmation__block-left img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.confirmation__block-right>span {
display: inline-block;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 22px;
line-height: 22px;
margin-top: 10px
}
@media screen and (max-width: 767px) {
.confirmation__block-right>span {
font-size: 18px;
line-height: 18px
}
}
.confirmation__block-right>p {
color: #7a7a7a;
font-family: "Arial_Bold", sans-serif;
font-size: 15px;
line-height: 15px;
margin-top: 5px
}
.confirmation__block-right>a {
display: inline-block;
background-color: #0048F4;
border: 3px solid #fff;
border-radius: 10px;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
line-height: 20px;
text-decoration: none;
text-align: center;
padding: 15px 25px;
margin-top: 12px
}
@media screen and (max-width: 767px) {
.confirmation__block-right>a {
font-size: 16px;
line-height: 18px;
padding: 10px 20px
}
}
.confirmation__block-right>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 28px
}
.confirmation__block-right>div i {
margin-right: 13px
}
.confirmation__block-right>div span {
color: #68c100;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
line-height: 20px;
padding-top: 3px
}
@media screen and (max-width: 767px) {
.confirmation__block-right>div span {
font-size: 16px;
line-height: 18px
}
}
.confirmation__block+.confirmation__block {
margin-left: 35px
}
@media screen and (max-width: 96px) {
.confirmation__block+.confirmation__block {
margin-left: 15px
}
}
@media screen and (max-width: 767px) {
.confirmation__block+.confirmation__block {
margin-left: 0;
margin-top: 15px
}
}
.editing {
padding-bottom: 100px
}
.editing__inner h1 {
margin-bottom: 10px
}
.editing__inner h1 span {
font-family: "Arial", sans-serif;
}
.editing__bookmark {
width: 100%;
height: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: absolute;
top: 5px;
right: 97%;
border-radius: 10px;
padding: 0 15px;
cursor: pointer;
z-index: 10;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
@media screen and (max-width: 96px) {
.editing__bookmark {
right: 95%
}
}
@media screen and (max-width: 767px) {
.editing__bookmark {
right: 92%
}
}
@media screen and (max-width: 576px) {
.editing__bookmark {
right: 87%
}
}
.editing__bookmark span {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
font-family: "Arial_Bold", sans-serif;
font-size: 18px;
line-height: 18px
}
.editing__bookmark span i {
margin-right: 15px
}
.editing__bookmark>i {
display: inline-block
}
.editing__bookmark i.ic_calendar {
width: 26px;
height: 28px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-calendar%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.editing__bookmark i.ic_bell {
width: 26px;
height: 28px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-bell%22%3E%3Cpath%20d%3D%22M18%208A6%206%200%200%200%206%208c0%207-3%209-3%209h18s-3-2-3-9%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13.73%2021a2%202%200%200%201-3.46%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.editing__bookmark:hover {
right: 80%
}
@media screen and (max-width: 96px) {
.editing__bookmark:hover {
right: 70%
}
}
@media screen and (max-width: 1199px) {
.editing__bookmark:hover {
right: 80%
}
}
@media screen and (max-width: 991px) {
.editing__bookmark:hover {
right: 75%
}
}
@media screen and (max-width: 767px) {
.editing__bookmark:hover {
right: 65%
}
}
@media screen and (max-width: 576px) {
.editing__bookmark:hover {
right: 50%
}
}
@media screen and (max-width: 359px) {
.editing__bookmark:hover {
right: 40%
}
}
.editing__bookmark:hover span {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.editing__bookmark:hover>i {
display: none
}
.editing__block {
position: relative;
padding-top: 10px;
padding-left: 55px
}
@media screen and (max-width: 1199px) {
.editing__block {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
.editing__block-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width: 767px) {
.editing__block-line {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.editing__block-line-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px
}
@media screen and (max-width: 96px) {
.editing__block-line-left {
max-width: 150px;
width: 100%
}
}
@media screen and (max-width: 1199px) {
.editing__block-line-left {
max-width: 350px
}
}
@media screen and (max-width: 991px) {
.editing__block-line-left {
max-width: 250px
}
}
@media screen and (max-width: 767px) {
.editing__block-line-left {
max-width: 100%
}
}
.editing__block-line-left>i {
margin-right: 15px
}
.editing__block-line-right {
width: 480px
}
@media screen and (max-width: 96px) {
.editing__block-line-right {
max-width: 450px;
width: 100%
}
}
@media screen and (max-width: 767px) {
.editing__block-line-right {
max-width: 100%;
margin-top: 10px
}
}
.editing__block-line-right-fl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.editing__block-line-right-fl>span {
display: inline-block;
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px;
margin-right: 15px
}
.editing__block-line-right-fl>div+span {
margin-left: 35px
}
.editing__block-line-right-fl>div {
width: 90px !important
}
.editing__block-line-right>input,
.editing__block-line-right>textarea {
width: 100%;
height: 39px;
background-color: #fff;
border: 1px solid #bababa;
border-radius: 5px;
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px;
padding: 5px 10px;
outline: 0
}
.editing__block-line-right>textarea {
height: 125px;
padding: 15px
}
.editing__block-line-right .nav-pills {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 500px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
background-color: rgba(226, 226, 226, .47);
border-radius: 10px;
padding: 4px;
overflow-x: auto
}
@media screen and (max-width: 1400px) {
.editing__block-line-right .nav-pills {
max-width: 365px
}
}
@media screen and (max-width: 1199px) {
.editing__block-line-right .nav-pills {
max-width: 500px
}
}
@media screen and (max-width: 991px) {
.editing__block-line-right .nav-pills {
max-width: 400px
}
}
@media screen and (max-width: 767px) {
.editing__block-line-right .nav-pills {
max-width: 100%
}
}
.editing__block-line-right .nav-pills::-webkit-scrollbar {
width: 4px;
height: 4px
}
.editing__block-line-right .nav-pills>a {
width: 44px;
height: 39px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: transparent;
border-radius: 10px;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
color: #969696
}
.editing__block-line-right .nav-pills>a.nav-link.active,
.editing__block-line-right .nav-pills>a.show>.nav-link {
color: #24262c;
background-color: #0048F4
}
.editing__block-line-right-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.editing__block-line-right-nav>span {
display: inline-block;
border-bottom: 1px solid;
color: #969696;
font-family: "Arial_Bold", sans-serif;
font-size: 15px;
line-height: 15px;
margin-left: 22px;
margin-top: 10px;
cursor: pointer
}
.editing__block-line-right-constructor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.editing__block-line-right-constructor>div,
.editing__block-line-right-constructor>input {
width: 437px !important
}
@media screen and (max-width: 96px) {
.editing__block-line-right-constructor>div,
.editing__block-line-right-constructor>input {
width: 400px !important
}
}
@media screen and (max-width: 1350px) {
.editing__block-line-right-constructor>div,
.editing__block-line-right-constructor>input {
width: 315px !important
}
}
@media screen and (max-width: 1199px) {
.editing__block-line-right-constructor>div,
.editing__block-line-right-constructor>input {
width: 400px !important
}
}
@media screen and (max-width: 991px) {
.editing__block-line-right-constructor>div,
.editing__block-line-right-constructor>input {
max-width: 350px !important
}
}
@media screen and (max-width: 767px) {
.editing__block-line-right-constructor>div,
.editing__block-line-right-constructor>input {
max-width: calc(100% - 50px) !important;
width: 100% !important
}
}
.editing__block-line-right-constructor>i.ic_close {
width: 20px;
height: 20px;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b3b3b3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
cursor: pointer
}
.editing__block-line-right-constructor>i.ic_edit {
cursor: pointer
}
.editing__block-line-dop {
height: 0;
opacity: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.editing__block-line-dop .chosen-container-single .chosen-single {
display: none
}
.editing__block-line-dop .hasDatepicker {
display: none
}
.editing__block-line-dop .editing__block-line-left {
display: none
}
.editing__block-line-wrap.show .editing__block-line-dop {
height: auto;
margin-top: 30px;
opacity: 1
}
.editing__block-line-wrap.show .editing__block-line-dop .chosen-container-single .chosen-single {
display: block
}
.editing__block-line-wrap.show .editing__block-line-dop .hasDatepicker {
display: block
}
.editing__block-line-wrap.show .editing__block-line-dop .editing__block-line-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.editing__block-line-wrap .tab-content {
margin-top: 35px
}
.editing__block-line+.editing__block-line,
.editing__block-line+.editing__block-line-wrap,
.editing__block-line-wrap+.editing__block-line {
margin-top: 30px
}
@media screen and (max-width: 576px) {
.editing__block-line+.editing__block-line,
.editing__block-line+.editing__block-line-wrap,
.editing__block-line-wrap+.editing__block-line {
margin-top: 15px
}
}
.editing__block-line+.editing__block-line-dop {
margin-top: 0
}
.editing__block .chosen-container-single .chosen-single div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 25px
}
.editing__block .chosen-container-single .chosen-single div b {
width: 17px;
height: 9px;
background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
background-size: cover !important
}
.editing__block .chosen-container-active.chosen-with-drop .chosen-single div b {
background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
background-position: 0 0 !important;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.editing__block+.editing__block {
margin-top: 50px
}
@media screen and (max-width: 576px) {
.editing__block+.editing__block {
margin-top: 30px
}
}
.editing__btn {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
margin-top: 20px !important
}
@media screen and (max-width: 1199px) {
.editing__btn {
margin-left: 0 !important
}
}
@media screen and (max-width: 576px) {
.editing__btn {
margin-top: 20px !important
}
}
@media screen and (max-width: 1199px) {
.editing__btn>span {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media screen and (max-width: 767px) {
.editing__btn>span {
text-align: center
}
}
.goal__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width: 767px) {
.goal__top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.goal__top>h1 {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 35px;
line-height: 40px
}
.goal__tab {
padding-top: 25px
}
.goal__tab-pd {
padding-bottom: 100px
}
.goal__tab.active {
min-height: 100vh
}
@media screen and (max-width: 1199px) {
.goal__tab.active {
min-height: 1000px
}
}
.goal__tab.show_section .section {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width: 991px) {
.goal__tab.show_section .section {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.group__tab-nav {
height: 47px;
background-color: rgba(226, 226, 226, .47);
border-radius: 10px;
padding: 5px;
margin-left: 35px
}
@media screen and (max-width: 1199px) {
.group__tab-nav {
margin-left: 20px
}
}
@media screen and (max-width: 767px) {
.group__tab-nav {
margin-left: 0;
margin-top: 20px
}
}
@media screen and (max-width: 1199px) {
.group__tab-nav .nav-item {
height: 100%
}
}
.group__tab-nav-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
line-height: 20px;
padding: 9px 21px
}
@media screen and (max-width: 1199px) {
.group__tab-nav-link {
height: 100%;
font-size: 16px;
line-height: 16px;
padding: 9px 15px
}
}
@media screen and (max-width: 576px) {
.group__tab-nav-link {
font-size: 14px;
line-height: 14px;
padding: 5px 5px
}
}
.group__tab-nav a {
color: #969696
}
.group__tab-nav .group__tab-nav-link {
border-radius: 18px
}
.group__tab-nav .group__tab-nav-link.active {
background-color: #0048F4;
color: #24262c
}
.group__tab-content {
margin-top: 40px
}
.navigator {
width: 65px;
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
background: url(/assets/frontend/img/navigator/navigator.png) no-repeat center center;
background-size: 65px 56px;
cursor: pointer;
padding-left: 15px;
z-index: 10
}
.navigator>i {
width: 28px;
height: 28px;
display: inline-block;
background-image: url(/assets/frontend/img/navigator/crosshair.png);
background-repeat: no-repeat;
background-position: center
}
.navigator__wrap {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 100px
}
@media screen and (max-width: 767px) {
.navigator__wrap {
padding-left: 90px
}
}
@media screen and (max-width: 576px) {
.navigator__wrap {
padding-left: 80px
}
}
.navigator__wrap>span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px
}
@media screen and (max-width: 767px) {
.navigator__wrap>span {
font-size: 14px;
line-height: 14px
}
}
@media screen and (max-width: 576px) {
.navigator__wrap>span {
font-size: 10px;
line-height: 12px
}
}
.navigator__wrap>span i {
width: 41px;
height: 41px;
display: inline-block;
background: url(/assets/frontend/img/appraisal/tab/arrow-right.png) no-repeat center center;
background-size: contain;
margin-right: 25px
}
@media screen and (max-width: 767px) {
.navigator__wrap>span i {
margin-right: 10px
}
}
.navigator__wrap .breadcrumb {
display: none;
margin-bottom: 0
}
.navigator__wrap .breadcrumb-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Arial_Bold", sans-serif;
font-size: 22px;
line-height: 20px;
color: #24262c
}
@media screen and (max-width: 1199px) {
.navigator__wrap .breadcrumb-item {
font-size: 20px;
line-height: 20px
}
}
@media screen and (max-width: 991px) {
.navigator__wrap .breadcrumb-item {
font-size: 16px;
line-height: 18px
}
}
.navigator__wrap .breadcrumb-item a {
color: #7a7a7a;
border-bottom: none
}
.navigator__wrap .breadcrumb-item a:hover {
border-bottom: 1px solid
}
.navigator__wrap .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
content: url(/assets/frontend/img/navigator/chevron-10.png);
width: 20px;
height: 16px
}
.navigator__wrap.open .navigator {
top: 5px;
left: -5px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.navigator__wrap.open .navigator__menu {
display: block
}
.navigator__wrap.show .breadcrumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.navigator__wrap.show>span {
display: none
}
.navigator__menu {
width: 888px;
max-height: 560px;
display: none;
position: relative;
top: 160%;
left: 0;
background-color: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 10px 48.8px 57.2px rgba(198, 198, 198, .42);
box-shadow: 0 10px 48.8px 57.2px rgba(198, 198, 198, .42);
overflow-y: auto;
z-index: 100
}
@media screen and (max-width: 991px) {
.navigator__menu {
width: 100%
}
}
.navigator__menu-top {
padding: 45px 20px
}
@media screen and (max-width: 576px) {
.navigator__menu-top {
padding: 30px 10px
}
}
.navigator__menu-top ul li {
position: relative;
color: #c9c9c9;
font-family: "Arial_Bold", sans-serif;
cursor: default
}
.navigator__menu-top ul li:before {
content: '';
width: 2px;
height: calc(100% - 36px);
position: absolute;
top: 30px;
left: 9px;
background-image: -o-repeating-linear-gradient(top, #000 1px, #fff 2px 5px);
background-image: repeating-linear-gradient(to bottom, #000 1px, #fff 2px 5px);
z-index: 0
}
@media screen and (max-width: 576px) {
.navigator__menu-top ul li:before {
height: calc(100% - 40px);
top: 40px
}
}
.navigator__menu-top ul li>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.navigator__menu-top ul li>div span.mark {
min-width: 20px;
width: 20px;
height: 20px;
background-color: #d8d8d8;
border: 1px solid #d8d8d8;
border-radius: 50%;
margin-right: 10px
}
.navigator__menu-top ul li.li_active {
color: #000;
cursor: pointer
}
.navigator__menu-top ul li.li_active>div span.mark {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #fff
}
.navigator__menu-top ul li.li_active>div span.mark i {
width: 8px;
height: 8px;
display: inline-block;
background: url(/assets/frontend/img/navigator/plus.png) no-repeat center center;
background-size: contain
}
.navigator__menu-top ul li.li_active>div span.mark.open i {
width: 8px;
height: 2px;
background: url(/assets/frontend/img/navigator/minus.png) no-repeat center center;
background-size: contain
}
.navigator__menu-top ul li.li_active>div span.link {
padding-top: 3px;
border-bottom: 1px solid transparent
}
.navigator__menu-top ul li.li_active>div span.link:hover {
border-bottom: 1px solid #000
}
.navigator__menu-top ul li.li_active>ul {
display: none
}
.navigator__menu-top ul li.li_active>span {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
padding-left: 50px;
margin-top: 10px
}
@media screen and (max-width: 767px) {
.navigator__menu-top ul li.li_active>span {
font-size: 14px;
line-height: 14px
}
}
.navigator__menu-top ul li.li_active>span+span {
margin-top: 5px
}
.navigator__menu-top ul li.li_active.li_open>ul {
display: block
}
.navigator__menu-top ul li.li_active.li_open>span {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.navigator__menu-top ul li.li_active.li_open>span>span:first-child {
border-bottom: 1px solid transparent
}
.navigator__menu-top ul li.li_active.li_open>span>span:first-child:hover {
border-bottom: 1px solid #000
}
.navigator__menu-top ul.ul__line_1>li {
font-size: 28px;
line-height: 28px
}
@media screen and (max-width: 767px) {
.navigator__menu-top ul.ul__line_1>li {
font-size: 20px;
line-height: 20px
}
}
.navigator__menu-top ul.ul__line_1>li+li {
margin-top: 50px
}
.navigator__menu-top ul.ul__line_2 {
padding-left: 30px;
margin-top: 20px
}
.navigator__menu-top ul.ul__line_2>li {
font-size: 18px;
line-height: 18px
}
@media screen and (max-width: 767px) {
.navigator__menu-top ul.ul__line_2>li {
font-size: 16px;
line-height: 16px
}
}
.navigator__menu-top ul.ul__line_2>li+li {
margin-top: 20px
}
.navigator__menu-top ul.ul__line_3 {
padding-left: 30px;
margin-top: 15px
}
.navigator__menu-top ul.ul__line_3>li {
font-size: 18px;
line-height: 18px
}
@media screen and (max-width: 767px) {
.navigator__menu-top ul.ul__line_3>li {
font-size: 16px;
line-height: 16px
}
}
.navigator__menu-top ul.ul__line_3>li+li {
margin-top: 10px
}
.navigator__menu-bot {
border-top: 1px solid #c1c1c1;
padding: 15px 20px
}
.navigator__menu-bot span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #828282;
font-family: "Arial", sans-serif;
font-size: 14px;
line-height: 14px
}
.navigator__menu-bot span i {
margin-right: 15px
}
.progress {
height: 26px;
/*display: -webkit-box;*/
/*display: -ms-flexbox;*/
/*display: flex;*/
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #f1f1f1;
border-radius: 13px;
font-family: "Arial_Bold", sans-serif;
font-size: 14px;
line-height: 14px;
color: #888;
padding: 0 17px;
cursor: default;
overflow: visible;
margin-left: 15px
}
@media screen and (max-width: 576px) {
.progress {
display: none
}
}
.progress span {
display: inline-block;
margin-left: 5px
}
.progress__good {
color: #68c100 !important
}
.progress__sr {
color: #0048f4 !important
}
.progress__bad {
color: #f81c3a !important
}
.progress__ic {
width: 16px;
height: 16px;
display: inline-block;
position: relative;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23838383%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-info%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212.01%22%20y2%3D%228%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
margin-left: 15px !important
}
.progress__ic:hover .tooltip {
display: block;
bottom: 160%;
left: -5px
}
.progress__ic.tool__right .tooltip {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
right: -5px;
left: auto
}
.progress__ic.tool__right .tooltip__inner {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1)
}
.section {
display: none;
margin-top: 55px
}
.section__left,
.section__right {
width: 50%
}
@media screen and (max-width: 991px) {
.section__left,
.section__right {
width: 100%
}
}
.section__left {
padding-right: 60px
}
@media screen and (max-width: 1199px) {
.section__left {
padding-right: 20px
}
}
@media screen and (max-width: 991px) {
.section__left {
padding-right: 0
}
}
.section__right {
position: relative;
padding-left: 60px;
padding-bottom: 100px;
margin-bottom: 50px
}
@media screen and (max-width: 1199px) {
.section__right {
padding-left: 30px
}
}
@media screen and (max-width: 991px) {
.section__right {
padding-left: 0;
margin-top: 30px
}
}
.section__right:before {
content: '';
width: 8px;
height: calc(100% + 20px);
display: block;
position: absolute;
top: 0;
left: 0;
background-color: #f1f1f1;
border-radius: 3px
}
@media screen and (max-width: 991px) {
.section__right:before {
display: none
}
}
.section__right-group+.section__right-group {
margin-top: 80px
}
.section__title {
width: 100%;
height: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Arial_Bold", sans-serif;
background-image: -o-repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(0, 0, 0, .4) 6px, rgba(0, 0, 0, .4) 6px);
background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(0, 0, 0, .4) 6px, rgba(0, 0, 0, .4) 6px);
margin-bottom: 35px
}
.section__title>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #fff;
color: #7a7a7a;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
padding-right: 25px
}
.section__title>div>span {
display: inline-block;
font-size: 15px;
line-height: 15px;
color: #969696;
text-transform: none;
margin-left: 10px
}
@media screen and (max-width: 576px) {
.section__title>div>span {
margin-left: 0;
margin-top: 5px
}
}
.section__title>div>i {
margin-right: 15px
}
.section .navigator__menu-top {
padding: 25px 0
}
.section ul.ul__line_1>li {
font-size: 18px;
line-height: 18px
}
.section ul.ul__line_1>li+li {
margin-top: 20px
}
.section ul.ul__line_2 {
margin-top: 15px
}
.section ul.ul__line_2>li+li {
margin-top: 10px
}
.staging__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width: 576px) {
.staging__top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.staging__top span {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px
}
.staging__tab {
height: 47px;
background-color: rgba(226, 226, 226, .47);
border-radius: 10px;
padding: 5px;
margin-left: 25px
}
@media screen and (max-width: 576px) {
.staging__tab {
width: 100%;
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 0;
margin-top: 10px
}
}
.staging__tab-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent !important;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
line-height: 20px;
border-radius: 18px !important;
padding: 9px 21px
}
@media screen and (max-width: 576px) {
.staging__tab-link {
font-size: 14px;
line-height: 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.staging__tab-link.active {
background-color: #0048F4 !important;
color: #24262c !important
}
.staging__tab a {
color: #969696
}
.staging__tabContent {
position: relative;
margin-top: 25px;
margin-bottom: 25px
}
.staging__tabContent-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.staging__tabContent-inner button.staging-btn__close {
width: 27px;
height: 27px;
margin-left: 25px
}
.staging__tabContent-inp {
width: 100%;
height: 39px;
background-color: #fff;
border: 1px solid #bababa;
border-radius: 5px;
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
padding: 15px
}
.staging__tabContent-inp::-webkit-input-placeholder {
color: #969696
}
.staging__tabContent-inp::-moz-placeholder {
color: #969696
}
.staging__tabContent-inp:-ms-input-placeholder {
color: #969696
}
.staging__tabContent-inp::-ms-input-placeholder {
color: #969696
}
.staging__tabContent-inp::placeholder {
color: #969696
}
.staging__tabContent-text {
width: 100%;
height: 125px;
background-color: #fff;
border: 1px solid #bababa;
border-radius: 5px;
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
padding: 15px;
margin-top: 25px
}
.staging__tabContent-text::-webkit-input-placeholder {
color: #969696
}
.staging__tabContent-text::-moz-placeholder {
color: #969696
}
.staging__tabContent-text:-ms-input-placeholder {
color: #969696
}
.staging__tabContent-text::-ms-input-placeholder {
color: #969696
}
.staging__tabContent-text::placeholder {
color: #969696
}
.staging__tabContent .add__target {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 49px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: -150px;
left: 0;
background-color: #0048F4;
border-radius: 10px;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
line-height: 20px;
text-decoration: none;
padding: 0 27px
}
.staging__tabContent-nav {
width: 100%;
margin-bottom: 25px
}
.edit__tab {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 47px;
background-color: rgba(226, 226, 226, .47);
border-radius: 10px;
padding: 5px;
margin-top: 30px
}
@media screen and (max-width: 767px) {
.edit__tab {
width: 100%;
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.edit__tab-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent !important;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
line-height: 20px;
border-radius: 18px !important;
padding: 9px 21px
}
@media screen and (max-width: 767px) {
.edit__tab-link {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.edit__tab-link.active {
background-color: #0048F4 !important;
color: #24262c !important
}
.edit__tab a {
color: #969696
}
.edit__tabContent {
position: relative;
margin-top: 25px;
margin-bottom: 25px
}
.edit__tabContent-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.edit__tabContent-inner button {
margin-left: 25px
}
.edit__tabContent-inner button.staging-btn__close {
width: 27px;
height: 27px
}
.edit__tabContent-innerAlign {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.edit__tabContent-inner+.edit__tabContent-inner {
margin-top: 25px
}
.edit__tabContent-inp {
width: 100%;
height: 39px;
background: #fff;
border: 1px solid #bababa;
border-radius: 5px;
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
padding: 15px
}
.edit__tabContent-inp::-webkit-input-placeholder {
color: #969696
}
.edit__tabContent-inp::-moz-placeholder {
color: #969696
}
.edit__tabContent-inp:-ms-input-placeholder {
color: #969696
}
.edit__tabContent-inp::-ms-input-placeholder {
color: #969696
}
.edit__tabContent-inp::placeholder {
color: #969696
}
.edit__tabContent-inp.None,
.edit__tabContent-text.None {
pointer-events: none;
background: -o-repeating-linear-gradient(135deg, #b1b1b1, #b1b1b1 2px, #fff 2px, #fff 6px);
background: repeating-linear-gradient(-45deg, #b1b1b1, #b1b1b1 2px, #fff 2px, #fff 6px)
}
.edit__tabContent-text {
width: 100%;
height: 125px;
background-color: #fff;
border: 1px solid #bababa;
border-radius: 5px;
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
padding: 15px
}
.edit__tabContent-text::-webkit-input-placeholder {
color: #969696
}
.edit__tabContent-text::-moz-placeholder {
color: #969696
}
.edit__tabContent-text:-ms-input-placeholder {
color: #969696
}
.edit__tabContent-text::-ms-input-placeholder {
color: #969696
}
.edit__tabContent-text::placeholder {
color: #969696
}
.edit__tabContent .add__target {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 49px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: -150px;
left: 0;
background-color: #0048F4;
border-radius: 10px;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
line-height: 20px;
text-decoration: none;
padding: 0 27px
}
.edit__tabContent-nav {
width: 100%;
margin-bottom: 25px
}
.edit__tabContent .Deadline {
margin-top: 25px;
margin-bottom: 45px
}
.accordion .card:first-of-type {
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px
}
.accordion .card:last-of-type {
border-top-left-radius: 15px;
border-top-right-radius: 15px
}
.accordion .card:first-of-type {
border-bottom: 1px solid #c6c6c6
}
.accordion__btn {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border: none;
padding: 0;
border-radius: 0
}
.accordion__btn:focus,
.accordion__btn:hover {
color: #24262c;
text-decoration: none
}
.accordion__btn .ic_chevron-down {
width: 26px;
height: 26px;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23969696%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-down%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.accordion__btn-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
@media screen and (max-width: 1199px) {
.accordion__btn-left {
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media screen and (max-width: 991px) {
.accordion__btn-left {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
}
.accordion__btn-left>span {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 22px;
line-height: 22px
}
@media screen and (max-width: 1199px) {
.accordion__btn-left>span {
display: inline-block;
margin-right: 10px;
margin-bottom: 5px
}
}
@media screen and (max-width: 991px) {
.accordion__btn-left>span {
margin-bottom: 0
}
}
@media screen and (max-width: 576px) {
.accordion__btn-left>span {
font-size: 18px;
line-height: 18px
}
}
.accordion__btn-info {
height: 26px;
background-color: #f1f1f1;
border-radius: 13px;
padding: 0 15px;
margin-left: 15px;
float: left;
}
@media screen and (max-width: 1199px) {
.accordion__btn-info {
margin-left: 0
}
}
@media screen and (max-width: 767px) {
.accordion__btn-info {
margin-top: 5px
}
}
@media screen and (max-width: 576px) {
.accordion__btn-info {
display: none
}
}
.accordion__btn-info>span {
display: inline-block;
font-family: "Arial_Bold", sans-serif;
font-size: 14px;
line-height: 14px;
color: #969696
}
.accordion__btn-info>span+span {
margin-left: 15px
}
.accordion__btn-info>span.progress__good {
color: #68c100
}
.accordion__btn-modal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 50%;
left: 115%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.accordion__btn-modal a+a {
margin-left: 10px
}
.accordion__btn.collapsed .ic_chevron-down {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
.accordion+.accordion {
margin-top: 35px
}
.card {
border: 1px solid #c6c6c6;
overflow: hidden
}
.card-header {
border-bottom: none;
padding: 22px 27px
}
@media screen and (max-width: 576px) {
.card-header {
padding: 15px 20px
}
}
.card-header:first-child {
border-radius: 10px
}
.card-header>h5 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.card__body {
padding: 0
}
.card__body-top {
padding: 10px 25px 25px
}
@media screen and (max-width: 576px) {
.card__body-top {
padding: 10px 20px 25px
}
}
.card__body-top .target__block-name {
font-size: 16px
}
.card__body-top .target__block-name-disp {
line-height: 22px
}
.card__body-bot {
height: 78px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(240, 240, 240, 1.0);
background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1.0), rgba(255, 255, 255, 0));
background: -moz-linear-gradient(top, rgba(240, 240, 240, 1.0), rgba(255, 255, 255, 0));
background: linear-gradient(to bottom, rgba(240, 240, 240, 1.0), rgba(255, 255, 255, 0));
padding: 0 25px
}
@media screen and (max-width: 576px) {
.card__body-bot {
height: auto;
padding: 10px 20px
}
}
.card__body-bot span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px;
color: #7a7a7a
}
@media screen and (max-width: 1199px) {
.card__body-bot span {
font-size: 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media screen and (max-width: 576px) {
.card__body-bot span {
display: inline-block
}
}
.card__body-bot span button {
height: 33px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #0048F4;
border-radius: 17px;
border: none;
outline: 0;
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
padding: 0 15px;
margin: 0 10px;
cursor: pointer
}
@media screen and (max-width: 1199px) {
.card__body-bot span button {
height: 26px;
font-size: 14px;
margin-top: 2px
}
}
@media screen and (max-width: 576px) {
.card__body-bot span button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
}
.card__body-bot span button i {
width: 17px;
height: 17px;
display: inline-block;
background: url(/assets/frontend/img/accordion/arrow-right.svg) no-repeat 50% 50%/contain;
margin-left: 5px
}
.history {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.history__top {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-bottom: 100px
}
.history__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.history__block-left {
min-width: 175px;
max-width: 175px;
text-align: right;
padding-right: 30px
}
@media screen and (max-width: 576px) {
.history__block-left {
min-width: 115px
}
}
@media screen and (max-width: 359px) {
.history__block-left {
padding-right: 15px
}
}
.history__block-left p {
color: #767676;
font-family: "Arial_Bold", sans-serif;
font-size: 13px;
line-height: 13px
}
.history__block-left p+p {
margin-top: 5px
}
.history__block-right {
width: 100%;
position: relative;
text-align: left;
padding-left: 30px;
padding-bottom: 30px
}
@media screen and (max-width: 359px) {
.history__block-right {
padding-left: 15px
}
}
.history__block-right::before {
content: '';
width: 5px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #d8d8d8;
border-radius: 3px
}
.history__block-right::after {
content: '';
width: 23px;
height: 23px;
position: absolute;
top: 0;
left: -9px;
border: 3px solid #fff;
border-radius: 50%
}
.history__block-right h3 {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 18px;
line-height: 18px;
margin-bottom: 8px
}
.history__block-right p {
font-size: 13px;
line-height: 17px
}
.history__block-right p span {
color: #767676;
font-family: "Arial", sans-serif;
font-size: 13px;
line-height: 13px
}
.history__block-right-title {
margin-bottom: 10px
}
.history__block-good .history__block-right::after {
background-color: #68c100
}
.history__block-sr .history__block-right::after {
background-color: #0048F4
}
.history__block-bad .history__block-right::after {
background-color: #0048f4
}
.history__bot {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
position: relative;
padding-top: 15px
}
.history__bot::before {
content: '';
width: calc(100% + 60px);
height: 1px;
background-color: #c1c1c1;
position: absolute;
top: 0;
left: -30px
}
.history__bot p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #828282;
font-family: "Arial", sans-serif;
font-size: 14px;
line-height: 14px
}
.history__bot p i {
width: 23px;
height: 23px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23838383%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-info%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212.01%22%20y2%3D%228%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
margin-right: 15px
}
.chat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.chat__top {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.chat__bot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
position: relative;
padding-top: 15px
}
.chat__bot::before {
content: '';
width: calc(100% + 60px);
height: 1px;
background-color: #c1c1c1;
position: absolute;
top: 0;
left: -30px
}
.chat__bot p {
color: #828282;
font-family: "Arial", sans-serif;
font-size: 14px;
line-height: 14px
}
.chat__bot p+p {
margin-top: 10px
}
.chat__bot i {
min-width: 23px;
height: 23px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23838383%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-info%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212.01%22%20y2%3D%228%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
margin-right: 15px
}
.chat__answer,
.chat__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 30px
}
.chat__answer-left,
.chat__block-left {
margin-right: 20px
}
@media screen and (max-width: 576px) {
.chat__answer-left,
.chat__block-left {
margin-right: 7px
}
}
.chat__answer-left img,
.chat__block-left img {
width: 54px;
height: 54px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
overflow: hidden
}
.chat__answer-title,
.chat__block-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px
}
.chat__answer-title h3,
.chat__block-title h3 {
font-family: "Arial_Bold", sans-serif;
font-size: 17px;
line-height: 17px;
color: #24262c
}
.chat__answer-title p,
.chat__block-title p {
font-family: "Arial_Bold", sans-serif;
font-size: 17px;
line-height: 17px;
color: #969696;
margin-left: 15px
}
@media screen and (max-width: 576px) {
.chat__answer-title p,
.chat__block-title p {
margin-left: 0
}
}
.chat__answer-title span,
.chat__block-title span {
height: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #0048F4;
border-radius: 13px;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 14px;
line-height: 14px;
padding: 0 12px;
margin-left: 15px
}
@media screen and (max-width: 576px) {
.chat__answer-title span,
.chat__block-title span {
margin-left: 0
}
}
.chat__answer-text span,
.chat__block-text span {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px
}
@media screen and (max-width: 576px) {
.chat__answer-text span,
.chat__block-text span {
font-size: 12px;
line-height: 14px
}
}
.chat__btn-answer {
display: block;
background-color: transparent;
color: #969696;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 16px;
border: none;
border-bottom: 1px solid #969696;
outline: 0;
padding: 0
}
@media screen and (max-width: 576px) {
.chat__btn-answer {
font-size: 12px;
line-height: 14px
}
}
.chat__btn-answer:focus {
outline: 0
}
.chat__answer {
position: relative;
padding-left: 74px
}
@media screen and (max-width: 576px) {
.chat__answer {
padding-left: 0
}
}
.chat__answer-corner {
width: 31px;
height: 31px;
display: inline-block;
position: absolute;
top: -5px;
left: 12px;
background: url(/assets/frontend/img/chat/corner-left-up.png) no-repeat center;
background-size: cover
}
@media screen and (max-width: 576px) {
.chat__answer-corner {
display: none
}
}
.chat__send {
display: none
}
.chat__send-inner {
width: 100%;
height: 97px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.chat__send-inp {
width: 100%;
height: 100%;
position: relative;
z-index: 2
}
.chat__send-inp input {
width: 100%;
height: 100%;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 17px;
line-height: 17px;
outline: 0;
border-radius: 5px;
background-color: #fff;
border: 1px solid #bababa;
padding: 15px 75px 15px 15px
}
.chat__send-btn {
width: 60px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background-color: #0048F4;
background-image: url(/assets/frontend/img/chat/send.svg);
background-repeat: no-repeat;
background-position: left 45% center;
background-size: 25px 25px;
border-radius: 5px;
border: none;
outline: 0;
z-index: 3
}
.chat__send-btn:focus {
outline: 0
}
.chat__send-people {
display: none;
width: calc(100% - 60px);
height: auto;
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 6px 26.6px 8.4px rgba(0, 0, 0, .2);
box-shadow: 0 6px 26.6px 8.4px rgba(0, 0, 0, .2);
padding: 20px 20px 120px 20px;
z-index: -1
}
.chat__send-people_block {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer
}
.chat__send-people_block img {
width: 45px;
height: 45px;
-o-object-fit: contain;
object-fit: contain;
border-radius: 25px;
margin-right: 15px
}
.chat__send-people_block span {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 17px;
line-height: 17px
}
.chat__send-people_block+.chat__send-people_block {
margin-top: 15px
}
.chat.show .chat__send {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.desc {
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
overflow-x: scroll;
padding-bottom: 100px;
margin-bottom: 50px
}
.desc::-webkit-scrollbar {
width: 7px;
height: 7px
}
.desc::-webkit-scrollbar-track {
background: #999999;
border-radius: 4px
}
.desc::-webkit-scrollbar-thumb {
background-color: #0048F4;
border-radius: 4px
}
.desc::-webkit-scrollbar-thumb:hover {
background: #0048F4
}
.desc__wrap {
margin-top: 40px
}
@media screen and (max-width: 96px) {
.desc__navigation {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.desc__navigation .development__title {
margin-bottom: 0
}
@media screen and (max-width: 991px) {
.desc__navigation .input__block {
width: 55px;
bottom: -5px;
background-color: #f1f1f1
}
}
@media screen and (max-width: 767px) {
.desc__navigation .input__block:hover {
background-color: #f1f1f1
}
}
@media screen and (max-width: 767px) {
.desc__navigation .input__block.open {
bottom: -5px
}
}
@media screen and (max-width: 96px) {
.desc__caption {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
@media screen and (max-width: 96px) {
.desc__caption>div+div,
.desc__caption>h1+div {
margin-left: 0;
margin-top: 10px
}
}
.desc__link {
margin-bottom: 15px
}
.desc__link a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #7a7a7a;
text-decoration: none
}
.desc__link i {
width: 20px;
height: 20px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-arrow-left%22%3E%3Cline%20x1%3D%2219%22%20y1%3D%2212%22%20x2%3D%225%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cpolyline%20points%3D%2212%2019%205%2012%2012%205%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
margin-right: 11px
}
.desc__link span {
color: #7a7a7a;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 16px;
text-transform: uppercase
}
.desc__filter {
height: 47px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(226, 226, 226, .47);
border-radius: 10px;
padding: 11px 14px;
margin-left: 15px;
cursor: pointer
}
.desc__filter>span {
width: 26px;
height: 26px;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -10px;
right: -10px;
background-color: #0048F4;
border: 3px solid #fff;
border-radius: 50%;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 14px
}
.desc__filter-inner {
display: none;
width: 431px;
height: 251px;
position: absolute;
top: 0;
right: 0;
background-color: #fff;
border: 2px solid #fff;
border-radius: 10px;
-webkit-box-shadow: 0 0 25.1px 31.9px rgba(198, 198, 198, .39);
box-shadow: 0 0 25.1px 31.9px rgba(198, 198, 198, .39);
padding: 25px 25px 35px;
z-index: 101
}
@media screen and (max-width: 576px) {
.desc__filter-inner {
width: 320px;
height: auto
}
}
@media screen and (max-width: 359px) {
.desc__filter-inner {
width: 300px
}
}
.desc__filter-inner .ic_filter {
position: absolute;
top: 15px;
right: 20px
}
.desc__filter-people {
width: 45px;
height: 45px;
position: relative;
border: 2px solid #fff;
border-radius: 10px;
}
@media screen and (max-width: 576px) {
.desc__filter-people {
margin-bottom: 3px
}
}
.desc__filter-people:hover .tooltip {
display: block
}
.desc__filter-people.active {
border: 2px solid #ffc300
}
.desc__filter-people.active::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
background-color: rgba(255, 229, 125, .5);
border: 2px solid transparent;
border-radius: 10px
}
.desc__filter-people>img {
width: 100%;
border-radius: 10px;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.desc__filter-people-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 25px
}
.desc__filter-people .tooltip {
display: none;
bottom: calc(100% + 5px);
left: -2px;
padding: 10px 17px
}
.desc__filter-people .tooltip p {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 15px;
line-height: 15px
}
.desc__filter-people-add {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: none;
outline: 0;
border-radius: 50%;
background-color: #f1f1f1;
color: #7a7a7a;
font-family: "Arial", sans-serif;
font-size: 34px;
padding: 0;
padding-top: 5px
}
.desc__filter-people-add:focus {
outline: 0
}
.desc__filter-title {
color: #999999;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
margin-bottom: 15px
}
.desc__filter .chosen-container-multi .chosen-choices li.search-choice {
padding: 0 35px 0 15px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
.desc__filter.open .desc__filter-inner {
display: block
}
.desc__filter.open.active {
background-color: #0048F4
}
.desc__filter.open.active>span {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.desc__filter.open.active .ic_filter {
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23313131%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-filter%22%3E%3Cpolygon%20points%3D%2222%203%202%203%2010%2012.46%2010%2019%2014%2021%2014%2012.46%2022%203%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.desc__filter.open.active .desc__filter-inner {
display: none
}
.desc__filter.active {
background-color: #0048F4
}
.desc__filter.active>span {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.desc__filter.active .ic_filter {
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23313131%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-filter%22%3E%3Cpolygon%20points%3D%2222%203%202%203%2010%2012.46%2010%2019%2014%2021%2014%2012.46%2022%203%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.desc__filter.active .desc__filter-inner {
display: none
}
.desc__block {
width: 100%;
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 5px 14.4px 3.6px rgba(0, 0, 0, .07);
box-shadow: 0 5px 14.4px 3.6px rgba(0, 0, 0, .07);
padding: 12px;
margin-top: 15px
}
.desc__block-wrap {
min-width: 280px;
max-width: 280px;
background-color: #f1f1f1;
border-radius: 5px;
padding: 17px 7px 13px
}
.desc__block-wrap-status {
position: relative;
padding-top: 46px
}
.desc__block-wrap textarea {
width: 100%;
min-height: 89px;
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 5px 14.4px 3.6px rgba(0, 0, 0, .07);
box-shadow: 0 5px 14.4px 3.6px rgba(0, 0, 0, .07);
color: #24262c;
border: none;
outline: 0;
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 17px;
padding: 20px 13px;
margin-top: 15px;
resize: none;
overflow: hidden
}
.desc__block-wrap textarea::-webkit-input-placeholder {
color: #c5c5c5;
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 17px
}
.desc__block-wrap textarea::-moz-placeholder {
color: #c5c5c5;
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 17px
}
.desc__block-wrap textarea:-ms-input-placeholder {
color: #c5c5c5;
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 17px
}
.desc__block-wrap textarea::-ms-input-placeholder {
color: #c5c5c5;
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 17px
}
.desc__block-wrap textarea::placeholder {
color: #c5c5c5;
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 17px
}
.desc__block-wrap .desc__block-title+button {
margin-top: 25px
}
.desc__block-wrap.start button {
display: none
}
.desc__block-wrap+.desc__block-wrap {
margin-left: 21px
}
.desc__block-status {
width: 100%;
height: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
background-color: #68c100;
border-radius: 5px;
padding: 0 12px
}
.desc__block-status i {
width: 30px;
height: 25px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-check%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
margin-right: 11px
}
.desc__block-status span {
color: #fff;
font-family: "Arial_Bold", sans-serif;
font-size: 18px;
line-height: 18px
}
.desc__block-title {
color: #7a7a7a;
font-family: "Arial_Bold", sans-serif;
font-size: 18px;
line-height: 18px;
padding-left: 5px
}
.desc__block-btn {
color: #7a7a7a;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 16px;
border: none;
outline: 0;
cursor: pointer;
margin-top: 15px
}
.desc__block-btn:focus {
outline: 0
}
.desc__block-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px
}
.desc__block-top span {
width: 37px;
height: 7px;
display: block;
border-radius: 3px
}
.desc__block-top span+span {
margin-left: 6px
}
.desc__block-cont {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 17px;
line-height: 17px;
margin-bottom: 15px
}
.desc__block-bot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.desc__block-bot-pos {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.desc__block-date {
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 16px
}
.desc__block-date-bad {
color: #f81c3a
}
.desc__block-date-sr {
color: #ff7800
}
.desc__block-foto {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative
}
.desc__block-foto div {
width: 38px;
height: 38px;
border: 2px solid #fff;
border-radius: 50%
}
.desc__block-foto-one {
position: absolute;
top: 50%;
right: 25px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.desc__block-foto img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.load__inp__file {
position: absolute;
opacity: 0
}
.load__inp__file-wrap {
position: relative;
margin-top: 25px
}
.load__inp__file-wrap label {
color: #e21736;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 20px;
border-bottom: 1px solid;
margin-bottom: 0
}
.load__foto {
width: 100%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
border: 3px solid #d8d8d8;
border-radius: 20px;
margin-top: 0;
padding: 30px 0 30px;
margin-bottom: 30px;
}
.load__foto-img {
border-radius: 20px;
overflow: hidden
}
.load__foto.foto .load__foto-img {
display: none
}
.load__modal-body {
height: 800px;
padding: 30px
}
.load__modal-body .croppie-container {
height: auto
}
.load__modal-body .croppie-container .cr-boundary {
height: 535px
}
@media screen and (max-width: 767px) {
.load__modal-body .croppie-container .cr-boundary {
height: 500px
}
}
.load__modal-body .croppie-container .cr-slider-wrap {
width: 100%;
margin: 30px auto
}
.load__modal-body .cr-slider {
width: 100%
}
.load__modal-body .cr-slider::-webkit-slider-runnable-track {
width: 100%;
height: 10px;
background-color: #0048F4;
border-radius: 5px;
border: 0
}
.load__modal-body .cr-slider::-webkit-slider-thumb {
-webkit-appearance: none;
width: 34px;
height: 34px;
background: #0048F4;
border: 5px solid #fff;
border-radius: 50%;
margin-top: -12px
}
.load__modal-body .basic-result {
height: 49px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: none;
background-color: #0048F4;
border-radius: 10px;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
padding: 10px 30px
}
.load__modal-h2 {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 26px;
line-height: 26px;
margin-bottom: 45px
}
.load__modal-close {
width: 37px;
height: 37px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 14px;
right: 6px;
background-color: #0048F4;
background-image: url(/assets/frontend/img/autorization/load/x.png);
background-repeat: no-repeat;
background-size: 12px 12px;
background-position: center center;
border-radius: 17px
}
.personal_data {
max-width: 1320px;
min-width: 1320px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
margin: 0 auto;
margin-top: 200px;
margin-bottom: 150px
}
@media screen and (max-width: 96px) {
.personal_data {
max-width: 90%;
min-width: 90%
}
}
.personal_data-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: url(/assets/frontend/img/main_background.jpg) no-repeat center center;
background-size: cover;
}
.personal_data-top {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: -125px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.personal_data-top p {
color: #fff;
font-family: "Arial_Bold", sans-serif;
font-size: 22px;
line-height: 22px;
margin-top: 15px
}
.personal_data-content {
height: 635px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background-color: #fff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
overflow-y: auto;
padding: 60px 35px 30px 40px;
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.personal_data-content {
padding: 30px 25px 20px 25px
}
}
.personal_data-content h2 {
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 35px;
line-height: 35px;
margin-bottom: 15px
}
@media screen and (max-width: 1199px) {
.personal_data-content h2 {
font-size: 30px;
line-height: 30px
}
}
@media screen and (max-width: 420px) {
.personal_data-content h2 {
font-size: 22px;
line-height: 22px
}
}
.personal_data-content p {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 20px
}
@media screen and (max-width: 1199px) {
.personal_data-content p {
font-size: 16px;
line-height: 18px
}
}
@media screen and (max-width: 1199px) {
.personal_data-content p+p {
margin-top: 30px
}
}
.personal_data-bot {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
background-color: #fff;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top: 1px solid #bababa;
padding: 30px 20px
}
@media screen and (max-width: 767px) {
.personal_data-bot {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.personal_data-bot::before {
content: '';
width: 100%;
height: 75px;
display: block;
position: absolute;
top: -76px;
left: 0;
background-image: -o-linear-gradient(92deg, #fff 0, transparent 100%);
background-image: linear-gradient(-2deg, #fff 0, transparent 100%);
z-index: 1
}
.personal_data-bot .switch {
margin-right: 300px
}
@media screen and (max-width: 767px) {
.personal_data-bot .switch {
margin-right: auto;
margin-bottom: 20px
}
}
.personal_data-bot .switch__text {
color: #24262c;
font-size: 18px
}
@media screen and (max-width: 767px) {
.personal_data-bot .switch__text {
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content
}
}
@media screen and (max-width: 420px) {
.personal_data-bot .switch__text {
max-width: -webkit-min-content;
max-width: -moz-min-content;
max-width: min-content
}
}
.personal_data-btn {
width: 340px;
height: 55px;
background-color: #bababa;
border-radius: 20px;
border: none;
outline: 0;
font-family: "Arial_Bold", sans-serif;
color: #fff;
font-size: 22px;
line-height: 22px;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none
}
@media screen and (max-width: 991px) {
.personal_data-btn {
width: 260px;
height: 45px;
font-size: 18px;
line-height: 18px
}
}
.personal_data-btn:focus {
outline: 0
}
.personal_data.show .personal_data-btn {
background-color: #f4c10a;
color: #000;
-moz-appearance: button;
appearance: button;
-webkit-appearance: button
}
.personal_data.show .switch input:checked~.switch__text {
color: #24262c
}
.personal_data.scroll_bot .personal_data-bot::before {
display: none
}
.input__block {
height: 47px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(226, 226, 226, .47);
border-radius: 10px;
padding: 11px 15px;
-webkit-transition: .5s all;
-o-transition: .5s all;
transition: .5s all
}
@media screen and (max-width: 991px) {
.input__block {
width: 55px;
position: absolute;
bottom: -65px;
right: 15px
}
}
@media screen and (max-width: 767px) {
.input__block {
bottom: 0
}
}
@media screen and (max-width: 991px) {
.input__block:hover {
width: calc(100% - 30px)
}
}
@media screen and (max-width: 767px) {
.input__block:hover {
background-color: #e2e2e2
}
}
.input__block:hover input {
width: 220px;
padding: 0 10px
}
@media screen and (max-width: 991px) {
.input__block:hover input {
width: 100%
}
}
@media screen and (max-width: 576px) {
.input__block:hover input {
width: auto
}
}
.input__block:hover span {
margin-right: 10px
}
.input__block span {
width: 24px;
height: 24px;
display: block;
background: url(/assets/frontend/img/training/search.png) no-repeat center center;
background-size: cover;
margin-right: 0;
cursor: pointer
}
.input__block input {
width: 0;
height: 22px;
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 17px;
border: none;
background: 0 0;
outline: 0;
padding: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.input__block input::-webkit-input-placeholder {
color: #999999
}
.input__block input::-moz-placeholder {
color: #999999
}
.input__block input:-ms-input-placeholder {
color: #999999
}
.input__block input::-ms-input-placeholder {
color: #999999
}
.input__block input::placeholder {
color: #999999
}
@media screen and (max-width: 991px) {
.input__block.open {
width: calc(100% - 30px)
}
}
@media screen and (max-width: 767px) {
.input__block.open {
bottom: 0;
background-color: #e2e2e2
}
}
.input__block.open input {
width: 220px;
padding: 0 10px
}
@media screen and (max-width: 991px) {
.input__block.open input {
width: 100%
}
}
@media screen and (max-width: 576px) {
.input__block.open input {
width: auto
}
}
.input__block.open span {
margin-right: 10px
}
.que_ans__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px
}
.que_ans__title>p {
min-width: 570px;
color: #7a7a7a;
font-family: "Arial_Bold", sans-serif;
font-size: 16px;
line-height: 16px;
text-transform: uppercase
}
@media screen and (max-width: 96px) {
.que_ans__title>p {
min-width: auto
}
}
@media screen and (max-width: 96px) {
.que_ans__title>p+p {
min-width: 435px
}
}
@media screen and (max-width: 1199px) {
.que_ans__title>p+p {
min-width: 260px
}
}
@media screen and (max-width: 991px) {
.que_ans__title>p+p {
min-width: auto
}
}
.que_ans__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #999999
}
@media screen and (max-width: 991px) {
.que_ans__line {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.que_ans__line-two .comment>textarea {
display: block;
margin-top: 0
}
.que_ans__line-left {
padding: 25px 0
}
@media screen and (max-width: 991px) {
.que_ans__line-left {
padding: 25px 0 0 0
}
}
.que_ans__line-left>p {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px
}
@media screen and (max-width: 96px) {
.que_ans__line-left>p {
font-size: 16px;
line-height: 18px
}
}
.que_ans__line-left>p span {
font-family: "Arial_Bold", sans-serif;
}
.que_ans__line-left>p+p {
margin-top: 20px
}
.que_ans__bot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 35px
}
@media screen and (max-width: 1199px) {
.que_ans__bot {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.que_ans__bot>button {
height: 49px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: none;
outline: 0;
color: #24262c;
font-family: "Arial_Bold", sans-serif;
font-size: 20px;
border-radius: 10px;
padding: 15px 30px;
cursor: pointer
}
@media screen and (max-width: 96px) {
.que_ans__bot>button {
font-size: 18px;
padding: 15px 20px
}
}
@media screen and (max-width: 576px) {
.que_ans__bot>button {
font-size: 16px;
padding: 10px 10px
}
}
.que_ans__bot>button.btn__send {
background-color: #0048F4;
z-index: 2
}
.que_ans__bot>button.btn__cancel {
background-color: #f1f1f1;
margin-left: -45px;
padding-left: 75px;
z-index: 1
}
@media screen and (max-width: 96px) {
.que_ans__bot>button.btn__cancel {
margin-left: -25px;
padding-left: 35px
}
}
.que_ans__bot>span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #7a7a7a;
font-family: "Arial", sans-serif;
font-size: 14px;
line-height: 14px;
margin-left: 25px
}
@media screen and (max-width: 1199px) {
.que_ans__bot>span {
margin-left: 0;
margin-top: 15px
}
}
.que_ans__bot>span i {
margin-right: 10px
}
.que_ans__bot>span.sp_finish {
display: none
}
.que_ans__bot.done>span {
display: none
}
.que_ans__bot.done>span.sp_finish {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 0
}
.que_ans__bot.done>button {
display: none
}
.switch {
width: 55px;
height: 30px;
position: relative;
display: inline-block;
margin-bottom: 0
}
.switch-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 60px
}
.switch input {
opacity: 0;
width: 0;
height: 0
}
.switch input:checked~.switch__text {
color: #68c100
}
.switch input:checked~.switch__btn {
background-color: #68c100
}
.switch input:checked~.switch__btn:before {
background-color: #fff;
-webkit-transform: translateX(21px);
-ms-transform: translateX(21px);
transform: translateX(21px)
}
.switch__text {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 400px;
position: absolute;
top: 52%;
left: 75px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #969696;
font-family: "Arial_Bold", sans-serif;
font-size: 15px;
line-height: 17px
}
@media screen and (max-width: 96px) {
.switch__text {
max-width: 280px
}
}
@media screen and (max-width: 1600px) {
.hey__logo {
width: 500px !important;
}
.hey {
padding-left: 540px !important;
}
.dashboard__study {
height: 160px !important;
}
.hey-wrapper {
width: 500px !important;
}
}
@media screen and (max-width: 767px) {
.switch__text {
max-width: 360px
}
}
@media screen and (max-width: 576px) {
.switch__text {
max-width: 210px;
font-size: 14px;
line-height: 15px
}
}
@media screen and (max-width: 359px) {
.switch__text {
max-width: 185px;
left: 65px;
font-size: 12px
}
}
.switch__btn {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: none;
background-color: #d8d8d8;
border-radius: 10px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.switch__btn:before {
position: absolute;
content: "";
width: 24px;
height: 24px;
left: 5px;
bottom: 3px;
background-color: #fff;
border-radius: 50%;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.hey__wrapper {
min-height: 1085px;
position: relative;
background-repeat: repeat-x;
background-position: top 15px center;
background-size: cover;
}
.hey {
padding-top: 60px;
padding-right: 60px;
padding-left: 800px;
}
@media screen and (max-width: 96px) {
.hey {
padding-left: 800px;
padding-right: 25px;
}
}
.hey__h1 {
position: relative;
color: #000;
font-family: "Arial_Bold", sans-serif;
font-size: 38px;
line-height: 40px;
margin-bottom: 15px;
z-index: 1;
}
.hey__p {
position: relative;
color: #000;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px;
margin-bottom: 50px;
z-index: 1;
}
.hey>a {
text-decoration: none;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.hey__study {
border: 1px solid #e5e5e5;
border-radius: 10px;
}
.hey>a {
text-decoration: none;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.hey__study {
border: 1px solid #e5e5e5;
border-radius: 10px;
}
.dashboard__study {
width: calc(50% - 20px);
display: block;
background-color: #fff;
border-radius: 10px;
padding: 15px 0;
float: left;
margin-bottom: 20px !important;
margin-right: 20px !important;
}
.dashboard__study:hover {
box-shadow: 0 20px 60px #00000017;
}
.dashboard__study-right {
display: flex;
float: left;
width: calc(100% - 100px);
padding-left: 20px;
height: 100%;
}
.dashboard__study-left {
float: left;
display: flex;
}
.service_img_icon {
width: 50px;
height: 50px;
display: block;
margin: auto;
}
.service_info_link {
margin: auto;
margin-left: 0;
margin-right: 0;
}
.service_info_link b {
font-weight: normal;
font-family: "Arial_Bold", sans-serif;
color: #000;
font-size: 20px;
line-height: 20px;
}
.service_info_link {
color: #535353;
font-size: 16px;
}
.hey>a:hover {
-webkit-box-shadow: 0 0 42px 18px rgb(0 0 0 / 8%);
box-shadow: 0 0 42px 18px rgb(0 0 0 / 8%);
}
i.ic_external {
width: 21px;
height: 21px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-external-link%22%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2210%22%20y1%3D%2214%22%20x2%3D%2221%22%20y2%3D%223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
i.ic_alert_eye {
width: 22px;
height: 22px;
display: inline-block;
margin-right: 13px;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-eye-off%22%3E%3Cpath%20d%3D%22M17.94%2017.94A10.07%2010.07%200%200%201%2012%2020c-7%200-11-8-11-8a18.45%2018.45%200%200%201%205.06-5.94M9.9%204.24A9.12%209.12%200%200%201%2012%204c7%200%2011%208%2011%208a18.5%2018.5%200%200%201-2.16%203.19m-6.72-1.07a3%203%200%201%201-4.24-4.24%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%221%22%20y1%3D%221%22%20x2%3D%2223%22%20y2%3D%2223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.dashboard__header-menu {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
@media screen and (max-width: 991px) {
.dashboard__header-menu {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media screen and (max-width: 767px) {
.dashboard__header-menu {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.dashboard__header-menu>ul {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width: 991px) {
.dashboard__header-menu>ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f9f6ea;
position: fixed;
top: -100%;
left: 0;
right: 0;
-webkit-transition: .5s all;
-o-transition: .5s all;
transition: .5s all;
z-index: 100
}
}
.dashboard__header-menu>ul>li {
height: 100%;
position: relative
}
@media screen and (max-width: 991px) {
.dashboard__header-menu>ul>li {
height: 60px
}
}
.dashboard__header-menu>ul>li:hover::before {
content: '';
width: 100%;
height: 6px;
position: absolute;
bottom: 0;
left: 0;
display: block;
background-color: #0048F4;
border-top-left-radius: 15px;
border-top-right-radius: 15px
}
.dashboard__header-menu>ul>li:hover a {
color: #0048F4
}
.dashboard__header-menu>ul>li:hover i.ic_chevron-down {
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23030d9c%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-down%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
.dashboard__header-menu>ul>li i.ic_chevron-down {
width: 22px;
height: 22px;
display: inline-block;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23969696%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-down%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
margin-left: 5px
}
.dashboard__header-menu>ul>li>a {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #999999;
font-family: "Arial", sans-serif;
font-size: 20px;
line-height: 20px;
text-decoration: none
}
@media screen and (max-width: 96px) {
.dashboard__header-menu>ul>li>a {
font-size: 18px
}
}
@media screen and (max-width: 1199px) {
.dashboard__header-menu>ul>li>a {
font-size: 16px
}
}
@media screen and (max-width: 991px) {
.dashboard__header-menu>ul>li>a {
font-size: 20px
}
}
.dashboard__header-menu>ul>li .header__inner_menu {
width: 240px;
display: none;
background-color: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 0 32.3px 16.7px rgba(0, 0, 0, .05);
box-shadow: 0 0 32.3px 16.7px rgba(0, 0, 0, .05);
position: absolute;
top: 200%;
left: -20px;
overflow: hidden
}
.dashboard__header-menu>ul>li .header__inner_menu>li a {
padding: 12px 20px !important;
display: block;
width: 100%;
}
.dashboard__header-menu>ul>li .header__inner_menu>li {
height: 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
background-color: #fff;
}
.dashboard__header-menu>ul>li .header__inner_menu>li:hover {
background-color: rgb(0 104 255 / 10%);
}
.dashboard__header-menu>ul>li .header__inner_menu>li:hover a {
color: #24262c
}
.dashboard__header-menu>ul>li .header__inner_menu>li>a {
color: #24262c;
font-family: "Arial", sans-serif;
font-size: 18px;
line-height: 18px;
text-decoration: none
}
.dashboard__header-menu>ul>li .header__inner_menu>li+li {
border-top: 1px solid #e2e2e2
}
.dashboard__header-menu>ul>li.show {
height: auto
}
.dashboard__header-menu>ul>li.show:hover::before {
display: none
}
.dashboard__header-menu>ul>li.show a {
height: auto
}
.dashboard__header-menu>ul>li.show i.ic_chevron-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.dashboard__header-menu>ul>li.show .header__inner_menu {
display: block;
z-index: 100
}
@media screen and (max-width: 991px) {
.dashboard__header-menu>ul>li.show .header__inner_menu {
width: 50vw;
position: relative;
top: 0;
left: 0;
padding: 0;
margin-top: 25px
}
}
@media screen and (max-width: 576px) {
.dashboard__header-menu>ul>li.show .header__inner_menu {
width: 80vw
}
}
.dashboard__header-menu>ul>li+li {
margin-left: 15px
}
@media screen and (max-width: 96px) {
.dashboard__header-menu>ul>li+li {
margin-left: 30px
}
}
@media screen and (max-width: 1199px) {
.dashboard__header-menu>ul>li+li {
margin-left: 15px
}
}
.dashboard__header-menu>ul>li.li_active::before {
content: '';
width: 100%;
height: 6px;
position: absolute;
bottom: 0;
left: 0;
display: block;
background-color: #0048F4;
border-top-left-radius: 15px;
border-top-right-radius: 15px
}
.dashboard__header-menu>ul>li.li_active a {
color: #0048F4
}
.dashboard__header-menu>span {
width: 55px;
height: 55px;
display: none;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23313131%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-menu%22%3E%3Cline%20x1%3D%223%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%226%22%20x2%3D%2221%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2218%22%20x2%3D%2221%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}
@media screen and (max-width: 991px) {
.dashboard__header-menu>span {
display: inline-block
}
}
@media screen and (max-width: 767px) {
.dashboard__header-menu>span {
width: 40px;
height: 40px
}
}
.dashboard__header-menu.open>ul {
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: 0;
overflow-y: auto;
padding: 50px 0
}
.dashboard__header-menu.open>ul>li+li {
margin-left: 0;
margin-top: 15px
}
.dashboard__header-menu.open>span {
position: absolute;
top: 25px;
left: 25px;
z-index: 101;
background: url(/assets/frontend/img/header/x-circle.svg) no-repeat 50% 50%/contain
}
@media screen and (max-width: 767px) {
.dashboard__header-menu.open>span {
left: 15px
}
}
.personal_data-top img {
width: 80px;
}
#form_agree ul {
margin-top: 30px;
font-size: 15px;
}
#form_agree ul li {
list-style: circle !important;
margin-left: 20px !important;
}
.dolznost_link.js-dolznost_link .chosen-search {
display: none !important;
}
.dolznost_link.js-dolznost_link .chosen-single,
.dolznost_link.js-dolznost_link .chosen-container-active.chosen-with-drop .chosen-single {
border: 0;
background: white;
font-size: 14px;
font-family: 'Arial-bold', sans-serif;
padding-left: 0;
}
#switch_role_select_chosen {
margin-top: 3px !important;
}
.dolznost_link.js-dolznost_link .chosen-single span {
line-height: 20px;
color: #999999;
font-size: 16px;
}
.dolznost_link.js-dolznost_link .chosen-single div b {
width: 10px!important;
background-color: #e0e0e0;
height: 16px!important;
padding: 0 12px;
background-size: 12px!important;
background-position: 6px 3px !important;
border-radius: 3px;
}
.dolznost_link.js-dolznost_link .chosen-single div {
margin-top: 1px;
}
.dolznost_link.js-dolznost_link .chosen-drop {
width: max-content;
border-radius: 10px;
box-shadow: 0 0 25px #0000003d;
overflow: hidden;
margin-top: 10px;
}
.dolznost_link.js-dolznost_link .chosen-results li:hover {
background-color: rgba(0, 0, 0, 0.1) !important;
}
.hey-wrapper {
width: 726px;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
/*background-image: url(/assets/frontend/img/check_services_bg.png);*/
background-repeat: repeat-y;
}
.hey__logo {
width: 726px;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
background-image: url(/assets/frontend/img/check_services.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: 726px auto;
}
@media screen and (max-width: 1199px) {
.hey__logo {
width: 400px;
height: 101%;
border-bottom-right-radius: 50px;
border-top-right-radius: 50px;
}
}
@media screen and (max-width: 767px) {
.hey__logo {
display: none;
}
}
.hey-wrapper img {
width: 80px;
display: none;
margin-left: 40px;
margin-top: 40px;
position: absolute;
z-index: 2;
}
.page_add_info b {
font-size: 16px;
}
.special_h1_separator {
display: inline-block;
margin-right: 50px;
float: left;
font-size: 20px !important;
padding: 5px 20px;
margin-top: 20px !important;
margin-bottom: 0;
background-color: #0048F4;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.special_h1_separator_wrapper {
border-bottom: 3px solid #0048F4;
width: 100%
}
ul#tabs-block-title,
ul#tabs-title {
background-color: #f1f1f1;
padding: 5px;
margin-top: 15px;
border-radius: 10px;
border-bottom: 0;
}
ul#tabs-block-title li.active,
ul#tabs-title li.active {
background-color: #0048F4;
border-radius: 10px;
padding: 0 10px;
}
ul#tabs-block-title li.active,
ul#tabs-title li.active {
background-color: #0048F4 !important;
color: #fff !important;
}
ul#tabs-block-title li.active a,
ul#tabs-title li.active a {
color: white;
padding: 10px 7px 6px 10px;
font-size: 18px;
}
ul#tabs-block-title li {
border-radius: 10px;
padding: 0 10px;
}
ul#tabs-block-title li a,
ul#tabs-title li a {
color: #a0a0a0;
padding: 10px 7px 6px 10px;
font-size: 18px;
}
.add-new-block-question {
padding-right: 0 !important;
}
ul#tabs-block-title li.add-new-block-question a,
ul#tabs-title li.add-new-question a {
background-color: #ffffff;
border-radius: 10px;
display: block;
width: 40px;
height: 36px;
line-height: 38px;
text-align: center;
margin-right: 0 !important;
font-size: 28px;
border: 2px solid #0048F4;
color: #0048F4;
box-shadow: 0 0 20px #0000001c;
font-family: "Arial_Bold", sans-serif;
text-indent: -99999px;
background-image: url(/assets/frontend/img/add_plus.svg);
background-size: 24px;
background-repeat: no-repeat;
background-position: center;
}
.btn-success:hover {
background-color: #0048F4 !important;
}
.one_answer_input .chosen-search {
display: none;
}
form#form_pa .div_pa_questions .chosen-container-multi .chosen-choices li.search-choice {
height: 44px;
}
html .chosen-container.chosen-container-single {
font-size: 17px;
vertical-align: top;
}
html .chosen-container.chosen-container-single a {
border-radius: 10px;
border: 1px solid #999999;
height: 47px;
padding-left: 10px;
box-shadow: none;
background: white;
}
html .chosen-container.chosen-container-single a span {
line-height: 35px;
}
html .chosen-container-single .chosen-search input[type="text"] {
border: 1px solid #d5dfe1;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
margin: 1px 0;
padding: 4px 20px 4px 4px;
width: 100%;
}
html .chosen-container .chosen-drop {
border: 1px solid #d5dfe1;
}
html .chosen-container .chosen-results li {
line-height: 1.42857143;
}
html .chosen-container-single .chosen-single div b {
background: url(/assets/frontend/img/down-arrow.svg);
background-size: contain;
width: 18px;
background-repeat: no-repeat;
background-position-y: 13px;
}
html .chosen-container-single .chosen-single div {
width: 30px;
}
html .chosen-container-single .chosen-single span {
margin-right: 30px;
}
html .chosen-container.chosen-container-multi {
font-size: 17px;
}
html .chosen-container-multi ul.chosen-choices {
border-radius: 10px;
border: 1px solid #dfe4ec;
min-height: 47px;
padding-left: 0;
box-shadow: none;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
}
html .chosen-container-multi .chosen-choices li.search-field {
line-height: 35px;
}
html .chosen-container-multi .chosen-choices li.search-choice {
margin: 0;
height: 35px;
border: none;
background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
background: -ms-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
border-radius: 0;
padding: 10px 40px 10px 15px;
border-right: 1px solid #dfe4ec;
}
html .chosen-container.chosen-container-multi .chosen-choices li.search-field input {
padding-left: 10px;
}
html .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 14px;
right: 13px;
display: block;
width: 15px;
background-image: url(/assets/frontend/img/cross.svg) !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
html body .chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #999999;
}
html .chosen-container-multi ul.chosen-choices {
border: 1px solid #999999;
background: white;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
transform: rotate(180deg);
background-position: center;
}
.authorization__account-two_slider h4 i {
font-size: 14px;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
color: #999999 !important;
font-size: 17px !important;
}
.labelloadfile {
background-color: #0048F4;
color: #0f0f0f !important;
border: 0;
border-radius: 10px;
}
.labelloadfile .file-text {
text-align: center;
}
#right_table .accordion-style .panel-heading .panel-title a {
padding-left: 27px;
}
.unplash-column {
margin-top: 70px !important;
margin-bottom: 20px;
}
#add_all_users_btn {
border-radius: 10px;
}
.work_area .accordion__btn-info span {
line-height: 26px;
}
.work_area .card-header {
padding-bottom: 14px;
padding-top: 14px;
}
.stroke_area1,
.stroke_area2,
.stroke_area3,
.stroke_area4 {
float: left;
}
.stroke_area1 {
width: 47px;
}
.stroke_area1 .form-control.is_finish {
margin: 0;
}
.stroke_area2 {
width: calc(100% - 170px);
margin-left: 15px;
font-size: 17px;
margin-top: 12px;
}
.stroke_area3 .info-popup {
margin-top: 12px;
display: block;
margin-left: 5px;
}
.work_area .card-header .btn.btn-link.accordion__btn {
padding-right: 0 !important;
}
.toggleButton.littlecheck input+div svg {
fill: none;
stroke-width: 3.6;
stroke: #e1e1e1;
stroke-linecap: round;
stroke-linejoin: round;
width: 30px;
height: 30px;
display: block;
position: absolute;
left: -3px;
top: -3px;
right: -3px;
bottom: -3px;
z-index: 1;
stroke-dashoffset: 124.6;
stroke-dasharray: 0 162.6 133 29.6;
transition: all 0.4s ease 0s;
}
.toggleButton.littlecheck input+div {
border: 3px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
position: relative;
width: 34px;
height: 34px;
}
.toggleButton {
cursor: pointer;
display: block;
transform-origin: 50% 50%;
transform-style: preserve-3d;
transition: transform 0.14s ease;
}
.toggleButton:active {
transform: rotateX(30deg);
}
.toggleButton input {
display: none;
}
.toggleButton input+div {
border: 3px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
position: relative;
width: 44px;
height: 44px;
}
.toggleButton input+div svg {
fill: none;
stroke-width: 3.6;
stroke: #e1e1e1;
stroke-linecap: round;
stroke-linejoin: round;
width: 40px;
height: 40px;
display: block;
position: absolute;
left: -3px;
top: -3px;
right: -3px;
bottom: -3px;
z-index: 1;
stroke-dashoffset: 124.6;
stroke-dasharray: 0 162.6 133 29.6;
transition: all 0.4s ease 0s;
}
.toggleButton input+div:before,
.toggleButton input+div:after {
content: "";
width: 3px;
height: 16px;
background: #fff;
position: absolute;
left: 50%;
top: 50%;
border-radius: 5px;
}
.toggleButton input+div:before {
opacity: 0;
transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
-webkit-animation: bounceInBefore 0.3s linear forwards 0.3s;
animation: bounceInBefore 0.3s linear forwards 0.3s;
}
.toggleButton input+div:after {
opacity: 0;
transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
-webkit-animation: bounceInAfter 0.3s linear forwards 0.3s;
animation: bounceInAfter 0.3s linear forwards 0.3s;
}
.toggleButton input:checked+div svg {
stroke-dashoffset: 162.6;
stroke-dasharray: 0 162.6 28 134.6;
transition: all 0.4s ease 0.2s;
stroke: #05C51E;
}
.toggleButton input:checked+div:before {
opacity: 0;
transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
-webkit-animation: bounceInBeforeDont 0.3s linear forwards 0s;
animation: bounceInBeforeDont 0.3s linear forwards 0s;
}
.toggleButton input:checked+div:after {
opacity: 0;
transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
-webkit-animation: bounceInAfterDont 0.3s linear forwards 0s;
animation: bounceInAfterDont 0.3s linear forwards 0s;
}
@-webkit-keyframes bounceInBefore {
0% {
opacity: 0;
transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
}
50% {
opacity: 0.9;
transform: scale(1.1) translate(-50%, -50%) rotate(45deg);
}
80% {
opacity: 1;
transform: scale(0.89) translate(-50%, -50%) rotate(45deg);
}
100% {
opacity: 1;
transform: scale(1) translate(-50%, -50%) rotate(45deg);
}
}
@keyframes bounceInBefore {
0% {
opacity: 0;
transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
}
50% {
opacity: 0.9;
transform: scale(1.1) translate(-50%, -50%) rotate(45deg);
}
80% {
opacity: 1;
transform: scale(0.89) translate(-50%, -50%) rotate(45deg);
}
100% {
opacity: 1;
transform: scale(1) translate(-50%, -50%) rotate(45deg);
}
}
@-webkit-keyframes bounceInAfter {
0% {
opacity: 0;
transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
}
50% {
opacity: 0.9;
transform: scale(1.1) translate(-50%, -50%) rotate(-45deg);
}
80% {
opacity: 1;
transform: scale(0.89) translate(-50%, -50%) rotate(-45deg);
}
100% {
opacity: 1;
transform: scale(1) translate(-50%, -50%) rotate(-45deg);
}
}
@keyframes bounceInAfter {
0% {
opacity: 0;
transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
}
50% {
opacity: 0.9;
transform: scale(1.1) translate(-50%, -50%) rotate(-45deg);
}
80% {
opacity: 1;
transform: scale(0.89) translate(-50%, -50%) rotate(-45deg);
}
100% {
opacity: 1;
transform: scale(1) translate(-50%, -50%) rotate(-45deg);
}
}
@-webkit-keyframes bounceInBeforeDont {
0% {
opacity: 1;
transform: scale(1) translate(-50%, -50%) rotate(45deg);
}
100% {
opacity: 0;
transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
}
}
@keyframes bounceInBeforeDont {
0% {
opacity: 1;
transform: scale(1) translate(-50%, -50%) rotate(45deg);
}
100% {
opacity: 0;
transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
}
}
@-webkit-keyframes bounceInAfterDont {
0% {
opacity: 1;
transform: scale(1) translate(-50%, -50%) rotate(-45deg);
}
100% {
opacity: 0;
transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
}
}
@keyframes bounceInAfterDont {
0% {
opacity: 1;
transform: scale(1) translate(-50%, -50%) rotate(-45deg);
}
100% {
opacity: 0;
transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
}
}
body .dribbble {
position: fixed;
display: block;
right: 24px;
bottom: 24px;
}
body .dribbble img {
display: block;
width: 76px;
}
ol#plan-list li {
margin-bottom: 10px;
}
.work_area .accordion {
margin-bottom: 20px;
margin-top: 0 !important;
}
.work_area .accordion,
.work_area .accordion .card {
overflow: visible;
}
button.add-plan.btn,
button.save-goals.btn.plus,
button#add_notice_btn_good,
button#add_notice_btn_better,
button#add_notice_btn_next,
button.save-eval.btn {
background-color: #ffffff;
border-radius: 10px;
display: block;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
font-size: 28px;
border: 2px solid #0048F4;
color: #0048F4;
box-shadow: 0 0 20px #0000001c;
font-family: "Arial_Bold", sans-serif;
text-indent: -99999px;
background-image: url('/assets/frontend/img/add_plus.svg');
background-size: 24px;
background-repeat: no-repeat;
background-position: center;
}
input.form-control.descr_plan {
height: 40px !important;
}
#blank_layouts_modal .history__bot::before {
width: calc(100% + 30px);
left: -15px;
}
#blank_layouts_modal .history__bot p i {
width: 35px;
height: 35px;
margin-left: 15px;
}
.rating_not_hover {
pointer-events: none !important;
}
.status_eval_completed {
color: green !important;
font-family: "Arial_Bold", sans-serif;
font-size: 15px;
line-height: 15px;
}
.status_eval_pending {
color: #0048f4 !important;
font-family: "Arial_Bold", sans-serif;
font-size: 15px;
line-height: 15px;
}
.status_eval_not_request {
color: #0048f4 !important;
font-family: "Arial_Bold", sans-serif;
font-size: 15px;
line-height: 15px;
}
.overlay_video {
width: 100%;
height: 100%;
display: block;
}
#nubexDiv {
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
overflow: hidden;
}
#nubexVideo {
top: 0;
left: 0;
position: absolute;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
}
.authorization__account.js-authorization__account form#authFrom div:nth-of-type(3) {
display: none;
}
.formFilledTitle {
font-weight: 600;
font-size: 18px;
}
.formAnswerRow {
border-bottom: 1px solid #e4e4e4;
padding-bottom: 20px;
display: flex;
flex-direction: column;
max-width: 70%;
overflow-wrap: anywhere;
}
.formQuestionValue {
color: #8c8c8c;
margin-bottom: 15px;
}
.downloadPic {
background-image: url('/assets/frontend/img/downloadPic.svg');
background-repeat: no-repeat;
background-size: cover;
width: 25px;
height: 25px;
display: block;
margin-bottom: 10px;
}
.authorization__wrap {
}
.kpis-main-table .kpis-main-table__row .kpis-main-table__item.goal_name_text_wrapper {line-height: 20px!important;}
#ajax-hint-modal .modal-header button.close {text-indent: -9000px!important;}
#ajax-hint-modal .modal-title {width: 90%!important;}
#filterFeed #reset_select_uid {
background-color: #2248f5;
color: white;
text-decoration: none;
font-size: 14px;
/* padding: 5px 10px; */
display: block;
margin-top: -32px;
right: 10px;
position: absolute;
border-radius: 50%;
width: 30px;
height: 30px;
margin-top: 13px;
line-height: 30px;
text-align: center;
text-indent: -9000px;
background-image: url('data:image/svg+xml,');
background-size: 24px;
background-position: center;
}
.select_area_cabinet .chosen-container.chosen-container-multi .chosen-choices {padding-top: 8px!important;}
.select_area_cabinet {width: 18%;}
.select_header_tip {
position: absolute;
z-index: 2;
color: #677489;
font-size: 12px;
margin-top: -6px;
padding-left: 10px;
padding-right: 10px;
background-color: white;
margin-left: 10px;
}