html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0; /* ol,*/
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
#chat{
    position: fixed;
    bottom: 0;
    top:100%!important;
    left: 25px;
    background: #FFF;
    width: 300px;
    z-index: 10002;
    box-shadow: 1px 0 10px #826fc0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.chat-title{
  padding: 15px;
  line-height: 100%;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chat-status{
    position:relative;
    border-bottom:1px solid #E5E5E5;
    height:50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.chat-close{
  margin-right: 10px;
  cursor:pointer;
}


.tab-buttons .chat__link.tab{
    border:none;
    background:none;
}
.user-short i.chat-min{
    color:#826fc0;
}
/*.chat-min, .chat-max {
    width: 30px;
    height: 30px;
    position:absolute;
    right:10px;
    bottom:10px;
    top:10px;
    cursor:pointer;
}*/
#chat.opened{
    top:100px!important;
    height:auto;
    left:50px;
    width:600px;
    max-width:100%;
}

#chat .module,
#chat .module .chat {
  height: 100%;
}

#chat .module .chat .chat-wrapper {
    max-height: 100%;
}

#chat ::-webkit-scrollbar-button {
  background-image: none;
  background-repeat: no-repeat;
  width: 5px;
  height: 0px;
}

#chat ::-webkit-scrollbar-track {
  background-color: #ecedee;
}

#chat ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: dodgerblue;
}

#chat ::-webkit-scrollbar-thumb:hover {
  background-color: #56999f;
}

#chat ::-webkit-resizer {
  background-image: none;
  background-repeat: no-repeat;
  width: 4px;
  height: 0px;
}

#chat ::-webkit-scrollbar {
  width: 4px;
}

#chat hr {
  margin: 0;
}

.chat__links {
  display: flex;
  width: 100%;
  padding: 2px;
}

.chat__link {
  width: 33.3%;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.chat__link > i {
  font-size: 18px;
  color: #666;
}

.chat__link.active > i {
  color: #a89cee;
}

.chat__close-btn {
  font-size: 24px;
  position: absolute;
  top: 0;
  right: 0px;
  width: 0px;
  opacity: 0;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -5;
  transition: 0.2s;
}

#chat.opened .chat__close-btn {
  right: -50px;
  width: 50px;
  opacity: 1;
  transition: 0.2s;
}

#chat .chat-status{
    z-index: 500;
}

.chat-wrapper{
  position: absolute;
  top: 50px;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
}

.chat__body-wrapper {
  height: 100%;
  position: relative;
}

.chat__body.tab-content.contacts{
  overflow-y: auto;
  height: calc(100% - 50px);
  min-height: 1px;
  margin-bottom: 50px;
  padding-top: 35px;
}

.contacts__search-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    height: 30px;
    padding: 0 10px;
    display: flex;
    align-items: center;
}

.contacts__search-wrapper input{
    width: 100%;
    height: 100%;
}

.chat__body.contacts .chat__user img {
  max-width: 30px;
  margin-right: 10px;
  border-radius: 50%;
}

.chat__body.contacts .chat__user {
  display: flex;
  align-items: center;
  font-size: 14px;
  background-color: #a89cee38;
  margin-bottom: 5px;
  padding: 10px; 
  text-overflow: ellipsis;
}

.chat__body.tab-content{
    border:none;
    background:#f8f6ff;
    padding:0;
    margin:0;
    height:100%;
}
.chat__room:hover, .chat__room:hover span{
   background:#826fc0;
   color:#FFF;
}

.chat__conversation{
    height:100%;
    position:relative;
    padding:10px;
    background:#f8f6ff;
    padding-bottom:80px;
}
.chat__conversation-content{
    height:100%;
    background:#FFF;
    overflow-y:auto;
    padding:10px;
}
.chat__conversation-input{
    width:100%;
    bottom:0;
}
#chat-input{
    float:left;
    width:Calc(100% - 51px);
    resize:none;
    padding:10px;
    font:inherit;
    font-size:12px;
    color:#888;
    border: 1px solid #E5E5E5;
    border-right: none;
}
.chat__conversation-input button{
    float:left;
    width:50px;
    height:50px;
}
.chat__message{
    float:left;
    width:70%;
    border-radius:4px;
    padding:10px;
}
.chat__message.message-own{
    float:right;
}
.chat__message.message-system{
    float: left;
    margin-left: 15%;
}
.chat__message-body{
    position:relative;
    margin-left:45px;
    min-height:40px;
    background:#F3F3F3;
    border-radius:4px;
    padding:10px;
    padding-bottom:20px;
    font-size: 12px;
    line-height: 150%;
}
.chat__message-date{
    position:absolute;
    right:10px;
    bottom:10px;
    font-size:10px;
    color:#666;
    line-height:0;
}
.chat_conversation-info{
    margin:0;
    padding:3px;
    font-size:8px;
    color:#666;
    display:block;
    min-height:16px;
}
.chat__room{
    padding:10px;
    border-bottom:1px solid #E5E5E5;
    position:relative;
}
.chat__new{
  position: absolute;
  top: 7px;
  left: 7px;
  /* font-size: 12px; */
  width: 16px;
  height: 16px;
  font-size: 10px;
  color: #FFF;
  text-align: center;
  padding-top: 9px;
  line-height: 0;
  background: red;
  border-radius: 50%;
}
.chat__message.message-own .chat__message-avatar{
    display:none;
}
.chat__name{
  max-width: Calc(100% - 80px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:13px;
  font-weight: bold;
}
.chat__search{
  display:flex;
  position:relative;
}
.chat__search-clear{
    position: absolute;
    right: 10px;
    top: 12px;
    border-radius: 50%;
    background: #FFF;
    padding: 5px;
    text-align: center;
    font-size: 9px;
    width: 21px;
    box-shadow: 1px 0 4px #ccc;
    color: gray;
    cursor:pointer;
}
.chat__search input{
    border: 1px solid #E5e5e5;
    border-left: none;
    border-right: none;
    padding: 15px;
    border-top: none;
    background:#f3f3f3;
}
.chat__search input:focus{
    background: #FFF;
}
.chat-close{
  color: red;
    font-size: 12px;
    line-height: 100%;
    width: auto;
    padding-top: 18px;
    padding-right: 15px;
    height: 100%;
    margin-right: 0;
}
.chat-close i{
    float:left;
    margin-right:5px;
}
.chat__last{
    position:absolute;
    bottom:15px;
    right:10px;
    font-size:10px;
    color:#666;
}
.chat__room{
    cursor: pointer;
    font-size: 14px;
    line-height: 100%;
    padding:15px;
    padding-left:30px;
}
.chat__out{
    font-size:12px;
    margin-left:10px;
    color: rgb(253, 145, 145);  
    cursor:pointer;
}
.chat__out:hover{
    color:red;
}
.chat__message-author{
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    line-height: 100%;
    font-weight: bold;
    color: #a89cee;
    font-size: 10px;
}
.chat-blink{
  animation-name: blink;
  animation-timing-function: linear;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.chat-back{
    color: #826fc0;
    line-height: 100%;
    margin-right: 10px;
    cursor:pointer;
}
.chat-back i{
    float:left;
    margin-right:5px;
}





@keyframes blink {
  50% {
    opacity: 0;
  }
}
/*!
 * Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.croppie-container {
    width: 100%;
    height: 60%;
  }
  
  .croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
  }
  
  .croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  
  .croppie-container .cr-viewport,
  .croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
  }
  
  .croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
  }
  
  .croppie-container .cr-resizer-vertical,
  .croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
  }
  
  .croppie-container .cr-resizer-vertical::after,
  .croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
  }
  
  .croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
  }
  
  .croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
  }
  
  .croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
  }
  
  .croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
  }
  
  .croppie-container .cr-original-image {
    display: none;
  }
  
  .croppie-container .cr-vp-circle {
    border-radius: 50%;
  }
  
  .croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
  }
  
  .croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
    display: none;
  }
  
  .croppie-result {
    position: relative;
    overflow: hidden;
  }
  
  .croppie-result img {
    position: absolute;
  }
  
  .croppie-container .cr-image,
  .croppie-container .cr-overlay,
  .croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
  }
  
  /*************************************/
  /***** STYLING RANGE INPUT ***********/
  /*************************************/
  /*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
  /*************************************/
  
  .cr-slider {
    -webkit-appearance: none;
  /*removes default webkit styles*/
  /*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
  /*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
  }
  
  .cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
  }
  
  .cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
  }
  
  .cr-slider:focus {
    outline: none;
  }
  /*
  .cr-slider:focus::-webkit-slider-runnable-track {
  background: #ccc;
  }
  */
  
  .cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
  }
  
  .cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
  }
  
  /*hide the outline behind the border*/
  .cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
  }
  
  .cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
  border-width: 6px 0;
  color: transparent;/*remove default tick marks*/
  }
  .cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  }
  .cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  }
  .cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top:1px;
  }
  .cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  }
  .cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  }
  /*******************************************/
  
  /***********************************/
  /* Rotation Tools */
  /***********************************/
  .cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
  }
  .cr-rotate-controls button {
  border: 0;
  background: none;
  }
  .cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
  }
  .cr-rotate-l i:before {
  content: '↺';
  }
  .cr-rotate-r i:before {
  content: '↻';
  }
.letters-module {
    padding: 0;
}
.folders li{
    text-align:left;
}
.mail__search-mobile {
    position: relative;
}
#mail_letters .pagination{
    margin:15px 0;
}
.mail__search-mobile .open-settings{
    display: none;
    width: 20px;
    height: 20px;
    text-align: center;
}
.mail-attachments::after{
    content:"";
    display:block;
    clear:both;
}
.add-letter-mobile {
    display: none;
}

.open-folder{
    display: none;
}

.letter-row{
    display: flex;
    height: 70px;
    align-items: center;
    border-bottom: 1px solid #FFF;
    position: relative;
    padding:0px 10px;
    /*max-width: Calc(100% - 95px);*/
}

.letter-row:hover {
    background: aliceblue;
    cursor: pointer;
}

.letter-row.mail-unseen span {
    font-weight: bold;
}

.letter__content{
    /*display: flex;*/
    flex-direction: row;
    height: 100%;
    width: 100%;
    padding-left:10px;
}



.letters__wrapper{
    display: grid;
    grid-template-rows: minmax(20px, 1fr);
    width: 100%;
    /*min-height: 100%;
    height:100%;*/
    align-items: start;
    /* grid-template-columns: 30px 30px 30px minmax(300px, 1fr) 50px; */
}

.letters__wrapper a {
    text-decoration: none;
    color: unset;
    display: flex;
    min-height: 50px;
    align-items: center;
    /*border-bottom: 1px solid #FFF;*/
    position: relative;
    width: 100%;
}

.letters__header{
    display: flex;
    align-items: center;
    border-bottom: 3px double #a89cee;
    padding:10px 10px 10px 8px;
}

.letters__header span, .letter-row span {
    width: 50px;
    /*padding: 0 10px;*/
    font-size: 13px;
    text-align:center;
}
.letter-row span:first-child, span.letter__attach, span.letter__flagged{
    width:25px;
    text-align:center;
}
span.mail-in-row-icon{
    width:50px!important;
}
.letter-row .letter__from-name {
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.letter__content-title{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.letters__header .letters__title, .letter-row .letter-content{
    width: 100%;
    max-width: 300px;
    text-align: left;
}

.letters__header-date{
    margin-left: auto;
}
.letter__from-name{
    text-align: left!important;
    padding-right: 55px;
}
.letter-row span.letter__from-name{
    font-size: 14px;
}


.letter__content .letter__subject{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    align-self: center;
    min-width: 0;
    width: unset;
}

.letter__subject{
    color:#666;
    font-style: italic;
}

.letter-row .letter__date{
    padding: 0;
    position: absolute;
    right: 0;
    top: 35%;
    width: unset;
}

.letter__attach-mobile, .letter__flagged-mobile{
    display: none;
}
.mail-body .mail-attach{
    float: left;
    margin: 0px 15px 15px 0px;
    font-size: 14px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: transparent;
    padding: 10px;
    /*color: #fff;*/
    /* bordeR: 1px dashed #e5e5e5; */
    border-radius: 3px;
    box-shadow: 1px 0 4px #ccc;
}
.group-list {
  list-style: none;
  padding-left: 0;
  margin:0;
}
.group-item {
  position: relative;
  font-size: 14px;
  cursor: pointer;
  background: #FFF;
  border-radius: 3px;
  margin: 20px 0;
  background: darksalmon;
  
}
.user-more::after{
  font-family: "Font Awesome 5 Free";
  /*font-weight: 900;
  content: "\f05a";
  margin-left: 5px;
  cursor:pointer;
  color:dodgerblue;*/
}
.contact__card-online .user-avatar{
  float:left;
  width:40px;
  height:40px;
  margin-right:15px;
}
.contact__card .user-more{
  font-weight: bold;
  padding: 7px 7px 5px 9px;
  border: 1px solid #CCC;
  border-radius: 5px;
  font-size: 12px;
  line-height: 100%;
  display: inline-block;
  background: #FFF; 
}
.group-contact-list {
  display: none;
  list-style: none;
  padding-left: 0;
  padding-bottom:10px;
}
.contact-list{
  overflow-y: scroll;
  height: 100%;
}
.group-item.show .group-contact-list {
  display: block;
  margin-left:25px;
  margin-right:15px;
}
.list-item {
  border: 1px dashed #e5e5e5;
  border-radius: 5px;
  background: #ffebcd;
  display: block;
  margin-bottom: 15px;
  box-shadow: 1px 0 4px #f1bead inset;
}

.list-item .open-icon {
  margin-right: 10px;
}
.contact__card {
  display: none;
}

.contact__card.show {
  display: block;
}
.add-to-room, .start-chat{
  cursor:pointer;
}
.start-chat {
  border-radius: 5px;
  padding: 5px 10px;
  border: none;
  background-color: #a89cee;
  margin-top: 10px;
  color: #fff;
}

.add-to-room {
  max-width: 215px;
  width: auto;
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  padding: 5px;
  border-radius: 5px;
  color: #fff;
  background-color: #a89cee;
}

.hide-all{
    font-size: 12px;
    text-transform: lowercase;
    color: rgba(102, 102, 102, 0.5);
    font-weight: 700;
    cursor:pointer;
}
.contact-search{
    padding:10px;
    font:inherit; 
    border:1px solid #e5e5e5;
    min-width: 50px;
}
.contact-search-wrapper{
  flex-wrap: nowrap;
  display:flex;
}
.contact-search-wrapper button, .contact-search-wrapper a{
    margin-left:10px;
}
.contact-search-wrapper a{
    padding-top:15px;  
}
.contact-list-wrapper{
  height: Calc(100% - 60px);
  overflow-y: auto;
  margin-top: 15px;
  padding: 15px;
  background: #FFF;
  border: 1px solid #E5e5e5;
  box-shadow: 1px 0 4px #ccc inset;
  position:relative;
}
.contact-group-header{
  padding:10px;  
  position:relative;
  color:#FFF;
  font-size:20px;
}
.contact__card-online{
  padding:10px;
  position:relative;
}
.contact-group-popup-wrapper{
  position:absolute;
  background:#FFF;
  width:150px;
  border-radius: 5px;
  box-shadow: 1px 0 4px #CCC;  
}
.contact-group-popup-wrapper span{
  display:block;
  cursor:pointer;
  padding:10px;
  border-bottom:1px solid #E5E5E5;  
}
.contact-group-popup-wrapper span:last-child{
  border:none;  
}
.contact-report{
  margin-top:15px;
}
.popup-wrapper-form{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;  
  background:url('/assets/img/op.png');
  background-repeat: repeat;
  cursor:pointer;
  z-index:15000;
}
.popup-form{
  position:fixed;
  z-index:15001;
  top:20%;
  left:15px;
  right:15px;
  max-height:60%;
  overflow-y:auto;
  background:#FFF;
  padding:15px;
  box-shadow:1px 0 4px #CCC;
  border:1px solid #E5E5E5;
  border-radius: 1px;
}
.popup-form textarea{
  width:100%;
  min-height:200px;
  resize: vertical;  
  font:inherit;
  padding:10px;
  margin-bottom:15px;
}
.popup-form button:last-child{
  float:right;  
}
.contact-editor-item{
   display:flex;
   flex-wrap: nowrap; 
   margin-top:15px;
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
body.lb-disable-scrolling {
  overflow: hidden;
}
.gallery-preview{
  float:left;
  width:100px;
  height:100%;
  margin:15px;
}
.gallery-preview img{
    max-width:100%;
    max-height:100%;
}
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}
.lb-data{
  display:flex;
}
.lb-data .lb-details{
  flex:1;
}
.lb-likes .heart{
  padding-right:15px;
  font-size: 30px;
}
.lb-likes .heart i{
  margin-right:10px;
}
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  flex: 1;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 8px;

  /* Image border */
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/assets/css/images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/assets/css/images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0.4;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/assets/css/images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0.4;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/assets/css/images/close-icon.svg) top right no-repeat;
  background-size: contain;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* custom css */

.lightbox {
  /* padding-left: var(--sidebar-left-width); */
  height: 100%;
  max-height: 100%;
  width: 100%;
  z-index: 10003;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.lb-description{
  position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    width: calc(100% - 10px);
    height: auto;
    min-height: 30px;
    background-color: #0000004a;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 5px;
}

@media screen and (max-width:600px){
  .lightbox {
    padding-left: 0;
    max-height: 100%;
  }
}

.lb-data .lb-download {
  display: block;
  margin-right: 5px;
  float: right;
  width: 30px;
  height: 30px;
  text-align: right;
  outline: none;
  background: url(/assets/css/images/download-icon.svg) top right no-repeat;
  fill: #999999;
  background-size: contain;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-download:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
:root {
    --sidebar-left-width: 330px;
    --sidebar-right-width: 400px;
    /*--sidebar-top-height: 50px;*/
    --main-bg-color: #f0f0f0;
    --banner-height: 10px;
}

body.default,
html {
    width: 100%;
    height: 100vh;
    /* Use vh as a fallback for browsers that do not support Custom Properties */
    height: calc(var(--vh, 1vh) * 100);
    margin: 0;
    padding: 0;
    position: relative;
    /* background: var(--main-bg-color); */
    float: left;
    overflow-y : hidden;
}

body.noscroll {
    height: 100%;
    overflow: hidden;
}

body .preloader {
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    z-index: 100000;
}

* {
    font-family: "SF Pro Display", sans-serif;
    font-weight: 500;
    box-sizing: border-box;
    outline: none;
}

strong {
    font-weight: bold;
}

/* h2.title {
    font-size: 24px;
    font-weight: 600;
    padding: 10px 0;
    color: #8f7ccd ;
} */

.flex-column {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.no-select,
.doc-preview__comment {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.frmEdit H2 {
    margin: 0 0 15px 0;
}

.tab-content {
    margin-bottom: 15px;
}

*.no-display,
.tab-content {
    display: none;
}

/* .dir-pagination {
    width: 100%;
    float: left;
    padding: 25px 0;
}

.dir-pagination:after {
    content: "";
    display: block;
    clear: both;
} */

/* .progressbar {
    width: 100%;
    margin: 10px 0;
    border: 1px solid #f3f3f3;
    background: #fff;
    font-size: 12px;
    color: #fff;
    background: #ccc;
}

.progressbar .progress {
    width: 0;
    height: 12px;
    background: green;
    line-height: 100%;
    text-align: right;
}

.profile-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.profile-avatar-wrapper {
    margin: 0 auto;
    overflow: hidden;
}

.profile-avatar__edit.show {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #727272;
    background: #ffffff;
    box-shadow: 1px 2px 11px rgba(0, 0, 0, 0.41);
    border-radius: 8px;
    opacity: 1;
    cursor: pointer;
    position: absolute;
    z-index: 500;
    bottom: -50%;
    transition: 0.4s ease;
}

.profile-avatar__edit {
    display: none;
    opacity: 0;
}

.avatar__main-settings,
.avatar__img-settings {
    display: flex;
}


.avatar__img-settings{
  display: none;
}

.profile-avatar__edit .avatar__img-settings>div,
.profile-avatar__edit .avatar__main-settings>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: max-content;
    padding: 10px;
}

.mail-search {
    float: left;
}

.profile-avatar__edit .avatar__main-settings>div img,
.profile-avatar__edit .avatar__img-settings>div img {
    height: 25px;
    margin-bottom: 5px;
}

.profile-avatar__edit .avatar__main-settings>div>label span,
.profile-avatar__edit .avatar__img-settings>div>label span {
    font-size: 14px;
    display: block;
    line-height: 17px;
    text-align: center;
    color: #727272;
    margin: 0;
}

.profile-avatar__edit .upload-block>.upload-btn {
    display: inline-block;
}

.upload-btn input {
    display: none;
}

.avatar-upload-block {
    display: none;
} */
/* 
.frmEdit .profile__main {
    margin-bottom: 10px;
}

.frmEdit .profile__main .profile__wrapper {
    padding: 45px 0 0 30px;
    display: flex;
    flex-direction: column;
}

.frmEdit .profile__main .profile__wrapper .profile__row {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #727272;
}

.profile__wrapper .profile__position {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #a7a9a8;
}

.profile-form .tab-buttons .tab {
    margin-right: 0;
    width: 100%;
    max-width: 100px;
    border-radius: 8px;
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
} */

/* .tab-buttons .tab:hover, .tab-buttons .tab.active {
    background: #826FC0;
    color: #fff;
} */

.profile-form .tab-buttons .tab.active,
.profile-form .tab-buttons .tab:hover {
    border-bottom: none;
}
/* 
.profile-form {
    width: 1000px;
    max-width: 100%;
} */

/* .profile-form .tab-buttons .tab span {
    color: #a7a9a8;
} */

.profile-form .profile__main {
    position: relative;
}

/* .profile__main .user-status {
    position: absolute;
    top: 5px;
    right: 5px;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 0.05em;
    color: #fff;
} */



.frmEdit label.profile__label>span {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    color: #727272;
}

.frmEdit label.profile__label .profile__checkbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.frmEdit label.profile__label .profile__checkbox .custom-checkbox+label {
    margin-bottom: 0;
    display: flex;
    font-size: 11px;
    line-height: 23px;
    color: #727272;
}

.frmEdit label.profile__label .profile__checkbox .custom-checkbox+label::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #727272;
    border-radius: 50%;
    margin-right: 0.5em;
    margin-top: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.frmEdit label.profile__label .profile__checkbox .custom-checkbox:checked+label::before {
    background: radial-gradient(circle, rgba(143, 124, 205, 1) 0%, rgba(143, 124, 205, 1) 76%, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 100%);
}

.frmEdit label.profile__label .profile__checkbox .custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.frmEdit label.profile__label input,
.frmEdit label.profile__label textarea {
    background: #e7e7e7;
    border: 1px solid #b1b3b2;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 14px;
    line-height: 23px;
    color: #727272;
}

.frmEdit label.profile__label .profile__checkbox>input[type="date"] {
    width: 50%;
    user-select: none;
}

/* .frmEdit .profile__main input[type="text"] {
    width: max-content;
    border: none;
    height: auto;
    background-color: transparent;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #727272;
    padding: 5px 0;
} */

.select {
    position: relative;
}

.selectLabel {
    display: block;
    font-weight: bold;
    margin-bottom: 0.4rem;
}

/* .selectWrapper {
    position: relative;
}

.selectCustom {
    position: relative;
    width: 100%;
    margin: 10px 0;
}

.selectCustom-trigger {
    font-size: 14px;
    line-height: 23px;
    color: #727272;
    cursor: pointer;
    border-radius: 8px;
    background: #e7e7e7;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
    position: relative;
    width: 100%;
    height: 100%;
    padding: 5px 11px;
    z-index: 2;
} */

.selectCustom-trigger::after {
    content: "▾";
    position: absolute;
    top: 3px;
    line-height: initial;
    font-size: 23px;
    right: 10px;
}

/* .selectCustom-trigger:hover {
    background: #d9d9d9;
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.27);
}

.selectCustom.isActive .selectCustom-trigger {
    background: #d9d9d9;
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.27);
}

.selectCustom-options {
    position: absolute;
    top: calc(0.8rem + 0.8rem);
    left: 0;
    width: 100%;
    border: 1px solid #d3d3d3;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 4px #e9e1f8;
    z-index: 3;
    padding: 0.8rem 0 0;
    display: none;
    overflow: hidden;
}

.selectCustom.isActive .selectCustom-options {
    display: block;
}

.selectCustom-option {
    position: relative;
    padding: 5px;
    font-size: 14px;
    line-height: 23px;
    color: #727272;
}

.selectCustom-option:hover {
    background-color: #f7ecff;
}

.selectCustom-option:not(:last-of-type)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
} */

/* .profile__info {
    padding: 25px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
} */

.profile__info-blc {
    display: flex;
    width: 100%;
    max-width: 500px;
}

.profile__info-blc .profile__info-btn {
    background: #e7e7e7;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    color: #727272;
    text-align: left;
    padding: 8px 11px;
    border: none;
    width: 100%;
    cursor: pointer;
}

.profile__info-blc .profile__info-btn:active {
    background: #d9d9d9;
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.27);
}

.profile__info-blc .profile__info-data {
    display: flex;
    align-items: center;
    text-align: center;
    color: #9d9f9e;
    margin-left: 17px;
}

.profile__info-data .data-value {
    font-weight: 600;
    font-size: 24px;
    line-height: 23px;
}

.profile__info-blc .profile__info-data .unit {
    margin-left: 5px;
    font-size: 15px;
}

/*.profile__info-blc .indicator__wrapper {
    background: var(--item-bg);
    box-sizing: border-box;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 22%;
    padding: 7px 5px;
    margin-right: 10px;
    margin-top: 10px;
}


.profile__info-blc .indicator__wrapper .indicator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}*/

.indicator.checked {
    background-color: #6fc998;
}

.indicator.unchecked {
    background-color: #de7f8b;
}

/* .tab-content.active {
    display: block;
}

.tab-buttons {
    display: flex;
    gap: 5px;
}

.tab-buttons__wrapper {
    width: 100%;
    overflow-x: auto;
    min-width: 1px;
    padding-bottom: 5px;
} */

/* .tab-buttons .tab {
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #8678b1;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:5px;
    justify-content: space-between;
} */

/* .profile-form .tab-buttons .tab.active span,
.profile-form .tab-buttons .tab:hover span {
    color: #fff;
}
.profile-form .tab-buttons .tab.active svg path,
.profile-form .tab-buttons .tab:hover svg path  {
    fill: #fff;
}

.profile-form .tab-buttons .tab span {
    color: #a7a9a8;
} */

.tab-buttons .tab img {
    margin-bottom: 10px;
}

/* .tab-buttons .tab:hover,
.tab-buttons .tab.active {
    border-bottom: 1px solid #fff;
} */

/*.tab-buttons .tab.active {
    color: #826fc0;
}*/

/* .tab-buttons:after {
    display: block;
    content: "";
    clear: both;
    margin-bottom: -1px;
} */

.popup-menu {
    position: absolute;
    background: #fff;
    box-shadow: 1px 0 4px #666;
    padding: 0;
    width: 150px;
    top: 55px;
    right: 15px;
    z-index: 100;
}

/* .profile__main {
    display: flex;
    border-top: 1px solid #c5c6c6;
    border-bottom: 1px solid #c5c6c6;
} */

.user-avatar-menu .popup-menu.closed {
    display: none;
}

.user-short .popup-menu a,
.user-short .popup-menu span {
    display: block;
    padding: 10px;
    line-height: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    text-decoration: none;
    color: #777;
    width: 100%;
}

.user-short .popup-menu span {
    border-bottom: 1px solid #f3f3f3;
}

.popup-menu a:hover {
    background: #777;
    color: #fff;
}

.user-avatar-menu {
    float: left;
    cursor: pointer;
}

.user-short .popup-menu a i {
    display: inline-block;
    margin: 0;
    margin-right: 5px;
    float: none;
    font-size: 14px;
    color: inherit;
}

.frmEdit fieldset .list {
    margin-top: 15px;
}

.clr::after,
.clear::after {
    content: "";
    display: block;
    clear: both;
}

.new-btn {
    display: block;
    width: max-content;
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.05em;
    color: #f3f3f3;
    text-decoration: none;
    padding: 10px 19px;
    /* box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.38); */
    border-radius: 20px;
    border: none;
    cursor: pointer;
}

.new-btn.purple {
    /* background: linear-gradient(320.05deg, #8f7ccd -9.05%, #beb5f2 75.62%); */
    background-color: #8f7ccd;
}

.new-btn.red {
    background: linear-gradient(320.05deg, #de7f8b -9.05%, #f3a8ac 75.62%);
}

.new-btn.green {
    background: linear-gradient(320.05deg, #7ccd93 -9.05%, #6fc998 75.62%);
    color: #fff;
}

.btn:disabled,
.btn:disabled:hover {
    color: #888;
}

.btn-add {
    margin-bottom: 15px;
}

.btn.right {
    float: right;
}

.frmSearch fieldset {
    float: left;
    /*border: 1px solid #e5e5e5;
    background: #f3f3f3;*/
    position: relative;
    margin-top: 14px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-block-start: 10px;
    padding-block-end: 10px;
    padding-inline-start: 5px;
    padding-inline-end: 5px;
    margin-right: 15px;
}

.frmSearch fieldset legend {
    position: absolute;
    top: -15px;
    left: -3px;
}

.frmSearch fieldset label {
    font-size: 13px;
    margin: 0;
    margin-right: 15px;
}

.frmSearch fieldset label:last-child {
    margin-right: 0px;
}

.frmSearch fieldset label input[type="radio"] {
    float: left;
    margin: 0;
    width: 12px;
    margin-top: 2px;
    margin-right: 2px;
}

.frmSearch,
.frmEdit {
    /* padding: 10px;
  background: #fff;
  box-shadow: 1px 0 4px #ccc;
    margin-bottom: 15px;
    display: block; */
    position: relative;
    /* padding-right: 105px; */
}

/* .frmEdit button[type="submit"] {
    float: right;
} */

/* .frmEdit fieldset {
    border: none;
    padding: 15px 0;
    margin-bottom: 15px;
    position: relative;
} */

.frmEdit {
    padding: 15px;
}

.frmSearch label {
    /* float:left; */
    width: auto;
    margin-right: 10px;
    /* margin-right:15px;
    margin-bottom:15px; */
}


/* .frmEdit__input-wrapper {
    margin-bottom: 10px;
} */

.frmEdit label,
.label {
    margin-bottom: 15px;
    position: relative;
    display: block;
}

.frmEdit fieldset label:last-child {
    margin-bottom: 0;
}

.frmSearch label span,
.label span,
.frmEdit fieldset legend,
.frmSearch fieldset legend,
legend,
.label span,
.inc_part_moderator_label span.span-label {
    display: block;
    font-size: 12px;
    color: #826fc0;
    margin: 5px 0;
}

.frmEdit fieldset legend {
    padding-inline-start: 0px;
}

.frmEdit fieldset label {
    font-size: 12px;
}

.frmSearch input,
.frmSearch select,
.frmEdit input,
.frmEdit select,
.frmEdit textarea {
    /* padding: 10px;
    border: 1px solid #e5e5e5;
    font-size: 13px;
    line-height: 100%;
    background: #f3f3f3;
    width: 100%; */
}

.frmSearch select {
    padding: 9px 10px;
}

.frmSearch input[name="search"] {
    max-width: 500px;
    margin-left: auto;
    min-width: 100px;
}

/* .frmEdit select {
    padding: 9px;
} */

.frmEdit input[type="text"],
.frmEdit input[type="password"],
.frmEdit textarea {
    width: 100%;
}

.frmSearch input:focus,
.frmEdit input:focus,
.frmEdit textarea:focus {
    background: #fff;
}

.frmSearch button {
    /* position: absolute; */
    right: 15px;
    bottom: 15px;
}

/* table.list {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    box-shadow: 1px 0 4px #ccc;
}

table.list tr td {
    cursor: pointer;
}

table.list tr:hover td {
    color: dodgerblue;
} */

.tst-tests table.list tr:hover td {
    background: dodgerblue;
    color: #fff;
}

.tst-tests table.list td.min {
    vertical-align: middle;
}

.tst-old td {
    color: #b6b6b6 !important;
}

.tst-old i.fa-spin {
    display: none;
}

/* table.list td,
table.list th {
    font-size: 13px;
    padding: 13px;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
    background: #fff;
    color: #2a2a28;
} */

/* table.list th {
    border-bottom: 3px double #e5e5e5;
} */

td.incident-field-results {
    min-width: 300px;
}

td.min,
th.min {
    width: 1px;
    white-space: nowrap;
    vertical-align: top;
}

.nowrap {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.module {
    position: relative;
}

.position .preloader {
    position: absolute;
}

.position_maincontent {
    margin-top: Calc(var(--banner-height) + 50px);
    margin-left: var(--sidebar-left-width);
    padding: 15px;
}

.position_sidebarleft {
    position: fixed;
    left: 0;
    top: var(--sidebar-top-height);
    width: var(--sidebar-left-width);
    padding: 5px;
    padding-top: 0;
    bottom: 36px;
    overflow-y: auto;
    background: #f5f5f5;
}

/*.position .module:nth-child(odd):not(.main-user-menu) {
    margin-right: 10px;
}*/

.wrapper {
    max-width: 100vw;
    min-width: 100vw;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100%;
    width: 100vw;
    height: 100vh;
    position: relative;
}

.btn {
    /*display: inline-block;*/
    cursor: pointer;
    /*font-family: arial,sans-serif;*/
    font-size: 13px;
    font-weight: bold;
    color: rgb(68, 68, 68);
    text-decoration: none;
    user-select: none;
    padding: 10px 12px;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    /*border-radius: 4px;*/
    background: rgb(245, 245, 245) linear-gradient(#f4f4f4, #f1f1f1);
    width: max-content;
    transition: all 0.218s ease 0s;
}

.btn:hover {
    color: rgb(24, 24, 24);
    border: 1px solid rgb(198, 198, 198);
    background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.btn:active {
    color: rgb(51, 51, 51);
    border: 1px solid rgb(204, 204, 204);
    background: rgb(238, 238, 238) linear-gradient(rgb(238, 238, 238), rgb(224, 224, 224));
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.btn-full-width {
    width: 100%;
    display: block;
}

.btn-small {
    font-size: 10px;
    padding: 8px;
}

.btn-green,
.btn-green:hover {
    color: green;
}

.btn-red,
.btn-red:hover {
    color: red;
}

.btn-black,
.btn-black:hover {
    color: #000;
}

.btn-orange,
.btn-orange:hover {
    color: orange;
}

.btn-blue,
.btn-blue:hover {
    color: #826fc0;
}

.btn-blue.new {
    color: #fff;
    width: 100%;
    border-radius: 16px;
    background: #4cae50;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    /*border: 1px solid rgb(120, 62, 253);*/
    font-weight: 500;
}

.btn-blue.new.btn-small {
    padding: 4px;
}

.btn-blue.new:hover {
    background: rgba(119, 62, 253, 0.74);
    border: 1px solid rgba(119, 62, 253, 0.74);
}

.btn-clear-form {
    height: 37px;
}

/* .preloader {
    width: 100%;
    height: 100%;
    min-height: 375px;
    min-width: 375px;
    background: url(/assets/img/duck-nutcracker.gif) center center no-repeat rgba(0, 0, 0, 0.3);
    background-size: auto 200px;
    z-index: 10001;
} */

.preloader>h3 {
    color: #663399;
    margin-bottom: 60%;
    font-size: 6vmax;
}

.loadingerror {
    position: absolute;
    top: 20%;
    width: 300px;
    left: Calc(50% - 150px);
    text-align: center;
}

.notifications {
    position: fixed;
    width: 400px;
    z-index: 9999;
    max-width: 100%;
    bottom: 25px;
    max-height: 100%;
    overflow-y: auto;
    right: 0;
    z-index: 20001;
}

.notifications .notification {
    color: #fff;
    padding: 15px;
    box-shadow: 1px 0 9px #755454;
    border-radius: 3px;
    position: relative;
    margin: 15px 50px;
    background: dodgerblue;
    cursor: pointer;
}

.notifications .notification.error {
    background: red;
}

.notifications .notification.success {
    background: green;
}

.notifications .notification.hidden {
    display: none;
}



 input {
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}

.custom-chkbx {
    display: flex;
    align-items: center;
    gap: 5px;
}

.custom-chkbx input[type="checkbox"] {
    display: none;
}

.custom-chkbx input[type="checkbox"]:checked~.custom-chkbx__checked {
    display: block;
}

.custom-chkbx input[type="checkbox"]:checked~.custom-chkbx__unchecked {
    display: none;
}

.custom-chkbx input[type="checkbox"]:not(:checked)~.custom-chkbx__checked {
    display: none;
}

.custom-chkbx input[type="checkbox"]:not(:checked)~.custom-chkbx__unchecked {
    display: block;
}

#main-menu {
    position: absolute;
    top: 30px;
    right: 20px;
    /*width: 100%;*/
    /*background: linear-gradient(89.9deg, #8f7ccd 0.17%, #beb5f2 99.04%);*/
    z-index: 10002;
    /*box-shadow: 1px 0 4px #231940;*/
    /*display: none;*/
    max-width: 375px;
}

.menu.hidden {
    left: -200px;
}

.menu {
    list-style: none;
    margin: 0;
    display: block;
    padding: 0px;
}

/* .menu li {
    border-bottom: 2px solid #ccc;
    margin-left: 0;
    padding: 0;
} */

.ajax.logo {
    display: none;
}

.icon,
.logo {
    float: left;
    margin: 10px 0px 10px 10px;
}

.icon i {
    background: #826fc0;
    color: #fff;
    border-radius: 5px;
    padding: 5px 6px;
}

.logo {
    color: #fefefe;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
}

.menu li a {
    display: block;
    padding: 15px;
    font-size: 14px;
    text-decoration: none;
    color: #2a2a28;
}

.menu li a i {
    color: #7f7c81;
    margin-right: 10px;
}

.menu li.active a {
    background: #fff;
}

.user-short {
    float: right;
    padding: 5px;
    line-height: 100%;
    position: relative;
}

.user-short span {
    color: coral;
    float: left;
    margin-top: 2px;
}

.user-short i {
    cursor: pointer;
    float: left;
    font-size: 26px;
    color: #fff;
    margin-top: 6px;
    margin-right: 20px;
}

.user-avatar-menu .fa-angle-down {
    font-size: 20px;
    color: #826fc0;
    margin-right: 10px;
    margin-top: 10px;
    margin-left: 10px;
}

.user-short i.exit {
    color: red;
}

.user-short .user-avatar,
.chat__message-avatar .user-avatar {
    top: 0px;
    width: 40px;
    height: 40px;
    float: left;
}

.chat__message-author .user-avatar {
    border: 1px solid #f3f3f3;
}

.user-avatar {
    border-radius: 50%;
}

#content {
    /*margin-top: var(--sidebar-top-height);*/
    margin-left: var(--sidebar-left-width);
    width: Calc(100% - var(--sidebar-left-width) - 5px);
    height: Calc(100% - var(--sidebar-top-height));
    /* overflow-y: auto; */
    padding: 10px;
    max-width: calc(100vw - var(--sidebar-left-width) - var(--sidebar-right-width));
}

#content .modal {
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
    background-color: rgb(0 0 0 / 83%);
    position: absolute;
    /*top: var(--sidebar-top-height);
    left: var(--sidebar-left-width);*/
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 50;
}

.modal>.closeModalBtn {
    position: absolute;
    top: 78px;
    right: 10px;
    font-size: 50px;
    color: var(--title-color);
    cursor: pointer;
    right: var(--sidebar-right-width);
}

#bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    opacity: 0.6;
    background: #f7dddd;
}

#bottom:hover {
    opacity: 1;
}

.breaking-news a {
    display: inline-block;
    padding: 5px;
    text-decoration: none;
    color: #000;
    position: relative;
    padding-left: 0px;
    font-size: 14px;
}

.breaking-news a:hover {
    color: orange;
}

.breaking-news a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f005";
    margin-right: 5px;
}

#blink {
    -webkit-animation: blink 2s linear infinite;
    animation: blink 2s linear infinite;
}

#main-menu .time {
    float: left;
    padding: 15px;
    font-size: 14px;
}

#main-menu .time i {
    margin-right: 5px;
    color: cornflowerblue;
}

#main-menu .time i:nth-child(2) {
    margin-left: 15px;
}

#short-search {
    float: left;
    margin: 10px;
    padding: 5px 10px;
    border: 1px solid #826fc0;
    border-radius: 4px;
    font: inherit;
    font-size: 14px;
    width: 200px;
    background: #826fc0;
    padding-left: 25px;
}

.short-search-wrapper {
    position: relative;
    float: left;
    margin-left: 25px;
}

.short-search-wrapper i {
    position: absolute;
    left: 15px;
    top: 16px;
    color: #d6c9ff;
}

#short-search::-webkit-input-placeholder {
    color: #d6c9ff;
    opacity: 1;
}

#short-search::-moz-placeholder {
    color: #d6c9ff;
    opacity: 1;
}

#short-search:-moz-placeholder {
    color: #d6c9ff;
    opacity: 1;
}

#short-search:-ms-input-placeholder {
    color: #d6c9ff;
    opacity: 1;
}

#short-search:focus {
    background: #fff;
}

.left-panel-btn {
    display: block;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    border: 1px solid #e5e5e5;
    height: Calc(var(--sidebar-left-width) - 10px);
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
}

.left-panel-btn.communication {
    background: #eda44b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eda44b 1%, #f2c521 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eda44b 1%, #f2c521 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eda44b 1%, #f2c521 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eda44b', endColorstr='#f2c521', GradientType=0);
    /* IE6-9 */
    color: #fff;
}

.left-panel-btn.task {
    background: #299a0b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #299a0b 0%, #299a0b 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #299a0b 0%, #299a0b 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #299a0b 0%, #299a0b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#299a0b', endColorstr='#299a0b', GradientType=0);
    /* IE6-9 */
    color: #fff;
}

.left-panel-btn.add_left_button {
    background: #606c88;
    /* Old browsers */
    background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #606c88 0%, #3f4c6b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#606c88', endColorstr='#3f4c6b', GradientType=0);
    /* IE6-9 */
    color: #fff;
}

.left-panel-btn .count {
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    text-align: center;
    background: red;
    color: #fff;
    font-size: 10px;
    padding-top: 2px;
}

.left-panel-btn i {
    font-size: 50px;
}

.left-panel-btn span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px;
}

.top-banner {
    position: relative;
    height: var(--banner-height);
    padding: 110px;
}

.top-banner img {
    width: 100%;
}

.top-banner h2 {
    font-size: 28px;
    font-weight: normal;
    display: block;
    margin: 0;
    max-width: 365px;
    color: #d2c9ff;
}

.menu-opener {
    float: left;
    background: #826fc0;
    color: #fff;
    padding: 6px 8px;
    border-radius: 3px;
    font-size: 18px;
    margin-top: 9px;
    margin-left: 10px;
    cursor: pointer;
}

.menu-opener:active {
    background: #6743db;
}

.mobile {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 200px;
    overflow-y: auto;
    background: #826fc0;
    transition: 0.2s;
    padding: 0;
    box-shadow: 1px 0 1px #000;
    z-index: 10;
}

.menu.mobile li {
    float: none;
    border-bottom: 1px solid #78729e;
    padding: 0;
}

.menu.mobile li a {
    display: block;
    padding: 10px;
    font-size: 14px;
    text-decoration: none;
    background: transparent;
    color: #a89cee;
    border-radius: 0px;
}

.menu.mobile li.active a,
.menu.mobile li:hover a {
    color: #fff;
}

.menu.mobile li:hover {
    background: #a89cee;
}

.btn-incident {
    margin-left: 25px;
    float: left;
    border-radius: 4px;
    background: #eec768;
    font-size: 14px;
    padding: 6px;
    color: #d47d25;
    margin-top: 10px;
    width: 200px;
    display: block;
    cursor: pointer;
    text-decoration: none;
}

#admin-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    width: var(--sidebar-left-width);
    top: Calc(var(--banner-height)); 
    z-index: 10001;
}

#left-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    bottom: unset;
    width: auto;
    width: var(--sidebar-left-width);
    top: Calc(var(--banner-height));
    z-index: 10001;
}


/**  ���������� ����  **/

.dialog-bg,
.dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 100000;
}

.dialog {
    top: Calc(50% - 100px);
    z-index: 100001;
    left: Calc(50% - 150px);
    background: #000;
}


/***********************/


/** ����� **/

#mail_folders,
#mail_letters {
    /* position: fixed;
    left: var(--sidebar-left-width);
    bottom: 0;
    top: Calc(var(--banner-height) + 50px);
    width: 200px;
    padding: 15px;
    overflow-y: auto; */
}

.mail-inbox span {
    float: right;
}

#mail_folders ul {
    padding: 0;
    margin: 0;
    display: block;
    list-style: none;
}

#mail_folders ul li a.active {
    color: #6853b8;
}

#mail_folders ul li a:hover {
    color: #000;
}

.mail-body {
    margin-top: 25px;
    width: 100%;
    background: #fff;
    min-height: Calc(100% - 200px);
    padding: 15px;
    overflow: auto;
}

.mail-body pre {
    white-space: normal;
}

.mail-body img {
    max-width: 100%;
}

#mail_folders ul li span.mail-add-folder {
    color: #826fc0;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding-left: 10px;
    padding: 15px 10px;
    cursor: pointer;
}

#mail_folders ul li a {
    display: inline-block;
    cursor: pointer;
    width: auto;
    text-align: left;
    padding: 10px;
    text-decoration: none;
    color: #777;
    font-size: 13px;
    font-weight: bold;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#mail_folders ul li a.btn {
    background: var(--subblock-bg);
    color: green;
}

#mail_letters {
    right: 0;
    width: Calc(100% - var(--sidebar-left-width) - 200px);
    top: Calc(var(--sidebar-top-height) + var(--banner-height));
    bottom: 0;
    overflow-y: auto;
    left: auto;
    padding-bottom: 15px;
    overflow-x: hidden;
}

#mail_letters H2 {
    margin: 5px 0;
}

.mail-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 25px;
}

.mail-table tr td {
    border-bottom: 1px solid #fff;
}

.mail-table th {
    border-bottom: 3px double #a89cee;
}

.mail-table th,
.mail-table td {
    padding: 10px;
    font-size: 13px;
    text-align: left;
}

.mail-table tr.new td {
    background: #d7d1f9;
}

.mail-full {
    position: fixed;
    right: -100%;
    width: Calc(100% - var(--sidebar-left-width));
    top: Calc(var(--sidebar-top-height) + var(--banner-height));
    bottom: 0;
    background: #fff;
    overflow-y: auto;
    padding: 15px;
}

#mail_folders.db-list ul li ul {
    display: none;
}

#mail_folders.db-list {
    border-right: 1px solid #e5e5e5;
}

#mail_folders.db-list ul li.active ul {
    display: block;
    padding-left: 15px;
}

#mail_folders.db-list ul li span {
    display: block;
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
}

#mail_folders.db-list ul li span:hover {
    color: #6750ab;
}

#mail_folders.db-list .buttons .btn {
    display: inline-block;
    width: 50%;
}

.one-field {
    padding: 15px;
    margin-bottom: 15px;
    background: var(--subblock-bg);
    display: inline-block;
    width: 200px;
}

.left {
    float: left;
}

.left * {
    width: auto;
}

.frmEdit .left {
    margin-right: 15px;
}

/* .one-field .remove-parent {
    float: right;
    color: red;
    opacity: 0.6;
    cursor: pointer;
    position: relative;
    z-index: 5000;
} */

.one-field input,
.one-field select {
    width: 100%;
    padding: 8px;
    font-size: 12px;
}

.one-field label {
    margin-bottom: 5px;
}

/* .one-field .remove-parent:hover {
    opacity: 1;
} */

.add-example {
    margin-bottom: 15px;
}

.for-copy {
    display: none;
}

.db-field-list {
    /*display:table-cell;*/
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
}

.mail-background-info p {
    font-size: 10px;
    padding: 8px;
    margin: 0;
    color: green;
}

.mail-dir-alias a i {
    color: #eec768;
}

.mail-unseen td {
    /*background:#cccccc;*/
    font-weight: bold;
}

.mail-letter-theme {
    position: relative;
}

.mail-letter-theme div {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mail-table tr td {
    cursor: pointer;
}

.mail-table tr:hover td {
    background: aliceblue;
}

#mail_folders ul li.mail-dir-active a {
    color: #000;
}

.mail-subject {
    font-size: 20px;
    margin: 0;
    margin-top: 25px;
}

.mail-info {
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: flex-start;
}

.mail-info .btn {
    margin: 5px 10px 5px 0;
}

/* .mail-info>div { */
    /* padding: 8px;
    background: #f7f7f7;
    border-radius: 4px;
    font-size: 12px;
    margin: 0 10px 0 0;
} */

.mail-date__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.mail-info .mail-buttons {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
}

.mail-date__wrapper>div {
    margin-right: 10px;
}

.mail-info-from-to-span {
    line-height: 12px;
}

.mail-icon-wrapper {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    /* position: absolute;
    top: 5px; */
    position: relative;
    display: block;
    margin: 0 auto;
}

.mail-icon {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
}

.mail-attach {
    float: left;
    margin: 0px 15px 15px 0px;
    font-size: 14px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #826fc0;
    padding: 10px;
    /*color: #fff;*/
}

.mail-attach a {
    text-decoration: none;
    color: inherit;
}

.mail-fast-answer {
    display: block;
}

.relative {
    position: relative;
}

.sync-mail-box,
.check-mail-connection {
    margin-top: 10px;
}

.sync-mail-box .btn,
.check-mail-connection .btn {
    text-align: left;
}

.pagination {
    display: flex;
    align-items: center;
    margin: 0;
    margin-left: auto;
    gap: 4px;
    padding: 0;
    list-style: none;
}


/* .pagination li:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.pagination li:last-child {
    border-radius: 0 8px 8px 0 ;
}

.pagination li {
    /* float: left; */
    /* border: 1px solid #a89cee;
    background-color: #fff;
}

.pagination li .btn {
    border: none;
    background: none;
    padding: 10px 5px;
    width: 40px;
    display: block;
    text-align: center;
}

.pagination li.current-page .btn {
    color: #826fc0;
    font-size: 15px;
    scale: 1.1;
} */ 

.popup-menu.closed {
    display: none;
}

.frmSearch.flex {
    padding-right: 0px;
    align-items: center;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column
}
.grid {
    display: grid;
}

.flex-wrap {
    flex-wrap: wrap;
}
.overflow-x {
    overflow-x: auto;
}

.overflow-auto {
    overflow: auto;
}

.w-35 {
    width: 35px;
}

.h-35 {
    height: 35px;
}

.text-larger {
    font-size: larger;
}

.text-center {
    text-align: center;
}

.gap-1 {
    gap: 4px;
}

.gap-2 {
    gap: 8px;
}

.gap-3 {
    gap: 12px;
}

.items-center {
    align-items: center;
}

.justify-between {
    justify-content: space-between;
}

.mr-3 {
    margin-right: 12px;
}

.mb-3 {
    margin-bottom: 12px;
}

.flex-free-width,
.flex-max {
    flex: 1;
}

.frmSearch.flex button {
    height: 37px;
    position: relative;
    top: 0;
    right: 0;
    margin-left: 15px;
}

.mail-new-attach {
    padding: 5px 10px;
    font-size: 12px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border-radius: 4px;
    max-width: 200px;
}

.mail-new-attach i {
    cursor: pointer;
    color: red;
    margin-right: 5px;
}

.mail-buttons a {
    display: inline-block;
}

.recipient-wrapper {
    position: relative;
}

.recipient-list {
    max-height: 200px;
    right: 0;
    min-width: 200px;
    overflow: auto;
    position: absolute;
    background: #FFF;
    z-index: 100;
    box-shadow: 1px 0 4px #ccc;
}

.recipient-list.closed {
    display: none;
}

.recipient-list i {
    margin: 15px 0;
}

.recipient-list .data-on-click {
    padding: 10px;
    font-size: 12px;
    border: 1px solid #e5e5e5;
    margin-top: -1px;
    cursor: pointer;
}

.recipient-list .data-on-click:hover {
    background: #826fc0;
    color: #fff;
}

.recipient-item input,
.recipient-item input:focus {
    border: 1px solid;
    border-radius: 25px;
    padding: 6px 10px;
    background: #826fc0;
    color: #FFF;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .recipient-item {
    margin-right: 3px;
    position: relative;
    cursor: no-drop;
} */

.change-password__wrapper {
    /*padding: 15px;*/
    background: #FFF;
    box-shadow: 1px 0 4px #ccc;
    max-width: 800px;
    margin: 0 auto;
}

.change-password__content {
    padding: 15px;
    color: #666;
}

.change-password__content p {
    margin: 0;
    margin-bottom: 15px;
}

.change-password__content li {
    font-size: 12px;
}

.change-password__wrapper H1 {
    margin: 0;
    display: block;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: dodgerblue;
    color: #FFF;
    font-size: 16px;
}

.validate-info {
    color: red;
    font-size: 12px;
}

/* .for-change-pass {
    display: block;
    padding: 15px;
    margin: 15px 0;
    background: #FFF;
    box-shadow: 1px 0 4px #ccc;
    font-weight: bold;
} */

/* .for-change-pass span {
    color: #555;
} */

/* .for-change-pass a,
span.test_push,
span.show-push {
    color: dodgerblue;
    text-decoration: none;
    border-bottom: 1px dashed;
    cursor: pointer;
} */

.remind__wrapper {
    margin: 0 auto;
    width: 100%;
    padding: 15px;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    height: 100svh;
    justify-content: center;
}


.remind__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.remind__content {
    width: 100%;
}

/* .remind__wrapper input {
    flex: 1;
    padding: 8px;
    font: inherit;
    border: 1px solid #e5e5e5;
    background: lightgray !important;
} */

.recipient-item i {
    display: block;
    position: absolute;
    right: 5px;
    top: 9px;
    font-size: 12px;
    color: aqua;
    border-radius: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00d";
    z-index: 100;
    width: 15px;
    text-align: center;
}

.contact__card {
    border-top: 1px dashed #ccc;
    padding: 15px;
    /*background:#e7e3fd;*/
}

.contact__card-name {
    padding: 10px 0;
    line-height: 1em;
    font-weight: bold;
    color: #312f35;
    font-size: 18px;
}

.contact__card-name p {
    margin: 0;
}

.contact__card-item {
    font-size: 13px;
    margin-top: 10px;
    letter-spacing: 0.03em;
}

.contact__card-items {
    border-top: 1px solid #8080802b;
}

.contact__card-more {
    margin-bottom: 10px;
}

.contact__card-more p {
    margin: 0;
    margin-top: 10px;
}

.contact__card-online {
    display: flex;
    align-items: center;
}

.contact__card-online button {
    margin-right: 10px;
}

.contact__card-online .offline,
.contact__card-online .online {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    float: left;
    box-shadow: 1px 0 4px #000;
    margin-right: 10px;
}

.contact__card-online span.offline {
    background: red;
}

.contact__card-online span.online {
    background: green;
}

.contact-group-popup:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f142";
}

.not-my .contact-group-popup {
    display: none;
}

.is-my .contact-group-popup {
    display: block;
    float: right;
}

.group-item.is-my {
    background: #efecff;
}

.short-block {
    width: Calc(25% - 30px);
    background: #fff;
    box-shadow: 1px 0 4px #ccc;
    border-radius: 5px;
    height: 300px;
    /*display: flex;
    flex-wrap: wrap;*/
}

.short-block h2 {
    display: block;
    margin: 0;
    font-weight: 300;
    width: 100%;
    padding: 15px;
    height: 60px;
    color: #fff;
    background: #826fc0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.short-block h2 i {
    margin-right: 15px;
}

.short-block-content {
    width: 100%;
    height: Calc(100% - 60px);
    overflow: auto;
}


/***********/

.dining-date,
.dining-part,
.dining-type,
.dining-dish {
    margin: 0;
    padding: 15px;
}

.dining-date {
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
}

.dining-type {
    font-size: 15px;
    border-bottom: 1px dashed #ccc;
}

.dining-dish {
    font-size: 12px;
    padding-left: 45px;
}

.dining-type-list {
    padding-left: 15px;
    font-size: 13px;
}

.dining-type-list-item {
    padding: 5px 10px;
    margin-bottom: -1px;
}

.module.dining {
    height: 100%;
}

.module.dining .tabs {
    width: 100%;
    height: 100%;
}

/* .module.dining .tab-content {
    background: #fff;
    /* height: Calc(100% - 35px);
    width:100%;
    overflow-y:auto;    */
/* } */

.module.short-block.dining {
    height: 300px;
}

.dining-part.closed .dining-content {
    display: none;
}

.dining-part-name i {
    float: right;
}

.dining-part .dining-part-name i.fa-arrow-alt-circle-down {
    display: none;
}

.dining-part .dining-part-name i.fa-arrow-alt-circle-up {
    display: block;
}

.dining-part.closed .dining-part-name i.fa-arrow-alt-circle-down {
    display: block;
}

.dining-part.closed .dining-part-name i.fa-arrow-alt-circle-up {
    display: none;
}

.short-block .dining-part {
    padding: 15px;
    margin: 0;
    border-bottom: 1px dashed #e5e5e5;
}

.short-block .dining-part:last-child {
    border: none;
}

.dining-part-name {
    margin-bottom: 15px;
    font-weight: bold;
    cursor: pointer;
}

.dining-content {
    background: #f3f3f3;
    padding: 15px;
    position: relative;
}

.dining-type-name:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f818";
    margin-right: 5px;
}

.dining-type-list-item:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    margin-right: 5px;
}

.dining-type-name {
    color: #826fc0;
}

.dining-text {
    padding: 10px;
    font: inherit;
    width: Calc(100% - 75px);
    border: none;
    border-bottom: 1px solid #f3f3f3;
    display: inline-block;
}

.dining-text:focus {
    border-bottom: 1px solid navy;
}

.dining-admin-buttons {
    display: inline-block;
}

.dining-type-list-item.hidden {
    display: none;
}

.dining-add-item {
    float: right;
}

.dining-admin-buttons .btn {
    font-size: 10px;
    text-align: center;
    padding: 4px;
    width: 20px;
}

.dining-admin-buttons .btn i {
    float: none;
}

.dining-admin-buttons .btn:first-child {
    margin-right: 5px;
}

.all-dining {
    display: block;
    width: auto;
    padding: 15px;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.for-clone {
    display: none;
}

#qrcode {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 20000;
    cursor: not-allowed;
}

#qrcode img {
    margin: 25px auto;
}

.user-short .fa-qrcode {
    padding: 6px 10px;
    border: 1px solid;
    margin-top: 0px;
    box-shadow: 1px 0 7px #826fc0;
    border-radius: 4px;
    background: #fff;
    color: #826fc0;
}

/* .bus-direction select {
    width: 100%;
    padding: 8px;
    font: inherit;
    margin-bottom: 15px;
} */

/* .bus-schedule h1 {
    display: block;
    margin: 0;
    margin-right: 15px;
    float: left;
} */

/* .bus-schedule span.info {
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #595959;
    display: block;
    margin-bottom: 10px;
} */

.bus-schedule-route ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.bus-schedule-route ul li {
    margin-bottom: 12px;
}

/* .bus-schedule-noregister {
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #826fc0;
} */

/* .bus-schedule-item {
    padding: 15px;
    display: flex;
    background: #fff;
    box-shadow: 1px 0 4px #ccc;
} */

/* .bus-schedule-item.bus-written {
    background: #bafdba;
}

.bus-schedule-item:last-child {
    border: none;
}

.bus-schedule-item:after {
    content: "";
    display: block;
    clear: both;
} */

/* .bus-schedule-start,
.bus-schedule-route,
.bus-schedule-capacity,
.bus-write,
.bus-cancel,
.bus-schedule-end,
.bus-button {
    padding-right: 15px;
    padding-top: 10px;
}

.bus-cancel,
.bus-write,
.bus-button {
    padding-top: 0;
}

.bus-schedule-end {
    padding-right: 0;
}

.bus-schedule-capacity {
    position: relative;
    min-width: 80px;
}

.bus-schedule-capacity span {
    font-size: 40px;
    line-height: 100%;
    position: absolute;
    top: 0px;
    left: 20px;
}

.bus-cancel {
    display: none;
}

.bus-cancel.bus-cancel-admin {
    display: block;
}

.bus-written .bus-cancel {
    display: block;
}

.bus-written .bus-write {
    display: none;
}

.bus-button a {
    display: inline-block;
} */

/* .bus-user-list {
    margin-top: 15px;
}

.bus-user-item {
    display: flex;
    font-size: 12px;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
}

.bus-user-name {
    padding-top: 15px;
    font-weight: bold;
}

.datetime-picker input {
    display: inline-block;
    width: auto;
    text-align: center;
    margin-right: 15px;
    padding: 7px;
    margin-top: 3px;
}

.datetime-picker input:last-child {
    margin-right: 0;
}

.bus-route-stop,
.bus-except-date-row {
    display: flex;
    margin-top: 15px;
}

.bus-route-stop input[type="number"] {
    width: 80px;
}

.bus-stop-help {
    margin: 0;
    margin-bottom: 15px;
    font-size: 12px;
    color: #777;
}

.bus-days {
    margin-left: 25px;
}

.bus-days label span {
    display: inline-block;
}

.bus-days label:after {
    content: "";
    display: block;
    clear: both;
}

.bus-days label input {
    float: left;
    width: auto;
    margin-top: 0;
    margin-right: 10px;
}


.bus-schedule-item {
    width: 100%;
    margin-bottom: 2.5%; */
    /*background-color: var(--primary);*/
    /* border-radius: 20px;
    border-color: var(--primary);
  }
  
  .ol-attribution {
    display: none;
  }
  
  .routes_edit td input{
    border: 1px black solid;
    border-radius: 10px;
  }
  .routes_edit td button{
    background-color:lightcoral;
  } */
  
.user-info-device {
    display: flex;
    padding: 10px;
    width: 100%;
    border-bottom: 1px dashed #e5e5e5;
}

.user-info-device:last-child {
    border: none;
}

.user-info-device-agent {
    font-size: 14px;
    color: #888;
}

.one-new {
    display: block;
    padding: 25px 15px;
    border-bottom: 1px dashed #d7d7d7;
    position: relative;
    padding-left: 110px;
    font-size: 12px;
}

.one-new:last-child {
    border: none;
}

.one-new span {
    position: absolute;
    left: 0px;
    top: 25px;
    color: #000;
    font-weight: bold;
}

.one-new a {
    text-decoration: none;
    color: #826fc0;
    font-weight: bold;
    font-size: 16px;
    line-height: 100%;
}

.one-new p {
    margin: 0;
    padding-top: 15px;
    font-size: 14px;
    font-style: italic;
    color: #333;
}

.currency-rate {
    font-size: 12px;
    font-weight: bold;
    float: right;
    background: #fff;
    padding: 10px;
    border: 1px dashed #ccc;
}

.currency-rate span {
    margin-left: 15px;
    color: crimson;
}

.color-white {
    background: #fff;
}

.user-notifications h1,
.birthday-man H1 {
    margin: 0;
    margin-bottom: 15px;
}

.user-notifications-search__wrapper {
    position: fixed;
    right: 40px;
    top: Calc(var(--sidebar-top-height) + 25px);
    max-height: Calc(100% - var(--sidebar-top-height) - 25px);
    overflow-y: auto;
    width: 400px;
    background: #fff;
    padding: 25px;
    box-shadow: 1px 0 4px #ccc;
}

.user-notifications-search__wrapper .frmSearch {
    padding-right: 0;
    width: 100%;
}

.user-notifications-search__wrapper button[type="submit"] {
    float: left;
}

.user-notifications-search__wrapper .ajax.not-add {
    float: right;
    margin: 0;
}

.user-notifications-search__wrapper .frmSearch {
    margin: 0;
}

.user-notifications-search__wrapper .frmSearch input[name="search"] {
    max-width: unset;
}

.user-notifications-search__wrapper H4 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 30px;
}

.user-notifications-search__wrapper H4 i {
    float: right;
}

.ads-not-found {
    padding: 50px 0;
    text-align: center;
    font-size: 24px;
}

.mod-not-btn.btn-red {
    cursor: pointer;
    background: transparent;
    color: red;
    border: none;
    /* border-bottom: 1px solid; */
    padding: 0;
    text-decoration: underline;
    border: none;
    font-size: 16px;
}

.user-notifications.main-page-notifications {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* .user-notifications .not-add {
    margin-bottom: 15px;
} */

.user-notifications .one-not:not(.one-not.single-not) {
    height: 200px;
    flex-direction: row;
    /* background: #FEFEFE; */
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.23);
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
}

.user-notifications .one-not:not(.one-not.single-not) .one-not__body {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    padding: 15px;
}

.user-notifications .one-not:not(.one-not.single-not) .one-not__body span.not-author,
.user-notifications .one-not .one-not__body span.not-date {
    position: unset;
}

.user-notifications .one-not:not(.one-not.single-not) .one-not__body .not-info__top {
    margin-top: 0;
    justify-content: unset;
}


/*.user-notifications .one-not:not(.one-not.single-not) .one-not__body h4 {

}*/

.user-notifications .one-not:not(.one-not.single-not) .one-not__body .not-info__bottom {
    margin-top: 0;
    flex-wrap: wrap;
}

.user-notifications .one-not:not(.one-not.single-not) .one-not__body .not-info__bottom .not-date {
    width: unset;
    text-align: unset;
}

.user-notifications .one-not:not(.one-not.single-not) .one-not__body .not-info__top .mod-not-btn {
    font-size: 10px;
    border-radius: 8px;
    padding: 3px;
    border: 1px solid transparent;
    transition: 0.2s ease;
}

.user-notifications .one-not:not(.one-not.single-not) .one-not__body .not-info__top .mod-not-btn:hover {
    /* color: #fff; */
    border: 1px solid orange;
}

.user-notifications .one-not:not(.one-not.single-not) .not-img {
    display: flex;
    overflow: hidden;
    max-width: 30%;
    width: 100%;
    justify-content: center;
}

.main-page-notifications .one-not {
    box-shadow: none;
}

.user-notifications .one-not.single-not .img-wrapper {
    width: 100%;
    height: 100%;
    max-height: 300px;
    display: flex;
    justify-content: center;
}

.user-notifications .one-not.single-not .img-wrapper .not-img {
    display: flex;
    justify-content: center;
}

.user-notifications .one-not.single-not .like_btns>span> i {
    margin-right: 3px;
}

.user-notifications .one-not.single-not .img-wrapper .not-img img {
    /*margin: 0 auto;*/
    height: 100%;
}

.user-notifications .one-not.single-not .not-info__top {
    margin-top: 10px;
}

*.not-valid {
    border-color: red !important;
}

.create-not-wrapper {
    position: absolute;
    top: 10px;
    right: 5px;
}

.one-not {
    padding: 25px;
    /*background: #fff;*/
    /*box-shadow: 1px 0 4px #ccc;*/
    position: relative;
    /*padding-top: 20px;
  margin-bottom: 10px;*/
    /*display: flex;
  flex-direction: column;*/
}

.list-notifications {
    padding: 15px 5px;
}

.one-not-in-list {
    padding: 25px;
    border: 1px solid #e5e5e5;
    margin-bottom: 25px;
    background: #fff;
    position: relative;
    max-width: 800px;
    border-radius: 8px;
}

.one-not-in-list .not-info__top a,
.one-not-in-list .not-info__top button {
    margin-right: 15px;
}

.btn-rotate {
    background: orange;
    color: #fff;
}

.btn-rotate:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f2f9";
}

.one-not-in-list .not-info__top,
.one-not-in-list .not-info__bottom {
    margin-top: 0;
    position: absolute;
    bottom: 15px;
    left: 25px;
    width: Calc(100% - 50px);
    justify-content: unset;
    overflow: hidden;
    display: flex;
}

.one-not-in-list .not-info__bottom {
    top: 15px;
    bottom: unset;
    display: block;
}

.one-not-in-list .not-info__bottom span:last-child {
    float: right;
}

.one-not-in-list .not-info__bottom:after {
    content: "";
    display: block;
    clear: both;
}

.one-not-in-list .not-img {
    width: 300px;
    height: auto;
    margin-right: 25px;
    max-height: unset;
}

.one-not-in-list .one-not__body {
    position: relative;
    margin: 25px 0;
    display: flex;
    gap: 20px;
}

.one-not-in-list .one-not__body .header {
    display: block;
    text-decoration: none;
    font-size: 28px;
    letter-spacing: 0.03em;
    color: #000;
    font-weight: 400;
    line-height: 100%;
}

.one-not-in-list .one-not__body .header:visited {
    color: #666;
}

.one-not a {
    color: var(--active-checkpoint-rect-fill);
}

.one-not.hidden {
    display: none;
}

.one-not.hidden.not-owner {
    display: block;
    background: #eea9a945;
}

.like_btns {
    position: absolute;
    right: 25px;
    top: 50px;
    font-size: 12px;
    color: #9d9f9e;
}

.single-not .like_btns {
    position: absolute;
    right: 25px;
    left: 25px;
    top: 15px;
    display: flex;
    align-items: center;
}

.nots-slider .like_btns {
    top: 15px;
}


/* .nots-slider .like_btns {
  color: #f6eeff;
} */

/* .like_btns i {
    margin-left: 5px;
} */

.user-notifications .one-not.single-not .like_btns>span:not(:last-child) {
    margin-right: 10px;
}

.like_btns .fa-heart {
    cursor: pointer;
}

.one-not .not-body-wrapper {
    height: 0px;
    display: flex;
    flex-direction: column;
    transition: all 0.5s ease;
}

/* .dining-block {
    position: relative;
    background:url('/assets/img/design/dining_cover.png'); 
    background-size: cover; 
    border-radius: 10px; 
    padding: 20px; 
    cursor: default;
}

.dining-block.tab-content .dining-img {
    width: 100%;
    max-width: 400px;
    border-radius: 10px;
    margin: 20px 0;
} */

/* .dining-mark {
    font-size: 60px;
} */

/* .dining-mark__item .heart {
    float: right;
    font-size: 12px;
    cursor: pointer;
}

.dining_mark__select i {
    font-size: 30px;
    margin-right: 15px;
    cursor: pointer;
    opacity: 0.5;
    border-radius: 50%;
    border: 6px solid transparent;
} */

/* .dining_mark__date {
    display: block;
    margin: 0;
    padding: 15px;
    font-size: 26px;
}

.dining-mark__item {
    padding: 15px 0;
    display: block;
    border-top: 1px solid #e5e5e5;
}

.dining_mark__more {
    display: flex;
}

.dining_mark__comment {
    flex: 1;
    padding: 15px;
    color: #777;
    font-style: italic;
    background: #fff;
    font-size: 12px;
    margin: 10px 0;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
}

.dining-mark__author {
    text-decoration: none;
    border-bottom: 1px dashed;
    color: dodgerBlue;
    display: inline-block;
    padding-bottom: 3px;
}

.dining-mark__modified {
    color: #444;
    font-size: 12px;
    margin-right: 10px;
    float: right;
} */

.delimiter {
    margin: 0px;
}

.dining_mark__select i:hover {
    opacity: 1;
}

.dining_mark__select i.selected {
    opacity: 1;
    border: 6px solid #fff;
    box-shadow: 1px 0 4px #ccc;
}

.dining-mark .fa-meh-blank {
    color: #888;
}

.dining_mark__value i {
    font-size: 40px;
    margin: 15px 15px 15px 0px;
}

.dining-mark .fa-frown,
.dining_mark__select .fa-frown,
.dining_mark__select .fa-frown:hover,
.dining_mark__value .fa-frown {
    color: red;
}

.dining-mark .fa-meh,
.dining_mark__select .fa-meh,
.dining_mark__select .fa-meh:hover,
.dining_mark__value .fa-meh {
    color: #f9a63e;
}

.dining-mark .fa-smile,
.dining_mark__select .fa-smile,
.dining_mark__select .fa-smile:hover,
.dining_mark__value .fa-smile {
    color: #826fc0;
}

.dining-mark .fa-grin-hearts,
.dining_mark__select .fa-grin-hearts,
.dining_mark__select .fa-grin-hearts:hover,
.dining_mark__value .fa-grin-hearts {
    color: green;
}

.dining-mark span {
    font-size: 14px;
    color: dodgerBlue;
    text-align: center;
    border-bottom: 1px solid;
    display: block;
    width: auto;
    margin: 0 auto;
    cursor: pointer;
}

.one-not .not-body-wrapper.show {
    height: auto;
}

.checkbox-label {
    display: block;
    font-size: 12px;
    color: #826fc0;
}

.frmEdit label.checkbox-label span {
    display: inline-block;
}

.mail-search-fieldset {
    display: flex;
}

.mail-search-fieldset label {
    margin-right: 15px;
}

.checkbox-label input {
    width: auto;
    display: inline-block;
    cursor: pointer;
}

.one-not span.not-author {
    font-size: 12px;
    color: #666;
}
/* 
.one-not h4 {
    margin: 15px 0 25px;
    margin-bottom: 15px;
    line-height: 100%;
    font-size: 22px;
    font-weight: 400;
    color: #727272;
    background-color: #ffffffc2;
    padding: 3px;
} */

.one-not .item {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    min-height: 200px;
}

.not-info {
    padding-bottom: 15px;
    border-bottom: 1px solid #c5c6c6;
}

.not-info__bottom {
    display: flex;
    flex-direction: column;
    gap: 5px;
    /* margin-top: 25px; */
}

.one-not .not-info__bottom span.not-author,
.one-not .not-info__bottom span.not-date {
    position: relative;
}

.one-not .not-info__bottom span.not-author {
    left: 0;
}

.one-not .not-info__bottom span.not-date {
    right: 0;
}

.not-info__bottom span {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #a3a5a4;
}

.badge {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: /*#ffffff*/var(--base-text-color);
    border-radius: 3px;
    padding: 4px;
    width: max-content;
    margin-right: 5px;
}

.one-not .badge:last-child {
    margin-right: 0px;
}

.badge.badge-red {
    background-color: #e74c3c;
}

.one-not div.not-body {
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
}

.one-not div.not-attach {
    padding: 15px;
    /*border: 1px dashed #d0d0d0;*/
    box-shadow: var(--block-shadow-1);
    border-radius: 5px;
    margin: 15px 0;
}

.one-not div.not-attach a:not(.lightboxWrapper) {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid;
    margin-right: 15px;
}

.not-comments {
    margin-top: 15px;
    background: aliceblue;
    padding: 15px;
}

.not-comments.hidden {
    display: none;
}

.not-com {
    padding: 0 15px;
    font-size: 12px;
    border-left: 1px dashed #ccc;
    padding-left: 25px;
    margin-top: 25px;
}

.not-com-mark,
.not-com-date,
.not-com-author {
    font-weight: bold;
    margin-right: 15px;
}



.not-com-text {
    font-style: italic;
    margin: 15px 0;
}

.not-comments-add {
    font-weight: bold;
    color: #826fc0;
    cursor: pointer;
}

.not-com-add-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    z-index: 15000;
}


/*
.structure.closed>.structure-contact-list{
  display:none!important;  
}
*/

.not-com-add-frm {
    position: fixed;
    left: 10%;
    right: 10%;
    top: 10%;
    max-height: 80%;
    overflow-y: auto;
    background: #f0f0f0;
    padding: 15px;
    border-radius: 8px;
    z-index: 15001;
    box-shadow: 1px 0 4px #444;
}



.not-com-add-frm .btn {
    margin-top: 15px;
}

.not-com-add-frm .btn:last-child {
    float: right;
}

.not-com-add-wrapper {
    cursor: pointer;
}

.site-module-group {
    padding: 15px;
    border: 1px dashed #e5e5e5;
    margin-top: 15px;
    position: relative;
    /* min-height: 70px; */
    padding-left: 75px;
}

.site-module-group__buttons {
    float: right;
    margin-top: -15px;
}

.site-module-group__add,
.site-module-group__remove,
.site-module-group__edit {
    cursor: pointer;
    font-size: 12px;
    color: green;
    font-weight: normal;
    margin-left: 15px;
}

.site-module-group__remove {
    color: red;
}

.site-module-group__edit {
    color: #826fc0;
}

.site-module-group.closed .fa-minus-square,
.site-module-group .fa-plus-square {
    display: none;
}

.site-module-group.closed .fa-plus-square,
.site-module-group .fa-minus-square {
    display: inline-block;
    margin-right: 5px;
}

.site-module-group.closed .site-module-group__content {
    display: none;
}

.site-module-group__title {
    cursor: pointer;
    color: #826fc0;
    font-weight: bold;
    font-size: 13px;
}

.site-module-item {
    display: flex;
    font-size: 13px;
    padding: 0px 10px;
    /*background: #f9f8f8;*/
    align-items: center;
    margin-top: 15px;
}

.site-module-item__quantity {
    font-weight: bold;
    padding: 0 15px;
}

.site-module-item__quantity input,
.site-module-item__name input,
.site-module-item__syn input,
.site-module-item__quantity select {
    padding: 5px;
    margin: 5px 0px;
    border-left: none;
    border-top: none;
    border-right: none;
}

.site-module-item__quantity select {
    width: 80px;
}

.site-module-item__syn {
    margin-left: 10px;
}

.site-module-item__quantity input {
    text-align: center;
}

.site-module-item .fa-times-circle {
    margin-right: 5px;
    color: red;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
}

.site-module-item__name {
    font-weight: bold;
}

.site-module-item__input {
    padding: 10px;
    border: 1px solid #e5e5e5;
    width: 100%;
    font: inherit;
    font-size: 13px;
}

.site-module-item__list {
    margin-top: 15px;
    height: 200px;
    overflow-y: auto;
    box-shadow: 1px 0 4px #ccc inset;
    border: 1px solid #e5e5e5;
}

.site-module-item__list div {
    cursor: pointer;
    /*font-weight: bold;*/
    font-size: 13px;
    padding: 10px;
    border-bottom: 1px solid #f3f3f3;
    /*color: #826fc0;*/
}

.site-module-item__list div:hover {
    background: var(--btn-dark-green-bg);
    color: #fff;
}

.frmEdit .site-module-item-list__insert {
    margin: 0;
    margin-top: 15px;
}

.frmEdit .one-field input,
.frmEdit .one-field select {
    margin-top: 5px;
}

.nots-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.nots-slider.owl-carousel .owl-stage-outer {
    height: 100%;
}

.nots-slider.owl-carousel .owl-stage {
    height: 100%;
}

.nots-slider.owl-carousel .owl-item {
    height: 100%;
}

.nots-slider .one-not {
    float: left;
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    align-items: flex-end;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding: 0;
}

.nots-slider .one-not a {
    border-bottom: none;
    color: inherit;
    width: 100%;
    height: 100%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background: #00000057;
}

.nots-slider .one-not h4 {
    color: #fafafaed;
}

.nots-slider .one-not span.not-author,
.nots-slider .one-not span.not-date {
    color: #fafafaed;
}

.nots-slider .like_btns {
    color: #fafafaed;
    display: flex;
    gap: 10px;
}

.nots-slider .like_btns i {
    margin-right: 5px;
}

.nots-slider.owl-theme .owl-dots,
.nots-slider.owl-theme .owl-nav {
    display: none;
}

.not-short-wrapper {
    /* background: #fff;
  box-shadow: 1px 0 4px #ccc; */
    position: relative;
    width: Calc(50% - 5px);
    float: left;
    height: 250px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 30px;
}

#gallery-service.not-short-wrapper,
#tests-service.not-short-wrapper {
    width: 100%;
    height: auto;
}

#jci-service .jci-service__content {
    display: flex;
    gap: 30px;
    height: 100%;
    width: 100%;
}

#jci-service .jci-service__content>div {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
}

#jci-service .jci-service__content h2 {
    color: #333333;
    text-align: left;
}

#jci-service .jci-service__content .jci-link img {
    height: 100%;
    width: 100%;
    max-height: 250px;
}

.not-short-wrapper .service__body .jci-link {
    color: transparent;
    border-bottom: none;
    width: 60%;
    object-fit: contain;
}

.b-video {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.b-video video {
    width: 100%;
    height: auto;
}

.birthday-man__list {
    max-height: Calc(100% - 50px);
    overflow-y: auto;
    padding: 15px 25px;
    position: relative;
}

.one-not h4 a {
    text-decoration: none;
}

.birthday-man__one {
    float: left;
    padding: 6px 10px;
    padding-left: 45px;
    background: coral;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-right: 10px;
    /* font-weight: bold; */
    text-decoration: none;
    border: 2px solid #fff;
    color: #fff;
    font-size: 13px;
    position: relative;
    box-shadow: 1px 0 24px #ccc;
}

.birthday-man__one .user-avatar {
    width: 35px;
    height: 35px;
    position: absolute;
    top: -15px;
    left: 5px;
}

.not-short-wrapper.birthday-man {
    margin-left: 10px;
    border: 1px solid #ccc;
    border-radius: 15px;
    box-shadow: 1px 0 15px deepskyblue;
}

a.header-not {
    text-decoration: none;
    display: block;
}

a.not-full,
.one-not a.more {
    text-decoration: none;
    float: right;
    color: #9400d3;
    font-size: 14px;
    border-bottom: 1px solid;
}

.not-back {
    text-decoration: none;
    color: blueviolet;
    font-size: 14px;
    float: right;
    margin: 15px 0;
    display: block;
}

.heart i {
    cursor: pointer;
}

.single-not .not-back {
    font-size: 18px;
    margin: 0;
    margin-right: auto;
    display: flex;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px 1px rgb(202 202 202 / 32%);
    color: #9d9f9e;
    float: none;
}

.btn-back {
    background-color: var(--scrollbar-thumb-color);
    box-shadow: 0px 2px 6px 0px rgba(130, 169, 188, 0.08), 0px 5px 50px 0px rgba(0, 67, 101, 0.08);
    font-size: 18px;
    margin: 0;
    margin-right: auto;
    display: flex;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--title-color);
    float: left;
}

/* .album-wrapper .btn {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.gallery_list_item__wrapper {
    float: left;
    position: relative;
    background: #fff;
    margin: 5px;
    border-radius: 3px;
    box-shadow: 1px 0 10px #e5e5e5;
    border: 1px solid #c9c9c9;
}

.gallery-preview__likes {
    width: 50px;
    height: 50px;
    background: #fff;
    position: absolute;
    top: 10px; */
    /* width: 100%; */
    /* right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 0 10px 1px rgb(202 202 202 / 32%);
}

.gallery_list_item__wrapper .heart {
    display: flex;
    align-items: center;
    gap: 3px;
}

.gallery_list_item__wrapper .heart i {
    color:rgba(143, 124, 205, 1);
} */

.today-birth {
    position: fixed;
    top: 20px;
    right: 125px;
    width: 100px;
}

.not-short-wrapper h1 {
    font-size: 24px;
    /*background: #fff;*/
    font-weight: normal;
    display: block;
    color: #826fc0;
    padding: 10px 25px;
    /*border-bottom: 1px solid #e5e5e5;*/
}

.not-short-wrapper .news-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color: #838383;
    height: auto;
    padding: 20px 0 23px;
    background: transparent;
    border: none;
    margin-left: 15px;
    margin-bottom: 0;
}

.not-short-wrapper.birthday-man h1 {
    margin-bottom: 0;
}

.not-short-title {
    display: block;
    margin: 0;
    margin-bottom: 0px;
    font-size: 30px;
    font-weight: 300;
    line-height: 100%;
}

.not-short-body {
    max-height: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    color: #777;
    font-size: 14px;
}

.not-short-date {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 12px;
    font-weight: 300;
    color: blue;
}

.btn-container {
    display: flex;
    margin: 1rem 0;
    flex-wrap: wrap;
    justify-content: space-around;
}

.btn-container button {
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 13px;
}

.btn-container button:not(:last-child) {
    margin-right: 20px;
}

.not-short-author {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 12px;
    font-weight: 300;
    color: blue;
}

.not-short-comments {
    position: absolute;
    top: 18px;
    right: 15px;
    font-size: 12px;
    font-weight: 300;
    color: blue;
}

.not-short-header {
    display: block;
    margin: -15px;
    padding: 15px;
    margin-bottom: 15px;
    background: #a89cee;
    color: #826fc0;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 3px 3px 5px #b9aef7;
}

.up-down-btns {
    position: absolute;
    top: 10px;
    left: 10px;
}

.up-down-btns i {
    float: left;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 6px 6px 0px 6px;
    margin: 0;
    line-height: 100%;
    cursor: pointer;
}

.up-down-btns i:hover {
    background: #a89cee;
}

.up-down-btns i:last-child {
    margin-left: 2px;
    padding: 0px 6px 6px 6px;
}

.site-module-item {
    position: relative;
    padding-left: 70px;
}

.site-module-item-swap i {
    display: inline-block;
}

table.list tr.closed-duty td {
    color: #ccc;
}

.label-inline {
    border: 1px dashed #f3f3f3;
    padding: 10px;
}

.label-inline input,
.label-inline span {
    width: auto;
    display: inline-block;
}

.remind-password {
    display: inline-block;
    color: #666;
    font-size: 12px;
    width: auto;
    margin-top: 15px;
    border-bottom: 1px solid;
    text-decoration: none;
}

.remind-password:first-child {
    margin-right: 15px;
}

.how_to_get_password {
    display: block;
    text-align: center;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
    padding: 15px;
    font-size: 16px;
    line-height: 125%;
}

.how_to_get_password a {
    display: inline-block;
    color: #666;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid;
    width: auto;
}

.dining-schedule {
    float: right;
    font-size: 12px;
    cursor: pointer;
    color: #826fc0;
    padding-top: 10px;
}

/* .accordion-item .accordion-content {
    display: none;
}

.accordion-item.open .accordion-content {
    display: block;
}

.accordion-item .accordion-title {
    cursor: pointer;
}

.accordion-item .accordion-title i {
    margin-right: 5px;
}

.accordion-item .accordion-title .fa-angle-up {
    display: none;
}

.accordion-item .accordion-title .fa-angle-down {
    display: inline-block;
}

.accordion-item.open .accordion-title .fa-angle-down {
    display: none;
}

.accordion-item.open .accordion-title .fa-angle-up {
    display: inline-block;
} */

.accordion-search {
    margin-bottom: 15px;
}

.master-check {
    font-weight: bold;
}

.gen_pass {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: purple;
    cursor: pointer;
}

.menu .delimiter-name {
    display: block;
    cursor: pointer;
    padding: 15px;
    font-weight: bold;
}

.menu .delimiter-name i {
    margin-right: 10px;
}

.menu .del {
    display: none;
}

.menu .del.opened {
    display: block;
}

.nomargin {
    margin: 0;
}

.structure-org,
.structure-depart,
.structure-duty {
    padding: 10px;
}

/* .structure-list {
    margin: 30px 0;
    position: relative;
    min-height: 110px;
    background: #f0f0f0;
    padding: 0;
    padding-top: 25px;
} */

/* .structure-tabs {
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    background: #FFF;
} */

/* .structure-tabs__button:first-child {
    border-left: 1px solid #e5e5e5;
    margin-left: 10px;
}

.structure-tabs__button {
    padding: 10px;
    color: #7f7f7f;
    cursor: pointer;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    font-size: 12px;
}

.structure-tabs__button.active {
    background: #f0f0f0;
    color: dodgerblue;
} */

.structure-list__tab {
    display: none;
    /*box-shadow: 1px 0 4px #ccc;*/
}

.structure-list__tab.active {
    display: block;
}

.worker-list-search-form {
    border-bottom: 1px solid #e5e5e5;
}

.structure-list-buttons {

    display: flex;

}

.structure-list-buttons button {
    margin-left: 15px;
    margin-top: 15px;
}
/* 
.structure-list>.structure {
    margin-top: 5px;
} */

.local-preloader {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url("/assets/img/op.png");
}

b.highlight {
    background: yellow;
    color: #000;
}

.highlight {
    background: yellow;
    color: #000;
}

.nopad {
    padding: 0 !important;
}

.not-found {
    opacity: 0.4;
}

.local-preloader:before {
    content: "";
    display: block;
    margin: 15px auto;
    height: 50px;
    width: 50px;
    background: url("/assets/img/loader.gif");
    background-size: 100%;
}

.structure_group_list_item {
    display: flex;
    margin-top: 10px;
}

.structure_group_list_item .interface_search_list {
    flex: 1;
}

.structure_group_list_item .btn {
    height: 36px;
    margin-top: 3px;
    margin-left: 5px;
    width: 36px;
}

.structure i.fa-folder {
    display: none;
}

/* .structure i {
    margin-right: 5px;
    float: left;
    margin-top: 3px;
} */

/* .structure {
    border-left: 1px dotted #000;
    position: relative;
    min-height: 1em;
    display: flex;
    flex-direction: column;
} */


/*.structure.last .structure-final:last-child {
  
}*/

.structure.closed {
    border: none;
}

 /* .structure-name {
    cursor: pointer;
    display: flex;
    transform: translate(-10px, -10px);
    align-items: center;
}  */

.structure-contact-list__buttons i {
    margin: 0;
    cursor: pointer;
    color: #fff;
    height: 16px;
    background: #826fc0;
    width: 16px;
    font-size: 10px;
    padding: 2px;
    text-align: center;
    border-radius: 4px;
}

.structure-contact-list__buttons i:first-child {
    background: green;
    margin-right: 10px;
}

.structure-contact-list__buttons i:last-child {
    float: right;
    background: red;
}

.structure-name:not(.structure-final) {
    margin-bottom: 10px;
}

/* .structure-name:hover {
    color: dodgerblue;
} */

.structure-name i {
    /*background: var(--main-bg-color);*/
}

.structure i.fa-folder-open {
    display: inline-block;
}

.structure.closed i.fa-folder-open {
    display: none;
}

.structure.closed i.fa-folder {
    display: inline-block;
}

.structure.closed div {
    display: none;
}

.structure_edit,
.structure_remove,
.insert-to-structure,
.move-from-structure,
.insert-contact-to-structure {
    margin-left: 10px;
    cursor: pointer;
    font-weight: normal;
}

.structure_edit,
.insert-to-structure,
.insert-contact-to-structure {
    color: green;
}

.structure_remove,
.move-from-structure {
    color: red;
}

.mob {
    display: none;
}

.structure_workers_list {
    display: block;
    margin: 0;
    margin-left: 12px;
    margin-bottom: 20px;
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #666;
    list-style: none;
}

.structure_workers_list li {
    padding: 5px 0;
}

.structure_workers_list.free {
    margin-left: 0px;
    font-size: 14px;
}

.structure_workers_list.free span {
    font-size: 12px;
    font-weight: normal;
    float: right;
}

.structure_workers_list.noright span {
    font-size: 12px;
    font-weight: normal;
    float: none;
}

.worker_in_structure_list {
    font-weight: bold;
}

.worker_in_structure_list.dismissed {
    color: #ccc;
}

.move-to-structure {
    margin-left: 10px;
    font-weight: normal;
    color: green;
    text-decoration: underline;
    cursor: pointer;
}

.structure.closed div.structure-contact,
.structure.closed div.structure-contact-more {
    display: block;
}

.structure-contact {
    padding-left: 30px;
    margin-top: 10px;
    font-weight: normal;
    color: purple;
}

.structure_service_list {
    font-size: 14px;
    padding: 0;
    margin: 0;
    padding-left: 15px;
}

.structure_service_list .structure-contact,
.structure_duty_list .structure-contact {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

.structure.closed .structure_service_list {
    display: none;
}

.structure_duty_list {
    padding: 0;
    padding-left: 10px;
}

.contact-to-structure,
.edit-contact,
.remove-contact {
    margin-right: 10px;
    font-size: 12px;
    cursor: pointer;
}

.contact-to-structure {
    color: #826fc0;
}

.edit-contact {
    color: green;
}

.remove-contact {
    color: red;
}

.contact-buttons:first-child {
    margin: 0px 0px 15px 0px;
}

.contact-buttons {
    margin: 25px 0px 15px 0px;
}

.structure.closed div.contact-buttons {
    display: block;
}

.is_online {
    margin-right: 5px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    padding: 1px 3px 3px 3px;
    line-height: 100%;
    /*float: left; */
    background: red;
    margin-top: 3px;
    height: max-content;
}

.is_online.online {
    background: green;
}

.is_online.afk {
    background: gray;
}

.is_online.afk:after {
    content: "отошел"
}

.is_online.offline:after {
    content: "не в сети";
}

.is_online.online:after {
    content: "в сети";
}

.img-container {
    max-width: 400px;
}

.not-comments-edit,
.not-comments-remove {
    margin-left: 10px;
    font-weight: normal;
    cursor: pointer;
}

.not-comments-edit {
    color: green;
}

.not-comments-remove {
    color: red;
}

.not-img {
    max-height: 300px;
    overflow: hidden;
}

.img-wrapper .not-img {
    max-height: none;
}

.free .one-contact-block {
    background: aliceblue;
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid navy;
}

.structure.closed.last div {
    display: block;
}

.chat-start-conversation {
    font-size: 12px;
    color: green;
    font-weight: bold;
    margin: 0 10px;
    cursor: pointer;
    float: right;
}

.chat-start-conversation i {
    margin-right: 5px;
}

.chat__body-wrapper .structure-list {
    max-height: Calc(100% - 70px);
    overflow-y: auto;
    /* padding-top: 0; */
    margin-top: 0;
}

.chat__body-wrapper .frmEdit {
    margin: 0;
}

.chat__body-wrapper .worker_in_structure_list:hover {
    color: indigo;
}

.add-to-chat-from-contact,
.add-to-conversation-from-contact {
    float: right;
    color: dodgerBlue;
    cursor: pointer;
}

.chat__append {
    color: green;
    margin-right: 15px;
    cursor: pointer;
}

.chat__message-actions {
    visibility: hidden;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}

.message-own .chat__message-actions {
    visibility: visible;
}

.chat__message-text {
    word-wrap: break-word;
    word-break: keep-all;
}

.chat__message_actions-items.popup-menu {
    position: absolute;
    background: #fff;
    box-shadow: 1px 0 4px #666;
    padding: 0;
    width: 75px;
    top: 10px;
    right: 10px;
    z-index: 10000;
}

.chat__message_actions-items.popup-menu a {
    display: block;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 100%;
}

.message-edit {
    color: green;
}

.message-remove {
    color: red;
}

.dash-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.dash-block {
    width: Calc(50% - 20px);
    padding: 15px;
    background: #fff;
    /* margin: 10px; */
    box-shadow: 1px 0 4px #ccc;
}

.dash-block H1 {
    margin-top: 0;
    font-size: 20px;
    color: #826fc0;
    padding-bottom: 15px;
    border-bottom: 3px double;
    line-height: 100%;
}


/* .enter-list {
    width: 100%;
    height: 400px;
    overflow-y: auto;
    margin: 15px 0;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    box-shadow: 1px 0 4px #ccc inset;
    position: relative;
} */

.enter-row {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.user-winner {
    width: 100%;
    text-align: center;
    background: var(--block-bg);
    padding: 50px;
}

.user-winner H1, H2 {
    margin: 0;
}

.user-winner H1 {
    margin-bottom: 25px;
    font-size: xx-large;
}

.user-winner H2 {
    line-height: 100%;
    font-weight: 300;
    font-size: xx-large;
}



.enter-row-details:before {
    content: "";
    clear: both;
    display: block;
}

.enter-row-details-item {
    font-size: 12px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px;
    background: aliceblue;
    margin-top: 10px;
}

.chk_select_with_child {
    display: inline-block;
    width: auto !important;
}

.like-icon.remove-like {
    color: #826fc0;
}

.one-not span.not-author,
.one-not span.not-date {
    /* position: absolute;
    top: 15px; */
    font-size: 12px;
    color: #666;
}

.one-not span.not-author {
    left: 25px;
}

.one-not span.not-date {
    right: 25px;
}

.frmSearch .interface_search_item.tag_search_item {
    padding: 0 10px;
}

.interface_search_item.checked::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    margin-right: 5px;
}

.frmSearch .interface_search_selected {
    padding: 0 10px;
}

.tag_search_item.selected {
    display: none;
}

.interface_search_selected .tag_search_item {
    display: inline-block;
    margin-right: 10px;
    padding: 3px;
}

.interface_search_selected .tag_search_item span>i {
    margin-left: 5px;
    vertical-align: middle;
}

.interface_search_selected {
    min-height: 37px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
}

.frmEdit input.color {
    padding: 1px 2px;
}

/* .gallery-edit-item {
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
    display: flex;
}

.gallery-edit-item textarea {
    min-height: 100%;
    border-radius: 15px;
    padding: 10px;
    border: 1px solid #e5e5e5;
    font-size: 13px;
    line-height: 100%;
    background: #f3f3f3;
    width: 100%;
} */

.packet-upload-info .progress {
    width: 100%;
    padding: 3px;
    text-align: center;
    height: 18px;
}

/* .gallery-edit-item label {
    margin-bottom: 0;
} */

/* .gallery-edit-item img {
    max-width: 130px;
    max-height: 130px;
} */

.gallery-edit-item .remove-data {
    height: 36px;
}

/* .gallery-edit-item .gallery-edit-more {
    margin-right: 15px;
} */

/* .gallery-edit-item .img-wrapper {
    width: 200px;
    height: 200px;
    text-align: center;
    padding: 15px;
    border-radius: 15px;
    border: 2px dotted #299a0b;
    margin-right: 15px;
    position: relative;
} */

.gallery-edit-item .img-wrapper .upload-btn {
    position: absolute;
    left: 15px;
    bottom: 15px;
    right: 15px;
}

.gallery-edit-item .img-wrapper .upload-info {
    position: absolute;
    left: 15px;
    bottom: 0;
    right: 15px;
}

.gallery-edit-item .img-wrapper .upload-info .progressbar {
    margin: 0;
}

/* .gallery_list {
    /*display: flex;*/
    /* margin-top: 25px;
}

.album-wrapper {
    width: 300px;
    height: 300px;
    margin: 0;
    padding: 15px;
    float: left;
}

.album-cover {
    height: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
} */ 

/* .album-name {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 10px;
    background: #000000a8;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
} */

/* .album-more {
    max-height: 50%;
    position: absolute;
    left: 0px;
    bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: Calc(100% - 20px);
    font-size: 10px;
    background: #ffffffbf;
    padding: 10px;
    line-height: 100%;
} */
/* 
.gallery_list .gallery-preview {
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.album-more p {
    margin: 0;
} */

.gallery-admin a,
.gallery-admin span {
    color: dodgerBlue;
    text-decoration: none;
    font-size: 12px;
    cursor: pointer;
}

.gallery-admin span {
    float: right;
    color: red;
}

#preview-pdf {
    margin: auto;
}

.not-attach button {
    margin-right: 10px;
}

.not-attach-list {
    margin-top: 15px;
    /*border: 1px solid #e5e5e5;
    box-shadow: 1px 0 3px #ccc inset;
    background: var(--block-color);*/
    border-radius: 4px;
    margin-bottom: 15px;
}

.select-gallery {
    color: dodgerBlue;
    border-bottom: 1px dotted;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
}

.not-attachment-list-item {
    display: flex;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    color: dodgerblue;
    background: var(--block-color);
    box-shadow: var(--block-shadow-1);
    margin: 10px;
    border-radius: 4px;
}

.not-attachment-list-item:hover {
    border-color: red;
}

.not-attachment-list-item .remove-data {
    float: right;
    margin-left: 10px;
    cursor: pointer;
    min-width: 40px;
}

.not-attach-type {
    color: #000;
}

.not-upload-wrapper {
    width: 600px;
    max-width: 100%;
    margin: 25px auto;
    text-align: center;
}

.not-upload-wrapper img,
.not-upload-wrapper video,
.not-upload-wrapper a {
    display: block;
    margin-bottom: 25px;
    width: 100%;
    height: auto;
}

.not-attachment-list-item span {
    width: 100px;
}

.not-attachment-list-item input {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: dodgerblue;
}

.not-upload-wrapper label {
    margin-top: 15px;
}

.not-upload-wrapper>button {
    margin-bottom: 15px;
    float: none !important;
}

.not-attach-item {
    margin: 15px 0;
    background: var(--block-color);
    box-shadow: var(--block-shadow-1);
    padding: 15px;
    border-radius: 4px;
    color: black;
}

.not-attach-item img,
.not-attach-item video {
    max-width: 100%;
    width: auto;
}

.pricelist-group.closed .fa-angle-down {
    display: block;
}

.pricelist-group.closed .fa-angle-up {
    display: none;
}

.pricelist-group .fa-angle-up {
    display: block;
}



.pricelist-group .fa-angle-down {
    display: none;
}


/* 
.pricelist-group {
    margin: 15px 0;
    background: #ffffff;
    box-shadow: 1px 0 4px #ccc;
} */

/* .pricelist-group__name {
    background: #826fc0;
    padding: 15px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} */

/* .pricelist-item {
    font-size: 14px;
    display: flex;
    padding: 15px;
    border-bottom: 1px solid #f5f5f5;
    font-weight: normal;
    color: #826fc0;
} */

tr.sync-report-error td {
    color: red;
}

tr.sync-report-warn td {
    color: orange;
}

tr.sync-report-info td {
    color: #444;
}

.pricelist-content {
    position: relative;
    min-height: 100px;
}

.pricelist-item__name {
    flex: 1;
    margin-right: 10px;
}

.price-search {
    display: flex;
}

.price-search input {
    flex: 1;
    border: none;
    border-bottom: 1px solid #826fc0;
    padding: 10px;
    font: inherit;
    background: none;
    background: var(--birthday-block) !important;
}

/* .pricelist {
    padding: 15px;
} */

.dining-part__item {
    position: relative;
    padding: 10px 10px 10px 80px;
    border-bottom: 1px dashed #e5e5e5;
}

.dining-part-new {
    background: #fff;
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: 1px 0 4px #ccc;
}

.dining-part-item__name {
    font-size: 16px;
    line-height: 24px;
    color: dodgerblue;
}

.dining-part__items .dining-part__item:first-child {
    border-top: 1px dashed #e5e5e5;
}

.dining-part__name {
    font-size: 24px;
    line-height: 24px;
    color: #826fc0;
    margin-bottom: 10px;
    padding: 0 10px;
}

.dining-part__name span,
.dining-part-item__name span {
    float: right;
    font-size: 12px;
    color: green;
    cursor: pointer;
}

.dining-part__name span.remove,
.dining-part-item__name span.remove,
.dining-part__name span.clone,
.dining-part-item__name span.clone {
    margin-left: 15px;
}

.dining-part__name span.remove,
.dining-part-item__name span.remove {
    color: red;
}

.dining-part__name span.edit,
.dining-part-item__name span.edit {
    color: #826fc0;
}

.dining-part__item:hover {
    background: aliceblue;
}

/* .dining-block {
    padding: 15px;
} */

.contact-user-self-edit {
    color: dodgerblue;
    padding-bottom: 1px;
    border-bottom: 1px dashed;
    margin: 0 10px;
    cursor: pointer;
}

.contact-user-self-edit i {
    margin-right: 0px;
}

.worker_sync_report {
    padding: 15px;
    margin-bottom: 25px;
    background: coral;
}

.worker_sync_report_settings {
    margin-bottom: 15px;
}

.worker_sync_report_settings input[type="text"] {
    flex: 1;
}

.worker_sync_report_settings {
    display: flex;
}

.worker_sync_report_settings input {
    margin-right: 10px;
}

.worker_sync_report_settings * {
    padding: 10px;
}

.mail-action-group {
    text-align: left;
    color: #888;
    font-weight: bold;
}

.mail-action-group span,
.mail-move-to {
    font-weight: normal;
    line-height: 100%;
    display: block;
    padding: 10px;
    font-size: 14px;
    text-align: left;
}

.project-update-full__one input,
.project-update-full__one textarea {
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    font: inherit;
}

.project-update-full__one button {
    margin-top: 15px;
}

.recipient-searcher {
    display: flex;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    align-items: center;
}

.recipient-searcher input {
    flex: 1px;
    border: none;
}

.mail-action-group span:hover,
.mail-move-to:hover {
    color: dodgerblue;
}

.mail-action-group span.mail-action-group__name {
    color: #000;
    border-bottom: 1px dashed #ddd4d4;
    font-weight: bold;
}

.mail-action-group__action {
    color: #888;
    border-bottom: 1px solid #ddd4d4;
    cursor: pointer;
}

.mail-action-group__action i {
    margin-right: 10px;
}

.mail-action-group__action:hover {
    color: dodgerBlue;
    background: #f3f3f3;
}

.box-check {
    display: block;
}

.box-check input {
    display: inline-block;
    width: auto;
}

.box-check img {
    height: 14px;
}

.structure.last {
    margin-bottom: 10px;
}

.structure-sub-name {
    padding-left: 5px;
    margin-top: 2px;
    display: inline;
    background-color: #f0f0f0;
}

.rule-list-item {
    display: flex;
    align-items: center;
}

.rule-list-item i {
    margin: 12px;
}

.rule-list-item__half {
    padding: 15px;
    border: 1px dashed #ccc;
    border-radius: 4px;
    width: 50%;
    background: var(--item-bg);
}

.structure.notfound {
    opacity: 0.4;
    display: none!important;
}

.free-contact-item {
    padding: 15px;
    margin: 15px 0;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
}

.btn-gray {
    color: #888;
}

.structure-select__all i,
.structure-select__visible i {
    margin-right: 5px;
}

.structure-select__all input,
.structure-select__visible input {
    margin-right: 10px;
}

.select-this,
.append-here,
.callback-a,
.select-moderator-from-tree,
.chat-from-tree {
    font-size: 12px;
    color: green;
    text-decoration: none;
    cursor: pointer;
    margin-left: 10px;
    border-bottom: 1px dashed transparent;
}

/* .chat-from-tree:hover,
.select-this:hover,
.append-here:hover,
.callback-a:hover,
.select-moderator-from-tree:hover {
    border-bottom: 1px dashed;
} */

.append-here {
    color: #826fc0;
}

.free-contact-item b {
    font-weight: bold;
}

.free-contact-item__actions {
    float: right;
}

.free-contact-item__actions a {
    font-size: 12px;
    margin-left: 10px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

.free-contact-item__actions a:hover {
    border-color: inherit;
}

.rule-in-tree {
    font-size: 10px;
    margin-left: 10px;
    display: inline-block !important;
    font-weight: bold;
    cursor: pointer;
}

.rule-in-tree {
    text-decoration: underline;
}

.add-rule-in-tree {
    color: green;
}

.edit-rule-in-tree {
    color: #826fc0;
}

.remove-rule-in-tree {
    color: red;
}

.rule-list button {
    margin-left: 15px;
}

.rule-list .fa-equals {
    padding: 0 15px;
}

.structure-name.dismiss {
    color: #777;
}

.structure-contact-row {
    padding-left: 40px;
    font-weight: bold;
    font-size: 12px;
}

.u-dismiss {
    text-decoration: none;
}

.u-dismiss.dismiss {
    color: red;
}

.structure-contact-list {
    margin-left: 25px;
    background: #fff;
    display: inline-block !important;
    padding: 0px 10px 10px 10px;
    font-size: 12px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-bottom: 20px;
    width: fit-content;
}

.structure-contact-list div,
.structure-contact-list a {
    margin-top: 10px;
}

.structure-contact-list a {
    display: block;
    color: #000;
    text-decoration: none;
}

.structure-contact-list__personal {
    color: #8b008b !important;
}

.structure-final {
    cursor: default;
}

.structure-contact-list i {
    float: none;
}

.structure-contact-list span {
    border-bottom: 1px dashed #ccc;
}

.anonym-quest {
    display: none;
}

.anonym-quest.current {
    display: block;
}

@-webkit-keyframes blink {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes blink {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

::-webkit-scrollbar-button {
    background-image: none;
    background-repeat: no-repeat;
    width: 5px;
    height: 0px;
}

::-webkit-scrollbar-track {
    background-color: #ecedee;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    /*background-color: dodgerblue;*/
    background-color: #4cae50;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #56999f;
}

::-webkit-resizer {
    background-image: none;
    background-repeat: no-repeat;
    width: 4px;
    height: 0px;
}

::-webkit-scrollbar {
    width: 4px;
}

.blinkable {
    -webkit-animation: blink-icon 1s linear infinite;
    animation: blink-icon 1s linear infinite;
}

.medical-tab,
.other-tab {
    padding: 15px;
    box-shadow: 1px 0 4px #ccc;
}

.medical-tab H4,
.other-tab H4 {
    display: block;
    margin: 0;
    margin-bottom: 15px;
    color: #826fc0;
    font-weight: bold;
}

.vacancy-block {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
    background: aliceblue;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vacancy-name {
    font-weight: bold;
}

.vacancy-link {
    float: right;
}

.vacancy-link a {
    text-decoration: none;
    color: dodgerblue;
    border-bottom: 1px solid;
}

.birth-today {
    height: 100%;
    width: Calc(100% - 10px);
    padding: 15px;
    background: url(/assets/css/images/bb.png);
    background-size: cover;
    margin-left: 10px;
    border-radius: 10px;
}

.service__body {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 15px;
    background-color: #fff;
}

.project-update {
    margin-left: 10px;
    height: 100%;
    width: Calc(100% - 10px);
    padding: 25px;
    border-radius: 10px;
    background: url(/assets/css/images/bgg.jpg);
    background-size: cover;
}

.project-update__title {
    margin: 0;
    padding-bottom: 15px;
    color: #fff;
}

.project-update__date {
    float: right;
    color: #cdcdcd;
    /*margin-right:10px;*/
}

.project-update__more {
    color: #fff;
}

.project-update-full__one {
    background: #fff;
    padding: 25px;
    border-bottom: 1px dashed #e5e5e5;
}

.project-update-full__one:last-child {
    border: none;
}

.birth-today .user-avatar {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
}

.birth-today-one__name {
    color: blueviolet;
    display: flex;
    /*float: left;*/
    margin-right: 10px;
    margin-bottom: 10px;
}

.popular-photo {
    /* background: #00000057; */
    height: 100%;
    border-radius: 10px;
    display: flex;
}

.popular-photo__item {
    position: relative;
    position: relative;
    padding: 5px;
    overflow: hidden;
    background: #fff;
}

.popular-photo__item a {
    position: absolute;
    top: 10px;
    left: 10px;
    overflow: hidden;
    width: Calc(100% - 20px);
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    color: #000;
    background: #ffffffab;
    border-radius: 4px;
    padding: 10px;
}

.popular-photo__item span {
    color: blueviolet;
    margin-right: 10px;
    font-weight: bold;
}

.popular-photo img {
    height: 100%;
}

.create-not-wrapper .new-btn i {
    display: none;
}

.gallery-album__year {
    color: #826fc0;
    font-size: 26px;
    font-weight: bold;
    margin: 50px 15px 15px 15px;
    line-height: 100%;
}

.gallery-album__header {
    display: flex;
    align-content: flex-start;
}

.gallery-album__header h1 {
    flex: 1;
    margin: 0;
    padding-left: 10px;
    padding-top: 15px;
}

.gallery-album__header a {
    color: dodgerblue;
    text-decoration: none;
    border-bottom: 1px dashed;
    height: 20px;
    margin-top: 20px;
}

.gallery_list {
    margin-bottom: 50px;
}

.birth-full {
    background: #fff;
    padding: 15px;
    border: 1px solid #e5e5e5;
}

.birth-full-one {
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
    margin-left: 25px;
}

.birth-full .birth-date {
    display: block;
    margin: 0;
    margin-bottom: 15px;
    color: #826fc0;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 30px;
}


/*.birth-today-one__name:after{
  display:block;
  content:"";  
  clear:both;
}*/

.guide-wrapper {
    height: calc(100vh - var(--sidebar-top-height) - 20px);
    overflow-y: hidden;
}

.guide-wrapper H1 {
    margin: 0px 0px 15px 0px;
}

.guide-tree {
    padding: 0px 15px 15px 15px;
    background: #fff;
    border-right: 1px solid #e5e5e5;
    max-width: 300px;
    overflow-y: auto;
    padding-bottom: 200px;
}

.guide-node {
    margin-top: 15px;
}

.guide-padding {
    padding-left: 15px;
}

.guide-node__name {
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.guide-node__name i {
    margin-right: 5px;
    color: dodgerblue;
}

.guide-node__name span:hover {
    color: dodgerblue;
}

.guide-node i.fa-plus-square {
    display: none;
}

.guide-node i.fa-plus-square,
.guide-node i.fa-minus-square {
    color: coral;
}

.guide-node i.fa-minus-square {
    display: inline-block;
}

.guide-node.closed .guide-node {
    display: none;
}

.guide-node.closed i.fa-plus-square {
    display: inline-block;
}

.guide-node.closed i.fa-minus-square {
    display: none;
}

.guide-wrapper__content {
    display: flex;
    height: calc(100% - 70px);
}

.guide-content {
    flex: 1;
    padding: 15px;
    background: #fff;
    overflow-y: auto;
    height: auto;
}

.guide-count {
    color: #888;
    font-size: 12px;
}

.guide-node__name span.active {
    color: dodgerblue;
}

.guide-content H2 {
    margin: 0;
    margin-bottom: 15px;
    color: dodgerblue;
}

.guide-list-item {
    padding: 15px;
    border: 1px solid #e5e5e5;
    color: black;
    /* font-weight: bold; */
    background: snow;
    /* box-shadow: 1px 0 4px #d1d1d1; */
    margin-top: 15px;
    border-radius: 3px;
    cursor: pointer;
}

.guide-list-item:hover {
    box-shadow: 1px 0 4px #d1d1d1;
}

.guide-content__view {
    min-height: 500px;
}

/* .guide-content-view__header {
    margin: 0;
    font-size: 20px;
    top: 0;
    left: 0;
    padding: 15px;
    background: #a89cee;
    width: 100%;
    color: #fff;
    white-space: pre-line;
    text-overflow: ellipsis;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
} */

/* .guide-content-view__general {
    max-height: Calc(100% - 55px);
    overflow-y: auto;
    margin-top: 55px;
    padding: 0 25px;
}

.guide-content-view__header span {
    font-weight: normal;
    color: #333;
    font-size: 14px;
    line-height: 101%;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    position: absolute;
    top: 20px;
    right: 10px;
} */
/* 
.guide-content-view__header span i {
    float: left;
    margin-right: 5px;
} */

/* .guide-content-view__item img,
.guide-content-view__item video,
.guide-content-view__item audio {
    max-width: 100%;
    display: block;
    margin: 15px auto;
} */

/* .guide-content__hide {
    display: none;
} */

.guide-download {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    padding: 10px;
    background: dodgerblue;
    margin-bottom: 10px;
    border-radius: 3px;
    font-size: 14px;
}

.guide-download i {
    margin-right: 5px;
}

.guide-download:hover {
    color: cyan;
}

.guide-search {
    background: #fff;
    padding: 15px;
}

.guide-search__form {
    position: relative;
}

/* .guide-search__input {
    width: 100%;
    padding: 10px;
    font: inherit;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    color: #826fc0;
} */

.guide_tree_path {
    font-size: 10px;
    margin: 0;
    line-height: 100%;
    color: #888;
}

.guide-search button {
    border: none;
    position: absolute;
    right: 0px;
    top: 10px;
    cursor: pointer;
    color: #826fc0;
    background: none;
}

.guide-article-buttons {
    float: right;
    margin-top: -5px;
}

.guide-article-buttons button:first-child {
    margin-right: 10px;
}

.guide-article-content {
    padding: 15px;
    width: 1000px;
    max-width: 100%;
    min-height: 57px;
    margin: 25px auto;
    padding: 15px;
    border-radius: 5px;
    border: 1px dashed #666;
    /*position: relative;*/
    background: #fff;
}

.guide-article-content td,
.guide-content-view__item td {
    border: 1px solid #e5e5e5;
}

.guide-article-contents__add {
    background: #fff;
    padding: 10px;
    text-align: center;
}

.guide-article-contents__add * {
    display: inline-block;
}

.guide-article-contents__add .btn {
    margin: 0;
    margin-left: 10px;
}

.guide-article-contents__add .btn:last-child {
    float: none;
}

.tox .tox-dialog-wrap,
.tox-tinymce-aux {
    z-index: 130000 !important;
}

.guide-article-content__panel {
    position: absolute;
    top: -1px;
    right: -50px;
    background: #000;
    opacity: 0.6;
    border-radius: 4px;
    padding: 0 10px;
}

.guide-article-content__panel:hover {
    opacity: 1;
}

.guide-article-content__panel i {
    display: block;
    color: #fff;
    margin-top: 5px;
    line-height: 100%;
    text-align: center;
    cursor: pointer;
}

.guide-article-content__panel i:hover {
    color: cyan;
}

.guide-article-content__panel i:last-child {
    margin-top: 15px;
    margin-bottom: 5px;
}

.guide-article-content img {
    display: block;
    margin: 15px auto;
    width: 800px;
    max-width: 100%;
}

.guide-article-content.hidden .guide-article-content__item {
    max-height: 50px;
    overflow: hidden;
}

.guide-article-contents {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
}

.guide-article-content .fa-arrows-alt {
    position: absolute;
    top: -8px;
    left: -8px;
    cursor: pointer;
}

.guide-editable {
    position: relative;
    padding-top: 15x;
}

.guide-editable span {
    position: absolute;
    top: 0;
    right: 0;
    color: dodgerblue;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px dashed;
}

.guide-content-view__item {
    width: 1000px;
    max-width: 100%;
    margin: 15px auto;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 15px;
}

.guide-article-content.inc_container {
    width: 100%;
}

.inc-attach {
    /*background: aliceblue;*/
    box-shadow: 1px 0 4px #ccc;
    position: relative;
    padding: 4px 10px;
    /* border: 1px solid dodgerblue; */
    border-radius: 3px;
}

.inc-attach i {
    position: absolute;
    right: 10px;
    /*top: 8px;*/
    cursor: pointer;
    color: red;
}

.inc-attach span {
    max-width: Calc(100% - 20px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-y: auto;
}

fieldset.more-search-settings {
    display: block;
    width: 100%;
    border: none;
    border-top: 1px solid #e5e5e5;
    padding: 0;
    margin-bottom: 15px;
}

fieldset.more-search-settings legend {
    cursor: pointer;
    top: -13px;
    left: Calc(50% - 20px);
}

/* .more-search-settings.active .more-search-settings__content {
    display: flex;
    padding-top: 15px;
} */

/* .more-search-settings__content .label {
    min-width: 150px;
}

.more-search-settings__content .label .interface_search_selected {
    min-height: 36px;
}

.more-search-settings__content .label input {
    display: inline-block;
}

.more-search-settings__content {
   height: 0px;
} */

.inc-info-table {
    margin-top: 15px;
    width: 100%;
    border-collapse: collapse;
}

.inc-info-table th,
.inc-info-table td {
    padding: 50px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    vertical-align: top;
}

.inc-info-table td a {
    margin-right: 10px;
    color: navy;
    text-decoration: none;
    border-bottom: 1px solid;
}

.inc-info-table td span {
    display: inline-block;
    font-size: 14px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
    line-height: 100%;
    color: #826fc0;
}

.inc-info-table th,
.inc-info-table th.min {
    text-align: right;
    color: dodgerblue;
}

.inc-status {
    display: inline-block;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
}

.inc-history-table {
    margin-top: 15px;
    width: 100%;
    border-collapse: collapse;
}

.inc-history-table td,
.inc-history-table th {
    padding: 10px;
    text-align: left;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    font-size: 14px;
    max-width: 600px;
}

.inc-history-table th {
    font-weight: bold;
    background: beige;
}

table.list tr.inc-not-seen td {
    background: bisque;
}

.upload__wrapper {
    display: block;
    position: relative;
}

.inc-attach__one {
    position: relative;
    padding: 10px 25px 10px 10px;
    border-bottom: 1px dashed #e5e5e5;
    font-size: 12px;
}

.inc-attach__one:last-child {
    border: none;
}

.inc-attach__one a {
    text-decoration: none;
}

.inc-attach__one i {
    position: absolute;
    right: 10px;
    top: 10px;
    color: red;
    cursor: pointer;
}

.preloader-me {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0000009e;
    color: aqua;
    text-align: center;
    padding-top: 10px;
}

.td-wrap {
    position: relative;
}

/* .inc-edit-wrapper .tab-buttons .tab {
    padding: 9px 33px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #828280;
    background: #E0E0E0;
    border: 1.5px solid #C8C8C8;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    transition: .3s ease;
} */

/* .inc-edit-wrapper .tab-buttons .tab:hover,
.inc-edit-wrapper .tab-buttons .tab.active {
    background: #826FC0;
    color: #fff;
} */

.inc-subtheme__wrapper {
    max-height: 100%;
    overflow-y: auto;
    padding: 15px;
    min-height: 50px;
    padding-top: 50px;
    width: 100%;
}

textarea.long-area{
    font:inherit;
    font-size:20px;
    padding:10px;
    border:1px solid #e5e5e5;
    resize: vertical;
    min-height:50px;
    width: 90%;
}

.inc-change__wrapper {
    max-height: 100%;
    overflow-y: auto;
    min-height: 300px;
}
/* 
.inc-change__wrapper input[type="text"],
.inc-change__wrapper input[type="number"],
.inc-change__wrapper input[type="date"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #e5e5e5;
} */

/* .inc-change__wrapper label,
.inc_part_moderator_label {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    cursor: pointer;
    color: dodgerblue;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
} */

.inc_part_moderator_label {
    display: block;
    color: #000;
}

.inc-comment {
    margin-bottom: 15px;
    font-size: 12px;
}

.inc-comment__author,
.inc-comment__date {
    float: left;
    color: #a5a5a5;
    margin-top: 2px;
}

.inc-comment__date {
    float: right;
    /* margin-right: 10px; */
}

.inc-comment__date:after {
    content: "";
    display: block;
    clear: both;
}

.inc-comment__text {
    background: #f3f3f3;
    padding: 15px 10px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

.inc-comment__date i {
    margin-left: 5px;
    color: red;
    cursor: pointer;
}

.inc-history-table span {
    background: #ffa200;
    color: #ffffff;
    padding: 2px 5px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 12px;
}
/* 
.inc-change__wrapper label.label,
.inc-change__wrapper label.inc_part_moderator_label {
    display: block;
} */

/* .inc-change__wrapper label.label select {
    display: block;
    padding: 8px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    width: 100%;
} */

.inc_part_moderator_select .new-contact-search {
    width: 100%;
    padding: 10px;
}

.inc_part_moderator_select .structure-list {
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #b9b9b9;
    padding: 10px 0;
    margin-top: -1px;
    margin-bottom: 0;
}

.label textarea {
    width: 100%;
    min-height: 200px;
    resize: vertical;
}

 /* {
.inc-info-block    margin-top: 15px;
    background: floralwhite;
    border-radius: 5px;
}

.inc-info-block__label {
    display: block;
    font-size: 14px;
    padding: 15px;
    color: crimson;
    min-width: 160px;
    float: left;
}

.inc-info-block .inc_change {
    float: left;
    padding: 0;
    margin-right: 5px;
    padding: 2px 3px;
    font-size: 12px;
    border-radius: 3px;
    margin-top: -2px;
    background: dodgerblue;
    color: #fff;
}

.inc-tab .inc-info-block .inc_change {
    background: #D2C9FE;
    color: #3a3a3a;
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 5px;
} */

/* .inc_change__wrapper {
    padding: 10px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #E5E5E5;
    display: flex;
    font-size: 12px;
}

.inc_change__wrapper .inc_change {
    position: absolute;
    right: 10px;
    top: 5px;
    border-radius: 8px;
    width: 25px;
    height: 25px;
    background: #D2C9FE;
    color: #000;
    border: none;
    outline: none;
    padding: 0;
} */

/* .inc-info-block__content {
    font-size: 14px;
    padding: 15px;
    display: block;
    float: right;
    width: Calc(100% - 190px);
} */

.inc-info-block__content img {
    max-width: 100%;
}

.inc-info-block__theme {
    margin-right: 15px;
    color: darkorchid;
}

.inc-info-block__content a {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: cornflowerblue;
}

.inc-info-block__content p:first-child {
    margin-top: 0;
}

.inc-info-block__content p:last-child {
    margin-bottom: 0;
}


/* .inc-part__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
} */
/* 
.inc-part__items .inc-part {
    margin: 20px;
} */

/* .inc-part {
    padding: 20px;
    background: #F7F7F7;
    border-radius: 12px;
    width: 100%;
    box-shadow: 1px 0 4px #ccc;
    position: relative;
} */

.inc-part .date-input__border {
    width: 100%;
    flex: 1 1 auto;
    /* border: 1px solid #E5E5E5; */
    border-radius: 12px;
    overflow: hidden;
    height: auto;
    display: flex;
}

/* .inc-part .date-input__border input[type="date"] {
    border: none;
    outline: none;
    padding: 5px 10px;
    height: 100%;
    width: 100%;
}

.inc-part .date-input__border ::-webkit-calendar-picker-indicator {
    background-color: #D2C9FE;
    padding: 5px;
    cursor: pointer;
    border-radius: 8px;
} */

.inc-part__selects-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
    row-gap: 10px;
}

.inc-part__number {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #ccc;
    font-size: 12px;
}

.inc-part button[type="submit"] {
    float: right;
}

.inc-part__items button[type="submit"] {
    float: right;
}

/* .inc-part__item {
    display: block;
    width: 100%;
}

.inc-part__wrapper {
    width: 100%;
    background: #e9e9e754;
    border-radius: 12px;
    padding: 15px;
    margin-top: 10px;
} */

.corrective-actions__wrapper {
    box-shadow: var(--block-shadow-1);
}
/*
.inc-part__add-action-btn {
    position: relative;
    padding-left: 50px;
    border-radius: 12px;
    margin: 10px 0 20px 10px;
}

.inc-part__add-action-btn .plusIcon {
    display: flex;
    width: 50px;
    height: 50px;
    z-index: 2;
    position: absolute;
    left: -10px;
    top: -9px;
    justify-content: center;
    line-height: 100%;
    align-items: center;
    background: #fff;
    font-size: x-large;
    border-radius: 50%;
    border: 1px solid rgb(198, 198, 198);
} */

/* .inc-part__item-flex {
    display: flex;
}

.inc-part__item label {
    display: block;
    font-size: 12px;
    color: #826fc0;
} */

/* .inc-part__item input,
.inc-part__item select,
.inc-part__item textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #e5e5e5;
    background: #FFFFFF;
   
    border-radius: 10px;
} */

.inc-part__item select {
    padding: 5px 8px;
}

.inc-part__item textarea {
    resize: vertical;
}

.inc-part__moder {
    display: flex;
    align-items: center;
}

.inc-part__moder span {
    flex: 1;
    background: #fff;
    padding: 6px 8px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
}


/**/
/* .inc-change__wrapper .new-contact-search {
    width: 100%;
    padding: 10px;
    border: 1px solid #e5e5e5;
} */

table.incident-list td,
table.incident-list th {
    padding: 15px 10px;
    font-size: 12px;
}

table.incident-list th {
    font-size: 14px;
}

table.incident-list td.center,
table.incident-list th.center {
    text-align: center;
}

table.incident-list .bg-red td,
table.incident-list .bg-red th {
    background: rgb(253 160 165 / 25%);
}

table.incident-list .bg-green td,
table.incident-list .bg-green th {
    background: rgb(161 249 172);
}

table.incident-list td,
table.incident-list th {
    background: transparent;
}

th.ordering:hover {
    cursor: pointer;
}

th.ordering i {
    opacity: 0.4;
    margin-right: 5px;
}

th.ordering.active i {
    opacity: 1;
}

.inc-total {
    padding: 15px;
    margin: 15px 0;
    background: #fff;
    font-size: 12px;
    box-shadow: 1px 0 4px #ccc;
}

.scale__wrapper {
    display: flex;
    align-items: flex-end;
    margin: 0 auto;
}

.scale__item {
    width: Calc(20% - 2px);
    background: #cfcfcf;
    margin: 0 1px;
}

.incident-list td input[type="checkbox"] {
    margin: 0;
}

.label .ui-slider-horizontal .ui-slider-handle {
    top: -8px;
}

.label .sliders {
    margin: 6px;
    margin-top: 18px;
}

.sliders-values {
    font-weight: bold;
    color: #000;
}

/*.inc-edit-wrapper {
    background: #fff;
    padding: 15px;
    margin: 15px 0;
    box-shadow: 1px 0 4px #ccc;
}

.inc-edit-wrapper.bg-green {
    background: rgb(161 249 172);
}

.inc-edit-wrapper.bg-red {
    background: rgb(253 160 165 / 25%);
}*/

/*.inc-edit-wrapper .tab.active {
    border-bottom: 1px solid;
}*/


/* .inc-edit-wrapper {
    padding: 10px;
    border-radius: 4px;
}

.inc-edit-wrapper .interface_search_list {
    background: #fff;
}

.inc-edit-wrapper .interface_search_list .interface_search_selected {
    background: #fff;
    border-radius: 12px;
}

.inc-edit-wrapper.bg-green {
    background: rgb(161 249 172);
}

.inc-edit-wrapper.bg-red {
    background: rgb(253 160 165 / 25%);
} */

.scale__edit .scale__item:hover {
    background: blue !important;
}

.set-incs-type .interface_search_list {
    margin: 0;
    margin-right: 5px;
    width: 200px;
}

.inc-fields.hidden {
    display: none;
}

#excel td {
    vertical-align: middle;
}

.inc-fields .label-inline {
    float: none;
    display: block;
    padding: 10px;
    font-size: 12px;
    line-height: 100%;
    cursor: pointer;
}

.inc-fields .label-inline input {
    float: left;
    margin-right: 10px;
    margin-top: 0px;
}

.scale__edit .scale__item:hover {
    background: blue !important;
}

.incs-settings {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 15px;
}

.set-incs-type .interface_search_list {
    margin: 0;
    width: 200px;
}

.set-incs-type .interface_search_list .interface_search_selected {
    border-radius: 8px 0 0 8px;
}

.set-incs-type button {
    border-radius: 0 8px 8px 0;
}

/* .inc-fields.hidden {
    display: none;
}

.inc-fields {
    position: fixed;
    width: 80%;
    left: 10%;
    max-height: 80%;
    overflow: auto;
    top: 10%;
    z-index: 100000;
    background: #fff;
    box-shadow: 1px 0 4px #ccc;
}

#excel td {
    vertical-align: middle;
}

.inc-fields .label-inline {
    float: none;
    display: block;
    padding: 10px;
    font-size: 12px;
    line-height: 100%;
    cursor: pointer;
}

.inc-fields .label-inline input {
    float: left;
    margin-right: 10px;
    margin-top: 0px;
} */

/* .one-field label span {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: purple;
} */

.default-content H1 {
    margin: 0;
    margin-bottom: 15px;
}

.default-content .frmSearch input {
    width: 100%;
    max-width: 100%;
}

.default-content .frmSearch {
    padding-right: 0;
}

.main-search {
    display: flex;
    align-items: flex-end;
}

.main-search .btn {
    height: 37px;
    margin-bottom: 15px;
}

.default-content {
    padding: 0 10px;
}

.service-item__header {
    display: flex;
    align-items: center;
}

.service-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.service-item {
    /* width: Calc(20% - 20px); */
    /* margin: 10px; */
    width: 100%;
    max-width: 300px;
    background: #fff;
    position: relative;
    border-radius: 4px;
    box-shadow: 1px 0 4px #cccc;
    overflow: hidden;
}

.service-item:after {
    content: "";
    padding-top: 100%;
    display: block;
}

.service-item__content {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
}

.service-item__content img {
    width: Calc(50% - 30px);
    margin: 15px;
    float: left;
}

.service-item__content H2,
.service-item__more {
    padding: 0 15px;
}

.service-item__more {
    padding: 25px;
    color: #666;
    font-style: italic;
}

.service-item__content .btn {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.service-item__content .btn:last-child {
    right: 15px;
    left: auto;
}

.ads-fast-search__wrapper {
    margin-bottom: 25px;
}

.ads-fast-search__wrapper>.btn {
    display: flex;
}

.ads-fast-search__wrapper .btn:not(:last-child) {
    margin-right: 15px;
}

.ads-fast-search__wrapper .btn {
    margin-right: 0;
}

.ads-fast-search__wrapper input[type="radio"] {
    display: none;
}

.ads-toggle {
    margin-bottom: 10px;
}

.ads-toggle label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.ads-toggle label:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f204";
    margin-right: 10px;
    color: #666;
    font-size: 24px;
}

.ads-toggle input:checked+label:before {
    content: "\f205";
    color: green;
}

.green {
    color: green;
}

.red {
    color: red;
}

.blue {
    color: #826fc0;
}

.bonus-search-list {
    width: 100%;
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-top: 1px;
    box-shadow: 1px 0 4px #b7b7b7;
    max-height: 300px;
    overflow-y: auto;
}

.bonus-search-list .preload,
.bonus-duty-list .preload {
    display: block;
    margin: 15px auto;
    text-align: center;
}

.bonus-search-item {
    padding: 10px;
    font-size: 12px;
    color: dodgerblue;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5;
}

.bonus-search-list.closed {
    display: none;
}

.bonus-search-item:hover {
    background: dodgerblue;
    color: #fff;
}

.bonus-search-item.closed:hover {
    color: grey;
}

.bonus-search-item.closed {
    color: grey;
}

.bonus-search-block {
    display: flex;
}

.bonus-search-block>* {
    margin-right: 10px;
}

.bonus-search-block>*:last-child {
    margin-right: 0px;
}

.bonus-search-block input[type="date"] {
    width: auto;
    padding: 8px;
}

.bonus-search-block .interface_search_list {
    margin-top: 0;
    width: 200px;
}

.bonus-search-block .interface_search_list.bonus-user {
    margin-top: 0;
    width: 300px;
}

.bonus-search-block .interface_search_item,
.bonus-search-block .interface_search_selected {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inc-change__wrapper .bonus-pricelist td input[type="number"] {
    padding: 6px;
    width: 50px;
}

.inc-change__wrapper .bonus-pricelist td input[type="date"] {
    padding: 4px;
    width: 130px;
}

/* .inc-change__wrapper label.label,
.inc-change__wrapper label.inc_part_moderator_label {
    display: block;
}

.inc-change__wrapper label.label select {
    display: block;
    padding: 8px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    width: 100%;
} */

/* .inc-change__wrapper {
    max-height: 100%;
    overflow-y: auto;
    padding: 15px;
    min-height: 300px;
    padding-top: 50px;
} */

/* .inc-change__wrapper input[type="text"],
.inc-change__wrapper input[type="number"],
.inc-change__wrapper input[type="date"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #e5e5e5;
} */

/* .inc-change__wrapper label,
.inc_part_moderator_label {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    cursor: pointer;
    color: dodgerblue;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
} */

.bonus-pricelist__remove,
.bonus-pricelist__add {
    cursor: pointer;
    color: red;
    width: auto;
    margin: 0 auto;
    font-weight: bold;
    border-bottom: 1px dashed;
    margin-top: 8px;
}

.bonus-pricelist__add {
    float: right;
    color: green;
    margin-top: -20px;
    font-size: 12px;
}

.report-table {
    width: 100%;
    border-collapse: collapse;
}

.report-table th,
.report-table td {
    padding: 10px;
    font-size: 12px;
    border: 1px solid #e5e5e5;
    text-align: left;
}

.report-table th {
    color: #fff;
    background: #000;
}

.bonus-worker__count {
    background: #fff;
    color: #898989;
}

.bonus-worker__name {
    background: beige;
    color: #000;
}

.bonus-worker__name .bonus-corpus__count {
    background: #fff;
    color: #9b5400;
}

.bonus-corpus__name {
    background: bisque;
    color: #000;
}

.bonus-duty-rate {
    margin-top: 15px;
}

.bonus-duty-rate__name {
    color: #000;
}

.bonus-duty-rate__value {
    display: flex;
    align-items: center;
}

.bonus-duty-rate__value input {
    margin-right: 10px;
}

.bonus-duty-rate__current {
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-top: -15px;
    color: crimson;
}

.notEdit {
    display: block;
    background: #fff;
    padding: 15px;
}

.alice-label,
fieldset.alice-label {
    padding: 15px;
    background: #f7fbff;
}

.img-container-wrapper {
    text-align: center;
    margin-bottom: 15px;
}

.img-container-wrapper label.btn {
    display: inline-block;
    width: auto;
    margin: 15px auto;
}

fieldset.grey-fieldset {
    margin: 0;
    padding: 0;
}

.not-body table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.not-body table td,
.not-body table th {
    width: auto !important;
    border: 1px solid #e5e5e5 !important;
    padding: 10px !important;
    vertical-align: top !important;
}

.not-body table td p:first-child {
    margin-top: 0 !important;
}

.not-body table td p:last-child {
    margin-bottom: 0 !important;
}

.mobile-only {
    display: none;
}

.diner-menu__top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0;
}

.diner-menu__top h3 {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #a799e0;
    margin: 0;
    margin-left: 30px;
}

.diner-menu__top .back {
    position: absolute;
    left: 5px;
    top: calc(50% - 11px);
    cursor: pointer;
}

.diner-menu__top .back svg {
    height: 22px;
}

.diner-menu__month {
    display: flex;
    width: max-content;
    justify-content: center;
    background: #a799e0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
    border-radius: 8px;
    padding: 5px 20px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    text-transform: capitalize;
    margin: 10px 0 10px 10px;
}

.tabs.diner-menu .tab-buttons {
    margin-bottom: 10px;
    padding-bottom: 0;
}

.tabs.diner-menu .tab-buttons .tab {
    margin-right: 0;
}

.tabs.diner-menu .tab-buttons .tab.active {
    border-bottom: none;
    background: none;
}

.tabs.diner-menu .tab-buttons .tab.active .dining-date__tab {
    background: #a799e0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
}

.tabs.diner-menu .tab-buttons .tab.active .dining-date__tab>span {
    color: #fff;
}

.tab-buttons .tab .dining-date__tab {
    width: 46px;
    height: 46px;
    background: #e7e7e7;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 4px;
}

.tab-buttons .tab .dining-date__tab .date-num {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: #595959;
}

.tab-buttons .tab .dining-date__tab .date-str {
    font-weight: 600;
    font-size: 9px;
    line-height: 9px;
    color: #a7a9a8;
}
/* 
.module.dining .tab-content {
    background: transparent;
    padding: 0 15px;
} */

/* .module.dining .tab-content h5 {
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #595959;
} */

.dining_mark__select img {
    margin-right: 15px;
    cursor: pointer;
    opacity: 0.5;
    border-radius: 50%;
}

.dining_mark__select img:hover {
    opacity: 1;
}

.dining_mark__select img.selected {
    opacity: 1;
    border: 6px solid #fff;
    box-shadow: 1px 0 4px #ccc;
}

.dining-block.tab-content p strong {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #595959;
}

.dining-block.tab-content ol>li {
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #595959;
}

.tabs.white .tab-buttons {
    overflow: hidden;
}

.tabs.white .tab {
    border: none;
}

.tabs.white .tab.active {
    background: #FFF;
    box-shadow: 1px 0 4px #ccc;
}

.tabs.white .tab-content {
    padding: 15px;
    background: #FFF;
    min-height: 300px;
}

tr.vm td {
    vertical-align: middle;
}

.no-padx {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-pady {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.shadow {
    box-shadow: 1px 0 4px #ccc;
}

.ui-dialog {
    padding: 0;
}

.ui-corner-all {
    border-radius: 0;
}

.ui-widget-header {
    border: 1px solid #826fc0;
    background: #826fc0;
    color: #fff;
    font-weight: bold;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    box-shadow: 1px 0 4px #ccc;
}

.ui-dialog-content H6,
.ui-widget-content H6 {
    font-size: 14px;
    font-weight: 600;
    margin: 15px 0px;
}

.ui-dialog-buttonset button {
    position: relative;
}



.ui-dialog-buttonset button:last-child {
    background: red;
    color: red;
}

.ui-dialog-buttonset button:last-child:after {
    display: block;
    content: "Нет";
    color: #FFF;
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    text-align: center;
}

.mail-icon-small {
    float: left;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 5px;
}

.folders li {
    display: flex;
    align-items: center;
}

.folders li a {
    flex: 1;
}

.folders li .mail-counter {
    font-size: 12px;
}

.remove-mail-dir {
    cursor: pointer;
    color: red;
    opacity: 0.4;
    font-size: 10px;
}

.remove-mail-dir:hover {
    opacity: 1;
}

.tox .tox-dialog {
    z-index: 15050;
}

.page-not-found {
    font-size: 3rem;
    display: block;
    margin: 0;
    padding: 50px 0;
    text-align: center;
}

.one-variant {
    display: flex;
    align-items: center;
    background: #c0e0ff;
    padding: 5px;
    margin-top: 15px;
}

.one-variant * {
    margin: 5px;
}

.one-variant input[type="text"] {
    flex: 1;
}

.one-variant input[type="radio"],
.one-variant input[type="checkbox"],
.one-variant input[type="number"] {
    width: auto;
}

.one-variant i.fa-times {
    color: red;
    cursor: pointer;
}

.available-quests,
.selected-quests {
    width: 50%;
    float: left;
    height: 400px;
    overflow: hidden;
    padding: 15px;
    box-shadow: 1px 0 4px #ccc inset;
}

.quest-list_wrapper {
    height: Calc(100% - 200px);
    overflow-y: auto;
}

.quest-list_wrapper table {
    margin-top: 15px;
}

.quest-list_wrapper table td i {
    margin: -10px;
    padding: 10px;
    background: aliceblue;
}

.quest-list_wrapper tr.selected {
    display: none;
}

.list.small td,
.list.small th {
    font-size: 12px;
    padding: 10px;
}

.list.small th {
    font-weight: bold;
}

.list.small tr:first-child td {
    border-top: 1px solid #e5e5e5;
}

.quests__search {
    display: flex;
}

.quests__search input:first-child {
    flex: 1;
}

.quests__search .interface_search_list {
    margin-top: 0;
    width: 200px;
}

/* .interface_search_item {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
} */

label.tst-user-list__row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
    margin: 0;
    cursor: pointer;
}

label.tst-user-list__row:first-child {
    border-top: 1px solid #e5e5e5;
}

.tst-user-list__row:hover {
    background: aliceblue;
}

.tst-user-list__row input {
    width: auto;
    margin: 0;
}

.tst-user-list__row span {
    padding-left: 10px;
    flex: 1;
}

label.tst-user-list__row.select-all span {
    font-weight: bold;
}



.tst-answer-wrapper {
    display: flex;
}

.tst-quest-wrapper .label span {
    font-size: 1.5rem;
}

.tst-one-quest img {
    display: block;
    width: 600px;
    max-width: 50%;
    margin-right: 15px;
}

.tst-quest-wrapper {
    flex: 1;
}

.tst-quest-wrapper H5 {
    margin: 0;
    margin-bottom: 15px;
    font-size: 2.5rem;
    display: block;
    padding-right: 60px;
    line-height: 100%;
}

.tst-quest-wrapper input[type="text"],
.tst-quest-wrapper input[type="number"],
.tst-quest-wrapper textarea {
    width: 100%;
    font: inherit;
    padding: 0.75rem;
}

/* .tst-quest-wrapper label {
    display: block;
    margin-bottom: 15px;
    cursor: pointer;
    padding: 15px;
    background: #e1e1e1;
} */

.tst-quest-number {
    padding: 15px 0;
    color: #919090;
    font-size: 0.75rem;
    float: left;
    margin-top: 15px;
}

.tst-one-quest {
    position: relative;
}

.tst-timer {
    position: absolute;
    right: 0;
    top: 15px;
    color: gray;
}

.tst-results-one H6 {
    display: block;
    margin: 0;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.tst-show-answers,
.tst-show-results {
    color: dodgerblue;
    display: inline-block;
    cursor: pointer;
    padding-bottom: 0.25rem;
    border-bottom: 1px dashed;
    margin-right: 1rem;
}

.tst-results-one {
    padding: 1rem;
    background: #ebebeb;
    margin-bottom: 1rem;
    border: 1px dashed #ccc;
}

.tst-results-one label {
    display: flex;
    align-items: center;
}

.tst-results-one label i {
    margin-right: 5px;
    color: #ebebeb;
}

.tst-results-one label i.fa-check {
    color: dodgerblue;
}

.tst-results-one label input[type="text"],
.tst-results-one label input[type="number"] {
    background: transparent;
    border: none;
    border-bottom: 1px solid;
}

.tst-results-one label span {
    display: none;
}

.profile-wall__wrapper {
    margin-bottom: 15px;
}

.profile-wall__header {
    width: 100%;
    font-size: 30px;
    color: var(--base-text-color);
}

.wall-posts {
    width: 100%;
}

.wall-post {
    background: var(--subblock-bg) /*#bbbbbb17*//*#F2F4F7*/;
    padding: 15px;
    margin-top: 15px;
    border-radius: 20px;
    /*border: 1px solid #e5e5e5;*/
    box-shadow: var(--block-shadow-1);
}

.wall-post__author {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1rem;
    position: relative;
    padding-left: 46px;
    height: 40px;
    float: left;
    cursor: pointer;
    max-width: Calc(100% - 50px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.wall-post__author .date {
    display: block;
    font-size: 0.5rem;
}

.wall-post-text,
.wall-post-image,
.wall-post-audio,
.wall-post-video {
    margin-top: 15px;
}

.user-more {
    cursor: pointer;
}

.user-more:hover {
    color: dodgerblue;
}

.wall-post__author.user-more:after {
    display: none;
}

.wall-post-author__avatar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    border-radius: 50%;
}

.wall-post__comments .wall-post-author__avatar {
    width: 24px;
}

.wall-post__comments .wall-post__author {
    height: 24px;
    padding-left: 30px;
    font-size: 0.75rem;
}



.post-edit-form {
    padding: 15px;
    background: var(--subblock-bg);
    margin: 15px 0;
    border-radius: 20px;
}

.post-edit-form label {
    display: block;
    margin-bottom: 15px;
}

.post-edit-form label span {
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
}

.post-edit-form textarea {
    width: 100%;
    max-width: 100%;
    resize: vertical;
    min-height: 100px;
}

.post-attach__buttons {
    margin: 15px 0;
    /*color: #826fc0;*/
    font-size: 12px;
}

.post-attach__buttons .upload__wrapper {
    display: inline-block;
    margin-left: 15px;
    position: relative;
}

.post-attach__buttons .upload__wrapper .preloader-me {
    padding-top: 0;
}

.post-attach__buttons label {
    cursor: pointer;
    color: dodgerblue;
    border-bottom: 1px dashed;
    margin: 0;
}

.post-attach__append input {
    display: none;
}

.post-edit-cancel,
.post-edit-save {
    font-size: 12px;
    display: block;
    border-bottom: 1px solid;
    cursor: pointer;
}

.post-edit-cancel {
    float: left;
    color: red;
}

.post-edit-save {
    float: right;
    color: green;
}

.post-attach.guide-article-content {
    border: none;
    width: auto;
    padding: 0;
    margin: 0;
    min-height: 0;
}

.wall-post-content__editable {
    width: 600px;
    max-width: 100%;
    position: relative;
    padding-left: 25px;
}

.wall-post-content__editable i {
    position: absolute;
    left: 0;
    top: 0;
    color: red;
    cursor: pointer;
}

.wall-post img,
.wall-post video,
.wall-post audio {
    max-width: 100%;
}

.profile-wall__wrapper {
    width: 800px;
    max-width: 100%;
}

.wall-post video,
.wall-post audio {
    width: 100%;
}

.user-profile-submit-buttons {
    position: fixed;
    bottom: 0;
    left: var(--sidebar-left-width);
    background: #FFF;
    padding: 0px;
    z-index: 10001;
    width: Calc(100% - var(--sidebar-left-width));
    box-shadow: 1px 0 4px #ccc;
}

.user-profile-submit-buttons .new-btn {
    margin: 15px;
}

.profile-tabs {
    padding-bottom: 50px;
}

.not-com-add-frm .profile-close {
    display: block;
    position: sticky;
    top: 0;
    margin-left: auto;
    font-size: 25px;
    font-weight: 700;
    cursor: pointer;
    user-select: none;
    width: max-content;
}

.profile-close {
    display: none;
}

.wall-post__info {
    position: relative;
}

.wall-post__info .fa-ellipsis-v {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background: #ededed;
    border-radius: 50%;
    padding: 5px 10px;
    color: gray;
    line-height: 100%;
}

.wall-post__info .popup-menu {
    top: 30px;
}

.popup-menu .wall-add-post {
    font-weight: normal;
    line-height: 100%;
    display: block;
    padding: 10px;
    font-size: 14px;
    text-align: left;
    color: inherit;
    float: none;
    margin-top: 0;
    border: none;
}


.wall-comment__one {
    padding-top: 15px;
}

.wall-comment__one>.wall-comment__one {
    margin-left: 25px;
    border-top: 1px solid #e5e5e5;
}

.wall-comment-one__wrapper {
    padding: 15px;
    /*border-bottom: 1px solid #e5e5e5;*/
}

.wall-comment-one__wrapper {
    /*color: #666;*/
    font-size: 14px;
    padding: 10px 0;
    line-height: 125%;
}

.wall-post__comments {
    border-top: 1px solid #e5e5e5;
    margin-top: 15px;
    padding-top: 0;
}

.wall-comment-one__action {
    text-align: right;
    font-size: 12px;
    color: #826fc0;
}

.wall-comment-one__action span {
    margin-left: 15px;
    cursor: pointer;
}

.wall-post__actions i {
    cursor: pointer;
}

.wall-comment__answer {
    padding: 10px;
    position: relative;
    padding-bottom: 25px;
}

.wall-comment__answer textarea {
    width: 100%;
    resize: vertical;
    background: aliceblue;
    border-radius: 5px;
    font: inherit;
    font-size: 12px;
    padding: 10px;
    border: 1px solid #ccd0d3;
}

.wall-comment__answer div {
    position: absolute;
    bottom: 0;
    padding: 10px 0;
}

.wall-comment__answer span {
    color: #826fc0;
    font-size: 12px;
    margin-right: 10px;
    cursor: pointer;
}

.wall-comment__answer span:last-child {
    color: red;
}

.wall-post-content__editable video,
.wall-post-content__editable audio,
.wall-post-content__editable img {
    max-width: 100%;
}

span.wall-comment-remove {
    color: red;
}

.who_online .online-one-user .name {
    display: none;
}

.who_online .online-one-user {
    display: flex;
}

.who_online .online-one-user .name {
    flex: 1;
}

.who_online .offline {
    display: none;
}

span.online~.name,
span.afk~.name {
    display: block !important;
}

.test-rules__one {
    display: flex;
    align-items: center;
    padding: 10px;
    background: aliceblue;
    margin-top: 15px;
}

.test-rules__one textarea {
    resize: vertical;
}

/* .test-rules__one * {
    width: auto !important;
    height: auto !important;
    margin: 5px;
} */

.test-rules__one input[type="number"] {
    width: 80px !important;
}
/* 
.test-rules__one .interface_search_list {
    width: 25% !important;
} */

.test-rules__one textarea {
    flex: 1;
}

.tst-statistics,
.tst-statistics__group {
    /* background: #FFF;
    box-shadow: 1px 0 4px #ccc inset;
    /*padding: 15px;*/
    /* border: 1px solid #e5e5e5;
    margin-bottom: 15px; */
}

.tst-statistics {
    display: flex;
    flex-wrap: wrap;
}

.tst-statistics p,
.tst-statistics__group p {
    display: block;
    margin: 0;
    padding: 15px;
}

.tst-statistics__group H4 {
    margin: 0;
    color: #826fc0;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.tst-statistics-group__rule {
    font-weight: bold;
    padding: 15px;
}

.tst-burnout {
    border: 1px solid #e5e5e5;
    width: 200px;
    max-width: 100%;
    background: #FFF;
    margin: 15px auto;
    position: relative;
    padding: 10px;
    text-align: center;
}

.tst-burnout div {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0.4;
}

.tst-results__list {
    margin-bottom: 15px;
    border: 1px solid dodgerblue;
    padding: 15px;
}

.tst-results__list>H5 {
    margin: -15px;
    font-weight: bold;
    display: block;
    cursor: pointer;
    background: dodgerblue;
    padding: 15px;
    color: #FFF;
    position: relative;
}

.tst-results__list>H5 i {
    position: absolute;
    right: 15px;
    top: 15px;
}

.tst-results__list.closed .tst-results-list__one {
    display: none;
}

.tst-results__list .tst-results-list__one {
    margin-top: 30px;
}

.tst-popup {
    position: fixed;
    z-index: 12000;
    background: dodgerblue;
    top: -600px;
    background-size: cover;
    width: 600px;
    padding: 15px;
    min-height: 300px;
    max-width: Calc(100% - 30px);
    color: #FFF;
    box-shadow: 1px 0 4px #000;
    text-align: center;
}

.tst-popup p {
    font-size: 2rem;
    line-height: 100%;
    font-weight: 300;
}

.tst-popup i {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #FFF;
    font-size: 2rem;
    cursor: pointer;
}

.tst-popup p span {
    color: lightyellow;
    font-weight: 400;
    display: block;
    margin: 15px 0;
}

.tst-popup a.btn {
    display: block;
    margin: 0 auto;
    margin-top: 15px;
}

.tst-statistics-group__more {
    padding: 15px;
    font-size: 12px;
    font-style: italic;
    margin: 15px;
    color: #5a5a5a;
    background: cornsilk;
}

.targets-selected {
    width: 100%;
    background: #FFF;
    padding: 15px;
    box-shadow: 1px 0 4px #ccc;
}

.target-selected__header {
    color: gray;
}

.target-selected__header span {
    font-weight: bold;
    color: #000;
}

.target-selected__header i {
    float: right;
}

.worker-list__full {
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
}

.structure-list {
    flex: 1;
    overflow: auto;
}

.workers-list-selected__item {
    padding: 10px;
    color: dodgerblue;
    font-size: 12px;
    margin: 5px;
    background: #FFF;
    display: flex;
    align-items: center;
    width: Calc(100% - 10px);
}

.workers-list-selected__item span {
    flex: 1;
    padding: 0 10px;
}

.workers-list-selected__item b {
    color: #8f8c8c;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.workers-list-selected__item i {
    cursor: pointer;
    color: red;
}

.not-details {
    margin-right: 10px;
    cursor: pointer;
}

.selected-tab__actions {
    display: flex;
    align-items: center;
    background: #FFF;
    padding: 10px 0;
}

.selected-tab__actions input {
    margin: 0;
    flex: 1;
}

.selected-tab__actions span {
    font-size: 12px;
    font-weight: bold;
    color: green;
    cursor: pointer;
}

.autogroups {
    padding: 0 10px;
}

.autogroups__none {
    text-align: center;
    font-style: italic;
}

.autogroups__one {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
    display: flex;
    font-size: 12px;
}

.autogroups__name,
.autogroups__count,
.autogroups__load {
    margin-right: 10px;
}

.autogroups__name {
    flex: 1;
    color: dodgerblue;
}

.autogroups__count {
    font-weight: bold;
}

.autogroups__load {
    color: blue;
    cursor: pointer;
}

.autogroups__remove {
    color: red;
    cursor: pointer;
}

.autogroups__one:last-child {
    border-bottom: none;
}

.seens .unseen {
    color: #999;
}

.seens .seen {
    color: green;
}

.report-search {
    background: #FFF;
    padding: 1rem;
    margin-bottom: 1rem;
}

.report-search input {
    font: inherit;
    padding: 0.5rem;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    width: 100%;
}

.report-settings {
    padding: 1rem;
    background: #FFF;
}

.report-settings .grey-fieldset {
    float: none;
    width: 100%;
    max-height: 400px;
    overflow: auto;
    margin-bottom: 25px;
}

.report-settings input[name="search"] {
    max-width: 100%;
}

.report-form__toggle {
    cursor: pointer;
    color: navy;
    font-size: 12px;
    font-weight: bold;
}

.report-settings.opened .report-form__toggle.open {
    display: none;
}

.report-settings.closed .report-form__toggle.close,
.report-settings.closed .report-settings__content {
    display: none;
}

.report-settings__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: start;
}

/* .report-settings__actions * {
    margin: 0 1rem;
}

.report-settings__actions *:first-child {
    margin-left: 0;
}

.report-settings__actions *:last-child {
    margin-right: 0;
} */

.module-as-service__open {
    display: block;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    text-align: center;
    background: #FFF;
    color: dodgerblue;
    font-weight: bold;
    cursor: pointer;
}

.module-as-service {
    background: #FFF;
    box-shadow: 1px 0 4px #ccc;
    border-radius: 2px;
}

.module-as-service:nth-child(even) {
    margin-left: 10px;
}

.module-as-service img {
    display: block;
    max-height: 100%;
    width: auto;
    margin: 0 auto;
}

.module-as-service .list {
    box-shadow: none;
}

.module-as-service .pricelist,
.module-as-service .gallery_list {
    max-height: 100%;
    overflow-y: auto;
}

.module-as-service .frmEdit {
    display: flex;
    align-items: center;
}

.module-as-service .frmEdit input[type="text"] {
    flex: 1;
}

.module-as-service .tabs {
    max-height: 100%;
    overflow-y: auto;
    padding: 1rem;
}

.m0 {
    margin: 0;
}

.p1 {
    padding: 1rem !important;
}

/* label.flex {
    display: flex;
    align-items: center;
} */

/* label.flex input[type="number"] {
    width: 60px;
    font: inherit;
    padding: 8px;
    margin-right: 10px;
    font-size: 12px;
} */

/* label.flex span {
    flex: 1;
} */

.limit-answer__help {
    color: dodgerblue;
}

.limit-answer__help u {
    flex: 1;
    text-align: center;
    text-decoration: none;
}

.limit-answer__help span {
    font-weight: bold;
    color: black;
    width: 70px;
    margin-right: 15px;
    text-align: center;
    font-size: 12px;
}

.tst-results-one label.flex span {
    display: unset;
    font-size: 14px;
}

.tst-results-one label.flex {
    margin-bottom: 10px;
    background: #FFF;
    padding: 10px;
}

.tst-results-one label.flex input {
    border: none;
}

.seens p {
    background: #fff;
    margin: 0;
    padding: 10px;
    margin-bottom: 3px;
    font-size: 12px;
}

.seens fieldset {
    margin-top: 15px;
}

.seens p i.fa-user-shield {
    margin-right: 10px;
}

.seens p i.fa-eye,
.seens p i.fa-eye-slash {
    margin-right: 10px;
}

.seens p.seen i.fa-eye-slash {
    display: none;
}

.seens p.unseen i.fa-eye {
    display: none;
}

.seens-settings {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.seens-settings span {
    cursor: pointer;
    padding: 10px;
    font-size: 12px;
    color: gray;
}

.seens-settings span.active {
    color: dodgerblue;
}

.birth-calendar__month {
    margin: 10px;
}

.birth-calendar-month__name {
    text-align: center;
    padding: 10px;
    color: #826fc0;
    font-weight: bold;
}

.birth-calendar-day__header .birth-calendar-day__content {
    font-weight: bold;
    cursor: default;
}

.birth-calendar__day {
    float: left;
    width: Calc(14.28% + 1px);
    text-align: center;
    border: 1px solid #e5e5e5;
    margin-left: -1px;
    margin-top: -1px;
    position: relative;
    background: #FFF;
    cursor: pointer;
}

.birth-calendar__day.active {
    background: aliceblue;
}

.birth-calendar__day span {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 10px;
    background: #f5f5f5;
    color: #333;
    width: 16px;
    height: 16px;
    text-align: center;
    padding-top: 2px;
    line-height: 100%;
}

.birth-calendar-day__header {
    border: none;
    font-weight: bold;
    background: transparent;
}

.birth-calendar__day::after {
    content: "";
    padding-top: 100%;
    display: block;
}

.birth-calendar-day__content {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    padding-top: Calc(50% - 12px);
    font-size: 1vw;
}

.birth-calendar-month .birth-calendar-day:nth-child(1),
.birth-calendar-month .birth-calendar-day:nth-child(8n) {
    border-left: none;
}

.birth-calendar__info {
    display: flex;
    /* align-items: center; */
    flex-wrap: wrap;
    gap: 10px;
}

.birth-calendar__info .birth-calendar-info__user {
    width: Calc(33% - 10px);
    padding: 10px;
    display: flex;
}

.birth-calendar-info__user .user-more {
    width: 100%;
    display: flex;
    /*color: #826fc0;*/
    flex-direction: column;
    align-items: center;
}

.birth-calendar-info__user .user-more * {
    font-weight: 400;
    text-align: center;
}

.birth-calendar-info__user .user-more div:first-child {
    height: 30px;
    width: 30px;
    margin-right: 10px;
    border-radius: 50%;
}

.birth-calendar-info__user .user-more .under-dots {
    flex: 1;
    border-bottom: 2px dotted;
    margin: 0 10px;
}

.modern-header {
    padding-left: 10px;
    color: #000000;
    font-weight: 300;
    font-size: 3rem;
    text-align: center;
}

.birth-calendar__info {
    margin-bottom: 15px;
}

.guide-content-view__general .birth-calendar-info__user {
    text-align: left;
    margin-bottom: 15px;
}

.user-edit-tabs {
    background: #FFF;
}

/* .reset-password {
    margin: 15px;
} */

.user-tabs {
    margin-bottom: -1px;
}

.user-tabs .tab {
    background: #CCC;
}

/*.user-tabs .tab.active {
    background: #FFF;
}*/

.user-tabs .tab {
    border: 1px solid #e5e5e5;
}

.user-edit-tabs .tab-content {
    border: 1px solid #e5e5e5;
    padding: 15px;
}

.user-edit-tabs .accordion-item {
    margin: 0;
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin-bottom: 10px;
    padding-top: 0;
}

.tr-vert td {
    vertical-align: middle !important;
}
.cursor-pointer {
    cursor: pointer;
}

.link-actions a {
    max-width: 50%;
    color: dodgerblue;
    font-size: 12px;
    margin-top: 5px;
    cursor: pointer;
    float: left;
    text-decoration: none;
}

.link-actions a:last-child {
    float: right;
}

.link-actions:after {
    content: "";
    display: block;
    clear: both;
}

.link-with-preview__filename {
    color: #000;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    position: relative !important;
}

.list tr.duty-closed>td {
    /*background: #f3f3f3;*/
    color: #ccc;
}

.random-user {
    position: relative;
}

.random-user .preload {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fd0099;
    background: #ffffff;
    padding-top: 8px;
}

td.top {
    vertical-align: top !important;
}

.percents {
    display: flex;
    align-items: center;
}

.percents p {
    flex: 1;
    margin-left: 10px;
}

.percents span {
    font-weight: bold;
    text-align: center;
    min-width: 30px;
}

.percents span:first-child {
    min-width: 44px;
}

.percents span:first-child:after {
    content: "/";
    display: block;
    margin: 0 5px;
    float: right;
}

.vacancy__service .vacancy {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.vacancy__service .vacancy h5 {
    margin: 10px 0;
}

.vacancy .vacancy__count {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.vacancy .vacancy__count h4 {
    display: block;
    margin: 0;
    color: #826fc0;
    font-weight: bold;
}

.vacancy .vacancy__count span {
    color: #666;
    font-weight: 700;
    font-size: 22px;
}

.ads-service {
    height: 250px;
}

.custom-text-area {
    padding: 5px;
    border: 1px solid #f3f3f3;
}

tr.trans {
    opacity: 0.1;
}

.communicating {
    margin: -10px !important;
    background: #FFF;
    height: Calc(100% + 20px);
}

.com-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

.com-tree,
.com-content {
    height: 100%;
}

.com-tree {
    width: 250px;
}

.com-tree__buttons {
    display: flex;
    align-items: center;
}

.com-tree__parent {
    white-space: nowrap;
    width: 50%;
    position: relative;
    width: 50%;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    background: #d3d3d3;
    color: #8d8d8d;
    cursor: pointer;
}

.com-tree__parent i {
    margin-right: 10px;
}

.com-tree__parent.active {
    background: #FFF;
    color: dodgerblue;
}

.com-content {
    flex: 1;
    height: 100%;
    background: url('/assets/css/images/chat2.jpg');
    background-size: cover;
    background-attachment: fixed;
}

.com-content__wrapper {
    padding: 10px;
}

.com-tree__wrapper {
    display: none;
    position: relative;
    height: Calc(100% - 35px);
}

.com-tree__wrapper.active {
    display: block;
}

.com-room__create {
    position: absolute;
    bottom: 7px;
    left: 10px;
    display: block;
    padding: 10px;
    width: Calc(100% - 20px);
    text-align: center;
    background: green;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
}

.com-room__create span {
    margin-left: 5px;
}

.com-cat__create {
    text-align: center;
    color: #826fc0;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.com-cat__create span {
    margin-left: 5px;
}

.com-type__list {
    max-height: Calc(100% - 70px);
    overflow-y: auto;
    overflow-x: hidden;
}

.com-node .com-room,
.com-tree__item {
    margin: 10px 0px 10px 10px;
    padding: 10px;
    padding-right: 0;
    background: #f3f3f3;
    border-radius: 5px;
    font-size: 14px;
    position: relative;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.com-tree__item {
    padding-bottom: 0;
}

.com-node .com-room__name {
    display: flex;
    align-items: center;
}

.com-node .com-room__name span:first-child {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    color: #3e3e3e;
}

.com-node .com-room__name .last-message__date {
    white-space: nowrap;
    font-size: 10px;
    color: #818181;
    padding-right: 10px;
}

.com-node .last-message {
    font-style: italic;
    line-height: 150%;
    color: #787878;
    font-size: 12px;
    max-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.com-tree__item {
    background: none;
}

.com-tree__item.closed .com-node__header:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f07b";
    margin-right: 5px;
    color: #eec768;
}

.com-tree__item .com-node__header:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f07c";
    margin-right: 5px;
    color: #eec768;
}

.com-node__header {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    cursor: pointer;
}

.com-tree__item .com-node__wrapper {
    display: unset;
}

.com-tree__item.closed .com-node__wrapper {
    display: none;
}

.com-tree__item i {
    position: absolute;
    right: 0px;
    top: 8px;
    cursor: pointer;
    font-size: 10px;
    text-align: center;
    padding: 6px;
}

.com-cat__popup {
    position: fixed;
    background: #FFF;
    z-index: 1001;
    box-shadow: 1px 0 4px #CCC;
    min-width: 100px;
    max-width: 200px;
}

.com-cat__popup .com-cat-menu__item:last-child {
    border: none;
}

.com-cat-menu__item {
    padding: 6px 10px;
    font-size: 12px;
    color: #666;
    border-bottom: 1px solid #ededed;
    cursor: pointer;
    text-align: left;
    font-weight: normal;
}

.com-cat-menu__item:hover {
    color: dodgerblue;
}

.com-room {
    cursor: pointer;
}

.com-content {
    position: relative;
}

.chat-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/css/images/new_loader.png);
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: center center;
}

.com-room__one {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.com-room__header {
    padding: 10px;
    background: #FFF;
    padding-bottom: 0;
    font-weight: bold;
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    box-shadow: 1px 0 4px #ccc;
    z-index: 1;
}

.com-room__header:after {
    content: "";
    display: block;
    margin-top: 10px;
    /*border-bottom: 1px solid #d3d3d3;*/
}

.com-room__messages {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
}

.com-room__write {
    padding: 10px 0;
    background: #FFF;
    padding-top: 0;
    position: relative;
}

.com-message__content p:first-child {
    margin-top: 0;
}

.com-message__content p:last-child {
    margin-bottom: 0;
}

.com-room__write:before {
    content: "";
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid #d3d3d3;
}

.com-room__write form {
    display: flex;
    align-items: center;
}

.com-room__write form .tox {
    flex: 1;
    border: none;
}

.com-room__write form .tox-statusbar {
    display: none;
}

.com-room__write form i {
    cursor: pointer;
    color: #858585;
    font-size: 1rem;
    padding: 6px;
    background: #ede9ff;
    width: 28px;
    border-radius: 2px;
    margin: 0 3px;
    text-align: center;
}

.com-room__write form i:first-child {
    margin-left: 0;
}

.smile-select {
    float: left;
    margin: 5px;
    width: 50px;
    height: 50px;
    background: #FFF;
    border-radius: 4px;
    cursor: pointer;
}

.smile-select img {
    max-width: 100%;
    max-height: 100%;
}

.com-smile.char {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.com-smile.sticker {
    width: 100px;
    height: 100px;
    display: block;
}

.select-smile-mode {
    font-size: 12px;
    font-weight: bold;
    float: left;
    margin-top: 10px;
}

.select-smile-mode label {
    text-decoration: underline;
    color: #666;
    float: right;
    margin-left: 10px;
    cursor: pointer;
}

.select-smile-mode label input {
    float: left;
    margin: 1px 4px 0px 0px;
}

.com-room__write .chat-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/css/images/new_loader.png) #ffffffa3;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: center center;
}

.com-local-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/css/images/new_loader.png) #ffffffa3;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 100;
}

.com-message {
    margin: 10px 0;
    max-width: 80%;
    border-radius: 10px;
    float: left;
    clear: both;
    border-top-left-radius: 0;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
}

.com-message .com-message__content {
    background: #FFF;
    border-radius: 10px;
    border-top-left-radius: 0;
    position: relative;
    font-size: 14px;
    padding: 10px;
    margin-left: 10px;
    flex: 1;
    border: 1px solid #a1a1a1;
}

.com-message.own .com-message__content {
    border: 1px solid #c5bcf6;
}

.com-message .user-avatar {
    width: 40px;
    height: 40px;
    float: left;
}

.com-message__date {
    left: 0px;
    top: -15px;
    font-size: 10px;
    color: gray;
    position: absolute;
    white-space: nowrap;
}

.com-message.own .com-message__date {
    left: unset;
    right: 0px;
    color: #7a7a7a;
}

.com-message.own {
    float: right;
}

.com-message.own .com-message__content {
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    background: #e9e3ff;
    color: #000;
    margin-right: 10px;
    margin-left: 0px;
}

.com-room-messages__list {
    max-width: 800px;
    /*margin: 0 auto;*/
}

.com-room-messages__list:after {
    content: "";
    clear: both;
    display: block;
}

.com-room.active {
    background: #ccc3f0;
}

.com-message__author {
    font-size: 12px;
    font-weight: bold;
    color: #826fc0;
}

.com-wrapper .counter,
.main-user-menu .counter {
    position: absolute;
    top: 2px;
    width: fit-content;
    /*left: -6px;*/
    background: red;
    color: #FFF;
    font-size: 10px;
    min-width: 16px;
    text-align: center;
    border-radius: 50%;
    padding: 2px;
    display: none;
}

.com-wrapper .counter.new,
.main-user-menu .counter.new {
    display: block;
}

.com-message__wrapper {
    padding: 10px;
    border-radius: 10px;
}

.com-message__wrapper.unseen {
    background: #826fc06e;
}

.com-tree__parent .counter {
    right: 5px;
    top: 10px;
    left: unset;
    font-size: 8px;
    width: 14px;
}

.com-room__header .com-room__menu {
    float: right;
    cursor: pointer;
}

.main-user-menu li {
    position: relative;
}

.com-send__message {
    display: none;
}

.com-back-button {
    display: none;
}

.com-message__content img {
    max-width: 100%;
}

.com-message__author .is_online {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.com-message__author .is_online:after {
    content: "" !important;
}

.com-message__status {
    position: absolute;
    right: 5px;
    top: 0px;
    color: #c0c0c0;
}

.com-message__status.viewed {
    color: navy;
}

.com-message__wrapper>.com-message__content p:first-child {
    margin-top: 0;
}

.com-message__wrapper>.com-message__content p:last-child {
    margin-bottom: 0;
}

.multicheck input[type="checkbox"] {
    width: 14px;
    margin: 0;
    padding: 0;
    height: 14px;
    position: relative;
    margin-right: 10px;
}

.multicheck {
    background: #f3f3f3;
    width: auto;
    display: inline-block;
}

.multicheck label:first-child {
    font-weight: bold;
}

.multicheck label {
    display: block;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px dashed #e5e5e5;
    margin: 0;
}

.multicheck label:last-child {
    border: none;
}

.device-search__input .recipient-list a {
    display: block;
    text-decoration: none;
    padding: 10px;
    border-bottom: 1px solid #f3f3f3;
}

.module.doc-wrapper {
    margin: 0 !important;
}

.doc_to_confirm {
    background-color: lightcoral;
}

.doc-wrapper {
    height: 100%;
    width: 100%;
    position: unset;
}

.doc-search__input .recipient-list a {
    display: block;
    text-decoration: none;
    padding: 10px;
    border-bottom: 1px solid #f3f3f3;
}

.doc-search__input .recipient-list {
    right: 15px;
}

.doc-search__wrapper form {
    display: flex;
    padding: 15px;
}

.doc-search__input {
    flex: 1;
    margin: 15px 15px 10px 15px;
}

.doc-search__wrapper select {
    border: 1px solid #e5e5e5;
    margin-right: 10px;
    padding: 10px;
}

.device-search__input {
    flex: 1;
    margin: 15px 15px 10px 15px;
}

.folder-cab-del{
    float: right;
}

.doc-search__wrapper input[type="text"] {
    padding: 10px;
    width: 100%;
    font: inherit;
    border: 1px solid #e5e5e5;
}

.doc-content__wrapper {
    background: #FFF;
    margin: 15px;
}

.doc-content__wrapper H1 {
    margin: 0;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: nowrap;
    padding: 15px;
    background: darkorange;
}

.doc-content__wrapper H1 span {
    flex: 1;
    color: #FFF;
}

.doc-breads {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: 15px 0;
    font-size: 14px;
    margin: 15px;
    margin-top: 0;
}

.doc-breads * {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.doc-breads a,
.doc-breads span {
    margin: 0 5px;
}

.doc-breads span {
    color: #666;
}

.doc-breads i {
    color: #777;
}

.doc-breads a {
    text-decoration: none;
    color: #483d8b;
}

.doc-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 15px;
    gap: 15px;
}

.doc-directory {
    width: Calc(10% - 20px);
    min-width: 100px;
    /* margin: 10px; */
    text-decoration: none;
    text-align: center;
}

.doc-directory img {
    width: 60%;
    display: block;
    margin: 0 auto;
}

.doc-directory__name {
    font-size: 14px;
    color: #505050;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.doc-num {
    text-align: center;
}

.doc-directory__actions {
    margin-top: -5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* .doc-directory__actions a {
    font-size: 12px;
    cursor: pointer;
    color: #000;
    border-bottom: 1px solid transparent;
    padding-bottom: 3px;
    margin-left: 10px;
    text-decoration: none;
} */

.doc-directory__actions a:hover {
    border-bottom: 1px solid #000;
}

.doc-back {
    margin-right: 10px;
    color: #000;
    cursor: pointer;
    text-decoration: none;
    font-size: 20px;
    padding: 7px;
    color: #b56300;
}

/* .doc-content__more:before { */
    /* float: left;
    margin-top: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: dodgerBlue;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    font-style: normal;
    content: "\f05a";
    opacity: 0.6;
} */

.doc-content__more {
    padding: 0 15px;
    margin: 15px;
    background: aliceblue;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    font-style: italic;
}

.doc-content__more:after {
    display: block;
    content: "";
    clear: both;
}

.doc-content .frmEdit {
    flex: 1;
}

.scale_item-tooltip {
    position: absolute;
    width: 50px;
    left: calc(50% - 25px);
    bottom: -35px;
    z-index: 50;
    opacity: 0;
    display: block;
    font-size: 12px;
    color: #826fc0;
    margin: 5px 0;
}

.scale__item:hover .scale_item-tooltip{
    opacity: 1;
    background-color: #fff;
    border-radius: 4px;
    padding: 5px;
    transition: all .3s;
   
}

.doc-preview__wrapper {
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 100px;
    width: 100%;
}

.doc-seen__wrapper {
    display: none;
}

.doc-seen__wrapper.show {
    /* display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: white;
    overflow-y: auto;
    padding: 10px;
    padding-bottom: 100px; */
}

.doc-preview__info {
    font-size: 12px;
    color: #CCC;
    float: right;
    padding: 5px 20px;
}

.doc-preview__info table {
    border-collapse: collapse;
}

.doc-preview__info table td {
    padding: 10px;
}

.doc-preview__info:after {
    content: "";
    display: block;
    clear: both;
}

.doc-preview__wrapper H2 {
    margin: 15px 0;
    text-align: center;
    font-size: 28px;
}

.doc-preview__comment {
    margin: 15px 0;
    box-shadow: 1px 0 4px #ccc inset;
    /* padding: 25px; */
    max-width: 100%;
    overflow: hidden;
    width: 100%;
    height: max-content;
    background-color: #d3d3d34a;
}

.doc-preview__comment #root {
    width: 100%;
    height: 100%;
    min-height: 60vh;
}

.doc-preview__comment iframe {
    width: 100%;
    height: auto;
    min-height: 400px;
    border: none;
}

.doc-preview__comment table {
    max-width: 100% !important;
    font-size: 14px;
    border-collapse: collapse;
    width: 100%;
}

.doc-preview__comment table td,
.doc-preview__comment table th {
    border: 1px solid #f4f4f4;
    padding: 10px;
}

.doc-preview__comment table td p:first-child,
.doc-preview__comment table th p:first-child {
    margin-top: 0;
}

.doc-preview__comment table td p:last-child,
.doc-preview__comment table th p:last-child {
    margin-bottom: 0;
}

.doc-preview__comment p {
    font-size: 14px;
    list-style: 100%;
    margin: 0 !important;
    line-height: initial !important;
}

.doc-preview__comment ol,
.doc-preview__comment ul {
    margin-left: 20px;
}

.doc-preview__comment li {
    margin-bottom: 10px;
}

.doc-preview__link {
    float: left;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: dodgerBlue;
}

.doc-preview__link img {
    display: inline-block;
    height: 30px;
    margin-right: 10px;
}

.doc-confirm {
    float: right;
}

.doc-confirm label {
    cursor: pointer;
    color: green;
}

.list.doc-table td,
.list.doc-table th {
    vertical-align: middle;
}

.doc-waiting__wrapper {
    padding: 15px;
    max-height: 300px;
    overflow-y: auto;
    margin: 10px;
    border: 1px solid navy;
    background: aliceblue;
}

.doc-waiting__wrapper H2 {
    font-size: 16px;
    margin: 0;
    margin-bottom: 15px;
    font-weight: bold;
}

.doc-waiting__wrapper a {
    text-decoration: none;
    color: dodgerBlue;
    margin-bottom: 15px;
    display: block;
}

.doc-waiting__wrapper a:last-child {
    margin: 0;
}

.doc-unpublic {
    opacity: 0.6;
}

.doc-content_types input[type="text"] {
    border: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 0;
    padding-bottom: 3px;
    font: inherit;
    width: 100%;
    font-size: 12px;
    min-width: 100px;
}

.fullscreen__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 100000;
    padding: 15px;
    overflow: auto;
}

.group-form {
    position: fixed;
    width: 500px;
    left: Calc(50% - 250px);
    background: #FFF;
    padding: 15px;
    box-shadow: 1px 0 4px #CCC;
    border: 1px solid #F3F3F3;
    border-radius: 4px;
    top: 50px;
}

.group-form input[type="text"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #F3F3F3;
    font-size: 14px;
    font-family: inherit;
    margin-bottom: 15px;
}

.group-form-content {
    max-height: 400px;
    overflow-y: scroll;
    border: 1px solid #F3F3F3;
    padding: 10px;
    background: #fbfbfb;
}

.one-group {
    font-size: 12px;
    border-bottom: 1px solid #E5E5E5;
    cursor: pointer;
    white-space: nowrap;
    overflow: auto;
    font-weight: bold;
    display: block;
    position: relative;
    padding: 5px 0 5px 28px;
}

.one-group:hover {
    color: blueviolet;
}

.one-group input[type="checkbox"] {
    position: absolute;
    left: 0px;
    height: 20px;
    width: 20px;
    top: 1px;
}

.selected-groups {
    display: inline-block;
    color: #000;
    font-size: 14px;
    border: 1px solid #E5E5E5;
    padding: 8px 10px;
    border-radius: 4px;
    background: #FFF;
}

.table-rep {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}

.table-rep td {
    padding: 9px;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
}

.table-rep th {
    padding: 9px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

.table-rep tr {
    vertical-align: middle;
    border-bottom: 1px solid #E5E5E5;
}

.table-rep th:first-child {
    width: 1%;
}

.table-rep td.left {
    text-align: left;
}

.table-rep th.left {
    text-align: left;
}

.table-rep tr:hover {
    background: aliceblue;
}

textarea.full {
    width: 100%;
    height: 300px;
    padding: 10px;
    line-height: 100%;
}

textarea {
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1rem;
}

.confirm-search__label {
    position: relative;
}

.confirm_search {
    box-shadow: 1px 0 4px #ccc;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    z-index: 1;
    background: var(--bg);
}

.confirm_search div {
    cursor: pointer;
    padding: 10px;
    font-size: 12px;
    border-bottom: 1px solid #e5e5e5;
}

.confirm_search div:hover {
    background: dodgerBlue;
    color: #FFF;
}

.confirm_search.closed {
    display: none;
}

.confirmed {
    color: gray;
    font-size: 12px;
    margin: 0;
    margin-bottom: 10px;
}

.doc-waiting {
    padding: 15px;
    background: aliceblue;
    margin: 0 15px;
    border: 1px solid red;
}

.doc-waiting H5 {
    color: dodgerBlue;
    font-weight: bold;
    font-size: 14px;
}

/* .doc-waiting a {
    color: #000;
    font-size: 12px;
    margin-left: 15px;
    text-decoration: none;
    border-bottom: 1px solid;
}

.doc-waiting a:hover {
    color: blue;
} */

.menu a {
    position: relative;
}

#main-menu .module>span.new-items,
.menu a span.new-items {
    position: absolute;
    left: 5px;
    top: 5px;
    background: red;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.doc-user__seen {
    padding: 15px;
    background: #F3f3f3;
    bordeR: 1px solid #CCC;
    border-radius: 4px;
    margin: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.doc-user__seen H5 {
    margin: 0;
    font-size: 14px;
    color: dodgerBlue;
}

.seen-view__label {

    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.doc-user__item {
    font-size: 12px;
}

.local-menu {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 15px;
}

.local-menu li {
    float: left;
}

.local-menu li a {
    display: block;
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    text-decoration: none;
    color: dodgerblue;
    background: #FFF;
    margin-right: -1px;

}

.local-menu li a.active {
    background: dodgerblue;
    color: #FFF;
}

.select-tree__item>.select-tree__item {
    margin-left: 15px;
}

.select-tree__item label {
    display: flex;
    font-size: 12px;
    font-weight: bold;
    align-items: center;
    cursor: pointer;
}

.select-tree__item label:hover {
    color: dodgerBlue;
}

.select-tree__item label input {
    margin-right: 10px;
    width: auto;
}

.vac-variants {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vac-variants a {
    display: block;
    text-decoration: none;
    color: dodgerBlue;
    margin: 10px;
    border: 1px solid #e5e5e5;
    padding: 5px 25px;
    background: #FFF;
}

a.vac-variants__active {
    background: dodgerBlue;
    color: #FFF;
}

.collapse-label input:checked~p {
    visibility: visible;
    display: block;

}

.collapse-label input:not(:checked)~p {
    visibility: collapse;
    display: none;
    height: auto;
}

.collapse-label h3 .fa-caret-down {
    margin-left: 10px;
}

.collapse-label input:checked+h3 .fa-caret-down {
    transform: rotateX(180deg);
    transition: .3s ease;
}

.doc-preview-outer.full {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    background: white;
    height: 100%
}

.doc-preview-outer.full .doc-preview__comment {
    padding: 10px;
    padding-bottom: 100px;
    height: 100%;
}

.doc-preview-outer.full~div {
    display: none;
}


@keyframes blink-icon {
    0% {
        color: #7f7c81;
    }

    40% {
        color: #a89cee;
    }

    50% {
        color: blue;
    }

    60% {
        color: #a89cee;
    }

    100% {
        color: #7f7c81;
    }
}

.jci-desktop {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
}

.jci-mobile {
    display: none;
}

.jci-link {
    border-bottom: none; 
    color: inherit;   
    width: 100%;    
    height: 100%;   
    display: flex;       
    align-items: center;    
    justify-content: space-between;
}

.jci-preview {
    margin: 5px 0;
    /*box-shadow: 1px 0 4px #ccc inset;*/
    padding: 5px;
    max-width: 100%;
    overflow: auto;
    min-height: 500px;
}

.jci-preview iframe {
    width: 100%;
    height: auto;
    min-height: 500px;
    border: none;
}

.canvas-wrapper{
    margin-bottom: 16px; 
}

.canvas-doc{
    margin: 0 auto;
    display: block;
    width:98%;
}

.tox .tox-menu.tox-collection.tox-collection--list{z-index:200000}

.incs-thanks {
    /*background-color: white;*/
    background-color: var(--block-bg);
    border-radius: 7px;
    height: auto;
    margin: auto;
    padding: 10px;
    position: relative;
    width: 60%;
    text-align: center;
    padding-bottom: 20px;
    line-height: 3;
}

.incs-thanks img {
    display: flex;
    margin: auto;
    max-width: 150px;
}

  .grid.user-incs__grid > *{
    display: flex;
    flex-direction: column;
    padding: 10px;
    gap: 5px;
    align-items: center;
    justify-content: center;
  }
  
.grid.user-incs__grid .grid-head {
    font-size: 13px;
    font-weight: 600;
    background: #e3e3e3;
}

.grid.user-incs__grid .grid-col {
    font-size: 12px;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
}

.tox-tinymce {
    border-radius: 8px;
}

.m-auto {
    margin: auto;
}

.mx-auto {
    margin: 0 auto;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.r-0 {
    right: 0;
}

.t-0 {
    top: 0;
}

.l-0 {
    left: 0;
}

.b-0 {
    bottom: 0;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.block {
    display: block;
}

.w-full {
    width: 100% !important;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.m-w-768 {
    max-width: 768px;
}

.gap-1 {
    gap: 4px;
}

.gap-2 {
    gap: 8px;
}

.gap-3 {
    gap: 12px;
}

.gap-5 {
    gap: 20px;
}

.font-bold {
    font-weight: 700;
}

.mb-1 {
    margin-bottom: 4px;
}

.mb-2 {
    margin-bottom: 8px;
}

.mb-3 {
    margin-bottom: 12px;
}

.mb-4 {
    margin-bottom: 16px;
}

.mb-5 {
    margin-bottom: 20px;
}

.mb-6 {
    margin-bottom: 24px;
}

.mb-7 {
    margin-bottom: 28px;
}

.mb-8 {
    margin-bottom: 32px;
}

.pr-5 {
    padding-right: 20px;
}

.pb-5 {
    padding-bottom: 20px;
}

.bg-white {
    background: #FFFFFF;
}

.shadow-xl {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
}

.rounded-xl {
    border-radius: 10px;
}

.px-5 {
    padding-left: 20px;
    padding-right: 20px;
}

.py-2 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.py-3 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.text-gray {
    color: #828280;
}

.font-semibold {
    font-weight: 600;
}

.text-xl {
    font-size: 24px;
}

.text-lg {
    font-size: 18px;
}

.text-base {
    font-size: 16px;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.inc-part__counter {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #D2C9FE;
    border-radius: 50%;
    font-weight: 600;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
}

.p-1 {
    padding: 4px;
}

.p-2 {
    padding: 8px;
}

.inc-part__btn {
    background: #fff;
    cursor: pointer;
    transition: .3s ease;
}

.inc-part__btn:hover,
.inc-part__btn.active {
    background: #DAF1E3;
}

.fas.fa-toggle-on {
    color: #68CF91;
    transition: .3s ease;
}

.fas.fa-toggle-off {
    color: #C8C8C8;
}

.btn-big {
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #F7F7F7;
    padding: 8px 58px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
    border-radius: 28px;
    border: none;
}

.btn-big.btn-green {
    background: #68CF91;
}

.btn-big.btn-red {
    background: #E7736C;
}
@media print {
    .tabs {
        margin: 0;
        padding: 15px;
    }

    .tab-buttons {
        display: none;
        padding: 0;
        margin: 0;
    }

    table tr {
        page-break-inside: avoid;
        page-break-after: avoid;
    }

    /* .inc-edit-wrapper {
        box-shadow: none;
    } */

    html,
    body {
        background: #fff !important;
    }

    .position:not(#content) {
        display: none;
    }

    #content {
        margin-top: 0;
        margin-left: 0;
        width: 100%;
        max-height: auto;
        overflow-y: visible;
        padding: 0px;
    }

    .noprint {
        display: none;
    }

    td,
    th {
        padding: 10px !important;
        font-size: 12px !important;
    }

    th i {
        display: none !important;
    }

    .td-wrap div {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        padding: 0px;
        white-space: normal;
        overflow: unset;
        text-overflow: unset;
        margin: 1px auto;
    }
}

@media (max-width: 1100px) {
    .com-tree {
        width: 50px;
    }

    .module.communicating {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: Calc(100% - 50px);
        margin: 0 !important;
    }

    .wrapper {
        height: unset;
    }

    .module {
        height: auto;
    }

    .pagination {
        display: block;
        height: 50px;
        margin: 10px 0;
        width: 100%;
        text-align: center;
        padding-top: 15px;
    }

    /* .pagination li {
        float: none;
        display: inline-block;
    } */

    #content {
        height: calc(100vh - var(--sidebar-top-height));
    }

    #mail_letters {
        position: relative;
        right: 0;
        width: 100%;
        height: 100%;
        top: 0px;
        bottom: 0;
        /* overflow-y: hidden; */
        left: 0;
        padding: 0;
        padding-right: 5px;
        padding-bottom: 15px;
        overflow-x: hidden;
        z-index: 5;
    }

    #mail_folders {
        position: absolute;
        top: 100px;
        left: 5px;
        bottom: unset;
        z-index: 15;
        border-radius: 5px;
    }

    .mail__search-mobile {
        /* height: 100%; */
        align-items: center;
        display: flex;
    }

    .mail__search-mobile .open-settings {
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border-radius: 50%;
        color: #666;
        box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 11%);
        z-index: 20;
    }

    .btn[data-mode="remove_trash"] {
        z-index: 20;
        margin-left: auto;
    }

    /* .mail__search-mobile .mail-move-letters {
        margin-left: auto;
        margin-right: 10px;
        z-index: 20;
    }

    .mail__search-mobile .mail-move-letters span {
        display: none;
    } */

    .mail-search {
        position: absolute;
        height: 30px;
        z-index: 10;
        right: 0;
        top: 0;
        left: 10px;
    }

    .letter__content span {
        width: unset;
    }

    .mail-search .frmSearch {
        display: flex;
        flex-direction: column;
        padding-right: 10px;
        transform: translateX(calc(100% + 100px));
        transition: 0.3s ease;
        z-index: 10;
        top: 50px;
        border-radius: 5px;
    }

    .mail-search .frmSearch.show-form {
        transform: translateX(0);
        box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 11%);
        z-index: 12;
    }

    .mail-search .frmSearch label:not(:last-child) {
        /* float: left; */
        width: auto;
        margin-right: auto;
        margin-bottom: 14px;
    }

    /* .mail-search__form {
        background-color: #fff;
        padding: 10px;
    } */

    #mail_folders .folder-open {
        display: block;
        z-index: 12;
    }

    .add-letter {
        display: none;
    }

    .add-letter-mobile {
        display: flex;
        height: 30px;
        width: 30px;
        color: #666;
        background: #fff;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        border: none;
        text-decoration: none;
        padding: 5px 10px;
        margin-left: 10px;
        position: relative;
        z-index: 50;
        box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 11%);
    }

    .add-letter-mobile>span {
        text-align: center;
    }

    #mail_folders {
        background: #fff;
        transform: translateX(-150%);
        transition: 0.3s ease;
        box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 11%);
    }

    .open-folder {
        display: flex;
        font-size: 15px;
        width: 30px;
        height: 30px;
        text-align: center;
        justify-content: center;
        align-items: center;
        margin-left: 10px;
        position: relative;
        z-index: 20;
        color: #666;
        background-color: #fff;
        border-radius: 50%;
        box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 11%);
    }

    .letter__content {
        flex-direction: column;
        height: 100%;
        justify-content: center;
    }

    .letter__attach-mobile,
    .letter__flagged-mobile {
        display: block;
    }

    .letter__attach,
    .letter__flagged,
    .letters__header-attach,
    .letters__header-flagged {
        display: none;
    }

    .letters__header .letters__title {
        min-width: auto;
    }

    .letter__content .letter__subject {
        align-self: unset;
    }

    /*.contact-list{    
    padding: 50px 0;
  }
  */
}

@media (max-width: 1000px) {
    .birth-calendar-day__content {
        font-size: 14px;
    }
}

@media (max-width: 900px) {
    .today-birth {
        bottom: 5px;
        left: 0px;
        top: auto;
    }

    .not-short-wrapper {
        width: Calc(100% - 30px);
        float: none;
        margin: 0 15px;
        margin-bottom: 15px;
        height: auto;
    }

    .b-video video {
        width: auto;
        height: 100%;
    }

    .not-short-wrapper h1 {
        font-size: 18px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 50px;
    }

    .not-short-wrapper.birthday-man {
        margin-left: 15px;
    }

    .btn-incident {
        width: auto;
    }

    #short-search {
        width: 150px;
    }

    .user-short {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .user-short i {
        margin-top: 0;
        font-size: 22px;
    }

    .letter__content .letter__subject {
        max-width: 200px;
    }

    .mail-body .wrapper table td {
        min-width: none;
    }

    .service-list {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .doc-content {
        flex-wrap: wrap;
    }

    /* .doc-waiting a {
        margin-left: unset;
        display: block;
    }

    .doc-waiting a:not(:last-child) {
        margin-bottom: 15px;
    } */

    .position .module:nth-child(odd):not(.main-user-menu) {
        margin-right: 0;
    }

    .one-not-in-list .one-not__body {
        flex-direction: column;
    }

    .one-not-in-list .not-img {
        width: 100%;
    }

    .create-not-wrapper .new-btn i {
        display: block;
    }

    .create-not-wrapper .new-btn span {
        display: none;
    }

    .not-short-wrapper {
        background: #e5e5e5;
        box-shadow: none;
        padding: 15px;
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
        /* max-height: 300px; */
        overflow-y: auto;
    }

    .service__body {
        margin-left: 0;
        /* padding: 0; */
    }

    .not-short-wrapper.module-as-service {
        background: #FFF;
        box-shadow: 1px 0 4px #ccc;
        margin: 0;
        border-radius: 10px;
        margin-left: 15px;
        margin-bottom: 15px;
        max-height: 400px;
    }

    .not-short-wrapper .news-title {
        font-size: 18px;
        font-weight: 500;
        line-height: 21px;
        color: #838383;
        height: auto;
        padding: 20px 0 23px;
        background: transparent;
        border: none;
        margin: 0;
    }

    /*.not-short-wrapper .bg-white {
    background: #fff;
  }*/
    .not-short-wrapper .news-title i {
        display: none;
    }

    .nots-slider .one-not {
        background: #bdbfc7;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.23);
        border-radius: 10px;
        min-height: 200px;
        width: 90%;
        position: relative;
        background-size: cover;
        background-position: center;
    }

    .nots-slider .one-not a {
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 19px 20px;
        text-decoration: none;
        z-index: 50;
        border-radius: 10px;
        background: #00000057;
    }

    .nots-slider a.not-full,
    .one-not a.more {
        border: none;
    }

    .nots-slider .one-not h4 {
        font-weight: 500;
        font-size: 18px;
        line-height: 21px;
        color: #f4f3f5;
        text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.35);
        background-color: transparent;
        padding: 0;
    }

    .one-not .badge {
        font-size: 12px;
    }

    .one-not .badge:last-child {
        margin-right: 0;
    }

    .nots-slider .like_btns {
        color: #f6eeff;
    }

    .one-not h4 {
        font-weight: 500;
        font-size: 18px;
        line-height: 23px;
        color: #727272;
    }

    .nots-slider .one-not span.not-author {
        position: unset;
        font-weight: 500;
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 10px;
        color: #f4f3f5;
        text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.35);
    }

    .nots-slider.owl-theme .owl-dots {
        display: block;
        position: absolute;
        bottom: 0;
        left: 45%;
    }

    .owl-theme .owl-dots .owl-dot span {
        background: #4a4c4a;
        width: 6px;
        height: 6px;
        margin: 5px 0;
        margin-right: 6px;
    }

    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #ffa644;
    }

    .contact-editor-item {
        display: block;
    }

    .contact-editor-item * {
        display: block;
        width: 100%;
    }

    #content {
        /* padding: 10px; */
        min-height: calc(100vh - var(--sidebar-top-height));
        height: 100%;
    }

    #short-search {
        width: 100px;
    }

    .user-short i {
        margin-right: 15px;
    }

    /*.logo {
    display: none;
  }
  */
    .one-not a h4 {
        margin: 5px 0 10px;
    }

    .group-item {
        font-size: 15px;
    }

    .list-item {
        font-size: 14px;
    }

    .group-contact-list {
        margin-top: 0;
    }

    .contact__card-name {
        font-size: 16px;
    }

    .contact__card-more,
    .contact__card-item {
        font-size: 12px;
    }

    .start-chat {
        margin-bottom: 5px;
        width: 100%;
    }

    /*.start-chat span {
    display: none;
  }
  */
    .letter-row span.letter__subject {
        max-width: 200px;
        align-self: unset;
        display: block;
        text-align: left;
    }

    .letter-row .letter__date {
        margin: 0;
        position: absolute;
        right: 10px;
        top: 5px;
        font-size: 10px;
    }

    .frmEdit {
        padding: 15px;
        padding-bottom: 30px;
    }

    /* .tab-buttons {
        width: 100%;
        overflow-x: auto;
        gap: 4px;
    }

    .tab-buttons__wrapper .tab-buttons {
        width: max-content;
    } */

    .md-d-none {
        display: none;
    }

    /* .tab-buttons .tab {
        float: left;
        padding: 8px 10px;
    } */

    /* .profile-form .tab-buttons .tab {
        width: 80px;
        border: 1px solid #a7a9a8;
    }

    .tab-buttons__wrapper::-webkit-scrollbar,
    .tab-buttons::-webkit-scrollbar {
        height: 1px;
    } */

    .contact__card-online .user-avatar {
        width: 20px;
        height: 20px;
    }

    /* .bus-schedule-item {
        display: block;
        margin-bottom: 15px;
        position: relative;
    }

    .bus-schedule-end {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .bus-schedule-capacity {
        text-align: center;
    } */

    .mail-info {
        flex-direction: column;
    }

    .create-not-wrapper {
        display: block;
    }

    .doc-search__wrapper form {
        flex-direction: column;
        gap: 5px;
        padding: 5px;
    }

    .doc-breads {
        padding: 15px 5px;
        margin: 0;
        flex-wrap: wrap;
    }

    .doc-content__wrapper {
        margin: 0;
    }

    .doc-content__wrapper H1 {
        display: block;
        font-size: 18px;
    }

    .doc-directory__actions {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    /* .doc-directory__actions a {
        margin-left: 0;
        margin-right: 10px;
    } */

    .doc-content {
        flex-direction: column;
        gap: 15px;
        /* padding: 15px; */
    }

    .doc-directory {
        width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        padding: 0 20px;
    }

    .doc-directory img {
        max-width: 70px;
        width: 100%;
        margin: unset;
    }

    .doc-directory .doc-directory__name {
        display: block;
        text-align: left;
    }

    .doc-directory .doc-directory__code {
        width: auto;
        top: Calc(50% - 5px);
        left: 30px;
    }

    .doc-content {
        padding: 15px 0;
    }

    .doc-content .frmEdit {
        overflow: hidden;
        width: 100%;
    }

    .doc-content .frmEdit fieldset {
        display: contents;
    }

    .doc-content .frmEdit fieldset table {
        margin: 10px 0;
    }

    .report-body h1 {
        font-size: 22px;
    }

    .report-body h2 {
        font-size: 19px;
    }

    .report-body h3 {
        font-size: 16px;
        font-weight: 600;
    }
}

@media (max-width: 1545px) {
    .user-notifications-search__wrapper {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        margin-bottom: 15px;
    }
}

@media (max-width: 600px) {
    :root {
        --sidebar-left-width: 48px;
        --sidebar-top-height: 50px;
        --main-bg-color: #f0f0f0;
        --banner-height: 0px;
    }

    /*.updated-link.preview-link{
  
  }*/
    .com-back-button {
        display: block;
        float: left;
        background: aliceblue;
        padding: 12px;
        cursor: pointer;
        color: #8f7ccd;
        margin-top: -10px;
        margin-left: -6px;
        margin-right: 15px;
        border: none;
    }

    .com-tree.active,
    .com-content.active {
        width: 100%;
    }

    .com-tree,
    .com-content {
        width: 0;
    }

    .com-tree__wrapper {
        height: Calc(100% - 35px);
        padding-bottom: 50px;
        overflow-y: auto;
    }

    .com-room__create {
        position: fixed;
        bottom: 57px;
    }

    .com-room__header {
        position: relative;
    }

    .com-room__write {
        padding: 10px;
        padding-top: 0;
    }

    .module.communicating {
        padding-top: var(--sidebar-top-height);
    }

    .com-tree {
        width: 0;
    }

    .com-send__message {
        display: block;
    }

    .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
        font-size: 10px;
    }

    .birth-calendar__info .birth-calendar-info__user {
        width: 100%;
    }

    .tst-quest-wrapper label.flex,
    .limit-answer__help.flex {
        display: block;
    }

    .limit-answer__help.flex u {
        display: block;
    }

    .limit-answer__help.flex span {
        display: inline-block;
        width: 50%;
        text-align: center;
        margin: 0;
    }

    .tst-quest-wrapper label.flex span {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .tst-quest-wrapper label.flex input {
        display: inline-block;
        width: 50%;
        margin: 0;
    }

    .worker-list__full .frmEdit {
        margin: 0;
        padding: 10px;
    }

    .tst-quest-wrapper H5 {
        margin: 0;
        margin-bottom: 25px;
        font-size: 20px;
        display: block;
        padding-right: 0px;
        line-height: 100%;
        margin-top: 15px;
    }

    table.list {
        display: block;
        overflow-x: auto;
    }

    /* .tst-quest-wrapper label {
        display: block;
        margin-bottom: 25px;
        cursor: pointer;
        padding: 10px;
        background: #e1e1e1;
    } */

    td.min,
    th.min {
        white-space: normal;
    }

    .user-profile-submit-buttons {
        width: auto;
        left: unset;
        top: unset;
        bottom: 55px;
        padding: 0px;
        /* bottom: unset; */
        right: 0;
    }

    .user-profile-submit-buttons .new-btn {
        margin: 5px;
    }

    .user-profile-submit-buttons .new-btn span {
        display: none;
    }

    .tabs.profile-tabs {
        padding-bottom: unset;
    }

    .img-container {
        max-width: 100%;
    }

    .new-btn.orange {
        float: right;
        background: orange;
    }

    .user-notifications-search__wrapper H4 {
        font-size: 20px;
        margin: 0;
    }

    .user-notifications-search__wrapper .ajax.not-add {
        position: fixed;
        bottom: 70px;
        right: 15px;
    }

    .user-notifications-search__wrapper {
        right: 0;
        left: 0;
        width: 100%;
        top: var(--sidebar-top-height);
        padding: 15px;
        z-index: 100;
        position: fixed;
        margin: 0;
    }

    .mobile-hidden {
        display: none;
    }

    .mobile-only {
        display: unset;
    }

    .one-not-in-list .one-not__body .header {
        font-size: 24px;
        padding-top: 15px;
        line-height: 125%;
        border-top: 1px solid #e5e5e5;
    }

    .one-not-in-list {
        max-width: 100%;
        margin-top: 25px;
    }

    .one-not-in-list .one-not__body {
        display: block;
    }

    .one-not-in-list .one-not__body .not-img {
        width: 100%;
        margin-right: 0;
    }

    .birth-today,
    .project-update {
        width: 100%;
        margin-left: 0;
    }

    #content {
        margin-top: var(--sidebar-top-height);
    }

    #content .modal {
        left: 0;
        top: 0;
        background-size: 80%;
    }

    .user-notifications {
        display: flex;
        flex-direction: column;
    }

    .user-notifications.list-notifications {
        display: block;
        margin-top: 25px;
    }



    .user-notifications .one-not:not(.one-not.single-not) {
        height: 100px;
    }

    .user-notifications .one-not:not(.one-not.single-not) .one-not__body h4 {
        padding: 0;
        font-size: 14px;
        line-height: 16px;
        margin: 0;
    }

    .user-notifications .one-not:not(.one-not.single-not) .not-img {
        max-width: 30%;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .user-notifications .one-not:not(.one-not.single-not) .not-img img {
        width: auto;
        height: 100%;
    }

    .user-notifications .one-not:not(.one-not.single-not) .one-not__body span.not-author,
    .user-notifications .one-not:not(.one-not.single-not) .one-not__body span.not-date {
        font-size: 10px;
    }

    .user-notifications .one-not.single-not {
        padding: 0;
    }

    .user-notifications .one-not.single-not .not-info,
    .user-notifications .one-not.single-not .not-body {
        padding: 0 10px;
    }

    .user-notifications .one-not.single-not .img-wrapper {
        width: 100%;
        object-fit: contain;
    }

    .user-notifications .one-not.single-not .img-wrapper .not-img img {
        width: auto;
        transform: translate3d(0px, 0px, 1px);
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        flex-shrink: 0; 
    }

    .user-notifications .one-not.single-not .like_btns {
        position: unset;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        margin-top: 10px;
        color: #9d9f9e;
    }

    .user-notifications .one-not.single-not .like_btns>span:not(:last-child) {
        margin-right: 10px;
    }

    .user-notifications .one-not.single-not .not-info {
        border-bottom: none;
    }

    .user-notifications .one-not.single-not h4 {
        margin-top: 14px;
        margin-bottom: 12px;
        font-size: 18px;
        line-height: 23px;
        color: #727272;
        padding: 0;
    }

    /* .user-notifications .one-not.single-not .not-info__top{
    margin-top: 0;
  } */
    .user-notifications .one-not.single-not .not-info__bottom {
        margin-top: 0;
        padding-bottom: 16px;
        border-bottom: 1px solid #c5c6c6;
    }

    .one-not.single-not .not-info__bottom span.not-author,
    .one-not.single-not .not-info__bottom span.not-date {
        position: unset;
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
        color: #a3a5a4;
    }

    .user-notifications .one-not.single-not .not-body {
        font-family: SF Pro Display;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #727272;
    }

    .dining-link {
        float: right;
        color: #fff;
        font-weight: normal;
        margin-top: 15px;
        margin-right: 15px;
    }

    .mob {
        display: block;
    }

    .frmEdit {
        padding: 0;
        padding-bottom: 50px;
    }

    .auth input,
    .auth label,
    .auth button {
        width: 100%;
    }

    .auth label {
        font-size: 14px;
        color: #826fc0;
    }

    .auth label input[type="checkbox"] {
        /*display: inline-block; */
        width: auto;
        float: left;
        /* margin-right: 10px; */
        margin: 0px;
        margin-right: 5px;
    }

    .not-com-date,
    .not-com-author {
        display: block;
    }

    .not-author,
    .not-date {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .not-date {
        width: 100px;
        /* text-align: right; */
    }

    .one-not .btn {
        float: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
    }

    .one-not a.btn {
        float: right;
    }

    .currency-rate {
        float: none;
        width: 100%;
        text-align: center;
        margin: 15px 0;
    }

    .one-new {
        padding-left: 15px;
    }

    .one-new span {
        display: block;
        position: relative;
        top: -10px;
    }

    /* .bus-schedule h1 {
        font-size: 22px;
    }

    .bus-schedule H1 input {
        float: none !important;
    }

    .bus-schedule-start,
    .bus-schedule-route,
    .bus-schedule-capacity,
    .bus-write,
    .bus-cancel,
    .bus-schedule-end,
    .bus-button {
        padding-right: 0;
    }

    .bus-schedule-capacity span {
        position: relative;
        left: 0;
    }

    .bus-schedule .btn {
        width: 100%;
        margin-top: 15px;
        text-align: center;
    }

    .bus-schedule-item {
        position: relative;
    } */

    #content {
        padding: 10px;
        padding-bottom: 50px;
        width: 100%;
        margin-left: 0;
    }

    .top-banner {
        height: 50px;
        padding: 10px;
    }

    .top-banner h2 {
        font-size: 14px;
        max-width: 100%;
        text-align: center;
        color: #fff;
    }

    .btn-incident {
        float: right;
        border-radius: 4px;
        background: transparent;
        font-size: 20px;
        padding: 0;
        color: #eec768;
        margin-top: 15px;
        margin-right: 15px;
        display: flex;
        cursor: pointer;
        text-decoration: none;
        /* text-overflow: clip; */
        word-break: break-word;
        text-align: center;
    }

    .btn-incident span {
        display: none;
    }

    .short-search-wrapper {
        display: block;
        margin-right: 0;
        position: relative;
        height: 100%;
    }

    .short-search-wrapper>#short-search {
        position: absolute;
        left: 0;
        display: none;
        z-index: -10;
        opacity: 0;
        margin-left: 40px;
        transition: 0.4s ease-in-out;
    }

    .short-search-wrapper:hover #short-search {
        display: block;
        opacity: 1;
        z-index: 50;
    }

    .user-short i {
        font-size: 18px;
        margin-right: 25px;
    }

    #left-menu,
    #admin-menu {
        width: max-content;
    }

    /* #admin-menu {
        transform: translateX(-100%);
        transition: 0.4s ease;
    } */

    /* #admin-menu.show {
        transform: translateX(0);
    } */

    #admin-menu::after {
        /* content: "menu";
        position: absolute;
        top: 0;
        right: 0;
        transform: translateX(100%);
        background-color: #fff;
        padding: 10px 20px;
        border: 1px solid #222;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-left: none; */
    }

    /* #admin-menu.show::after {
        content: "X";
        transform: translateX(0);
        border: 1px solid #222;
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: none;
    } */

    .dash-blocks {
        flex-direction: column;
    }
    
    .dash-block {
        width: 100%;
    }

    .main-user-menu {
        position: fixed;
        /* bottom: 0; */
        top: 0;
        width: 100%;
        border-right: none;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        box-shadow: 0px -5px 7px rgba(0, 0, 0, 0.14);
    }

    .main-user-menu .menu {
        display: flex;
        width: 100%;
        justify-content: space-around;
    }

    .main-user-menu .menu li {
        width: 50px;
        height: 50px;
        margin: 0 10px;
        border-bottom: none;
    }

    /* .main-user-menu .menu li a {
        font-size: 12px;
        width: 100%;
        height: 100%;
        display: flex;
        color: #c5c6c6;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .main-user-menu .menu li a i {
        font-size: 20px;
        margin-right: 0;
        margin-bottom: 3px;
        color: #c5c6c6;
    } */

    #chat.opened {
        top: 0 !important;
        border-radius: 0;
        left: 0;
    }

    .mail-info-from-to-span {
        display: block;
    }

    .mail-info-from-to-span:last-child {
        margin-top: 10px;
    }

    .mail-info-from-to-span i {
        margin-right: 10px;
    }

    .mail-buttons .btn:last-child {
        margin: 0;
    }

    .letters__header span,
    .letter-row span {
        font-size: 10px;
    }

    .mail-search .frmSearch label {
        float: none;
        display: block;
        width: 100% !important;
    }

    .mail-search .frmSearch label.flex-free-width {
        display: flex;
    }

    .mail-search .frmSearch input,
    .mail-search .frmSearch select,
    .mail-search .frmSearch button {
        width: 100%;
        margin: 0;
    }

    .letter-row span.letter__from-name {
        font-size: 13px;
        margin-bottom: 3px;
    }

    .mail-date__wrapper {
        width: 100%;
    }

    .mail-info .mail-buttons {
        width: 100%;
    }

    .mail-info .mail-buttons a,
    .mail-info .mail-buttons span {
        display: flex;
        flex-direction: column;
        text-align: center;
        width: 25%;
        padding: 8px 0;
        margin: 0;
    }

    .user-short {
        display: none;
    }

    .gallery-album__header {
        flex-direction: column-reverse;
    }

    .gallery-album__header>a {
        width: max-content;
        margin-left: 10px;
    }

    .gallery-album__header>h1 {
        font-size: 1.3em;
    }

    .service__body .gallery_list .album-wrapper:not(:last-child) {
        margin-right: 20px;
        width: auto;
    }

    #jci-service .jci-service__content {
        flex-direction: column;
    }

    #jci-service .jci-service__content>div {
        flex-direction: row;
        flex-wrap: wrap;
    }

    
    .not-short-wrapper .service__body .jci-link {
        width: 100%;
    }

    .gallery_list .album-wrapper {
        width: 100%;
    }

    .gallery_list .album-wrapper .album-cover {
        background-position: center;
    }

    .gallery_list .gallery-preview {
        width: auto;
        height: max-content;
        margin: 0;
    }

    .gallery_list .gallery-preview img {
        width: inherit;
        height: auto;
    }

    .guide-wrapper>h1 {
        font-size: 20px;
    }

    .guide-wrapper__content {
        width: 100%;
        position: relative;
        overflow-x: hidden;
    }

    /* .guide-content-view__header {
        font-size: 16px;
    } */

    /* .guide-content-view__general {
        max-height: Calc(100% - 40px);
        overflow-y: auto;
        margin-top: 40px;
        padding: 0;
    } */

    .guide-tree {
        width: 100%;
        max-width: 100%;
        padding-bottom: 100px;
        z-index: 1;
    }

    .guide-list-item {
        padding: 15px;
        border: 1px solid #e5e5e5;
        color: black;
        /* font-weight: bold; */
        background: snow;
        /* box-shadow: 1px 0 4px #d1d1d1; */
        margin-top: 15px;
        border-radius: 3px;
        cursor: pointer;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .guide-article-buttons {
        float: none;
        margin-top: 0;
        padding-top: 5px;
    }

    .not-com-add-frm {
        top: 60px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        width: Calc(100% - 30px);
        height: Calc(100% - 30px);
        max-width: Calc(100% - 30px);
        max-height: Calc(100% - 30px);
    }

    .guide-content {
        position: absolute;
        transform: translate(100%);
        height: auto;
        min-height: 100%;
        width: 100%;
        padding-bottom: 100px;
        z-index: -1;
        transition: 0.4s ease;
    }

    .guide-content.show {
        transform: translate(0);
        z-index: 2;
    }

    .guide-content__hide {
        position: absolute;
        top: 5px;
        right: 10px;
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 0 2px 0px #000000b8;
        justify-content: center;
        align-items: center;
        transform: translateX(-500px);
        transition: 0.4s ease;
    }

    .guide-content__hide>i {
        font-size: 20px;
    }

    .guide-content__hide.show {
        display: flex;
        transform: translateX(0);
        z-index: 5;
    }

    .ads-fast-search__wrapper {
        flex-wrap: wrap;
    }

    .ads-fast-search__wrapper .btn {
        display: flex;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .ads-fast-search__wrapper .btn:not(:last-child) {
        margin-right: 10px;
    }

    .frmSearch .ads-fast-search__wrapper label .btn {
        padding: 5px;
    }

    .frmSearch .ads-fast-search__wrapper label .btn span {
        font-size: 12px;
        margin: 0;
    }

    .diner-menu__top {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
    }

    .diner-menu__top h3 {
        font-weight: 600;
        font-size: 17px;
        line-height: 20px;
        color: #a799e0;
        margin: 0;
    }

    .diner-menu__top .back {
        position: absolute;
        left: 5px;
        top: calc(50% - 11px);
        cursor: pointer;
    }

    .diner-menu__top .back svg {
        height: 22px;
    }

    .diner-menu__month {
        display: flex;
        width: unset;
        justify-content: center;
        background: #a799e0;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
        border-radius: 8px;
        padding: 5px;
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
        color: #ffffff;
        text-transform: capitalize;
    }

    .tabs.diner-menu .tab-buttons {
        justify-content: center;
    }

    .tabs.diner-menu .tab-buttons .tab {
        margin-right: 0;
    }

    .tabs.diner-menu .tab-buttons .tab.active {
        border-bottom: none;
    }

    .tabs.diner-menu .tab-buttons .tab.active .dining-date__tab {
        background: #a799e0;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
    }

    .tabs.diner-menu .tab-buttons .tab.active .dining-date__tab>span {
        color: #fff;
    }

    .tab-buttons .tab .dining-date__tab {
        width: 46px;
        height: 46px;
        background: #e7e7e7;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 4px;
    }

    .tab-buttons .tab .dining-date__tab .date-num {
        font-weight: 600;
        font-size: 18px;
        line-height: 23px;
        color: #595959;
    }

    .tab-buttons .tab .dining-date__tab .date-str {
        font-weight: 600;
        font-size: 9px;
        line-height: 9px;
        color: #a7a9a8;
    }

    .module.dining .tab-content h5 {
        text-align: center;
    }

    .tabs.diner-menu .dining-block.tab-content textarea {
        background: #e7e7e7;
        border: 1px solid #a7a9a8;
        box-sizing: border-box;
        border-radius: 10px;
        min-height: unset;
    }

    /* .inc-edit-wrapper {
        padding: 10px;
        width: 100%;
    } */

    /* .inc-part {
        width: 100%;
    } */

    .inc-part__selects-grid {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .inc-part__selects-grid > label {
        width: 100%;
    }

    .md-flex-wrap {
        flex-wrap: wrap;
    }
    .md-w-full {
        width: 100%;
    }
    .btn-big {
        font-size: 18px;
        padding: 8px 20px;
    }

    fieldset.more-search-settings>legend {
        background-color: #fff;
        left: 0;
    }

    .more-search-settings__content {
        width: 100%;
        flex-wrap: wrap;
    }

    .owl-carousel .owl-item .popular-photo__item {
        background: #0000002e;
        border-radius: 10px;
        padding: 0;
        width: auto;
    }

    .owl-carousel .owl-item .popular-photo__item img {
        width: auto;
        margin: 0 auto;
        height: 100%;
        max-height: 300px;
    }

    /* .incs-settings button,
    .incs-settings a,
    .incs-settings .set-incs-type {
        margin: 0 !important;
        margin-bottom: 10px !important;
    }

    .incs-settings button,
    .incs-settings .set-incs-type {
        float: none;
    } */

    /* .set-incs-type {
        align-items: center;
    }

    .set-incs-type>button {
        margin-bottom: 0 !important;
    } */

    /* .inc-edit-wrapper .inc-info-block__content {
        width: 100%;
    } */

    .jci-desktop {
        display: none;
    }

    .jci-mobile {
        display: flex;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

}

@media (max-width: 400px) {
    .dining-schedule span {
        display: none;
    }

    .letters__header,
    .letter-row {
        max-width: 100%;
    }

    .add-to-room {
        width: 100%;
    }

    .start-chat {
        text-align: left;
    }

    .contact-report {
        width: 100%;
    }

    .contact__card a.ajax {
        width: 100%;
        margin-top: 15px;
        display: block;
    }

    .mail-info-from-to {
        display: block;
        width: 100%;
        margin-top: 15px;
    }

    .main-user-menu .menu li {
        width: auto;
    }

    /* .main-user-menu .menu li a {
        padding: 0;
        font-size: 10px;
    } */

    .profile__info .profile__info-blc .profile__info-btn {
        font-size: 12px;
    }

    .profile__info .profile__info-blc .indicator__wrapper {
        width: auto;
        padding: 5px;
    }
}

@media (max-width: 310px) {
    .profile__main {
        flex-direction: column;
    }

    .frmEdit .profile__main .profile__wrapper {
        padding: 0;
    }
}


@media (max-height: 400px) {

    #left-menu,
    #admin-menu {
        width: max-content;
    }

    .main-user-menu {
        position: fixed;
        /* bottom: 0; */
        width: 100%;
        border-right: none;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        box-shadow: 0px -5px 7px rgba(0, 0, 0, 0.14);
    }

    .main-user-menu .menu {
        display: flex;
        width: 100%;
        justify-content: space-around;
    }

    #content {
        padding: 10px;
        padding-bottom: 50px;
        width: 100%;
        margin-left: 0;
    }
}



/* @media only screen and (orientation : portrait) {
    .landscape {
        display: none;
    }

    .landscape-alert {
        display: block;
    }
}

@media only screen and (orientation : landscape) {
    .landscape {
        display: block;
    }

    .landscape-alert {
        display: none;
    }
} */
label.interface_search_list-wrapper {
    max-width: 500px;
    min-width: 100px;
    width: 100% !important;
    margin-right: unset;
    position: relative;
}

@media (max-width: 768px) {
    label.interface_search_list-wrapper {
        max-width: 100%;
    }
}

.interface_search_list {
    width: 100%;
}

.interface_search_selected {
    background: var(--create-input) !important;
    width: 100%;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    width: 100%;
    padding-right: 14px !important;
    border-radius: 16px;
    border: none !important;
}

.interface_search_selected .tag_search_item span>i {}

.interface_search_popup {
    display: block;
    position: absolute;
    width: 100%;
    padding: 5px;
    z-index: 10001;
    background: var(--block-bg);
    box-shadow: var(--block-shadow-1);
    max-width: inherit;
}

.interface_search_popup.closed {
    display: none;
}

.interface_search_input {
    width: 100%;
    padding: 14px 0px 14px 14px !important;
    border-radius: 16px;
    border: none !important;
    color: var(--create-input-color) !important;
    background: var(--create-input) !important;
    box-shadow: var(--block-shadow-1);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.04em;
    text-overflow: ellipsis;
}

.interface_search_items {
    max-height: 200px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 10px;
}

.frmSearch .interface_search_item.tag_search_item {
    padding: 8px 10px;
}

.interface_search_item {
    /*border:1px solid #e5e5e5;*/
    background: var(--subblock-bg);
    box-shadow: var(--block-shadow-1);
    padding: 10px;
    cursor: pointer;
    font-size: 12px;
}

.contact-editor-item .interface_search_selected {
    width: 200px;
}

.contact-editor-item input {
    height: 36px;
}

.contact-editor-item .interface_search_list {
    margin-top: 0;
}
    
  .wiki{
    padding: 0 15px;
    padding-top: 24px;
  }
  .row {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 24px;
  }

  .row .col-sm-12 {
    width: 100%;
  }
  
  .wiki .btns__container {
    background: #E0E0E0;
    overflow: hidden;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
  }
  
  .wiki .btns__container .btns__container-bg {
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: 50;
    left: 0;
    top: 0;
    background: #826FC0;
    border: 1.5px solid #7361A6;
    border-radius: 10px;
    transition: all .4s ease;
  }
  
  .wiki .btns__container .btns__container-bg.right {
    /* right: 0; */
    left: 50%;
    transition: all .4s ease;
  }
  
  .wiki .btns__container label {
    padding: 8px 42px;
    font-family: 'SF Pro Display', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.03em;
    color: #828280;
    cursor: pointer;
    z-index: 51;
    user-select: none;
    transition: all .6s ease;
    border: 1px solid transparent;
  }
  
  .wiki .btns__container input:checked+label {
    color: #D2C9FE;
  }
  
  .wiki__hero {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 38px 33px;
    border-radius: 10px;
    background-image: url(/assets/css/images/wiki/header.png), linear-gradient(90deg, #9C8DDF 0%, #F6F5FB 100%);
    text-align: center;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
  }
  
  .wiki__hero h2 {
    font-family: 'SF Pro Display', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 42px;
    line-height: 57px;
    color: #FFFFFF;
    margin-bottom: 18px;
  }
  
  .wiki__hero p {
    font-family: 'SF Pro Display', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
    margin: 0;
    margin-bottom: 24px;
  }
  
  .wiki__hero button {
    background: #826FC0;
    border-radius: 10px;
    padding: 5px 20px;
    border: none;
    outline: none;
    font-family: 'SF Pro Display', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #D2C9FE;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  
  .wiki__hero button:hover {
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 20%);
  }
  
  .wiki__hero button svg {
    margin-right: 10px;
  }
  
  .wiki h3.section__title {
    font-family: 'SF Pro Display', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #828280;
  }
  
  .wiki .links__blc {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
  }
  
  .wiki .links__blc .item {
    padding: 40px 30px;
    height: 226px;
    width: 280px;
    display: flex;
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center 20%;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 1px 0 5px #707070;
  }
  
  .wiki .links__blc .item:hover {
    transform: scale(1.03);
    transition: .2s ease;
  }
  
  .wiki .links__blc .item.small {
    height: 190px;
  }
  
  .wiki .links__blc .item a {
    display: flex;
    position: relative;
    height: 100%;
    width: 100%;
    font-family: 'SF Pro Display', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #606060;
    text-decoration: none;
    /* padding: 35px 41px; */
    justify-content: center;
  }
  
  .wiki .links__blc .item a span{
    position: absolute;
    top: 70%;
  }
  
  .wiki .links__blc .item.prof {

    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 70%;
    background-image: url(/assets/css/images/wiki/bag.png);
    background-color: #E6E092;
  }
  
  .wiki .links__blc .item.edu {

    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 70%;
    background-image: url(/assets/css/images/wiki/rocket.png);
    background-color: #B5DFEB;
  }
  .span_link {
    color: #606060;
    display: flex;
    position: relative;
    height: 100%;
    width: 100%;
    font-family: 'SF Pro Display', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #606060;
    text-decoration: none;
    padding: 35px 41px;
    justify-content: center;
    margin-top: 125px;
  }
  .wiki .links__blc .item.add {

    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 70%;
    background-image: url(/assets/css/images/wiki/paint.png);
    background-color: #C7C1E3;
  }
  
  .wiki .links__blc .item.news {

    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 70%;
    background-image: url(/assets/css/images/wiki/paper.png);
  }
  
  .wiki .links__blc .item.tren {

    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 70%;
    background-image: url(/assets/css/images/wiki/target.png);
  }
  
  .wiki .links__blc .item.library {

    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 70%;
    background-image: url(/assets/css/images/wiki/book.png);
  }

















.btns__container input{
  display: none;
}
.btns__container input:checked + .wiki-interface{
  background: #826FC0;
  border: 1.5px solid #7361A6;
  color: #D2C9FE;    
}
.wiki-admin__menu ul{
  list-style: none;
  margin:0;
  padding:0;
  display: block;
  text-align: center;
}
.wiki-admin__menu ul li{
  display: inline-block;
}
.wiki-admin__menu ul li a{
  display: block;
  padding: 8px 20px;
  text-decoration: none;
  color: #9a9a9a;
  border: 1px solid;
  font-size: 14px;
  line-height: 100%;
}
.wiki-admin__menu ul li.active a{
  color: dodgerblue;
}
.wiki-admin__content{
  background: #FFF;
  padding:15px;
  margin-top:25px;
}
.wiki-admin__content h1{
  margin:0;
  margin-bottom:15px;
}
.wiki-admin-course__tree{
  width:300px;
  border-right:1px solid #e5e5e5;
  height:100%;
  overflow-y:auto;
}
.wiki-admin-course__content{
  flex:1;
}
.wiki-main__wrapper, .uni-admin-tree-item__wrapper, .uni-admin-tree__item, .uni-user-tree__item, .uni-user-tree-item__wrapper {
  position:relative;
}
.admin-course__buttons .btn{
  float:left;
  margin-right:15px;
}
.admin-course__buttons .btn-red{
  float:right;
  margin-right:0px;
  margin-left:15px;
}
.admin-course__tree{
  margin-top:15px;
}
.uni-admin-tree__item{
  max-width:100%;
  margin:5px 0;
  /*border:1px solid #e5e5e5;
  box-shadow: 1px 0 4px #CCC;*/
}
.uni-admin-tree__item .uni-admin-tree-item__wrapper:before{
  content: "";
  position: absolute;
  display: block;
  border-left: 1px dashed #CCC;
  width: 1px;
  top: -20px;
  bottom:20px;
  left: 14px;
}
.uni-admin-tree-item__wrapper .uni-admin-tree__item:after{
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  border-top: 1px dashed #CCC;
  height: 1px;
  top: 20px;
  left: -10px;
}
.uni-admin-tree-item__wrapper .uni-admin-tree__item:last-child:before{
  content: "";
  position: absolute;
  display: block;
  border-left: 3px solid #FFF;
  width: 1px;
  top: 20px;
  bottom: 0px;
  left: -12px;
}
.uni-admin-tree__item .fa-folder, .uni-admin-tree__item .fa-folder-open{
  color: #eec768;
  margin-right: 10px;
}
.uni-admin-tree__item .fa-file-alt{
  margin-right: 10px;
  color: dodgerblue;
}
.uni-admin-tree__item .fa-folder-open, .uni-admin-tree__item .fa-folder, .uni-admin-tree-item__header span{
  cursor:pointer;
}
.uni-admin-tree__item .fa-folder-open, .uni-admin-tree__item.uni-lesson .fa-folder, .uni-admin-tree__item.uni-lesson .fa-folder-open, .uni-admin-tree__item.uni-lesson .fa-folder-open, .uni-admin-tree__item .fa-file-alt{
  display: none;
}
.uni-admin-tree__item .fa-folder, .uni-admin-tree__item.uni-lesson .fa-file-alt{
  display: block;
}
.uni-admin-tree__item.opened > .uni-admin-tree-item__header > .fa-folder, .uni-admin-tree-item__wrapper{
  display: none;
}
.uni-admin-tree__item.opened:not(.uni-lesson) > .uni-admin-tree-item__header > .fa-folder-open, .uni-admin-tree__item.opened > .uni-admin-tree-item__wrapper{
  display: block;
}
.uni-admin-tree-item__header{
  display: flex;
  align-items: center;
  width: auto;
  padding: 10px;
  font-size: 14px;
  /*background: #f8fcff;*/
}
.uni-admin-tree-item__header span{
  flex: 1;
  color: #7f7f7f;
}
.uni-admin-tree-item__header i.fa-ellipsis-v{
  color: dodgerblue;
  cursor: pointer;
  font-size: 10px;
  background: #ebebeb;
  border-radius: 50%;
  padding: 5px 0;
  width: 20px;
  text-align: center;
}
.uni-admin-tree__item > .uni-admin-tree-item__header:hover{
  background: aliceblue;
}
.uni-admin-tree__item:hover > .uni-admin-tree-item__header span{
  color: #000;
}
.uni-admin-tree__item .uni-admin-tree__item{
  margin-left:25px;  
}
.uni-admin-tree-item__wrapper{
  position:relative;
  padding:0px;
}

.uni-user-tree__item .uni-user-tree-item__wrapper:before{
  content: "";
  position: absolute;
  display: block;
  border-left: 1px dashed #CCC;
  width: 1px;
  top: -20px;
  bottom:20px;
  left: 14px;
}
.uni-user-tree-item__wrapper .uni-user-tree__item:after{
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  border-top: 1px dashed #CCC;
  height: 1px;
  top: 20px;
  left: -10px;
}
.uni-user-tree-item__wrapper .uni-user-tree__item:last-child:before{
  content: "";
  position: absolute;
  display: block;
  border-left: 3px solid #FFF;
  width: 1px;
  top: 20px;
  bottom: 0px;
  left: -12px;
}
.uni-user-tree__item .fa-folder, .uni-user-tree__item .fa-folder-open{
  color: #eec768;
  margin-right: 10px;
}
.uni-user-tree__item .fa-file-alt{
  margin-right: 10px;
  color: dodgerblue;
}
.uni-user-tree__item .fa-folder-open, .uni-user-tree__item .fa-folder, .uni-user-tree-item__header span{
  cursor:pointer;
}
.uni-user-tree__item .fa-folder-open, .uni-user-tree__item.uni-lesson .fa-folder, .uni-user-tree__item.uni-lesson .fa-folder-open, .uni-user-tree__item.uni-lesson .fa-folder-open, .uni-user-tree__item .fa-file-alt{
  display: none;
}
.uni-user-tree__item .fa-folder, .uni-user-tree__item.uni-lesson .fa-file-alt{
  display: block;
}
.uni-user-tree__item.opened > .uni-user-tree-item__header > .fa-folder, .uni-user-tree-item__wrapper{
  display: none;
}
.uni-user-tree__item.opened:not(.uni-lesson) > .uni-user-tree-item__header > .fa-folder-open, .uni-user-tree__item.opened > .uni-user-tree-item__wrapper{
  display: block;
}
.uni-user-tree-item__header{
  display: flex;
  align-items: center;
  width: auto;
  padding: 10px;
  font-size: 14px;
  /*background: #f8fcff;*/
}
.uni-user-tree-item__header span{
  flex: 1;
  color: #7f7f7f;
}
.uni-user-tree-item__header i.fa-ellipsis-v{
  color: dodgerblue;
  cursor: pointer;
  font-size: 10px;
  background: #ebebeb;
  border-radius: 50%;
  padding: 5px 0;
  width: 20px;
  text-align: center;
}
.uni-user-tree__item > .uni-user-tree-item__header:hover{
  background: aliceblue;
}
.uni-user-tree__item:hover > .uni-user-tree-item__header span{
  color: #000;
}
.uni-user-tree__item .uni-user-tree__item{
  margin-left:25px;  
}
.uni-user-tree-item__wrapper{
  position:relative;
  padding:0px;
}

.uni-tree-selector {
  float: left; 
  z-index: 100; 
  position: relative; 
  top: 7px;
  left: -10px;
}

.uni-selector {
  display: block;
  padding: 10px;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-bottom: 1px solid #efefef;
  transition: background .2s ease;
}

.wiki-window{
  position: fixed;
  bottom: 0px;
  top: Calc(var(--sidebar-top-height));
  z-index: 100;
  background: #FFF;
  /*width: Calc(100% - var(--sidebar-left-width));*/
  /*min-width: Calc(100% - var(--sidebar-left-width));*/
  max-width: 100%;
  max-height: 90vh;
  left: 100%;
  box-shadow: 1px 0 4px #ccc;
  padding: 15px;
  overflow: scroll;
  padding-bottom: 15px;
}
.wiki-window H1:first-child{
  margin-top:0;
  margin-bottom:15px;
}
textarea.short-area{
  font:inherit;
  font-size:14px;
  padding:10px;
  border:1px solid #e5e5e5;
  resize: vertical;
  min-height:50px;
}
.wiki-window .tab-buttons{
  border-bottom: 1px solid #e5e5e5;
}
.wiki-window .tab-buttons .tab{
  border: 1px solid #e5e5e5;
  margin-bottom: -1px;
  background: #ededed;
  color: #a5a3a3;
}
.wiki-window .tab-buttons .tab.active{
  border-bottom: 1px solid #FFF;
  background: #FFF;
  color: dodgerblue;
}
.wiki-window .tab-content{
  border: 1px solid #e5e5e5;
  border-top: none;
  padding: 15px;
}
.wiki-window .tabs{
  overflow: hidden;
  position: absolute;
  top: 65px;
  bottom: 15px;
  left: 15px;
  right: 15px;
}
.wiki-window .tab-content{
  height: Calc(100% - 90px);
  overflow-x: hidden;
  overflow-y:auto;
}
.wiki-window .tab-content-user{
  height: Calc(100% - 50px);
  overflow-x: hidden;
  overflow-y:auto;
}
.wiki-window__buttons{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 15px 50px 15px;
  border-top: 1px solid #e5e5e5;
  width: 100%;
  background: #FFF;
  z-index: 101;
}

.wiki-window__buttons .btn:last-child{
  float:right;
}

.wiki-lesson-content__content video {
  max-width: 100%;
}

.wiki-lesson-content__one{
  display: block;
  margin: 40px 20px;
  width:90%;
  border:1px solid #e5e5e5;
  background: #f8f8f8;

}

.wiki-lesson-content__one * {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;

}

.wiki-lesson-content__info{
  padding:15px;
  border-bottom:1px solid #e5e5e5;
  display: flex;
  align-items: center;
}
.wiki-lesson-content__info span{
  font-size:14px;
  color: #666;
  margin-right:15px;
}
.wiki-lesson-content__controls{
  flex:1;
  text-align: right;
}
.wiki-lesson-content__one.closed .wiki-lesson-content__content{
  height:0;
  overflow: hidden;
  padding:0;
}
.wiki-lesson-content__one .wiki-lesson-content__info .fa-angle-down, .wiki-lesson-content__one.closed .wiki-lesson-content__info .fa-angle-up{
  display: none;
}
.wiki-lesson-content__one.closed .wiki-lesson-content__info .fa-angle-down, .wiki-lesson-content__one .wiki-lesson-content__info .fa-angle-up{
  display: inline-block;
}
.wiki-lesson-content__controls i{
  cursor: pointer;
  background: #e9e9e9;
  padding: 2px 5px;
  border-radius: 50%;
}
.wiki-lesson-content__content{
  padding:15px;
}
.popup-menu__item.item__green:hover{
  color: green;
}
.popup-menu__item.item__blue:hover{
  color: dodgerblue;
}
.popup-menu__item.item__red:hover{
  color: red;
}
.popup-menu__item{
  display: flex;
  width:100%;
  padding:6px;
  font-size:12px;
  cursor:pointer;
  color: #666;
  align-items: center;
  border-bottom:1px solid #e5e5e5;
}
.popup-menu__item span{
  flex:1;
}
.popup-menu__item i{
  margin-right:6px;
}
.popup__autowidth{
  width: auto;
}
.wiki-window .frmEdit button[type="submit"]{
  float:left;
}
.wiki-window .frmEdit .btn-red{
  float:right;
}
.wiki-window form.frmEdit{
  position: absolute;
  top: 50px;
  height: Calc(100% - 50px);
  left: 0;
  right: 0;
}
.wiki-window__content{
  height: Calc(100% - 50px);
  overflow: auto;
  padding-right: 15px;
}
.wiki-window input[type="text"], .wiki-window input[type="color"]{
  padding:10px;
  font:inherit;
  border:1px solid #e5e5e5;
  width:100%;
}
.wiki-window input[type="color"]{
  padding:2px 5px;
}
.wiki-window form select{
  width: 100%;
  border:1px solid #e5e5e5;
  padding: 8px;
  font:inherit;
}
.wiki-preloader{
  display: block;
  width:40%;
  height:auto;
  margin: 0 auto;
}
.wiki-lesson-content__info u{
  text-decoration: none;
  color: dodgerBlue;
  font-size:12px;
}
.wiki-lesson-content__buttons{
  font-size:12px;
  padding:10px 100px;
  background: #f4f4f4;
}
.wiki-lesson-content__buttons .btn i{
  color: #000;
  margin-right: 5px;
}
.wiki-lesson-content__settings{
  padding:15px 0;
  font-size:12px;
}
.wiki-lesson-content__settings .label-inline{
  background: aliceblue;
  display:flex;
  align-items: center;
}
.wiki-lesson-content__settings button{
  float: right;
  margin-top:15px;
}
.uni-doc-container{
  display: flex;
  align-items: center;
  font-size:14px;
}
.wiki-window .uni-doc-container input{
  border: none;
  border-bottom: 1px solid #f3f3f3;
  background: none;
  flex: 1;
  padding: 10px 0;
  margin-right:10px;
}
.wiki-window .uni-doc-container a{
  text-decoration: none;
  color: dodgerBlue;
}
.wiki-window .uni-doc-container input:active{
  background: #F4f4f4;
}
.uni-tags__wrapper{
  margin: 15px 0;
  padding:15px 0;  
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
}
.uni-tags__wrapper p{
  margin:0;
  margin-bottom:15px;
  color: dodgerBlue;
}
.uni-tags__search{
  display: flex;
  align-items: center;
}
.wiki-window .uni-tags__search input{
  font-size:14px;
  flex: 1;
  margin-right:10px;
}
.uni-tags-search__wrapper{
  position:relative;
}
.uni-tags__list.closed{
  display: none;
}
.uni-tags__list{
  position: absolute;
  top: 40px;
  left:0;
  z-index: 1;
  width:100%;
  box-shadow: 1px 0 4px #CCC;
  background:#FFF;
  border-top:1px solid #e5e5e5;
  max-height:300px;
  overflow-y: auto;
}
.uni-tags__list div{
  padding: 10px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  cursor: pointer;
  margin: 10px;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 10px;
}
.uni-tags__list div:hover{
  font-style:italic;
}
.uni-tags__selected div{
  display: inline-block;
  margin: 5px;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 10px;
  cursor:pointer;
}
.uni-tags__selected div i{
  float:right;
  margin-top: 2px;
  margin-left: 5px;
}
.doc-content_types input[type="text"]{
  width:100%;
  border:none;
  padding:0;
  border-bottom:1px solid #e5e5e5;
}
.doc-directory{
  position: relative;
}
.doc-directory__code{
  position: absolute;
  width: 40%;
  top: 30px;
  left: 30%;
  color: dimgray;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}


@media screen and (max-width: 600px) {
  .wiki__hero {
      align-items: center;
    }
  
    .wiki__hero h2 {
      font-size: 36px;
      line-height: 42px;
      margin-bottom: 10px;
    }
    
    .wiki__hero p {
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 25px;
    }
    
    .wiki__hero button {
      font-size: 16px;
      line-height: 20px;
    }
  
    .wiki .btns__container label{
      font-size: 13px;
      padding: 8px 20px;
    }
  
    .wiki .links__blc {
      display: inline-flex;
      width: 100%;
      gap: 5px;
    }
  
    .wiki .links__blc .item{
      height: auto;
      width: 32%;
    }
  
    .wiki .links__blc .item a{
      font-size: 11px;
      position: relative;
      background-color: #FFF;
    }
  
    .wiki .links__blc .item a span{
      position: absolute;
      top: 55%;
    }
  
    .wiki .links__blc .item.small{
      height: auto;
    }
  
    .wiki .links__blc .item.small a span{
      top: 45%;
    }
}

.lib-book {
  height: 300px;
  position: relative;
  border-bottom: solid 2px;
  margin-top: 10px;
  padding-left: 30px;
  padding-right: 20px;
  padding-bottom: 30px;

}

.lib-comment {
  border: solid 2px black;
  border-radius: 10px;
  padding-left: 30px;
  margin-top: 20px;
  margin-left: 30px;
  margin-right: 30px;
  padding-right: 30px;
  height: fit-content + 50px;
  position: relative;
}

.lib-form-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  /* display: none; */
  background-color: gray;
  opacity: 60%;
}

.lib-form-container {
  position: fixed;
  width: 200px;
  top: 25%;
  left: calc(55vw - 100px);
  align-items: middle;
  /* display: none; */
  background-color: white;
  border: solid 2px black;
  border-radius: 7px;
  text-align: center;
  padding-bottom: 20px;
}

.lib-upload-form {
  justify-content: center; 
  text-align: center; 
  
  margin-top: 40px;
}

.lib-upload-form label {
  margin-top: 15px;
  margin-bottom: 5px;
  display: block;
}

.lib-form-container input{
  border: solid 2px black;
  width: 94%;
  text-align: center;
  margin-left: 2%;
  height: 3vh;
  margin-top: 10px;
}

.lib-form-container label{
  display: inline-block;
  margin-top: 10px;
}


.lib-nav {
  text-decoration: none;
  color: black;
  margin-left: 10px;
  cursor: pointer;
  margin-right: 10px;
}

.lib-nav-wrapper {
  vertical-align: middle;
  border-bottom: solid 2px; 
  padding-bottom: 10px; 
  margin: auto;
}

.lib-nav-nav {
  align-items: center; 
  margin-top: 30px; 
  margin: auto; text-align: 
  center;
}

.lib-search-wrapper {
  padding-bottom: 10px; 
  border-bottom: solid 2px;
}

.lib-button-border {
  text-decoration: none; 
  color: black; 
  border-radius: 5px; 
  border: solid 2px black; 
  height: fit-content; 
  width: fit-content; 
  justify-content: center;
  padding: 10px; 
  cursor: pointer;
  display: block;
  margin-bottom: 0;
  background-color: white;
  font-size: 16px;
}

.lib-cover {
  width: 200px; 
  height: 280px; 
  float: left; 
  margin-right: 20px
}

.lib-like-count {
  all: unset; 
  font-size: 30pt; 
  position: absolute; 
  bottom: 15px; 
  right: 15px;
}

.lib-comment-wrapper {
  margin-top: 30px; 
  margin-left: 10%; 
  margin-right: 10%; 
  justify-content: center;
}

.lib-comment-textarea {
  resize: none; 
  font-size: 12pt; 
  width: 70%;
}

.lib-comment-send {
  float: right; 
  width: 20%; 
  height: 50px; 
  font-size: 13pt; 
  margin-top: 15px
}

.lib-book-remove {
  margin-top: 20px;
  color: #ff7070;
}

.lib-comments-add {
  font-weight: bold;
  color: #826fc0;
  cursor: pointer;
}

.lib-comments-remove {
  margin-left: 10px;
  font-weight: normal;
  cursor: pointer;
  color: red;
}

.lib-menu-space {
  margin-right: 20px;
}

.lib-tags__selected div{
  display: inline-block;
  margin: 5px;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 10px;
  cursor: default;
}

.lib-tags__list{
  position: absolute;
  top: 40px;
  left:0;
  z-index: 1;
  width:100%;
  box-shadow: 1px 0 4px #CCC;
  background:#FFF;
  border-top:1px solid #e5e5e5;
  max-height:300px;
  overflow-y: auto;
}
.lib-tags__list div{
  padding: 10px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  cursor: pointer;
  margin: 10px;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 10px;
}

.lib-tags__search input{
  font-size:14px;
  flex: 1;
  margin-right:10px;
}
.lib-tags-search__wrapper{
  position:relative;
}
.lib-tags__list.closed{
  display: none;
}

.luni-tags__selected div{
  display: inline-block;
  margin: 5px;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 10px;
  cursor:pointer;
}
.luni-tags__selected div i{
  float:right;
  margin-top: 2px;
  margin-left: 5px;
}

.lib-tags__wrapper{
  margin: 15px 0;
  padding:15px 0;  
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
}
.lib-tags__wrapper p{
  margin:0;
  margin-bottom:15px;
  color: dodgerBlue;
}

.lib-tags__search{
  display: flex;
  align-items: center;
}
.lib-tags__search input{
  font-size:14px;
  flex: 1;
  margin-right:10px;
}


.teacher-list-edit {
  color: orange;
}

.teacher-list-delete {
  color: red;
}

.edit-set-btn {
  color: orange;
}

.delete-set {
  color: red;
}

.uni-back {
  padding: 0;
  font-family: 'SF Pro Display', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0.03em;
  color: #828280;
  cursor: pointer;
  z-index: 51;
  user-select: none;
  transition: all .6s ease;
}

.uni-lesson {
  cursor: pointer;
}

.uni-course-header {
  text-align: center;
  font-size: 30px;
  color:#606060;
  
}

.uni-course-wrapper {
  background-color: white;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  border-radius: 10px;
  margin-bottom: 20px;
}

.uni-course-wrapper--top {
  display: grid;
  border-bottom: 1px solid gray;
  gap: 20px;
  grid-template-columns: 15% 1fr 100px;
  grid-template-areas: "course__logo title__wrapper course-chevron";
}

.uni-course-wrapper--top .course__logo {
  display: flex;
  align-items: center;
  width: 100%;
  max-height: 150px;
  max-width: 150px;
  height: 100%;
  justify-content: center;
  background: rgb(212 211 211 / 26%);
  object-fit: contain;
  padding: 20px;
  grid-area: course__logo;
}

.uni-course-wrapper--top .course__logo img {
  width: 100%;
  height: auto; 
}

.uni-course-name {
  font-weight: 700;
  margin-top: 5px;
  padding-bottom: 20px;
}

.course-title__wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 15px;
  padding: 20px 10px;
  grid-area: title__wrapper;
}

progress[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;
   border: none;
  width: 100%;
  height: 10px;
  border-radius: 6px;
  overflow: hidden;
}

progress:indeterminate {
  width: 80vw;
  height: 20px;
  border-radius: 5px;
}

progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

progress[value]::-moz-progress-bar {
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

.course-time {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #828280;
}

.uni-course-lessons-wrapper {
  padding: 15px 30px;
}

.uni-course-lessons-wrapper h3 {
  color: #828280;
}

.uni-user-tree__item.uni-lesson.uni-course-lesson {
  display: flex;
  gap: 10px;
}

.uni-course-chevron {
  display: flex;
  width: 100px;
  color:#828280;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  grid-area: course-chevron;
}

.uni-course-lesson__ready-check {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #828280;
  margin-left: auto;
}

.uni-course-lesson__ready-check.active {
  border: none;
  background-color: rgb(123, 230, 52);
}

.uni-user-tree__item.uni-lesson.uni-course-lesson.uni-user-tree__item--title {
  display: unset;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 90%;
}

@media screen and (max-width: 600px) {
  .uni-course-wrapper--top {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "course__logo course-chevron"
                          "title__wrapper title__wrapper";
    gap: 5px;
  }

  .uni-course-wrapper--top .course__logo{
    max-width: 80px;
    max-height: 80px;
    background: unset;
    padding: 15px;
  }

  .uni-course-chevron {
    justify-content: end;
    width: unset;
    padding: 0 15px;
    font-size: 26px;
  }

  .course-title__wrapper {
    padding-top: 0;
  }
}


.ikivach-coins .tab-content {
  display: none;
}

.ikivach-coins .tab-content.active {
  display: block;
}

.ikivach-coins .coins-filter-hidden,
.ikivach-coins .list .coins-filter-hidden,
.ikivach-coins .list > .card.coins-filter-hidden,
.ikivach-coins .list > .catalog-group-title.coins-filter-hidden,
.ikivach-coins .list > article.coins-filter-hidden,
.ikivach-coins .list [hidden] {
  display: none !important;
}

.ikivach-coins {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 0 4px 24px;
  color: var(--title-color, #173026);
  font-family: inherit;
}

.ikivach-coins .coins-content {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}

.ikivach-coins .coins-screen {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ikivach-coins .coins-nav {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-bottom: 16px;
  padding: 12px;
  border-radius: 20px;
  background: var(--block-bg, #fff);
  box-shadow: var(--block-shadow-1, 0 8px 24px rgba(16, 56, 33, 0.08));
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.ikivach-coins .coins-nav::-webkit-scrollbar {
  display: none;
}

.ikivach-coins .coins-nav a {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 8px 14px;
  border-radius: 16px;
  font-size: 14px;
  color: var(--title-color, #173026);
  text-decoration: none;
}

.ikivach-coins .coins-nav a.active,
.ikivach-coins .coins-nav a:hover {
  background: var(--menu-active, #e6f5ec);
  color: var(--title-color, #173026);
}

.ikivach-coins .card {
  border-radius: 20px;
  background: var(--block-bg, #fff);
  box-shadow: var(--block-shadow-1, 0 8px 24px rgba(16, 56, 33, 0.08));
  border: none;
  padding: 20px;
}

.ikivach-coins .card-muted {
  background: var(--input-bg, #f2f5fa);
}

.ikivach-coins .card.glass {
  background: var(--block-bg, #fff);
}

.ikivach-coins .section-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: var(--title-color, #173026);
}

.ikivach-coins .section-subtitle {
  margin: 4px 0 0;
  font-size: 14px;
  color: var(--create-input-color, #6a7f73);
}

.ikivach-coins .chip-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.ikivach-coins .chip-row::-webkit-scrollbar {
  display: none;
}

.ikivach-coins .chip {
  flex: 0 0 auto;
  white-space: nowrap;
  border: none;
  background: var(--input-bg, #eef5ef);
  border-radius: 16px;
  padding: 8px 14px;
  font-size: 13px;
  color: var(--create-input-color, #6a7f73);
  cursor: pointer;
}

.ikivach-coins .chip.active {
  background: var(--menu-active, #e6f5ec);
  color: var(--title-color, #173026);
  font-weight: 600;
}

.ikivach-coins .btn,
.ikivach-coins .btn-green {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 12px 20px;
  border-radius: 16px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: var(--green-btn-bg, #168a4d);
  cursor: pointer;
  text-decoration: none;
  width: auto;
}

.ikivach-coins .btn-secondary,
.ikivach-coins .btn-gray {
  background: var(--btn-gray-bg, #e6f5ec);
  color: var(--title-color, #168a4d);
}

.ikivach-coins .btn-block {
  width: 100%;
}

.ikivach-coins .btn:disabled,
.ikivach-coins button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.ikivach-coins .balance-card {
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(135deg, #0f6a3f 0%, var(--green-btn-bg, #168a4d) 58%, #35ab6a 100%);
  box-shadow: var(--block-shadow-1, 0 12px 36px rgba(16, 56, 33, 0.15));
  padding: 24px;
}

.ikivach-coins .balance-card .label {
  margin: 0;
  font-size: 14px;
  opacity: 0.85;
}

.ikivach-coins .balance-card .value {
  margin: 8px 0 16px;
  font-size: 2rem;
  font-weight: 700;
}

.ikivach-coins .balance-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.ikivach-coins .balance-stats .small {
  font-size: 13px;
  opacity: 0.8;
}

.ikivach-coins .balance-stats .big {
  font-size: 1.2rem;
  font-weight: 700;
}

.ikivach-coins .kpi-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

@media (min-width: 480px) {
  .ikivach-coins .kpi-row {
    grid-template-columns: repeat(3, 1fr);
  }
}

.ikivach-coins .kpi {
  border-radius: 16px;
  padding: 12px;
  background: var(--input-bg, #eef5ef);
}

.ikivach-coins .kpi-label {
  font-size: 12px;
  color: var(--create-input-color, #6a7f73);
  margin: 0;
}

.ikivach-coins .kpi-value {
  margin: 6px 0 0;
  font-size: 16px;
  font-weight: 700;
}

.ikivach-coins .quick-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 12px;
}

.ikivach-coins .list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ikivach-coins .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ikivach-coins .coin-badge {
  display: inline-block;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  background: var(--menu-active, #e6f5ec);
  color: var(--title-color, #168a4d);
}

.ikivach-coins .amount-plus {
  color: var(--green-btn-bg, #168a4d);
  font-weight: 700;
}

.ikivach-coins .amount-minus {
  color: #d14b59;
  font-weight: 700;
}

.ikivach-coins .product-image {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  font-size: 1.6rem;
  background: var(--input-bg, #eef5ef);
  flex-shrink: 0;
}

.ikivach-coins .catalog-group-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--create-input-color, #6a7f73);
  margin: 8px 0 4px;
}

.ikivach-coins .timeline {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ikivach-coins .timeline-step {
  position: relative;
  padding-left: 16px;
  font-size: 13px;
  color: var(--create-input-color, #6a7f73);
}

.ikivach-coins .timeline-step::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c5cddd;
  position: absolute;
  left: 0;
  top: 6px;
}

.ikivach-coins .timeline-step.active {
  color: var(--title-color, #173026);
}

.ikivach-coins .timeline-step.active::before {
  background: var(--green-btn-bg, #168a4d);
}

.ikivach-coins .progress {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: var(--input-bg, #dce8dd);
  overflow: hidden;
}

.ikivach-coins .progress > span {
  display: block;
  height: 100%;
  background: var(--green-btn-bg, #168a4d);
}

.ikivach-coins .promo {
  border-radius: 20px;
  padding: 20px;
  color: #fff;
  background: linear-gradient(145deg, #105f39, var(--green-btn-bg, #178a4f));
}

.ikivach-coins .promo p {
  color: rgba(255, 255, 255, 0.9);
}

.ikivach-coins .input,
.ikivach-coins select,
.ikivach-coins textarea {
  width: 100%;
  border: none;
  border-radius: 16px;
  padding: 12px 14px;
  margin-top: 6px;
  background: var(--input-bg, #f2f5fa);
  color: var(--title-color, #173026);
  font-size: 14px;
}

.ikivach-coins .bonus-table {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ikivach-coins .bonus-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  padding: 12px;
  border-radius: 16px;
  background: var(--block-bg, #fff);
  box-shadow: var(--block-shadow-1, 0 4px 12px rgba(0, 0, 0, 0.06));
}

@media (min-width: 520px) {
  .ikivach-coins .bonus-row {
    grid-template-columns: 1.6fr 0.5fr 0.7fr;
    align-items: center;
  }
}

.ikivach-coins .bonus-row.head {
  font-weight: 600;
  background: var(--input-bg, #eef5ef);
}

.ikivach-coins .status-line {
  font-size: 14px;
  margin-top: 8px;
}

.ikivach-coins .status-line.ok {
  color: var(--green-btn-bg, #168a4d);
}

.ikivach-coins .status-line.error {
  color: #d14b59;
}

.ikivach-coins .modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10010;
  display: none;
  align-items: flex-end;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  padding: 16px;
}

.ikivach-coins .modal-backdrop.open {
  display: flex;
}

.ikivach-coins .modal {
  width: min(420px, 100%);
  border-radius: 20px;
  background: var(--block-bg, #fff);
  padding: 24px;
  box-shadow: var(--block-shadow-1, 0 12px 40px rgba(0, 0, 0, 0.15));
}

.ikivach-coins .dashboard,
.ikivach-coins .dashboard-main,
.ikivach-coins .dashboard-rail {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ikivach-coins .bottom-tab {
  display: none;
}

.ikivach-coins .app {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
}

/* .doc-preview__comment>p,
.doc-preview__comment>b,
.doc-preview__comment>font {
  font-size: 15px;
} */

/*.doc-preview__comment {
  margin: 15px 0;
  box-shadow: 1px 0 4px #ccc inset;

  max-width: 100%;
  overflow: hidden;
  width: 100%;
  height: max-content;
  background-color: #d3d3d34a;
}

.doc-preview__comment * {
  font-family: 'Times New Roman', Times, serif;

}

.doc-preview__comment p:not(:where(li > *, td > *)) {
  font-family: 'Times New Roman', Times, serif;

}*/

.doc-colon {
  width: 7px;
  height: 170px;
  border-radius: 10px;
  float: left;
  position: relative;
  top: -50px;
  right: 50px;
}

.doc-preview__info {
  float: unset;
  display: flex;
  flex-wrap: wrap;
}

.doc-preview__info-block {
  margin-right: 5px;
}

.doc-preview__info-block:nth-last-child(1) {
  margin-right: 0px;
}

.doc-preview__info-block__text {
  margin-right: 5px;
}

.doc-preview-wrapper {
  display: flex;
  gap: 15px;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20px;
  position: static;
}

.doc-preview-wrapper h5 {
  margin: 5px 0;
}

.doc-preview-scale {
  padding: 10px 15px;
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  font-size: 20px;
}
.doc-fullscreen {
  cursor: pointer;
}
.doc-fullscreen i {
  transform: rotateZ(45deg);
  font-size: 34px;
}

.doc-preview__plus {
  background: green;

}

.doc-preview__minus {
  background: red;
}

@media (max-width: 1100px) {
  .doc-preview__wrapper {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .doc-content__wrapper H1 {
    margin-bottom: 0;
  }

  .doc-preview__wrapper h2 {
    font-size: 20px;
    margin: 10px;
  }

  .doc-preview__info table td {
    padding: 5px;
  }

  .doc-content {
    display: flex;
  }
}
1
.vjs-svg-icon{display:inline-block;background-repeat:no-repeat;background-position:center;fill:#fff;height:1.5em;width:1.5em}.vjs-svg-icon:before{content:none!important}.vjs-control:focus .vjs-svg-icon,.vjs-svg-icon:hover{filter:drop-shadow(0 0 .25em #fff)}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABUgAAsAAAAAItAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV33Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADwwAABdk9R/WHmhlYWQAABGcAAAAKwAAADYn8kSnaGhlYQAAEcgAAAAdAAAAJA+RCL1obXR4AAAR6AAAABMAAAC8Q44AAGxvY2EAABH8AAAAYAAAAGB7SIHGbWF4cAAAElwAAAAfAAAAIAFAAI9uYW1lAAASfAAAASUAAAIK1cf1oHBvc3QAABOkAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7xDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADbZCycAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1gUV5auc6urCmxEGrq6VRD6ATQP5dHPKK8GRIyoKApoEBUDAiGzGmdUfKNRM4qLZrUZdGKcGN/GZJKd0SyOWTbfbmZ2NxqzM5IxRtNZd78vwYlJdtREoO7sudVNq6PmmxmKqrqPU+eee173P80Bh39Cu9DOEY4DHZBK3i20D/QRLcfxbE5sEVtwLpZzclw4ibFIkSCJUcZ4MBpMnnzwuKNsGWBL5i3qy6kO2dVpvUpKbkAP9fq62rdeGJ+TM/7C1nbIutfuWrWk5ci4zMxxR1qW/N+9JsmCGXj9VKWhFx/6tr/nz78INDm2C9yPF/fDcxLuyKxLBZ1ZBz2QTi+RSkiH5RrDQJ/GgGQadX9m0YSURs7GpSG905Zsk41uj14yul1OtieZ7QUk5GRG/YiS7PYYPSAZNRed9sq3+bOpz00rKb7pe/ZEZvbALxZAHT3AFoH8GXP3rt67QFn40kt8W13FjLTDb48c+fSi5/7h0P4dL5yz7DPtbmgmYxfQA9RL2+EOfTcvdp+1vmuBpvOll1As1S6ak0IvJzC7sKWJFtJgBd2uWcg+0Zyg7dzQfhcjXRgXGZRf5/a4A58IDU777Nl252AUk4m2ByRRjqTNqIDCEJeAnU3iCFwrkrNwXEzg4yFevBwypzxkcX+AIfk3VEKl3XmWbT8788SzvpvFJaiOezL6QyuSr9VNf97csNu0z3LuhR0wATUxZAfVBwVOy+nQFhxYdWaXlXe4HC4zWGWzzsrLDtmhI9pOWOHv7PTT7XybH1Z0+v2d5Abd3kmG+TsH23CS/KwTxx/JkzEwx6jcQOUc42LLwHJ/J93uZ9ygh3HuZGwqsY9dWDHQ58dxNqyqKRQTYdxwTubiOSs3FiMDkq0WSZQgCT0GBDOg2lxOAd1FlPVGs4AKBAcYHHaP2wPkHaivmLF5zYqnIZrvcHx5gN4k/6tchNW1DtdgNL2KrxEkS/kfnIHoVnp1VjmjpTf5r0lTzLj0mdS28tX+XGorU364eMPmnWVl8J36nlKGw3CZhjEiuMw8h8mKvhGD+4/lElBWjAhLJMg6fTw4zPZ8cOmcGQBm2Qxml1nAm13CpYGq1JKUlJJUzQn1PTAO0mgv6VMMpA/DuRfSWEu4lDIxdbAtdWIKvnn2Vk766CWfz9fpY0sH/UpdP50rfszaVpdVRmvIejEdLMk45s4Bu0EWHjeOySmFyZSiMahvZdNSn29peoI/YexYfKQTLeurTXXwEVLeSfInTWHkkMaeUx7sBvOCSTSj3AlcKjfueyS36tCrXDlgRtF0etFq9jhc1kfKuBT/OwMr0F4UUTTh1AN0g20+H/ScPcsIEsYu9d/zN5PmjprPtNwI1ZZcDK6iC97Mcjp2y2aX36f+QbpGHrgRuHlXJ+Zf6PFRL2uQSp8vxHeF2IoRb8Rd2rhMzsNxSRmEuKK4JFnkojhMcx6jzqHzGMGFcW+MhBj0bhf6cowN+45I4LHvwT6fteu7M42wGRI/pxcg6/MZdEvt1U1XaulHFXuLmqov/MukvRVL35/b3ODM1+4aPjtzeK7zmUkV2h3DN54HaQ9GzJvxHRb6Ks2gB81fwqraT+A7GvZJrRLRofU6G0urNL+zFw3v0FaVDFxsKEZW56F31r6ip6vOL+FCObBPuIMRiXld9RaMdLzRIOGhPey2T9vA/35DmZPK9IWaT9d/WgOGMieYqJ/dzjLIhZU118gbysxrNUGefxD6UO/hyNNllpFTOIbx32kSFQctnweV5PxTMHLjRqiAN+fQE9gL+Xy5WB6MOS4GJJuYbDUHhcKDhHGRbLzOpjsjdM1+iwAZLGeieehACX2hhI7SjK/ZUTNrvVje31TxJiFBGYViWFkCn9PMeX9fS6qVbzfCj4fOCTzDnuWy2c4xA7mdNkA3RS9FH2VeqzdCBlixxbzXjvkHU1I8BOYFb1pZvPIHSSIj4svT8xpzcxtXN+ZKyjdDvbz08niiF3PqV9Tn5NST8vg48MTaY8E5xqSSIsWoWHo+LtAzxdH/GDUyp37CBEYfso04F/NlMTcDJUTpECLY0HFGQHImE8xsEUdgnrQlixIvGhJA1BvxpDHGxEMBYFeNOHcBJlSjwe2JcSfbBEsGOPPBHg/6SBBOCsLLw0SpUxod0Z1bFMfLkbQ3UiZxEyd0Dx8t+SRBu18Q9msFbI4e3p1THEfkSEh7kEJ5orR10qTWDvbgPWn5aWvCYyOAjwgXyjJi34uMjo58L25cmRAeQZWI2PA1QQLsPESAH8WGFwZZ4SPoR73BHPzIPMJj9AreBzKUmrH4todT18ANvi1oc3YGjUT/0j+ExUwq8PI9BLaCQIpvewwYu2evAG/Vo/5avPdY7o+BemLLXw3y+AdkzP9bpIxB1wm5EYq8fesHbPEPtm6HrHvtx4jcGPR8fDDpkZBefIjB46QnlUNRltv4Z/pO/J6dxEjhYAtmoMeq+GozvUVvNYOW3m6GCIhoprcfr97B8AcIQYsfD8ljUvGNjvkrpj0ETA48ZMIxCeqsRIsQALE0gi2GB+glSOfbOjW3GSBM9yPq8/rpJXrJDz0BPxV6xdN4uiCGDQed3WhgFkBUZEFsmeyyBpzXrm7UGTBZG8Lh5aubFufk5eUsbrrFGr7McYdbltxa0nKYqRKbQjvikXYkTGM0f2xuyM3Ly21oXnWfvf6I1BmZwfh7EWWIYsg2nHhsDhOnczhJcmI6eBAmy3jZ3RiJmKQR/JA99FcwsfaVbNDDyi1rL9NPj9hfo61wjM6BjzOLijLpeTgk/pL+ip6tfYWupzeOgPny2tcUu9J/9mhxJlgyi985NFRbvCVewXUNXLJaW0RxZqtRYtnfYdcYomXQWdnJHQA3jiEEkeTQWcWxdDP9IvvVWvo2TK553XEMEq+s69/QDU1Q7p0zxwsm9qS379whr8NI2PJqLUyGyfNeX3eFfnJU2U+uHR9cVV1IqgurqwuV44XVp0h2qN55X5XJwtk59yP0IZuHrqBOBIuIYhkcoT6Kx79Pu2HS/IPZIMOqLWs/pteOOk4NPgEb6QAIdAPsyZk5Mwd+wVaHMexJv719W7xCu2l37UG6lvYdBcvHa08p89741zd63phTRGqL5ggo6SlvdbWXzCqsPq78NnSu7wnKy2HNZbVoRCI7UJEOyRj+sPE002tOOY7Qa5fXboFWkLNeqYUSZRocp9XwSUZxcQZ9Hw6LV2pOoVmvHQEDbGIENEG5i6bLgMSM4n8+FNLTtAds99DaWEvgcf4o5SyYe9x+kF6/tGoTPAdRmS/XQIEy//QxKC2oqioAI3tS5auvxCtzT6y6RK8fhChYcwCJaMJhxc0vqSxQ/qmgsrKAlBZUHlauheTpvd9uj5DnLzJct6qfq5fXbYHVIGcfrIVJihbaVLu1wW7Vbs8zK0A8e9Jvb91S9cVMjPrazD6gpfeZTXzYbCFMcppVRsGMpp55OWgx1/3JeAxW1Y7AORgM/m3rWrsdLkQVmEVSU16cX/e7uvkvpqRiQsG06XJ0t64Tf+l0nG1dt025gyOIZlvq5u9KSU1N2TW/rsWnnMRPyTDkctbhvIcNvYIXWyLzdwYLoYesUbaQG4iK2cWO2gdpeUYLqDD0MUTOPhDIGnZEs58yArR86FznuWEsU4YDi2x26dA4klkn8Qa6vhk2QUfX4Jxm/ngX9r7ogn1dmlmwqZmuhxtdg9XN/DEcUgqb+9hMyNansfaQET2mcROCmGEMVqxm5u+h6kN2MOwgqykV2wH9yQG9DvVFU38Pogaf4FVuE62KI/oJ02RDdWW2w5dqQwU/8+N1q1DlvsL863u61KLE7x/o8w0VJQM/Y/SQ3unIrqxueEa1BqT5VFNsO7p39/UC771a77RowpaKe9nvJQIT1Pog5LGx8XblBKmCNGTf3xMogAQvPnz9PYKX/08sVDTG1OKUlOLUgS/UaZtm1NAaYTsl7i9ZQ+L6O4Rl0OGa577LuWvc+C+x96/vYh0lLBuM+7XwI/dTLtdT7v4d6rRTWDnku0IBrqFnZ5bVIqKP8lasJlithWnaLhTsr8qFJBulF/70p4undou36HeTJ5+jv1fCybeQ8nH3+Xv6aENczmOFlab+hqMDg1rLOt12A+tiUFrYDwQ6c3RUJp601nzegTNX6WlYAI2zSUV945F6zU56ZmZVQaWspWcIADxJ9GmljQUnL2p2Dpr5T8H+5KJFu+vqBq8qvyHRzStLHPEO5SPYCV9nZe0yZT2RcH0oHvegSzNEJ0oGWU8iQWM12dgPEugngVceGIwZgPFp0BiT1a0a3R5Rcot7ihfA1J/20v96jX7zmTX9s583H0kwx6WnLd09cXrR9LGroOa9sHNbdyz8wcKk5lqhaVFJZNwmqtw884MXNdvJujpBa3xzuSaZH9sxa06Z7x+HJSduPbdYHv/DgmEhfbehvlmGN7JUkcG78GDM12CeyFFTPNqVeNxC1gzjz+c2nVo63Xxs8rKJWXoBJM0tmEbfGm4qzpoOH3xpzQfyxLzW1gnE9NHo6tol1eMEic4ZVPrjnVi0kqAe2sQ2bgqupScaq8WGlUWgWHI51SKJl/UYT6zccNsCSkBtiVZLsiefuFSDYT3Fi8Zk7EUnmjTRYtsFeuDDJS05MW79M3mr3mla+d8dzac31KTPmBYfFiYSUef48PhPjm9ryZsSGZZkdNvzq0Y9rdNcwDq5Dg5C3QW+7UN64IKptvS3tvHbvu5c9pv1Exau21rc9LIpwpQwUjTq8576yeVDz5+4WZ1nXT43wV60rPLJbDp/UksNrP3iQ2SA63Pst058gOYDbhRnRUw8l/sRt4HbxPzO4WYpInCpuVgSbVh6JXuwnnJngKTTCwaPWmG5Xbhpm1U0Yt3FyBGpGYemPM77p2TD904JjgJ2QFpFLeYpGx8X15Qx1Zk31p5ki9ZLUuXE0lmuJlcakJMVLeFS1iIvrB8drY0aloilakqCZwzwRORtxlgwxS4IThggJd4TDxoiaAIT80fFPGrCPPru+puFn504P/ybr4ihA/6dKASLshEJic7xE8tmzu3KzA7TABBe8y5fNbWo3ilQn/SuFKM16b2l5bOeayqfGhYmhIulU+fVNDdWVv4NMzX10MBHyPR5uhWUu8D9P1VnIMt4nGNgZGBgAOJ/1bf64vltvjJwszOAwAOlmqvINEc/WJyDgQlEAQA+dgnjAHicY2BkYGBnAAGOPgaG//85+hkYGVCBPgBGJwNkAAAAeJxjYGBgYB/EmKMPtxwAhg4B0gAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAe4CLgKKAtAC/ANiA4wDqAPgBDAEsATaBQgFWgXABggGLgZwBqwG9gdOB4oH0ggqCHAIhgicCMgJJAlWCYgJrAnyCkAKdgrkC7J4nGNgZGBg0GdoZmBnAAEmIOYCQgaG/2A+AwAaqwHQAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkXlT2zAQxf1C4thJAwRajt4HRy8VMwwfSJHXsQZZcnUQ+PYoTtwpM+wf2t9brWZ2n5JBsol58nJcYYAdDDFCijEy5JhgileYYRd72MccBzjEa7zBEY5xglO8xTu8xwd8xCd8xhd8xTec4RwXuMR3/MBP/MJvMPzBFYpk2Cr+OF0fTEgrFI1aHhxN740KDbEmeJpsWZlVj40s+45aLuv9KijlhCXSjLQnu/d/4UH6sWul1mRzFxZeekUuE7z10mg3qMtM1FGQddPSrLQyvJR6OaukItYXDp6pCJrmz0umqkau5pZ2hFmm7m+ImG5W2t0kZoJXUtPhVnYTbbdOBdeCVGqpJe7XKTqSbRK7zbdwXfR0U+SVsStuS3Y76em6+Ic3xYiHUppc04Nn0lMzay3dSxNcp8auDlWlaCi48yetFD7Y9USsx87G45cuop1ZxQUtjLnL4j53FO0a+5X08UXqQ7NQNo92R0XOz7sxWEnxN2TneJI8Acttu4Q=) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10a"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10b"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10c"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-downloading{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-downloading:before{content:"\f10f"}.vjs-icon-file-download{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download:before{content:"\f110"}.vjs-icon-file-download-done{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download-done:before{content:"\f111"}.vjs-icon-file-download-off{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download-off:before{content:"\f112"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f113"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f114"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f115"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f116"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f117"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f118"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f119"}.vjs-icon-repeat{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-repeat:before{content:"\f11a"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f11b"}.video-js .vjs-skip-backward-5 .vjs-icon-placeholder,.vjs-icon-replay-5{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before,.vjs-icon-replay-5:before{content:"\f11c"}.video-js .vjs-skip-backward-10 .vjs-icon-placeholder,.vjs-icon-replay-10{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before,.vjs-icon-replay-10:before{content:"\f11d"}.video-js .vjs-skip-backward-30 .vjs-icon-placeholder,.vjs-icon-replay-30{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before,.vjs-icon-replay-30:before{content:"\f11e"}.video-js .vjs-skip-forward-5 .vjs-icon-placeholder,.vjs-icon-forward-5{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before,.vjs-icon-forward-5:before{content:"\f11f"}.video-js .vjs-skip-forward-10 .vjs-icon-placeholder,.vjs-icon-forward-10{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before,.vjs-icon-forward-10:before{content:"\f120"}.video-js .vjs-skip-forward-30 .vjs-icon-placeholder,.vjs-icon-forward-30{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before,.vjs-icon-forward-30:before{content:"\f121"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f122"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f123"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f124"}.vjs-icon-shuffle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-shuffle:before{content:"\f125"}.vjs-icon-cast{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cast:before{content:"\f126"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f127"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f128"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f129"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f12a"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f12b"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f12c"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f12d"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f12e"}.video-js{display:inline-block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{width:100%;max-width:100%}.video-js.vjs-1-1:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-fluid:not(.vjs-audio-only-mode){height:0}.video-js.vjs-16-9:not(.vjs-audio-only-mode){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio-only-mode){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio-only-mode){padding-top:177.7777777778%}.video-js.vjs-1-1:not(.vjs-audio-only-mode){padding-top:100%}.video-js.vjs-fill:not(.vjs-audio-only-mode){width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js.vjs-audio-only-mode .vjs-tech{display:none}body.vjs-full-window,body.vjs-pip-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js{width:100%!important;height:100%!important;padding-top:0!important;display:block}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-pip-container .vjs-pip-text{position:absolute;bottom:10%;font-size:2em;background-color:rgba(0,0,0,.7);padding:.5em;text-align:center;width:100%}.vjs-layout-small.vjs-pip-container .vjs-pip-text,.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text{bottom:0;font-size:1.4em}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:50%;left:50%;padding:0;margin-top:-.81666em;margin-left:-1.5em;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-button .vjs-svg-icon{width:.75em;height:.75em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{display:flex;justify-content:center;list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon,.vjs-menu li.vjs-selected .vjs-svg-icon,.vjs-menu li.vjs-selected:focus .vjs-svg-icon,.vjs-menu li.vjs-selected:hover .vjs-svg-icon{fill:#000}.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){background:0 0}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-pip-window .vjs-menu-button-popup .vjs-menu{left:unset;right:1em}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-audio-only-mode .vjs-control-bar,.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible;pointer-events:auto}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.video-js .vjs-control.vjs-visible-text{width:auto;padding-left:1em;padding-right:1em}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.vjs-button>.vjs-svg-icon{display:inline-block}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js :not(.vjs-visible-text)>.vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;line-height:.35em;z-index:1}.vjs-svg-icons-enabled .vjs-play-progress:before{content:none!important}.vjs-play-progress .vjs-svg-icon{position:absolute;top:-.35em;right:-.4em;width:1em;height:1em;pointer-events:none;line-height:.15em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.vjs-progress-control:hover .vjs-progress-holder .vjs-play-progress .vjs-svg-icon{width:.8em;height:.8em;top:-.25em;right:-.5em;line-height:.35em}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em;z-index:1}.vjs-svg-icons-enabled .vjs-volume-level:before{content:none}.vjs-volume-level .vjs-svg-icon{position:absolute;width:.6em;height:.6em;top:-.55em;pointer-events:none}.vjs-mute-control .vjs-svg-icon{width:1.75em;height:1.75em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{line-height:.35em;right:-.5em}.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon{top:-.15em;right:-.3em;line-height:.05em}.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon{top:-.9em;right:-.15em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{display:none;position:absolute;width:100%;height:1px;background-color:#000;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.vjs-poster{display:inline-block;vertical-align:middle;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster{display:block}.vjs-poster img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-svg-icons-enabled .vjs-seek-to-live-control{line-height:0}.vjs-seek-to-live-control .vjs-svg-icon{width:1em;height:1em;pointer-events:none;fill:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon{fill:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.video-js .vjs-current-time,.video-js .vjs-duration,.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider{display:none}.vjs-time-divider{display:none;line-height:3em}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,.vjs-pip-window .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-fullscreen-control,.vjs-pip-window .vjs-fullscreen-control{display:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.85;text-align:left;border:.6em solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:5em;height:5em;border-radius:50%;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-.6em;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.video-js.vjs-audio-only-mode .vjs-captions-button{display:none}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-audio-only-mode .vjs-descriptions-button{display:none}.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon{margin-left:.3em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\f10c";font-size:1.5em;line-height:inherit}.video-js.vjs-audio-only-mode .vjs-subs-caps-button{display:none}.video-js .vjs-audio-button+.vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" \f12e";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js.vjs-layout-tiny .vjs-progress-control,.video-js.vjs-layout-x-small .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{flex:auto;display:block}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-text-track-settings select{font-size:inherit}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:10px;border:none}.vjs-text-track-settings fieldset span{display:inline-block;padding:0 .6em .8em}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;font-weight:700;font-size:1.2em}.vjs-text-track-settings .vjs-label{margin:0 .5em .5em 0}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}.vjs-title-bar{background:rgba(0,0,0,.9);background:linear-gradient(180deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,0) 100%);font-size:1.2em;line-height:1.5;transition:opacity .1s;padding:.666em 1.333em 4em;pointer-events:none;position:absolute;top:0;width:100%}.vjs-title-bar-description,.vjs-title-bar-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vjs-title-bar-title{font-weight:700;margin-bottom:.333em}.vjs-playing.vjs-user-inactive .vjs-title-bar{opacity:0;transition:opacity 1s}.video-js .vjs-skip-forward-5{cursor:pointer}.video-js .vjs-skip-forward-10{cursor:pointer}.video-js .vjs-skip-forward-30{cursor:pointer}.video-js .vjs-skip-backward-5{cursor:pointer}.video-js .vjs-skip-backward-10{cursor:pointer}.video-js .vjs-skip-backward-30{cursor:pointer}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0}.video-js :focus:not(:focus-visible){outline:0}
:root {
    
    /* --swiper-pagination-color: var(--swiper-theme-color);
    --swiper-pagination-left: auto;
    --swiper-pagination-right: 8px;
    --swiper-pagination-bottom: 8px;
    --swiper-pagination-top: auto;
    --swiper-pagination-fraction-color: inherit;
    --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
    --swiper-pagination-progressbar-size: 4px;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-border-radius: 50%;
    --swiper-pagination-bullet-inactive-color: #000;
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    */
  }
  .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
  }
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > .swiper-pagination,
  .swiper-pagination.swiper-pagination-disabled {
    display: none !important;
  }
  /* Common Styles */
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
  }
  /* Bullets */
  .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  }
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
            appearance: none;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
  .swiper-pagination-bullet:only-child {
    display: none !important;
  }
  .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
  }
  .swiper-vertical > .swiper-pagination-bullets,
  .swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0);
  }
  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
  }
  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
  }
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
  }
  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
  }
  /* Fraction */
  .swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
  }
  /* Progress */
  .swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;
  }
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > .swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-horizontal,
  .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > .swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-vertical,
  .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
  .swiper-pagination-lock {
    display: none;
  }
  
:root {
    --swiper-navigation-size: 44px;
    
    --swiper-navigation-top-offset: 50%;
    --swiper-navigation-sides-offset: 10px;
    --swiper-navigation-color: var(--swiper-theme-color);
   
}
  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
  }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-button-prev.swiper-button-hidden,
  .swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled .swiper-button-prev,
  .swiper-navigation-disabled .swiper-button-next {
    display: none !important;
  }
  .swiper-button-prev svg,
  .swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
  }
  .swiper-rtl .swiper-button-prev svg,
  .swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg);
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
  }
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
  }
  .swiper-button-lock {
    display: none;
  }
  /* Navigation font start */
  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
  }
  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-next:after {
    content: 'prev';
  }
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
  }
  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after {
    content: 'next';
  }
  /* Navigation font end */
  
/**
 * Swiper 10.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 17, 2023
 */

/* FONT_START */
@font-face {
    font-family: 'swiper-icons';
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal;
}
  /* FONT_END */
:root {
    --swiper-theme-color: #007aff;
    /*
    --swiper-preloader-color: var(--swiper-theme-color);
    --swiper-wrapper-transition-timing-function: initial;
    */
}
:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
    display: block;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
  /* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
  /* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
  }
  .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
  }
  .swiper-3d {
    perspective: 1200px;
  }
  .swiper-3d .swiper-slide,
  .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
  /* CSS Mode */
  .swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
  }
  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
  }
  .swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
  }
  .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
  }
  .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
  }
  .swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999;
  }
  .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
  }
  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
  }
  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
  }
  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
  }
  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
  }
  /* Slide styles start */
  /* 3D Shadows */
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom,
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
  }
  .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
  .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
  .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
  }
  .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
  }
  @keyframes swiper-preloader-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  /* Slide styles end */
  
.ads__block{
    display: block;
}

@media (max-width: 1700px) {
    .staff__list {
        margin-top: 16px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
    .staff__list-item{
        max-width: 224px;
    }
}

@media (max-width: 1442px) {
    #news__welcome{
        align-items: center;
    }
}

@media (max-width: 600px) {
    .ads__date-list {
        display: block;
    }
}

@media (max-width: 514px) {
    .ads__date-list {
        display: block;
    }
    .del-btn{
        padding: 21px 25px 13px 25px;
    }
}


@media (max-width: 1140px){
    #news-main{
        justify-content: center;
    }
}

@media (max-width: 834px){
    #news-main{
        justify-content: center;
    }
}

@media (max-width: 573px){
    .staff__list{
        grid-template-columns: 1fr;
    }
    .staff__list-item {
        max-width: 224px;
        justify-self: center;
    }
}
.dual-listbox{display:flex;flex-direction:column}.dual-listbox .dual-listbox__container{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap}.dual-listbox .dual-listbox__search{border:1px solid #ddd;padding:10px;width:100%}.dual-listbox .dual-listbox__available,.dual-listbox .dual-listbox__selected{border:1px solid #ddd;height:300px;overflow-y:auto;padding:0;width:300px;margin-top:0;-webkit-margin-before:0}.dual-listbox .dual-listbox__buttons{display:flex;flex-direction:column;margin:0 10px}.dual-listbox .dual-listbox__button{margin-bottom:5px;border:0;background-color:#ddd;padding:10px;color:#fff;cursor:pointer}.dual-listbox .dual-listbox__button:hover{background-color:#ccc}.dual-listbox .dual-listbox__title{padding:15px 10px;font-size:120%;font-weight:700;border-left:1px solid #efefef;border-right:1px solid #efefef;border-top:1px solid #efefef;margin-top:1rem;-webkit-margin-before:1rem}.dual-listbox .dual-listbox__item{display:block;padding:10px;cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;border-bottom:1px solid #efefef;transition:background .2s ease}.dual-listbox .dual-listbox__item.dual-listbox__item--selected{background-color:#089de3b3}.dual-listbox .dragging{opacity:.5;background-color:#ddd}.dual-listbox .drop-in{border:1px solid #aaa}.dual-listbox .drop-above{border:0;border-top:1px solid #7c90ff}

* {
    font-family: "SF Pro Display", sans-serif;
    font-weight: 400;
    -webkit-tap-highlight-color: transparent;
    outline-color: transparent;
}

body {
    font-family: "SF Pro Display", sans-serif;
    background-color: var(--bg);
    /*display: flex;*/
    width: 100vw;
    color: var(--title-color);
    
}

:root {
    --sidebar-left-width: 330px;
    --sidebar-right-width: 400px;
    --banner-height: 10px;
}

button {
    cursor: pointer;
}

button:disabled {
    background: #F0F0F0;
    color: #D0D2D3;
    border: none;
}

button:disabled:hover {
    background: #F0F0F0;
    color: #D0D2D3;
    border: none;
}

.preloader {
    width: 100%;
    height: 100%;
    min-height: 375px;
    min-width: 375px;
    background: url(/assets/img/duck-kid.gif) center center no-repeat rgba(0, 0, 0, 0.3);
    background-size: auto 200px;
    z-index: 10001;
}

a {
    color: var(--title-color);
    -webkit-tap-highlight-color: transparent;
}

a:hover {
    filter: contrast(0.99);
}

.wrapper {
    height: 100% !important;
}

.main-user-menu,
.admin-menu {
    display: flex;
    justify-content: center;
    padding: 0 8px;
}

#jci-service,
#gallery-service,
#report_econom-service,
#tests-service,
.not-short-wrapper {
    display: none;
}

#content {
    margin-left: var(--sidebar-left-width);
    width: Calc(100% - var(--sidebar-left-width) - 5px);
    height: Calc(100% - var(--sidebar-top-height));
    padding: 10px;
    max-width: calc(100vw - var(--sidebar-left-width) - var(--sidebar-right-width));
}

#content.expand {
    width: Calc(100% - var(--sidebar-left-width) - 5px);
    max-width: calc(100vw - var(--sidebar-left-width));
}

#content.expand .main {
    max-width: calc(100vw - var(--sidebar-left-width));
}

#content.expand .collapse_right_menu {
    transform: rotateY(180deg);
}

#left-menu,
#admin-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    bottom: unset;
    width: auto;
    width: var(--sidebar-left-width);
    top: Calc(var(--banner-height));
    z-index: 50;
}

li::marker {
    list-style-type: none;
}

.header__mobile {
    display: flex;
    align-items: center;
}

.header__logo-img {
    background-image: var(--logo);
    width: 175px;
    height: 36px;
}

.menu .menu__list {
    width: 100%;
}

.menu .list__item:hover a:not(.list__item-counter) {
    background: var(--menu-active);
}

.welcome-title-link {
    display: flex;
    margin-right: 15px;
}

.diner-user-view {
    width: 100%;
}

.comments-title span {
    margin-left: 10px;
    color: #d0d2d3;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.comments-wrapper input[type="checkbox"]:checked~.comments {
    display: block;
}

.comments-wrapper input[type="checkbox"]:not(:checked)~.comments {
    display: none;
}

.comments__main_input {
    position: relative;
    width: 80%;
}

.comments__main_input input {
    width: 100%;
    /*padding: 14px 0px 14px 14px;*/
    border-radius: 16px;
    border: none;
    background-color: var(--input-bg);
    color: var(--title-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.05em;
}


/* 2 страница */

.tabs-big {
    display: flex;
}

.tabs-big.tab-buttons {
    display: flex;
    width: 100%;
}

.tabs-big .tabs-big__item,
.tabs-big .tabs-big__item.tab {
    cursor: pointer;
    text-align: center;
    width: 50%;
    padding: 14px 0;
    background-color: var(--news);
    border-radius: 16px 16px 0px 0px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #D0D2D3;
}

.tabs-big .tabs-big__item.tab.active,
.tabs-big .tabs-big__item.active {
    background-color: var(--block-bg);
    color: var(--title-color);
}

.news__block {
    background-color: var(--block-bg);
}

.ads__block {
    background-color: var(--block-bg);
    padding: 24px 16px;
}

.news__block {
    padding: 24px;
}

.news__header {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-bottom: 16px;
}

.tab-content.simple-block {
    border-radius: 0 0 16px 16px;
}

.news__list {
    cursor: pointer;
    display: flex;
    gap: 32px;
}

.news__list-container {
    width: 100%;
    overflow: hidden;
    /*max-width: 702px;*/
}

.list__container-inner {
    width: 100%;
    overflow: auto;
}

.news__list-item {
    white-space: nowrap;
    transition: color 0.5s;
    padding: 8px 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--base-text-color);
}

@media (max-width:500px) {
    .news__list-item {
        font-size: 12px;
    }
}

.news__list-item a {
    color: inherit;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.news__list-item.active {
    color: #65BC47;
}

.news__list-item:hover {
    color: #65BC47;
}

.header__tools-exchange {
    border-radius: 8px;
    padding: 10px 12px 11px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: var(--exchange);
}

.exchange-title {
    white-space: nowrap;
    color: var(--exchange-title);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.exchange-dollar {
    display: flex;
    align-items: center;
    gap: 4px;
    color:
        /*#66A67E*/
        var(--exchange-title);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.exchange-euro {
    display: flex;
    align-items: center;
    gap: 4px;
    color:
        /*#E7686E*/
        var(--exchange-title);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.header__tools-btn {
    white-space: nowrap;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: #4CAE50;
    color: #ffffff;
    border-radius: 16px;
    padding: 12px 25px 13px 25px;
    /*margin-left: auto;*/
}

.news__content {
    margin-top: 40px;
}

.news__content-item {
    background-color: var(--item-bg);
    padding-bottom: 26px;
    border-radius: 20px;
    box-shadow: var(--block-shadow-1);
}

.news__content-item:not(:first-of-type) {
    margin-top: 16px;
}

.news__content-main {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    container-type: inline-size;
    container-name: newsContainer;
}

.news__main-pics {
    display: flex;
}

.news__content-img {
    width: 100%;
    min-width: 256px;
    object-fit: cover;
    max-width: 440px;
    max-height: 266px;
    border-radius: 20px 0 0 0;
}

.news__content-reaction {
    padding: 16px 16px 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.first-fill {
    fill: var(--reaction-icon-fill);
}

.second-fill {
    fill: var(--reaction-icon-second-fill);
}

.news__content__text {
    max-width: 514px;
    overflow: hidden;
    padding: 16px;
    flex: 1 1;
}

.not-com-add-frm .btn-copy {
    color: #1FA7E7;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: max-content;
    cursor: pointer;
}

.contact-editor-item {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 0;
}

.contact-editor-item input {
    flex: 1 1;
}

.frmSearch label span,
.label span,
.frmEdit fieldset legend,
.frmSearch fieldset legend,
legend,
.label span,
.inc_part_moderator_label span.span-label {
    color: var(--title-color);
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
}

.tab-buttons {
    cursor: pointer;
    text-align: center;
    width: max-content;
    background-color: var(--news);
    border-radius: 16px 16px 0px 0px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #D0D2D3;
    gap: 5px;
    overflow: hidden;
}

.tab-buttons .tab {
    padding: 10px;
    font-size: 12px;
    color: #D0D2D3;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.tab-buttons .tab:hover,
.tab-buttons .tab.active {
    background: var(--block-bg);
    color: var(--title-color);
}

.tab-content,
.tabs .tab-content.simple-block {
    display: none;
}

.interface_search_list.new {
    position: relative;
    /*max-width: 240px;*/
    width: 100%;
    position: relative;
    border-radius: 8px;
}

.interface_search_list.new span {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}

.interface_search_list.new .interface_search_selected {
    display: flex;
    width: 100%;
    /*max-width: 240px;*/
    padding: 12px 19px 12px 14px;
    align-items: center;
    min-height: 44px;
    height: auto;
    border-radius: 8px;
    flex-wrap: wrap;
    border: none;
    gap: 4px;
    align-self: stretch;
    color: var(--select-color);
    background: var(--exchange);
}

.tag-list-wrapper .interface_search_list.new {
    max-width: fit-content;
    min-width: 240px;
}

.tag-list-wrapper .interface_search_list.new .interface_search_selected {
    max-width: fit-content;
    height: unset;
    min-width: 240px;
    padding-right: 50px;
}

.interface_search_list.new .interface_search_selected .tag_search_item {
    margin-right: 0;
    display: flex;
    padding: 0;
}

.interface_search_list.new .interface_search_selected .tag_search_item .badge {
    padding: 10px;
    border-radius: 8px;
    width: 100%;
    background: var(--block-bg);
}

.interface_search_list.new .interface_search_popup {
    margin-top: 5px;
    border: none;
    background: var(--exchange);
    overflow-y: auto;
    border-radius: 16px;
    padding: 0;
    /*width: max-content;*/
    right: 0;
    left: 0;
    max-width: 100%;
}

.interface_search_list.new .interface_search_items {
    overflow-y: unset;
    background-color: transparent;
}

.interface_search_list.new .interface_search_item {
    border: none;
    display: flex;
    height: auto;
    padding: 12px 14px;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    background: var(--exchange);
    color: var(--select-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
}

.interface_search_list.new .interface_search_item:not(:last-child) {
    border-bottom: 0.3px solid #e5e5e559
}

.interface_search_list.new .interface_search_input {
    display: flex;
    padding: 13px 14px;
    align-items: center;
    border: none;
    gap: 10px;
    align-self: stretch;
    background: var(--date-input-item-hover);
    border-radius: 16px 16px 0 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    color: var(--create-input-color);
}

.interface_search_list.new .interface_search_input:focus {
    background: var(--scrollbar-thumb-color);
    box-shadow: var(--block-shadow-1);
    color: var(--title-color);
}

.interface_search_list.new .interface_search_item:hover {
    background: var(--scrollbar-track-color);
}


/* оборудование */

.device_status {
    border-radius: 20px;
    padding: 16px;
    width: max-content;
    text-align: center;
    margin: 12px 0;
}

.device_ok {
    background-color: #007a3d;
    color: white;
}

.device_not_ok {
    background-color: #F7AEB1;
    color: black;
}

.doc-content label:not(.custom-checkbox) {
    width: 100%;
}

.vid-container {
    max-width: 500px;
    width: 100%;
}

.single-device {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    position: relative;
}

.single-device:hover .doc-directory__name {
    text-shadow: 0px 0px #181818;
}
.device__preview_row {
    display:grid;
    grid-template-columns: 2fr 4fr 1fr 1fr;
    gap: 8px;
    text-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.doc-preview__comment .toolbar {
    display: none;
}

#pdf-container .modal__form-wrapper {
    background: transparent;
    position: absolute;
}
.h3 {
    text-align: center;
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
    margin: 20px 0;
}
.device-warning path {
    fill: red !important;
}
.device-directory__svg-file path {
    fill: #4cae50;
}
.badge {
    padding: 10px;
    border-radius: 4px;
    width: max-content;
    background: var(--block-bg);
    color: var(--base-text-color);
}

.collapsing-table__header  {
    position: relative;
    cursor: pointer;
    padding: 20px 0;
    width: 100%;
    display: grid; 
    grid-template-columns: 1fr 2fr 4fr;
    background: var(--tab-bg);
    border-radius: 8px;
}

.device-com__change,
.device-com__remove {
    width: 25px;
    height: 25px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
}

.device-com__change {background-image   : url('/assets/img/icons/edit.svg')}

.device-com__remove {background-image   : url('/assets/img/icons/delete-icon.svg')}

.collapsing-table__header span {
    justify-self: center;
}


@container newsContainer (width < 650px) {
    .news__main-pics {
        width: 100%;
        flex-wrap: wrap;
    }

    .news__content-img {
        width: 100%;
        height: auto;
        max-width: unset;
        max-height: unset;
        border-radius: 20px 20px 0 0;
    }

    .news__content-reaction {
        flex-direction: row;
    }
}

.news__content__text a:not(.news__content-title) {
    color: #1fa7e7;
}

.news__content-main a:not(.news__content-title) {
    color: #1fa7e7;
}

.news__content-main .news__main-pics a {
    height: max-content;
    width: inherit;
}

.news__content-title {
    margin-top: 22px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--title-color);
}

.news__content-date {
    margin-top: 4px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #d0d2d3;
}

.news__content__text-item {
    color: var(--title-color);
    margin-top: 8px;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.news__content__text-item p,
.news__content__text-item span {
    color: inherit !important;
    line-height: 120%;
    letter-spacing: 0.03em;
    font-weight: 400;
}

.news__content-link {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    color: #1FA7E7;
}

#news__comments-block {
    padding: 0 28px;
}

#news-comments {
    margin-bottom: 10px;
    gap: 20px;
}

.comment__content {
    display: flex;
    gap: 16px;
    padding: 16px 0;
}

.comment__content img {
    max-width: 44px;
    max-height: 44px;
    width: 100%;
    border-radius: 50%;
}

.comments-item {
    margin-top: 16px;
}

.comments-item:not(:first-of-type)>.comment__content {
    border-top: 1px solid var(--create-line);
}

.comments-item-attached:last-of-type .comment__content {
    border: none;
}

.comments-item-attached .comment__content {
    padding: 16px 0 16px 60px;
}

.comments-item-attached .not-comments-add {
    display: none;
}

/*span #news-comments {
    padding-left: 66px;
}*/

.comment-title {
    color: var(--comments-title);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.comment-text {
    margin-top: 8px;
    color: var(--comments-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.comment-footer {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.comment-date {
    color: var(--comments-date);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.comment-link {
    color: #1FA7E7;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.news__pics-top {
    display: flex;
    align-items: center;
}

.news__pics-top img:first-of-type {
    border-radius: 20px 0 0 0;
}

.news__pics-top img {
    width: 100%;
    height: 100%;
    min-width: 126px;
}

.news__pics-bottom {
    display: flex;
    align-items: center;
}

.news__pics-bottom img {
    width: 100%;
    height: 100%;
}

.comments__main_input {
    position: relative;
    width: 100%;
}

#karelia-news .news__content-main {
    display: block;
    padding: 22px 30px 0px 30px;
}

#karelia-news .news__content-title {
    margin-top: 0px;
}

#karelia-news .news__content-title {
    color: #1FA7E7;
}

#karelia-news .news__content-text {
    margin-top: 8px;
    color: var(--karelia-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.kivads__header {
    padding: 25px 0 50px 0;
    display: flex;
    justify-content: end;
}

.kivads__header-btn {
    max-width: 240px;
    text-align: center;
    padding: 13px 25px;
    color: #ffffff;
    border-radius: 16px;
    background: #4CAE50;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ads__content-item {
    padding: 20px;
    background-color: var(--item-bg);
    border-radius: 20px;
    box-shadow: var(--block-shadow-1);
}

.ads__content-item:not(:first-of-type) {
    margin-top: 16px;
}


.ads__content-item.ads__not-active #btn-unactive {
    cursor: not-allowed;
    background: var(--btn-disabled-bg);
    color: var(--btn-disabled-color);
}

.ads__content-item.ads__not-active #btn-active {
    cursor: not-allowed;
    background: var(--btn-disabled-bg);
    color: var(--btn-disabled-color);
}

.ads__btn-unactive {
    cursor: not-allowed;
    background: var(--btn-disabled-bg) !important;
    color: var(--btn-disabled-color) !important;
}

.ads__not-active {

    color: grey;

}

.ads__content-item.ads__not-active #btn-active:hover {
    background: var(--btn-disabled-bg);
    color: var(--btn-disabled-color);
}

.ads__content-item.ads__not-active #btn-unactive:hover {
    background: var(--btn-disabled-bg);
    color: var(--btn-disabled-color);
}

.ads__btn-unactive:hover {
    cursor: not-allowed;
    background: var(--btn-disabled-bg);
    color: var(--btn-disabled-color);
}

.kivads-title {
    color: var(--title-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.kivads-text {
    margin: 16px 0 20px 0;
    color: var(--title-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.kivads-text a {
    color: var(--title-color);
    font-weight: 700;
}

.create__ads-title {
    margin-top: 16px;
    margin-bottom: 16px;
}

.create__ads-date {
    margin: 16px 0;
}

.create__kivads-text {
    margin-top: 16px;
}

.content__create-item {
    background-color: var(--block-bg);
    border-radius: 20px;
    padding: 24px 16px;
    width: 100%
}

.public-input__wrapper {
    background-color: var(--block-bg);
    border-radius: 20px;
    padding: 24px 16px;
    margin: 16px 0;
}

.one-not {
    background: var(--block-bg);
    border-radius: 20px;
    box-shadow: var(--block-shadow-1);
}

.one-not h4 {
    margin: 15px 0 25px;
    /* margin-bottom: 15px; */
    line-height: 100%;
    font-size: 22px;
    font-weight: 400;
    /* color: #727272; */
    /* background-color: #ffffffc2; */
    padding: 3px;
}

.one-not.single-not h4 {
    color: var(--title-color);
    font-weight: 600;
}

.not-info {
    border-bottom: 1px solid #c5c6c6;
}

.one-not.single-not .not-back {
    background-color: var(--scrollbar-thumb-color);
    box-shadow: var(--block-shadow-1);
    font-size: 18px;
    margin: 0;
    margin-right: auto;
    display: flex;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--title-color);
    float: none;
}

.checkbox-input__wrapper {
    background-color: var(--block-bg);
    border-radius: 20px;
    padding: 24px 16px;
    margin: 16px 0;
    display: flex;
    width: 100%;
    align-items: center;
}

.invite__list-wrapper {
    display: none;
    flex-direction: column;
    width: 100%;
    flex-wrap: wrap;
}

.content__create-item:not(:first-of-type) {
    margin-top: 16px;
}

.create-title {
    margin-bottom: 16px;
    color: var(--create-title);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ads-input-big {
    width: 96%;
    background-color: var(--create-input);
    color: var(--create-input-color);
    border-radius: 16px;
    border: none;
    padding: 14px 0 14px 14px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
}

.ads__date-list {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 16px;
}

.ads__date-list li {
    position: relative;
}

.ads__date-list img {
    position: absolute;
    top: 13px;
    left: 14px;
}

.create__date-input {
    background-color: var(--create-input);
    border: none;
    border-radius: 16px;
    padding: 14px 50px 14px 41px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    color: var(--create-input-color);
}

li:first-of-type .create__date-input {
    padding: 14px 100px 14px 41px;
}

#jci-main h2 {
    line-height: 100%;
    font-size: 22px;
    font-weight: 400;
    color: var(--title-color);
}

#jci-main h3 {
    line-height: 100%;
    font-size: 20px;
    font-weight: 400;
    color: var(--title-color);
}

.jci-targets {
    width: 100%;
}



.jci-desktop {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
}

.jci-mobile {
    display: none;
}

/* .birth-calendar .owl-stage-outer .owl-stage,
.birth-calendar .owl-stage-outer {
    width: 100%;
    position: relative;
} */

.birth-calendar-month__name {
    text-align: center;
    padding: 10px;
    color: var(--title-color);
    font-weight: bold;
    font-size: 22px;
}

.birth-calendar__day {
    float: left;
    width: Calc(14.28% + 1px);
    text-align: center;
    border: 1px solid #e5e5e5;
    margin-left: -1px;
    margin-top: -1px;
    position: relative;
    background: var(--subblock-bg);
    cursor: pointer;
    box-shadow: var(--block-shadow-1);
}

.birth-calendar__day.birth-calendar-day__header {
    background: transparent;
}

.birth-calendar__day span {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 10px;
    background: var(--default-checkpoint-circle-fill);
    box-shadow: var(--block-shadow-1);
    color: var(--comments-title);
    width: 16px;
    height: 16px;
    text-align: center;
    padding-top: 2px;
    line-height: 100%;
}

.birth-calendar__day.active {
    background: var(--gratitude-bg);
}

@media (max-width: 768px) {
    .jci-desktop {
        display: none;
    }

    .jci-mobile {
        display: flex;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .jci-pdf-prev {
        width: 100%;
    }

    .single-device {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .single-device p {
        
    }

    .device__preview_row {
        width: 100%;
        grid-template-columns: 1fr;
        gap: 8px;
        margin-bottom: 24px;
        background-color: var(--bg);
        padding: 12px;
        border-radius: 8px;
    }

    .device__preview_row p:last-of-type {
        margin: 16px 0;
        word-break: break-word;
    }
}


#time_input {
    display: flex;
    background-color: var(--create-input);
    border: none;
    border-radius: 16px;
    padding: 14px 50px 14px 41px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    color: var(--create-input-color);
    align-items: center;
    position: relative;
}

#time_input .date-input__inputs {
    display: none;
}

#time_input .date-input__mock {
    display: flex;
}

#time_input.open .date-input__inputs {
    display: flex;
}

#time_input.open .date-input__mock {
    display: none;
}

#time_input input {
    width: 30px;
    background: transparent;
    border: none;
    height: max-content;
    padding: 0;
    text-align: center;
}

.create__date-input::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.default-datepicker-input::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url(/assets/img/icons/input-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    border-width: thin;
}

.default-datepicker-input {
    position: relative;
    display: flex;
    max-width: 215px;
    width: 100%;
    height: 44px;
    padding: 14px 20px 14px 40px;
    align-items: center;
    border-radius: 8px;
    gap: 10px;
    background: var(--create-input);
    box-shadow: var(--block-shadow-1);
    border: none;
    color: var(--date-color);
    color-scheme: var(--input-color-scheme);
}

.default-datepicker-input::after {
    content: url('/assets/img/icons/calender-add.svg');
    position: absolute;
    top: calc(50% - 10px);
    left: 10px;
    width: 20px;
    height: 20px;
}


.create__date-input::after {
    position: absolute;
    display: block;
    content: '';
    background: var(--input-arrow);
    width: 11px;
    height: 11px;
    top: 16px;
    right: 20px;
}

.create__ads-search {
    position: relative;
}

.create__ads-search input {
    padding-left: 42px;
    color: var(--title-color);
}

.create__ads-search img {
    position: absolute;
    top: 13px;
    left: 14px;
}

.invite__list {
    margin-top: 10px;
    border-radius: 16px;
}

.invite__list-item {
    position: relative;
    padding: 9px 14px 9px 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: var(--create-unchecked-item);
}

.invite__list-item:first-of-type {
    background-color: var(--create-checked-item);
    border-radius: 16px 16px 0 0;
}

.invite__list-item:last-of-type {
    border-radius: 0 0 16px 16px;
}

.invite__checkbox {
    z-index: -1;
    opacity: 0;
}

.invite__checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

.invite__checkbox::before {
    content: "";
    z-index: 2;
    display: block;
    background: center no-repeat url('../img/icons/check-box-unchecked.svg');
    width: 15px;
    height: 15px;
}

.invite__list-item:first-of-type label {
    color: var(--karelia-color);
}

label {
    color: var(--create-input-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%
}

label>span {
    display: inline-block;
    margin-bottom: 8px;
}

.staff__list {
    margin-top: 16px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.staff__list-item {
    background-color: var(--news);
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    padding: 4px 8px 4px 4px;
}

.staff-name {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    color: var(--title-color);
}

.staff-del {
    cursor: pointer;
}

.create__operation-btns {
    display: flex;
    gap: 16px;
    justify-content: end;
}

.del-btn {
    max-width: 272px;
    display: block;
    text-align: center;
    width: 100%;
    padding: 12px 25px 13px 25px;
    border-radius: 16px;
    border: 0.6px solid #D04047;
    font-size: 14px;
    color: #D04047;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    align-self: center;
}

.confirm-btn {
    width: 100%;
    max-width: 273px;
    display: block;
    padding: 12px 25px 13px 25px;
    border-radius: 16px;
    border: none;
    background: #4CAE50;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
}

#main__content {
    padding-top: 0;
    width: 100%;
    overflow: auto;
    padding-bottom: 50px;
    container-type: inline-size;
    container-name: mainContainer;
}

#main__content.md-p-0 {
    padding: 0;
}

.wall-add-post {
    font-size: 16px;
    color: var(--radio-checked-rect);
    cursor: pointer;
}

.wall-post__author {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1rem;
    position: relative;
    padding-left: 46px;
    height: 40px;
    float: left;
    cursor: pointer;
    max-width: Calc(100% - 50px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.wall-post__author .date {
    display: block;
    font-size: 0.5rem;
    margin-top: 4px;
}

.wall-post__actions {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.wall-post__actions .heart,
.wall-post__actions .wall-add-comment {
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    /*background: var(--logo-mobile);*/
    margin-right: 10px;
    font-size: 12px;
    text-align: center;
    min-width: 40px;
}

.create__img-list {
    display: flex;
    gap: 16px;
    align-items: center;
}

.img__list-item {
    text-align: center;
}

.img__list-item:first-of-type {
    padding: 20px;
    border-radius: 16px;
    border: 1px dashed var(--img-import-border);
}

.img__list-item:not(:first-of-type) img {
    width: 100%;
}

.img__list-item.dropZone.hoverClassName {
    border: 1px dashed #3bb322;
}

.img__list-text {
    margin: 10px auto;
    color: var(--title-color);
    max-width: 325px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.line {
    margin-top: 16px;
    position: relative;
    color: var(--create-line);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.line::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 43%;
    height: 1px;
    background-color: var(--create-line);
}

.line::after {
    content: '';
    position: absolute;
    top: 7px;
    right: 0;
    display: block;
    width: 43%;
    height: 1px;
    background-color: var(--create-line);
}

.img-input {
    position: relative;
    margin: 10px auto 0 auto;
    width: 100%;
    max-width: 300px;
}

.img-input img {
    position: absolute;
    top: 9px;
    left: 16px;
}

.img-input input {
    padding: 14px 0 14px 50px;
    width: 100%;
    background-color: var(--create-input);
    border: none;
    border-radius: 16px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    color: var(--create-line);
}

.img-btn {
    cursor: pointer;
    width: 90%;
    background-color: #4CAE50;
    border-radius: 16px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #ffffff;
    padding: 12px 0 13px 0;
    margin: 10px auto 0 auto;
    max-width: 300px;
}

.img-formats {
    margin-top: 16px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--img-import-border);
}

.news__header-tools {
    display: none;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    padding-top: 40px;
}

.news__header-tools.show {
    display: flex;
}

.news__header-tools form {
    width: 100%;
}

.default-input,
.default-search-input,
textarea {
    width: 100%;
    padding: 14px 0px 14px 14px !important;
    border-radius: 8px;
    border: none !important;
    color: var(--black-color) !important;
    background: var(--create-input) !important;
    box-shadow: var(--block-shadow-1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.04em;
    text-overflow: ellipsis;
}

.default-input[type=color] {

    padding: 0 !important;

}

.default-search-input {
    padding: 14px 0 14px 40px !important;
    position: relative;
}

.default-search-input:before {
    content: "";
    display: flex;
    width: 18px;
    height: 18px;
    padding: 0.692px;
    justify-content: center;
    align-items: center;
    background: center no-repeat url('/assets/img/icons/search.svg');
}

.default-input:focus,
.default-search-input:focus,
textarea:focus {
    border: none;
    background: var(--scrollbar-thumb-color);
    box-shadow: var(--block-shadow-1);
    color: var(--title-color);
}

.default-input:-webkit-autofill,
.default-input:-webkit-autofill:hover,
.default-input:-webkit-autofill:focus,
.default-input:-webkit-autofill:active {
    -webkit-box-shadow: inset 0 0 0 50px var(--create-input) !important;
    -webkit-text-fill-color: var(--create-input-color) !important;
    color: var(--create-input-color) !important;
    background: var(--create-input) !important;
    border: 1px solid var(--create-input) !important;
}


/* документы */

.doc-search__wrapper {
    position: relative;
    padding: 16px;
    background-color: var(--block-bg);
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 20px;
}

.doc-search__input {
    margin: 0;
}

.recipient-list {
    max-height: 200px;
    right: 16px;
    left: 16px;
    min-width: 200px;
    overflow: auto;
    position: absolute;
    background: var(--block-bg);
    z-index: 100;
    border-radius: 16px;
}

.doc-waiting {
    padding: 0;
    background: transparent;
    margin: 0;
    border: none;
}

.doc-waiting .btn-orange {
    height: unset;
}

.doc-waiting H5 {
    color: var(--docs-wait-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.arrow-down {
    display: block;
    width: 20px;
    height: 20px;
    background-image: var(--input-arrow);
    background-repeat: no-repeat;
    background-size: contain;
}

.arrow-down.rotate {
    transform: rotateX(180deg);
    transition:all .4s ease;
}



.doc-directory__svg {
    width: 100%;
    max-width: 80px;
    min-width: 40px;
}

.doc-directory__svg path {
    fill: var(--doc-directory-svg-fill);
}

.doc-directory__svg-file path {
    fill: #1FA7E7;
}

.doc-content__wrapper {
    background: transparent;
    margin: 0;
    display: flex;
    flex-direction: column;
}

/* .doc-preview-outer .toolbar {
    top: 16%!important;
} */

.doc-content__wrapper .toolbar {
    display: none;
}

.toolbar .page-tools {
    display: none !important;
}

.doc-content {
    display: flex;
    padding: 16px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 0px 0px 16px 16px;
    background: var(--block-bg);
}

.doc-directory {
    display: flex;
    width: 350px;
    padding: 20px 12px;
    align-items: center;
    border-radius: 16px;
    gap: 20px;
    background: var(--modal-bg);
    box-shadow: var(--block-shadow-1);
}

.doc-directory.doc_to_confirm {
    background: #f0808059;
}

.doc-directory__name {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--title-color);
    text-align: left;
    flex: 1;
    text-transform: capitalize;
}

.doc-options {
    padding: 16px;
    background: var(--block-bg);
    margin-bottom: 16px;
    border-radius: 16px;
}

.doc-directory__actions {
    margin-top: 0;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.doc-directory__actions a {
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    padding-bottom: 3px;
    margin-right: 10px;
    text-decoration: none;
}

.doc-content__more {
    padding: 16px;
    margin: 0 0 16px;
    background: var(--item-bg);
    border-radius: 10px;
    border: none;
    font-size: 14px;
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 8px;
}

.doc-content__more:before {
    float: left;
    color: dodgerBlue;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    font-style: normal;
    content: "\f05a";
    opacity: 0.6;
}

.doc-content__more p {
    line-height: 128%;
}

.doc-preview__wrapper {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.doc-preview__info {
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    gap: 10px;
    flex-direction: column;
}

.doc-preview__info-block {
    margin-right: 0;
}

.doc-preview-wrapper {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    position: static;
}

#docs-list #main__content {
    overflow: visible;
}

.doc-confirm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    position: sticky;
    bottom: 0;
    background-color: var(--block-bg);
    padding: 12px;
    width: 100%;
}

.doc-preview__info__wrapper {
    position: sticky;
    top: 0;
    background-color: var(--block-bg);
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 5;
}

@media (max-width: 768px) {
    .doc-confirm {
        bottom: 80px;
    }

    .doc-preview__info__wrapper {
        top: 60px;
    }
}

.doc-preview__comment {
    margin: 0;
    box-shadow: var(--block-shadow-1);
    padding: 0;
    max-width: 100%;
    overflow: hidden;
    width: 100%;
    height: max-content;
    background-color: #d3d3d34a;
}

.doc-seen__wrapper {
    display: none;
}

.doc-seen__wrapper.show {
    display: block;
    height: 100%;
    background: var(--modal-bg);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.doc-user__seen {
    padding: 0;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.doc-user__seen H5 {
    margin: 0;
    font-size: 14px;
    color: var(--title-color);
}

.doc-settings__wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background: var(--block-bg);
    border-radius: 16px;
}

.interface_search_list.full {
    max-width: none;
}

.interface_search_list.full .interface_search_selected {
    max-width: none;
}

.collapse-label p,
.collapse-label h3 {
    margin-bottom: 8px;
}

.report-settings__content {
    margin-bottom: 16px;
}

.select-tree__item {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

table.list {
    box-shadow: var(--block-shadow-1);
}

.link-row {
    cursor: pointer;
}

.link-row:hover {
    opacity: 0.6;

}

table.list td {
    background: transparent;
    color: var(--title-color);
    border-top: 1px solid var(--create-line);
    padding: 20px 16px;
    text-align: center;
}

table.list tr:first-of-type td {
    border-top: none;
}

table.list th {
    background: var(--subblock-bg);
    padding: 20px 16px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--title-color);
    margin-bottom: 10px;
}

table.list tr:nth-of-type(even) {
    background: var(--tab-bg);  
}

table.list th:first-of-type {
    border-radius: 16px 0 0 16px;
}

table.list th:last-of-type {
    border-radius: 0 16px 16px 0;
}


/* опросы */

.test-card {
    display: flex;
    flex-direction: column;
    padding: 16px 20px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 10px;
    background: var(--vacancy-block-bg);
    box-shadow: var(--block-shadow-1);
}

.test-card.test-card__old button:disabled {
    cursor: not-allowed;
    background: var(--btn-disabled-bg);
    color: var(--btn-disabled-color);
}

.test-card__old {

    color: grey;

}

.test-card.test-card__old button:disabled:hover {
    background: var(--btn-disabled-bg);
    color: var(--btn-disabled-color);
}

.test-card__content {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--title-color);
    display: flex;
    flex-direction: column;
    padding-bottom: 8px;
}

.test-card__content span {
    font-weight: 400;
}

.tst-action.contacts__btns-content {
    background: var(--welcome-btn);
}

.one-variant {
    display: flex;
    align-items: center;
    background: transparent;
    padding: 5px;
    margin-top: 15px;
}

.report-settings {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
}

.incident-list {
    width: 100%;
}

.report-form__toggle {
    color: var(--birthday-name)
}

.tst-quest-wrapper label {
    background: transparent;
}

.limit-answer__help {
    color: var(--title-color);
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 80px 80px;
}

.limit-answer__row {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 80px 80px;
    margin-bottom: 10px;
}

.limit-answer__row input {
    height: fit-content;
}

.limit-answer__help span {
    color: var(--title-color);
}

.test-quests__wrapper {
    display: flex;
    flex-direction: column;
    gap: 36px;
    align-items: center;
    justify-content: space-between;
}

.tst-user-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.tst-timer {
    position: absolute;
    right: 15px;
    top: 15px;
    color: gray;
}

.available-quests,
.selected-quests {
    width: 100%;
    height: 400px;
    overflow: hidden;
    box-shadow: var(--block-shadow-1);
    padding: 0;
}

.quests__search {
    display: flex;
    gap: 12px;
    align-items: center;
    padding-bottom: 15px;
}

.quest-list_wrapper table td i {
    padding: 0;
    margin: 0;
    background: transparent;
}

table.incident-list td,
table.incident-list th {
    padding: 15px 10px;
}

label.tst-user-list__row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
    margin: 0;
    cursor: pointer;
}

.test-rules__wrapper {
    display: flex;
    gap: 5px;
    flex-direction: column;
}

.test-rules__one {
    display: flex;
    align-items: center;
    padding: 10px;
    flex-wrap: wrap;
    background: transparent;
}

.list.small td,
.list.small th {
    vertical-align: middle;
}

.test-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#test-body {
    overflow-x: hidden;
}

.tst-user-list__row:hover {
    background: transparent;
}

.single-test__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--title-color);
}

.tst-one-quest__wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.tst-quest-wrapper {
    margin-bottom: 16px;
}

.tst-quest-wrapper H5 {
    margin: 0;
    margin-bottom: 16px;
    font-size: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.simple-block {
    display: flex;
    padding: 24px 16px 16px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 20px;
    background: var(--block-bg);
}

.hide-content>div:not(:first-of-type) {
    display: none;
}

.simple-block.bg-green {
    background: var(--inc-green-bg);
}

.simple-block.bg-red {
    background: var(--inc-red-bg);
}

.simple-title-h2 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.tst-checkpoints__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 24px 0px;
    gap: 16px;
    align-self: stretch;
}

.checkpoint__wrapper {
    display: flex;
    flex-direction: column;
    width: max-content;
    gap: 12px;
    align-items: center;
    width: 100%;
    text-align: center;
}

.checkpoint__wrapper .checkpoint rect {
    fill: var(--default-checkpoint-rect-fill);
}

.checkpoint__wrapper .checkpoint circle {
    fill: var(--default-checkpoint-circle-fill);
}

.checkpoint__wrapper .checkpoint path {
    fill: var(--default-checkpoint-path-fill);
}

.checkpoint__wrapper.active .checkpoint rect {
    fill: var(--active-checkpoint-rect-fill);
}

.checkpoint__wrapper.active .checkpoint circle {
    fill: var(--active-checkpoint-circle-fill);
}

.checkpoint__wrapper.active .checkpoint path {
    fill: var(--active-checkpoint-path-fill);
}

.checkpoint__wrapper.done .checkpoint rect {
    fill: var(--done-checkpoint-rect-fill);
}

.checkpoint__wrapper.done .checkpoint circle {
    fill: var(--done-checkpoint-circle-fill);
}

.checkpoint__wrapper.done .checkpoint path {
    fill: var(--done-checkpoint-path-fill);
}

.checkpoint__wrapper span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.new-test-block {
    display: none;
}

.new-test-block.active {
    display: flex;
}

@container testsContainer (width < 768px) {
    .test-quests__wrapper {
        flex-direction: column;
    }

    .available-quests,
    .selected-quests {
        width: 100%;
    }

    .test-card {
        gap: 16px;
    }

    .test-card__content {
        flex: unset !important;
        padding-bottom: 0;
    }

    .test-card__content span {
        padding-bottom: 8px;
    }
}

.tst-test-more__label {
    font-size: 12px;
    display: block;
    margin-bottom: 8px;
}

.quest-dots__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.quest-dot__next {
    fill: var(-next-dot-fill);
}

.quest-dot__prev {
    fill: var(-prev-dot-fill);
}

.tst-results-one {
    background-color: var(--item-bg);
    border: none;
    padding: 16px;
    border-radius: 16px;
    margin-bottom: 16px;
}


/* Контакты */

.main__content-contacts {
    /* padding: 24px 16px;
    border-radius: 20px;
    background-color: var(--block-bg); */
    width: 100%;
    height: auto;
}

.tst-user-list-wrapper {
    max-height: 100vh;
    overflow: auto;
    width: 100%;
}

.content__contacts-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.create__contacts-search {
    position: relative;
}

.create__contacts-search.frmEdit {
    margin-bottom: 0;
    padding: 0;
}

.create__contacts-search img {
    position: absolute;
    top: calc(50% - 9px);
    left: 14px;
}

.create__contacts-search {
    width: 100%;
    display: flex;
}

.create__contacts-search input {
    padding: 12px 14px;
    border: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    letter-spacing: 0.03em;
    padding-left: 40px;
    flex: 1 1 auto;
    color: var(--title-color);
    background: var(--input-bg);
    box-shadow: var(--block-shadow-1);
    border-radius: 16px;
}

.create__contacts-search input:focus {
    background: var(--scrollbar-thumb-color);
    box-shadow: var(--block-shadow-1);
    color: var(--title-color);
}

.create__contacts-search .input__clear {
    position: absolute;
    right: 10px;
    top: calc(50% - 9px);
    font-size: 18px;
    color: var(--title-color);
    width: 20px;
    height: 20px;
    border-radius: 18px;
    cursor: pointer;
    text-align: center;
    display: none;
}

.create__contacts-search input:not(:placeholder-shown)+.input__clear {
    display: block;
}

.create__contacts-search .input__clear:hover {
    background: var(--date-input-item-hover);
}

.content__contacts-header .header-btn {
    max-width: max-content;
    font-size: 14px;
    text-align: center;
    border-radius: 16px;
    width: 100%;
    background-color: #1FA7E7;
    color: white;
    padding: 12px 18px;
}

.contacts__block-header {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.structure-name {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    /* transform: translate(-10px, -10px); */
    /* align-items: center; */
}

.content__contacts-main {
    margin-top: 40px;
}

.contacts__main-block {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 2px 6px 0px rgba(130, 169, 188, 0.08)
        /*, 0px 5px 50px 0px rgba(0, 67, 101, 0.08)*/
    ;
}

.contacts__main-block:not(:first-of-type) {
    margin-top: 16px;
}

.block__header-title {
    cursor: pointer;
    gap: 20px;
    display: flex;
    align-items: center;
}

.structure {
    margin-bottom: 15px;
    margin-left: 25px;
    position: relative;
    min-height: 1em;
    display: flex;
    flex-direction: column;
}

.mail-action-group span,
.mail-move-to {
    font-weight: normal;
    line-height: 100%;
    display: block;
    padding: 10px;
    font-size: 14px;
    text-align: left;
    color: var(--create-input-color);
}

.structure.closed .structure-contact-list {
    display: none !important;
}

.block__header-title.open .block__header-img {
    background: no-repeat url('../img/icons/folder-open.svg');
}

.structure .block__header-img {
    background: no-repeat url('../img/icons/folder-open.svg');
}

.structure.closed .block__header-img {
    background: no-repeat url('../img/icons/folder-close.svg')
}

.structure-sub-name {
    background: transparent;
}

.block__footer-title {
    cursor: pointer;
    gap: 20px;
    display: flex;
    align-items: center;
}

.block__footer-title.open .block__header-img {
    background: no-repeat url('../img/icons/folder-open.svg');
}

.block__employee-title {
    cursor: pointer;
    gap: 20px;
    display: flex;
    align-items: center;
}

.block__employee-title.open .block__header-img {
    background: no-repeat url('../img/icons/folder-employee-close.svg');
}

.block__header-text {
    color: var(--title-color);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    flex: 1 1;
}

.block__header-img {
    background: no-repeat url('../img/icons/folder-close.svg');
    width: 26px;
    height: 26px;
    display: inline-block;
}

.structure__item {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1;
}

#contacts-main .structure__item {
    align-items: unset;
    flex-direction: column;
}

.frmSearch input:focus,
.frmEdit input:focus,
.frmEdit textarea:focus {
    background: initial;
    color: var(--base-text-color);
}

.free-contact-item {
    background: var(--block-bg);
    border: none;
    color: var(--title-color);
}

.block__main-item-link {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--buses-color);
}

.self-end {
    align-self: flex-end;
}

.structure-name:not(.structure-final) {
    margin-bottom: 15px;
}

.structure.closed .structure-name:not(.structure-final) {
    margin-bottom: 0;
}

.structure-final {
    display: flex;
    align-items: center;
}

.structure-final .structure__item {
    background: var(--item-bg);
    box-shadow: var(--block-shadow-1);
    max-width: 500px;
}

.copy-number {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toast {
    display: block !important;
    background: var(--active-checkpoint-circle-fill);
    color: var(--title-color);
    box-shadow: var(--block-shadow-1);
    border-radius: 8px;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 0;
}

.personal-select__form {
    padding-bottom: 40px;
}

.personal-select__form .structure-final .structure__item {
    display: flex;
}

.personal-select__form .structure-final .structure__item .block__item-header {
    padding: 0;
    margin: 0;
    border-bottom: unset;
}

.personal-select__form .structure-final .structure__item .block__item-header .contacts__item-title {
    margin-top: unset;
}

.contacts__block-employee .block__main-items {
    display: none;
}

.contacts__block-employee.openk .block__main-items.open {
    display: flex;
}

.contacts__block-employee .block__header-img {
    background: no-repeat url('../img/icons/folder-employee-open.svg');
    width: 20px;
    height: 23px;
}

.block__header-link {
    cursor: pointer;
    color: #1FA7E7;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.block__main-items {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.block__main-item {
    margin-top: 16px;
    margin-left: 45px;
    padding: 16px;
    border-radius: 10px;
    max-width: 424px;
    box-shadow: var(--block-shadow-1);
    background: var(--item-bg);
}

.block__main-item>*:last-child {
    margin-bottom: 0;
}

.contacts__main-block .block-main {
    display: none;
    padding-top: 16px;
    padding-left: 45px;
}

.contacts__main-block.open .block-main {
    display: block;
}

.block__item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--create-line);
    flex: 1;
}

.contacts__item-title {
    color: var(--title-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /*margin-top: 8px;*/
}

.contacts__item-btns {
    display: flex !important;
    align-items: center;
    margin-bottom: 10px;
    gap: 12px;
    justify-content: flex-start;
}

.fas.fa-copy {
    font-size: large;
    color: var(--radio-checked-rect);
    margin-left: 30px;
}

.contacts__btns-content {
    cursor: pointer;
    display: flex !important;
    background-color: var(--create-checked-item);
    border-radius: 8px;
    padding: 7px;
    width: 30px;
    height: 30px;
}

.structure-list {
    background: inherit;
    position: relative;
    min-height: 110px;
    padding: 0 8px;
    padding-top: 25px;
}

.dir-pagination {
    padding: 0;
}

.not-com-add-frm {
    position: fixed;
    background-color: inherit;
    display: flex;
    border-radius: 20px;
    /*background: var(--modal-bg);*/
    padding: 0;
    box-shadow: var(--block-shadow-1);
    z-index: 15000;
}

.devices__cab__header {
    width: 100%;
    max-width: 350px;
}


@media (max-width: 600px) {
    .not-com-add-frm {
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        width: Calc(100% - 10px);
        height: Calc(100% - 10px);
        max-width: Calc(100% - 10px);
        max-height: Calc(100% - 10px);
    }

    .user-notifications .not-back {
        position: relative;
        z-index: 49;
        color: #9d9f9e;
        font-size: 20px;
    }
}

.not-com-add-frm .modal__form-wrapper {
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 30px 30px 20px;
    background: var(--bg);
}

.inc-chat__form {
    position: sticky;
    bottom: 0;
    box-shadow: 0px -3px 7px 2px #efefef;
}

.not-com-add-frm .modal__form-wrapper .modal__form-close {
    color: var(--title-color);
    font-size: xx-large;
    align-self: flex-end;
    position: sticky;
    z-index: 15005;
    cursor: pointer;
    right: 15px;
    top: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    background: var(--bg);
    align-items: center;
    border-radius: 50%;
    border: 1px solid;
}

.not-com-add-frm h3 {
    font-size: 20px;
    padding: 15px 0;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--karelia-color);
}

.not-com-add-frm form {
    background: var(--block-bg);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
}

.not-com-add-frm .contact-items-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 15px 0 50px;
}

.star-disabled{fill:#505050}.star-enabled{fill:#ED8A19;}.star{display: inline-block;}.feedback-button{margin-left:20px;position:relative;}

.btn-green,
.btn-blue,
.btn-gray,
.btn-orange,
.btn-red,
.btn-dark-green {
    display: flex;
    height: 44px;
    min-width: 150px;
    padding: 12px 25px 13px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--green-btn-bg);
    letter-spacing: 0.05em;
    border: none;
    font-size: 14px;
    font-style: normal;
    /*font-weight: 400;*/
    line-height: normal;
    color: #ffffff;
    width: max-content;
}

.btn-green:hover {
    background: var(--green-btn-bg);
    color: #ffffff;
}

.btn-blue {
    background: var(--blue-btn-bg);
}

.btn-blue:hover {
    background: var(--blue-btn-bg);
    color: #ffffff;
}

.btn-gray {
    background: var(--btn-gray-bg);
    color: var(--create-input-color);
}

.btn-gray:hover {
    background: var(--btn-gray-bg);
    color: var(--create-input-color);
}

.btn-dark-green {
    background: var(--btn-dark-green-bg);
    color: #ffffff;
}

.btn-dark-green:hover {
    background: var(--btn-dark-green-bg);
    color: #ffffff;
}

.btn-red {
    background: transparent;
    color: red;
    border: 1px solid red;
    margin: -1px;
}

.btn-orange {
    background: var(--btn-orange-bg);
    color: var(--btn-orange-color);
}

.btn-small-padding {
    padding: 8px 16px;
    border-radius: 12px;
    height: max-content;
    margin: auto 0;
}

#contacts-main .structure-list>div {
    padding: 20px;
    border-radius: 10px;
    box-shadow: var(--block-shadow-1);
    background: var(--subblock-bg);
}

.worker-list__full .structure-list>div {
    padding: 20px;
    border-radius: 10px;
    box-shadow: var(--block-shadow-1);
    background: var(--subblock-bg);
}

.contacts__item-tel {
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--comments-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.contacts__item-tel::before {
    display: block;
    content: '';
    background: url('../img/icons/tel.svg');
    width: 16px;
    height: 16px;
}

.main__content {
    background-color: var(--block-bg);
    padding: 16px;
    border-radius: 20px;
    width: 100%;
    height: auto;
}

.main__content-uncontacts {
    background-color: var(--block-bg);
    padding: 16px;
    border-radius: 20px;
}

.main__content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin-bottom: 20px;
}

.structure-tabs {
    background: inherit;
    border-bottom: unset;
    display: flex;
    width: 100%;
}

.structure-name {
    color: var(--title-color);
    font-size: 16px;
}

.checked-checkbox,
.unchecked-checkbox {
    display: none;
    cursor: pointer;
}

.structure-select__all, .structure-select__list {
    margin-left: 25px;
    margin-bottom: 15px;
}

.structure-select__all .contacts__main-block {
    background: var(--block-color);
    max-width: 500px;
}

.structure-select__all .contacts__main-block .structure-name {
    margin-bottom: unset;
}

input[type="checkbox"]:checked~.checked-checkbox {
    display: block;
}

input[type="checkbox"]:not(:checked)~.unchecked-checkbox {
    display: block;
}

.workers-list-selected__item {
    padding: 20px;
    border-radius: 10px;
    box-shadow: var(--block-shadow-1);
    background: inherit;
}

.workers-list-selected__item span {
    font-size: 16px;
    color: var(--title-color);
}

.selected-tab__actions {
    background: inherit;
    margin-bottom: 20px;
    display: flex;
    gap: 15px;
}

.selected-tab__actions .save-group {
    align-self: auto;
    cursor: pointer;
    display: flex !important;
    background: var(--green-btn-bg);
    color: var(--title-color);
    border: none;
    border-radius: 8px;
    padding: 7px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
}

.autogroups__name,
.autogroups__count,
.autogroups__none {
    color: var(--title-color);
    margin-right: 0;
}

.autogroups__load {
    color: var(--base-text-color);
    border: 1px solid var(--base-text-color);
    padding: 3px 4px;
    border-radius: 6px;
    cursor: pointer;
    margin-right: 0;
}

.autogroups__remove {
    color: red;
    border: 1px solid red;
    padding: 3px 4px;
    border-radius: 6px;
    cursor: pointer;
}

.autogroups__load:hover,
.autogroups__remove:hover {
    background: var(--create-input);
}

.gsInformer {
    width: auto !important;
}

.gsCity {
    text-align: center !important;
    font-size: 16px !important;
    overflow: hidden;
    font-weight: 700 !important;
}

.guide-tree__body {
    position: relative;
    display: flex;
}

.guide-tree__items-wrapper {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: max-content;
    gap: 16px;
}

#guide-main {
    container-type: inline-size;
    container-name: guideContainer;
}

#tests-main {
    container-type: inline-size;
    container-name: testsContainer;
}

.guide-tree__item {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    /*background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), lightgray 0px -70.455px / 100% 123.558% no-repeat;*/
}

.guide-tree__item img {
    height: auto;
    width: 100%;
}

.guide-tree__item .content-layer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 50;
    padding: 1rem;
}

.guide-tree__item .content-layer::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 50% 100%);
    clip-path: polygon(20% 0, 100% 0%, 100% 100%, 50% 100%);
    -webkit-shape-outside: polygon(20% 0, 100% 0%, 100% 100%, 50% 100%);
    z-index: -1;
    background: radial-gradient(141.42% 141.42% at 0% 0%, rgb(102 102 102 / 85%) 50%, rgba(246, 246, 246, 0.00) 100%)
}

.guide-tree__item-title {
    color: #65BC47;
    text-align: right;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 100%;
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
}

.guide-tree__item-title span {
    display: block;
    margin-left: auto;
    max-width: 60%;
}

.guide-tree__item-btns {
    position: absolute;
    bottom: 14px;
    right: 14px;
    width: max-content;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.guide__item-btn {
    cursor: pointer;
    padding: 5px;
    display: flex;
    width: 34px;
    height: 34px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 2px solid #FFF;
    background: radial-gradient(141.42% 141.42% at 0% 0%, rgba(250, 250, 250, 0.20) 0%, rgba(246, 246, 246, 0.00) 100%);
    /*backdrop-filter: blur(12px);*/
}

.guide__item-btn:hover {
    box-shadow: 0 0 10px 1px #1c78c930;
}

/*.not-com-add-frm fieldset {
    border-top: 1px solid #e5e5e5;
}*/

.guide-content-view__header {
    display: block;
    width: 100%;
    padding: 12px;
    /* background: var(--block-bg); */
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--title-color);
    border-radius: 16px;
    margin-bottom: 16px;
}

#excel td {
    vertical-align: middle;
}

#excel td img {
    width: 100%;
    max-width: 200px;
    height: auto;
    margin: 12px 0;
}

.guide-content-view__item {
    background: var(--block-bg);
    color: var(--title-color);
    border: none;
    width: unset;
    margin: unset;
    border-radius: 16px;
    margin: 16px 0 0;
}

.guide-content-view__item p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 10px;
    letter-spacing: 0.02em;
}

.guide-content-view__item img {
    max-width: 800px;
    margin: 16px auto;
    width: 100%;
}

.guide-content-view__item ol,
.guide-content-view__item ul {
    padding-left: 30px;
}

.guide-content-view__item ol li,
.guide-content-view__item ul li {
    margin-bottom: 10px;
}

.guide-download {
    color: var(--title-color);
    background: var(--scrollbar-thumb-color);
}

.guide-content-view__general {
    padding: 16px;
    background: var(--block-bg);
    border-radius: 16px;
}

.not-com-add-frm .modal__form-wrapper h1 {
    /* position: absolute; */
    font-size: 22px;
}

.guide-content-view__general form {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.guide-content-view__general label:not(.structure-name) {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--title-color);
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 0;
}

.frmEdit label,
.label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: inherit;
}

.guide-content-view__general label span {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
    color: var(--base-text-color);
}

.guide-article-contents__add,
.guide-article-contents {
    padding: 16px;
    border-radius: 16px;
    background: var(--block-bg);
    color: var(--title-color);
}

.guide-article-contents__add {
    display: flex;
    gap: 10px;
    align-items: center;
    text-align: left;
    flex-wrap: wrap;
}

.guide-article-contents__add button {
    border-radius: 10px;
    color: var(--create-input-color);
    background: var(--create-input);
    border: none;
    padding: 4px 8px;
    font-size: 14px;
    cursor: pointer;
}

.guide-article-content {
    width: 100%;
    max-width: 1000px;
    background: inherit;
}

.guide-article-content__panel {
    right: -13px;
    top: -23px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

.guide-article-content__panel i {
    margin: 0 !important;
}

.guide-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 16px;
    background: var(--block-bg);
}

.guide-content__header {
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 16px;
}

.guide-content__header H2 {
    color: var(--title-color);
    margin-bottom: 0;
}

.guide-list-item {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    margin: 0 0 10px;
    border: none;
    gap: 8px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--birthday-block);
    color: var(--base-text-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    box-shadow: var(--block-shadow-1);
}

.guide-list-item:hover {
    box-shadow: 0 0 4px 0 #77717185;
}

.guide__item-name {
    flex: 1 1;
}

.guide-list-item .guide__item-btn {
    border: none;
    background: var(--scrollbar-track-color);
}

.guide-list-item .guide__item-btn:first-of-type {
    margin-left: auto;
}

@container guideContainer (width < 768px) {
    .guide-tree__items-wrapper {
        grid-template-columns: 1fr;
    }

    .guide-tree__item img {
        object-fit: cover;
    }
}

.personal-select__form .autogroups__load {
    color: var(--last-title);
    border: 1px solid var(--last-title);
    border-radius: 6px;
    padding: 3px;
}

.personal-select__form .autogroups__remove {
    color: #D1000A;
    border: 1px solid #D1000A;
    border-radius: 6px;
    padding: 3px;
}

.autogroups__one {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
    display: flex;
    font-size: 12px;
    align-items: center;
    gap: 10px;
}

.personal-select__form .uncontacts__block {
    margin-top: 16px;
    padding: 16px;
    background-color: var(--create-input);
    border: none;
    border-radius: 10px;
    box-shadow: var(--block-shadow-1);
}

.uncontacts__block-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

.uncontacts__block-text {
    color: var(--title-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.uncontacts__block-tel {
    margin-top: 13px;
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--comments-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.uncontacts__block-tel::before {
    display: block;
    content: '';
    background: url('../img/icons/tel.svg');
    width: 16px;
    height: 16px;
}

.uncontacts__block-mail {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--comments-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.uncontacts__block-mail::before {
    display: block;
    content: '';
    background: url('../img/icons/mail.svg');
    width: 16px;
    height: 16px;
}

.uncontacts__block-btns {
    display: flex;
    align-items: center;
    gap: 12px;
}

.contacts-item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contacts__item-mail {
    margin-bottom: 13px;
    display: flex !important;
    gap: 15px;
    color: var(--comments-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.contacts__item-default {
    margin-bottom: 13px;
    display: flex !important;
    gap: 15px;
    color: var(--comments-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.contacts__item-mail::before {
    display: block;
    content: '';
    background: url('../img/icons/mail.svg');
    width: 16px;
    height: 16px;
}

.contacts__item-whats {
    background: no-repeat center url('../img/icons/whats-up-white.svg');
    width: 12px;
    height: 12px;
    background-color: #5CCC81;
    padding: 8px;
    border-radius: 8px;
}

.contacts__block-employee {
    display: none;
    padding-top: 16px;
    padding-left: 46px;
}

.contacts__block-employee.openk {
    display: block;
}


/* Почта */

#mail-main .overlay {
    display: flex;
    position: fixed;
    height: 100vh;
    justify-content: center;
    align-items: center;
    width: 0%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 54;
    background: rgba(0, 0, 0, 0.60);
}

#mail-main .overlay.open {
    display: flex;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 54;
    background: rgba(0, 0, 0, 0.60);
}

.mail__content-wrapper {
    display: flex;
    gap: 20px;
    position: relative;
}

.mail__folders {
    display: flex;
    height: max-content;
    width: 290px;
    padding: 24px 16px 16px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex-shrink: 0;
    border-radius: 16px;
    background: var(--block-bg);
}

.mail__refresh-btn {
    display: flex;
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    background: var(--btn-dark-green-bg);
    border-radius: 16px;
    cursor: pointer;
}

.mail__folders .folders {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.mail__folders .folders li a {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    width: 100%;
    gap: 12px;
    border-radius: 16px;
    box-shadow: var(--block-shadow-1);
    cursor: pointer;
}

.mail__folders .folders li:hover a {
    background: var(--mail-menu-li-hover);
    filter: none;
}

.mail__folders .folders li:hover a:hover {
    filter: none;
}

.mail__folders .folders li a,
.mail__folders .folders li a span {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.mail__folders .folders li.mail-dir-active a,
.mail__folders .folders li.mail-dir-active a span {
    font-weight: 700;
}

.mail-add-folder i {
    color: var(--btn-dark-green-bg);
}

.settings-icon path {
    fill: var(--settings-icon-fill);
}

.mail-search__form {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}

.mail-search__form select {
    padding: 12px 14px;
}

.mail-search-window {
    display: flex;
    height: 44px;
    padding: 8px 16px;
    align-items: center;
    gap: 12px;
    border: none;
    border-radius: 16px;
    background: var(--vacancy-block-bg);
    cursor: pointer;
    box-shadow: var(--block-shadow-1);
    color: var(--settings-icon-fill);
}

.mail-move-letters {
    width: 44px;
    height: 44px;
}

.btn-remove,
.mail-letters-actions {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    border: none;
    align-items: center;
    padding: 8px 10px;
    border-radius: 16px;
    box-shadow: var(--block-shadow-1);
    background: var(--vacancy-block-bg);
}

.btn-remove:disabled,
.mail-letters-actions:disabled,
.btn-remove:disabled:hover,
.mail-letters-actions:disabled:hover {
    padding: 8px 10px;
    border-radius: 16px;
    box-shadow: var(--block-shadow-1);
    background: var(--vacancy-block-bg);
}

.btn-remove:disabled svg path {
    fill: var(-btn-remove-disabled-fill);
}

.mail-letters-actions:disabled svg path {
    fill: var(--default-checkpoint-path-fill);
}

.mail-letters-actions:not(:disabled) svg path {
    fill: var(--done-checkpoint-rect-fill);
}

.btn-remove:not(:disabled) svg path {
    fill: var(--btn-remove-fill);
}

.mail-search-window.active {
    color: var(--title-color);
}

.btn-clear-form {
    display: none;
}

.mail-search-window.active .btn-clear-form {
    display: flex;
}

.popup-menu {
    position: absolute;
    background: var(--block-bg);
    box-shadow: var(--block-shadow-1);
    padding: 0;
    width: 160px;
    top: 55px;
    right: calc(50% - 80px);
    z-index: 100;
    border-radius: 8px;
}

.mail-info .popup-menu.full {
    position: absolute;
    top: 110%;
    left: 20px;
    display: flex;
    min-width: 358px;
    padding: 20px;
    align-items: flex-start;
    gap: 12px;
    background: var(--block-bg);
    box-shadow: var(--block-shadow-1);
    z-index: 100;
    border-radius: 8px;
}

.mail-info .popup-menu.full.closed {
    display: none;
}

.mail-info__wrapper {
    display: grid;
    grid-template-columns: 1fr 4fr;
    width: 100%;
    column-gap: 12px;
    row-gap: 4px;
}

.mail-info__wrapper .first {
    color: var(--date-color);
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.mail-info__wrapper .second {
    color: var(--buses-color);
    text-align: left;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.mail-action-group span.mail-action-group__name {
    border-bottom: 1px dashed #ddd4d4;
    color: var(--title-color);
    font-weight: bold;
}

.mail-action-group i {
    margin-right: 5px;
}

.mail-action-group {
    text-align: left;
    color: var(--comments-date);
    font-weight: bold;
}

.mail__open-menu-btn {
    display: none;
    width: max-content;
    padding: 8px 10px;
    align-items: center;
    gap: 12px;
    border-radius: 16px;
    background: var(--vacancy-block-bg);
    cursor: pointer;
    box-shadow: var(--block-shadow-1);
}

.mail__search-mobile {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    width: 100%;
}

.letter-row:hover {
    background: var(--active-checkpoint-circle-fill);
}

.pagination {
    display: flex;
    align-items: center;
    width: max-content;
    margin: 0;
    margin-left: auto;
    gap: 4px;
    padding: 0;
    list-style: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    color: var(--date-color);
}

.pagination li:first-child {
    margin-right: 16px;
}

.paginaton-btn,
.paginaton-btn a {
    display: flex;
    width: 18px;
    height: 18px;
    padding: 5.727px 0px;
    justify-content: center;
    align-items: center;
}

.paginaton-btn svg path {
    fill: var(--date-color);
}

.md-show {
    display: none;
}

.letters__wrapper {
    display: grid;
    grid-template-rows: minmax(20px, 1fr);
    width: 100%;
    align-items: start;
    gap: 4px;
}

.letters__wrapper a {
    text-decoration: none;
    color: unset;
    display: flex;
    gap: 8px;
    min-height: 50px;
    align-items: center;
    position: relative;
    width: 100%;
}

.letters__header {
    display: flex;
    align-items: center;
    border-bottom: none;
    padding: 10px 10px 10px 8px;
}

.letter-row {
    display: flex;
    height: 70px;
    align-items: center;
    position: relative;
    padding: 0px 10px;
    border-radius: 4px;
    border-bottom: none;
}

.letter-row span.letter__from-name {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--birthday-name);
}

.letter-row.mail-unseen {
    border-bottom: 1px solid var(-letter-hover-bg);
    background: var(--scrollbar-track-color);
}

.letter-row.mail-unseen span.letter__from-name {
    font-weight: 700;
}

.letter-row .letter__content .letter__subject {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--select-color);
}

.letter-row.mail-unseen span {
    font-weight: 700;
}

.mail-info {
    display: flex;
    padding: 24px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    background: var(--block-bg);
    box-shadow: var(--block-shadow-1);
    border-radius: 16px;
}

.mail-info__from {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--mail-from-color);
}

.mail-info__from span {
    color: #1FA7E7;
}

.mail-info__btn,
.mail-info__btn.btn-remove,
.mail-info__btn.mail-move-to {
    display: flex;
    height: 26px;
    width: 26px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    gap: 12px;
    border-radius: 16px;
    background: var(--vacancy-block-bg);
    cursor: pointer;
    box-shadow: var(--block-shadow-1);
}

.mail-info__btn svg path,
.mail-info__btn.btn-remove svg path {
    fill: var(--exchange-title);
}

.mail-info__btn.flagged svg path {
    fill: gold;
}


.mail-info__btn.seen svg path {
    fill: greenyellow;
}

.mail-move-to {
    font-weight: normal;
    line-height: 100%;
    display: block;
    padding: 10px;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

.mail-body {
    margin-top: 25px;
    width: 100%;
    background: var(--block-bg);
    border-radius: 16px;
    min-height: Calc(100% - 200px);
    overflow: auto;
}

.fill-white {
    fill: white !important;
}

.mail-date__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    font-size: 14px;
    font-weight: 400;
}

#mail_letters {
    width: 100%;
    overflow-y: auto;
    padding-bottom: 15px;
    overflow-x: hidden;
}

.letters__actions {
    display: none;
}

.letters__header .mail__all-select-cb {
    display: flex;
    padding: 8px 4px;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(204, 204, 204, 0.60);
    justify-content: space-around;
    margin-left: -5px;
    cursor: pointer;
    box-shadow: var(--block-shadow-1);
}

.mail__all-select-cb__actions {
    display: none;
    padding: 10px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    left: 0;
    top: 110%;
    border-radius: 4px;
    background: var(--next-dot-fill);
    z-index: 55;
}

.mail__all-select-cb__actions span {
    width: 100%;
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 5px 6px;
    text-align: left;
}

.relative {
    position: relative;
}

.ui-widget.ui-widget-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 250px;
    padding: 5px;
    border-radius: 8px;
    background: var(--item-bg);
    box-shadow: var(--block-shadow-1);
    border: none;
    z-index: 15000;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
}

.sliders-values {
    color: var(--title-color);
}

.ui-widget-header {
    display: none;
}

.ui-slider .ui-slider-range {
    background: #1FA7E7;
    box-shadow: 0px 15px 30px 0px rgba(121, 191, 105, 0.00);
}

.remove-modal__message {
    color: var(--title-color);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.remove-modal__icon {
    display: flex;
    width: 60px;
    height: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #E7686E;
    box-shadow: 0px 1px 2px 0px rgba(255, 255, 255, 0.50) inset, 0px -2px 2px 0px rgba(255, 74, 51, 0.30) inset, 0px -15px 20px 0px rgba(255, 74, 51, 0.30) inset, 0px 10px 20px 0px rgba(255, 74, 51, 0.30);
}

.ui-widget-content {
    border: none;
    background: inherit;
    color: inherit;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 0;
    width: 100%;
    display: flex;
    gap: 16px;
    margin-top: 0;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    width: 100%;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.ui-dialog-buttonset button:first-child {
    display: flex;
    height: 44px;
    padding: 16px 10px 17px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 16px;
    background: transparent
        /*var(--remove-modal-bg)*/
    ;
    color: transparent;
    border: none;
}

.ui-dialog-buttonset button:first-child:after {
    display: block;
    content: "Да, подтвердить";
    position: absolute;
    left: 0;
    top: calc(50% - 6px);
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    color: green;
}

.ui-dialog-buttonset button:last-child {
    display: flex;
    height: 44px;
    padding: 16px 10px 17px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 16px;
    color: transparent;
    background: var(--remove-modal-bg-2);
    border: none;
}

.ui-dialog-buttonset button:last-child:after {
    display: block;
    content: "Нет";
    position: absolute;
    left: 0;
    top: calc(50% - 6px);
    width: 100%;
    text-align: center;
    color: #E7686E;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;

}

.mail-info__information {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 8px;
    letter-spacing: 0.4px;
    color: var(--gray-color);
    cursor: pointer;
    margin-bottom: 16px;
}

.mail-info__subject {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--title-color);
}

.recipient-searcher {
    display: flex;
    padding: 8px 14px;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 16px;
    background: var(--item-bg);
    border: none;
    box-shadow: var(--block-shadow-1);
}

.recipient-item {
    position: relative;
    width: max-content;
}

.recipient-item i {
    display: block;
    position: absolute;
    right: 5px;
    top: 9px;
    font-size: 12px;
    color: var(--title-color);
    border-radius: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00d";
    z-index: 100;
    width: 15px;
    text-align: center;
}

.recipient-searcher .recipient-search {
    min-width: 300px;
}

.file-upload__label {
    display: flex;
    width: 100%;
    gap: 16px;
}

.mail-new-attach {
    padding: 5px 10px;
    font-size: 12px;
    background: var(--default-checkpoint-circle-fill);
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    max-width: 200px;
    color: var(--title-color);
    box-shadow: var(--block-shadow-1);
}

.upload-block .upload-btn {
    width: 44px;
    height: 44px;
    display: flex;
    box-shadow: var(--block-shadow-1);
    background: var(--default-checkpoint-circle-fill);
    border-radius: 16px;
}

.upload-block .upload-btn svg {
    width: 44px;
    height: 44px;
}

.recipient-item input,
.recipient-item input:focus {
    display: flex;
    width: max-content;
    padding: 4px 8px 4px 14px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    background: var(--input-bg);
    color: var(--title-color);
}

.mailboxes {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.mailboxes .one-field {
    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 12px;
    border-radius: 10px;
    background: var(--item-bg);
    box-shadow: var(--block-shadow-1);
    flex-direction: column;
    border: none;
    width: 100%;
}

.mailboxes .one-field.closed .mailbox__settings {
    display: none;
    height: 0;
}

.mailboxes__edit-btn,
.mailboxes__delete-btn {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 3.25px 4.812px 3.249px 5.1px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


.mailboxes__delete-btn {
    margin-left: 12px;
}

.mailboxes__delete-btn svg path {
    fill:
        /*var()*/
        lightcoral;
}

.one-field input,
.one-field select {
    color: var(--date-color);
    background: var(--block-bg);
    height: 44px;
    padding: 12px 14px;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    border: none;
    box-shadow: var(--block-shadow-1);
}

.one-field .frmSearch input:focus,
.one-field .frmEdit input:focus,
.one-field .frmEdit textarea:focus {
    color: var(--date-color);
    background: var(--subblock-bg);

    box-shadow: var(--block-shadow-1);
}


/* Транспорт */

#bus-main {
    container-name: busContainer;
    container-type: inline-size
}

.attention__block {
    position: relative;
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 32px;
    flex: 1 0 0;
    border-radius: 10px;
    background: var(--yellow-bg);
}

.attention__block h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--yellow-color);
    margin-bottom: 20px;
}

.attention__block .info {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--karelia-color);
}

.attention__block .yellow-text {
    color: var(--yellow-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bus-schedule-item {
    display: flex;
    width: 100%;
    padding: 20px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 20px;
    background: var(--block-bg);
    box-shadow: var(--block-shadow-1);
}

.bus-schedule-item:not(:last-child) {
    margin-bottom: 20px;
}

.bus-svg path {
    fill: var(--bus-svg-fill);
}

.bus-schedule__time {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.bus-schedule-capacity .signed-up {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #4CAE50;
}

.bus-user-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.bus-user-item {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
}

.bus-user-list.hide {
    display: none;
}

.bus-user-name {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bus-schedule-route ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.bus-schedule-route ul li {
    margin-bottom: 12px;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 130%;
}

.bus__title-new-record {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}

.text-small {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.text-blue {
    color: #1FA7E7;
}

.bus-stop-help {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.bus__add-until {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.bus-days {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bus-days .custom-checkbox {
    font-size: 14px;
}

.bus-change-route input {
    height: 37px;
    /*max-width: 250px;*/
}

.bus-schedule fieldset {
    padding: 16px 0;
}

.bus-schedule fieldset legend {
    margin-bottom: 0;
}


@container busContainer (width < 768px) {
    .bus-schedule__time {
        font-size: 14px;
    }

    .bus__add-until {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}


/* Галерея */

#gallery-main {
    container-name: galleryContainer;
    container-type: inline-size
}

.gallery_list__album {
    display: flex;
    padding: 24px 16px 16px 16px;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 20px;
    background: var(--block-bg);
}

.gallery-album__year {
    color: var(--title-color);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 100%;
    margin: 0;
}

.album-wrapper {
    display: flex;
    padding-bottom: 0px;
    flex-direction: column;
    align-items: start;
    align-self: stretch;
    padding: 0;
    width: 30%;
    border-radius: 10px;
    background: var(--subblock-bg);
    box-shadow: var(--block-shadow-1);
}

.album-cover {
    height: 300px;
    width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.album-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    justify-self: start;
    padding: 16px;
    word-break: break-word;
}


.album-more {
    padding: 16px;
}

.gallery_list {
    display: flex;
    padding: 24px 16px;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 20px;
    background: var(--block-bg);
}

.gallery_list_item__wrapper {
    display: flex;
    width: 31%;
    height: 300px;
    padding-bottom: 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 10px;
    background: var(--subblock-bg);
    box-shadow: var(--block-shadow-1);
}

.gallery_list .gallery-preview {
    width: 100%;
    height: 100%;
    flex: 1;
    margin: 0;
    overflow: hidden;
    border-radius: 16px 16px 0 0;
}

.gallery_list .gallery-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
    transition: all .3s ease;
}

.gallery_list .gallery-preview video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
    transition: all .3s ease;
}

.gallery_list .gallery-preview img:hover {
    object-fit: scale-down;
}

.gallery-preview__likes .reactions-item {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 2px;
    flex: 1;
    padding: 0 16px 8px;
}

.gallery-edit-item {
    display: flex;
    width: 100%;
    gap: 16px;
    background: var(--subblock-bg);
    padding: 16px;
    border-radius: 16px;
}

.gallery-edit-item .img-wrapper {
    height: 200px;
    width: 100%;
    text-align: center;
    padding: 15px;
    border-radius: 15px;
    border: 2px dotted #299a0b;
}

.gallery-edit-item img {
    width: auto;
    height: 100%;
}

.gallery-edit-item video {
    width: auto;
    height: 100%;
}

.gallery-edit-item .remove-data {
    height: 36px;
    width: 36px;
    min-width: unset;
}

.gallery-edit-more span {
    font-size: 12px;
}

.gallery-edit-more textarea {
    margin-top: 8px;
}


@container galleryContainer (width < 768px) {
    .album-wrapper {
        width: calc(50% - 16px);
    }

    .gallery_list_item__wrapper {
        width: calc(50% - 16px);
    }
}

@container galleryContainer (width < 550px) {
    .album-wrapper {
        width: 100%;
    }

    .gallery_list_item__wrapper {
        width: 100%;
        max-height: 350px;
        height: 100%;
    }
}

@media (max-width:768px) {
    .album-wrapper {
        width: calc(50% - 16px);
    }

    .gallery_list_item__wrapper {
        width: calc(50% - 16px);
    }
}

@media (max-width:550px) {
    .album-wrapper {
        width: 100%;
    }

    .gallery_list_item__wrapper {
        width: 100%;
    }
}

#root>div {
    padding-top: 0px!important;
}

.pdf-wrapper .toolbar .buttons__wrapper button {
    display: flex;
    height: 34px;
    padding: 12px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--green-btn-bg);
    letter-spacing: 0.05em;
    border: none;
    font-size: 14px;
    font-style: normal;
    /* font-weight: 400; */
    line-height: normal;
    color: #ffffff;
    width: max-content;
}

/* Прайс */

.pricelist-group {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    background: var(--block-bg);
    border-radius: 20px;
    box-shadow: var(--block-shadow-1);
    margin: 0;
    margin-bottom: 16px;
}

.pricelist__group-header {
    display: flex;
    width: 100%;
    padding: 16px;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    border-radius: 20px 20px 0 0;
    background: var(--price-header-bg);
    cursor: pointer;
}

.pricelist-group__name {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: white;
}

.pricelist-group.closed .pricelist__group-header {
    border-radius: 20px;
}

.pricelist-group.closed .pricelist-item {
    display: none;
}

.pricelist-item {
    font-size: 14px;
    display: flex;
    padding: 15px;
    padding: 2px 16px;
    align-items: center;
    gap: 28px;
    width: 100%;
    justify-content: space-between;
    line-height: 138%;
}

.pricelist-item__name {
    flex: 1;
    margin-right: 10px;
    width: 100%;
    word-break: break-all;
}

@media (max-width: 768px) {
    .pricelist-group__name {
        font-size: 14px;
    }
}

.moderators {
    padding: 16px!important;
}

.moderators p {
    padding-bottom: 16px;
}
.moderators img {
    width: 100%;
    padding: 0 0 16px;
}

.moderators .birthday__block + p {
    margin-top: 16px;
}
.moderators .img__wrapper {
    display: flex;
    /*flex-wrap: wrap;*/
    column-gap: 16px;
}

.moderators .img__wrapper img {
    max-height: 500px;
    width: auto;
    max-width: 100%;
}


/* столовая */

.dining-date {
    background-color: #016836;
    border-radius: 8px;
    width: fit-content;
    padding: 4px 8px;
    font-weight: 700;
    margin-bottom: 14px;
}

.dining-block {
    width: 100%;
    position: relative;
    color: white;
    background: url('/assets/img/design/dining_cover.png');
    background-size: cover;
    border-radius: 10px;
    padding: 20px;
    cursor: default;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px;
}

.dining-block.admin {
    background: transparent;
    padding: 0;
}

.dining-block p {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 4px;
    text-align: left;
}

.dining-block.admin h5 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


/* обращения */

#incs-main {
    container-type: inline-size;
    container-name: incsMain;
}

.filter-svg .svg-change-color {
    fill: var(--filter-svg-bg);
}

#incs-main .more-filters {
    cursor: pointer;
}

#incs-main .more-filters span,
.company-news-more-filters span {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    color: #1FA7E7;
}

#incs-main .set-incs-type {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 400px;
}

#incs-main .set-incs-type .interface_search_list.new {
    border-radius: 8px 0 0 8px;
    flex: 1 1 auto;
}

#incs-main .inc-label {
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 113%;
    color: var(--inc-label-color);
}

#incs-main fieldset.more-search-settings {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: none;
    padding: 0;
    margin: 15px 0;
}

#incs-main .more-search-settings__content {
    display: none;
}

#incs-main .more-search-settings__content.active {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 16px;
}

#incs-main .incs__table-head {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#incs-main .ordering {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#incs-main .inc-card {
    display: flex;
    width: 100%;
    border-radius: 16px;
    padding: 10px;
}

.inc-fields.hidden {
    display: none;
}

.inc-fields {
    position: absolute;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    top: 110%;
    left: 0%;
    z-index: 100000;
    background: var(--block-bg);
    box-shadow: var(--block-shadow-1);
}

.inc-fields label {
    padding: 10px;
    font-size: 12px;
    line-height: 100%;
    cursor: pointer;
}

.inc-edit-wrapper {
    border-radius: 16px;
}

#incs-main .inc-card__info {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    width: 100%;
}

.inc-card__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.inc-card__content.text-block {
    background-color: rgb(75 190 231 / 8%);
    margin: 0 4px;
    border-radius: 4px;
}

.inc-card__status {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    border-radius: 8px;
    min-width: 120px;
}

.inc-card__content div:first-child {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    /* 16.56px */
}

.incs-settings {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.set-incs-type button {
    border-radius: 0 8px 8px 0;
    font-size: 14px;
}

.inc-info-block {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.reports-wrapper {

    margin-top: 15px;

    background-color: var(--block-bg);

    border-radius: 20px;

}

.min-w-160 {
    min-width: 160px;
}

.scale__wrapper {
    display: flex;
    align-items: flex-end;
    margin: 0;
}

.inc-comment__text {
    background: var(--subblock-bg);
    padding: 16px;
    border-radius: 8px;
    border: none;
}

.inc-status {
    display: inline-block;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 4px;
    border: none;
}

.inc-info-block__label {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--date-color);
}

.inc-info-block__content {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    /* 16.56px */
}

.inc-info-block button.square {
    margin-right: 5px;
    padding: 2px 3px;
    font-size: 12px;
    border-radius: 3px;
    margin-top: -2px;
    background: dodgerblue;
    color: #fff;
    width: 25px;
    min-width: unset;
    height: 25px;
}

.scale_item-tooltip {
    position: absolute;
    width: 300px;
    height: fit-content;
    max-width: 500px;
    left: 0%;
    top: 110%;
    z-index: 50;
    opacity: 0;
    display: none;
    font-size: 12px;
    color: #826fc0;
    margin: 5px 0;
}

.inc-change__wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.scale__item:hover .scale_item-tooltip {
    display: block;
    opacity: 1;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 5px;
    transition: all .3s;
}

.tabs-on-top {
    width: 100%;
    overflow-x: scroll;
}

.tabs-on-top::-webkit-scrollbar {
    height: 2px;
}

.tabs-on-top__wrapper,
.tab-buttons.tabs-on-top__wrapper {
    width: 100%;
    display: flex;
    gap: 0px;
    background: transparent;
    overflow-x: auto;
}

.tabs-on-top+.simple-block {
    border-radius: 0 0 16px 16px;
    margin-top: -16px;
}

.tab-buttons .tabs-on-top__tab {
    display: flex;
    padding: 13px 20px 14px 20px;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: var(--title-color);
    gap: 10px;
    flex: 1 0 0;
    border-radius: 20px 20px 0px 0px;
    background: var(--tab-bg);
}

.tabs-on-top__tab.active {
    background: var(--tab-active-bg);
}

.tab-content.active {
    display: block;
}

.tab-content.active.flex {
    display: flex;
}

.tab-content.simple-block.active {
    display: flex;
}

.accordion-item {
    background: var(--subblock-bg);
    box-shadow: var(--block-shadow-1);
    padding: 10px;
    border-radius: 8px;
    width: 100%;
}

.accordion-item .accordion-content {
    display: none;
}

.accordion-item.open .accordion-content {
    margin-top: 15px;
    display: block;
    width: 100%;
}

.accordion-item .accordion-title {
    cursor: pointer;
    font-size: 16px;
    transform: translateY(20px);
}

.accordion-item .accordion-title i {
    margin-right: 8px;
}

.accordion-item .accordion-title .fa-angle-up {
    display: none;
}

.accordion-item .accordion-title .fa-angle-down {
    display: inline-block;
}

.accordion-item.open .accordion-title .fa-angle-down {
    display: none;
}

.accordion-item.open .accordion-title .fa-angle-up {
    display: inline-block;
}


.inc-theme-subtheme,
.inc-theme-parent {
    display: flex;
    gap: 8px;
    font-size: 16px;
}

.inc-part__items {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.incs__bytns-top button {
    width: 50%;
}

.inc-part {
    padding: 20px;
    background: var(--subblock-bg);
    border-radius: 16px;
    width: 100%;
    box-shadow: var(--block-shadow-1);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.inc-part__item label {
    display: block;
    font-size: 14px;
    color: var(--title-color);
    margin-bottom: 8px;
}

.inc-part__moder {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.inc-part__moder span {
    background: var(--item-bg);
    box-shadow: var(--block-shadow-1);
    border: none;
    padding: 12px;
    border-radius: 16px;
    flex: 1;
}

.inc-history-table th {
    font-weight: bold;
    background: transparent;
}

.inc-history-table td,
.inc-history-table th {
    padding: 10px;
    text-align: left;
    border: 1px solid var(--counter-color);
    background-color: transparent;
    font-size: 14px;
    max-width: 600px;
}

.inc-part__selects-grid__item {
    background: var(--item-bg);
    padding: 16px;
    border-radius: 8px;
}

.inc_change__wrapper {
    padding: 10px;
    background: var(--subblock-bg);
    border-radius: 8px;
    border: none;
    display: flex;
    font-size: 12px;
    box-shadow: var(--block-shadow-1);
}

.inc-part .date-input__border {
    width: 100%;
    flex: 1 1 auto;
    border-radius: 12px;
    overflow: hidden;
    height: auto;
    display: flex;
    box-shadow: var(--block-shadow-1);
}

.incs-title {
    color: var(--incs-title-color);
    font-weight: 600;
}

.inc-part .date-input__border input[type="date"] {
    border: none;
    outline: none;
    padding: 5px 10px;
    height: 100%;
    width: 100%;
    background: var(--subblock-bg);
    color-scheme: var(--input-color-scheme);
}


.inc_change__wrapper .inc_change {
    position: absolute;
    right: 10px;
    top: 5px;
    border-radius: 8px;
    width: 25px;
    height: 25px;
    background: #D2C9FE;
    color: #000;
    border: none;
    outline: none;
    padding: 0;
}

.inc-part .date-input__border ::-webkit-calendar-picker-indicator {
    background-color: #D2C9FE;
    color: #161616;
    padding: 5px;
    cursor: pointer;
    border-radius: 8px;
}

.inc-part__item {
    display: block;
    width: 100%;
}

.inc-container-wrapper {
    width: 100%;
}

.inc-part__wrapper {
    width: 100%;
    border-radius: 16px;
    padding: 10px;
    box-shadow: var(--block-shadow-1);
    background: var(--block-bg);
}

.inc-part__wrapper:not(:last-of-type) {
    border-bottom: 1px solid var(--create-line);
    padding-bottom: 24px;
}

.corrective-actions .inc-part__add-action-btn {
    width: 100%;
}

.dining_mark__select img {
    margin-right: 15px;
    cursor: pointer;
    opacity: 0.5;
    border-radius: 50%;
}

.dining_mark__select img:hover {
    opacity: 1;
}

.dining_mark__select img.selected {
    opacity: 1;
    border: 6px solid var(--news);
    box-shadow: 0px 0 4px #ccc;
}

.dining-mark {
    font-size: 60px;
}

.dining-mark__item .heart {
    font-size: 12px;
    cursor: pointer;
    flex-direction: row;
    gap: 8px;
}

.dining_mark__select i {
    font-size: 30px;
    margin-right: 15px;
    cursor: pointer;
    opacity: 0.5;
    border-radius: 50%;
    border: 6px solid transparent;
}

.dining_mark__date {
    display: block;
    margin: 0;
    padding: 15px;
    font-size: 26px;
}

.dining-mark__item {
    padding: 15px 0;
    display: block;
    border-top: 1px solid #e5e5e5;
}

.dining_mark__more {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dining_mark__comment {
    padding: 15px;
    color: var(--date-color);
    font-style: italic;
    background: var(--subblock-bg);
    box-shadow: var(--block-shadow-1);
    font-size: 12px;
    margin: 10px 0;
    border-radius: 8px;
    width: 100%;
}

.dining-mark__author {
    text-decoration: none;
    border-bottom: 1px dashed;
    color: var(--title-color);
    display: inline-block;
    padding-bottom: 3px;
}

.dining-mark__modified {
    color: var(--select-color);
    font-size: 12px;
    margin-right: 10px;
}

.inc-card__wrapper {
    display: flex;
    flex-direction: column;
    background: var(--subblock-bg);
    box-shadow: var(--block-shadow-1);
    width: 100%;
}

.inc-card__header {
    width: 100%;
    height: 40px;
    border-radius: 16px 16px 0 0;
}

.search-notfound {
    display: none !important;
}

.search-found {
    display: flex !important;
}

.search-content {
    position: relative;
}

.inc-others__wrapper {
    border-bottom: 1px solid var(--counter-color);
    padding-top: 16px;
}

.inc-others__wrapper .custom-checkbox {
    align-items: flex-start;
}

.inc-others {
    display: grid;
    grid-template-columns: 5% 5% 100%;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.inc-others-content {
    width: 80%;
}

.inc-others-content img {
    display: none;
}

.inc-others-hidden p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.search-content button[type="submit"] {
    position: fixed;
    top: 80%;
    left: 75%;
}

/* mobile */

@media (max-width:768px) {

    .search-content button[type="submit"] {
        position: fixed;
        top: unset;
        left: 36px;
        right: 32px;
        bottom: 16px;
        width: 85vw;
    }

    .default-datepicker-input {
        max-width: 500px;
        margin: 0 auto;
    }

    #incs-main .more-filters span,
    .company-news-more-filters span,
    #incs-main .incs__table-head {
        display: none;
    }

    .inc-card__content:last-of-type {
        margin-left: unset;
    }

    .incs-settings button {
        padding: 8px 12px;
        min-width: unset;
    }

    .incs__bytns-top {
        flex-wrap: wrap;
    }

    .incs__bytns-top button {
        width: 100%;
    }
}

@container incsMain (width < 768px) {

    #incs-main .more-filters span,
    #incs-main .incs__table-head {
        display: none;
    }

    .inc-card__content:last-of-type {
        margin-left: unset;
    }

    .incs-settings button {
        padding: 8px 12px;
        min-width: unset;
    }

    .incs__bytns-top {
        flex-wrap: wrap;
    }

    .incs__bytns-top button {
        width: 100%;
    }
}


/* auth */


.auth__wrapper {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
}


.auth-content {
    display: flex;
    width: 50%;
    height: 100vh;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
    position: relative;
}

.auth-content .auth {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    max-width: 290px;
    margin: 0 auto;
}

.auth-screen__img {
    background-image: url('/assets/img/auth_screen.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    height: 100vh;
    background: linear-gradient(0deg, rgba(27, 129, 62, 0.40) 0%, rgba(27, 129, 62, 0.40) 100%), url('/assets/img/auth_screen.jpg'), lightgray 50% / cover no-repeat;
    filter: blur(1.5px);
}

.auth-content .auth button.w-full {
    width: 100%;
}


.auth__logo-img {
    background-image: var(--logo-full);
    background-size: contain;
    background-repeat: no-repeat;
    width: 154px;
    height: 47px;
}


.policy {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    text-align: center;
}

.policy a {
    padding: 0 10px;
    /*text-decoration:none;*/
    color: dodgerblue;
}

.timec__form {
    display: flex;
    gap: 16px;
    padding: 12px 16px;
}


@media (max-width: 786px) {
    .auth-screen__img {
        display: none;
    }

    .auth-content {
        width: 100%;
    }

    .timec__form {
        flex-direction: column;
        width: 100%;
    }
}

@media (max-height: 430px) {
    .policy {
        display: none;
    }
}

#user-main {
    container-type: inline-size;
    container-name: userMain;
}


.profile__main {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: max-content;
    gap: 16px;
    width: 100%;
}

.profile__open-settings {
    cursor: pointer;
    display: flex;
    padding: 5px;
    height: max-content;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #F0F0F0;
    backdrop-filter: blur(12px);
}

.profile__open-settings>div {
    display: flex;
    width: 20px;
    height: 20px;
    padding: 2.708px 4.01px 2.707px 4.25px;
    justify-content: center;
    align-items: center;
}

.profile-settings.show {
    display: flex;
}

.profile-settings {
    display: none;
}

.profile-settings__wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}


.for-change-pass {
    display: block;
    padding: 15px;
    background: var(--item-bg);
    box-shadow: var(--block-shadow-1);
}

.profile__main__left {
    grid-row: 1/4;
}

.profile__main__right {
    grid-column: 2/2;
    grid-row: 1/1;
}

.profile__status-wrapper {
    grid-row: 2/2;
    grid-column: 2/2;
}

.profile__main__left h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.profile__links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.profile__links a {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--title-color);
}

.profile__links.mob {
    gap: 8px;
    display: none;
}

.profile__main__left .user-status.is_online.online {
    background: #A7F5B0;
}

.profile__main__left .user-status.is_online.offline {
    background: #F7AEB1;
}

.profile__main__left .user-status.is_online.afk {
    background: #E9EDF5;
}

.profile__main__left .user-status.is_online.online {
    color: green;
}

.profile__main__left .user-status.is_online.offline {
    color: red;
}

.profile__main__left .user-status.is_online.afk {
    color: gray;
}

.profile__main .user-status {
    flex: 0 1 auto;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    /* 16.56px */
    text-align: center;
    padding: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.profile__name {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    gap: 8px;
}

.profile__position {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    /* 16.56px */
    color: var(--position-color);
}

.selectCustom {
    position: relative;
    width: 100%;
    max-width: 280px;
}

.selectCustom-trigger {
    max-width: 280px;
    height: 44px;
    padding: 12px 14px;
    align-items: center;
    gap: 6px;
    border-radius: 16px;
    background: var(--item-bg);
    color: var(--title-color);
    box-shadow: var(--block-shadow-1);
}


.selectCustom-trigger::after {
    content: "▾";
    position: absolute;
    top: 3px;
    line-height: initial;
    font-size: 23px;
    right: 10px;
}

.selectCustom-options {
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--item-bg);
    box-shadow: var(--block-shadow-1);
    z-index: 3;
    display: none;
    overflow: hidden;
}

.selectCustom.isActive .selectCustom-options {
    display: block;
}

.selectCustom-option {
    cursor: pointer;
    padding: 8px 12px;
}

.selectCustom-option:hover {
    background: var(--subblock-bg);
}

.dash-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

@media (max-width: 768px) {
    .dash-grid-wrapper {
        grid-template-columns: 1fr;
    }
}

.dash-online {
    max-height: 200px;
    overflow: auto;
}

.profile__info {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    grid-column: 2/2;
    grid-row: 3/4;
    overflow: auto;
}

.profile__label {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.wall-write__wrapper {
    width: 100%;
}

.settings__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.profile-settings__main {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1 1 auto;
}

.profile-settings__main h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.profile__input {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.profile__input span {
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--profile-label-color);
}

.progressbar {
    width: 100%;
    margin: 10px 0;
    border: 1px solid #f3f3f3;
    background: #fff;
    font-size: 12px;
    color: #fff;
    background: #ccc;
}

.progressbar .progress {
    width: 0;
    height: 12px;
    background: green;
    line-height: 100%;
    text-align: right;
}

.profile-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
}

.profile-avatar-wrapper {
    margin: 0 auto;
    overflow: hidden;
}

.profile-avatar__edit.show {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: var(--base-text-color);
    background: var(--block-bg);
    box-shadow: var(--block-shadow-1);
    box-shadow: 1px 2px 11px rgba(0, 0, 0, 0.41);
    border-radius: 8px;
    opacity: 1;
    cursor: pointer;
    position: absolute;
    z-index: 500;
    top: 100%;
    transition: 0.4s ease;
}

.profile-avatar__edit {
    display: none;
    opacity: 0;
}

.avatar__main-settings,
.avatar__img-settings {
    display: flex;
}


.avatar__img-settings {
    display: none;
}

.profile-avatar__edit .avatar__img-settings>div,
.profile-avatar__edit .avatar__img-settings>label>span,
.profile-avatar__edit .avatar__main-settings>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: max-content;
    padding: 10px;
    font-size: 12px;
}

.mail-search {
    float: left;
}

.profile-avatar__edit .avatar__main-settings>div img,
.profile-avatar__edit .avatar__img-settings>div img {
    height: 25px;
    margin-bottom: 5px;
}

.profile-avatar__edit .avatar__main-settings>div>label span,
.profile-avatar__edit .avatar__img-settings>div>label span {
    font-size: 12px;
    display: block;
    line-height: 17px;
    text-align: center;
    color: var(--base-text-color);
    margin: 0;
}

.profile-avatar__edit .upload-block>.upload-btn {
    display: inline-block;
}

.upload-btn input {
    display: none;
}

.avatar-upload-block {
    display: none;
}

.remind__wrapper {
    margin: 0 auto;
    width: 100%;
    padding: 15px;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    height: 100svh;
    justify-content: center;
}


.remind__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.remind__content span{
    display: flex;
    align-items: center;
    gap:4px;
}

@media (max-width: 786px) {


    .profile__main {
        gap: 8px;
        grid-template-rows: max-content;
    }

    .profile__main__left h3 {
        font-size: 12px;
    }

    .profile__main__left a {
        font-size: 12px;
    }

    .profile__name {
        font-size: 14px;
    }

    .profile__links {
        display: none;
    }

    .profile__links.mob {
        display: flex;
        gap: 8px;
    }

    .profile__links.mob a {
        font-size: 12px;
    }

    .profile__main__left {
        grid-row: 1/3;
    }

    .profile__main__right {
        grid-column: 2/2;
        grid-row: 1/2;
    }

    .profile__status-wrapper {
        grid-row: 2/3;
        grid-column: 2/2;
    }

    .profile__info {
        grid-row: 4/4;
        grid-column: 1/3;
    }

}

@container userMain (width < 768px) {
    .profile__main {
        gap: 8px;
        grid-template-rows: max-content;
    }

    .profile__main__left a {
        font-size: 12px;
    }

    .profile__main__left h3 {
        font-size: 12px;
    }

    .profile__name {
        font-size: 14px;
    }

    .profile__links {
        display: none;
    }

    .profile__links.mob {
        display: flex;
        gap: 8px;
    }

    .profile__links.mob a {
        font-size: 12px;
    }

    .profile__main__left {
        grid-row: 1/3;
    }

    .profile__main__right {
        grid-column: 2/2;
        grid-row: 1/2;
    }

    .profile__status-wrapper {
        grid-row: 2/3;
        grid-column: 2/2;
    }

    .profile__info {
        grid-row: 4/4;
        grid-column: 1/3;
    }

}

.profile__info-blc:hover {
    color: var(--title-color);
}

.profile__info-blc {
    display: grid;
    width: 100%;
    max-width: 500px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 12px;
    grid-template-columns: 1fr 1fr 1fr;
    color: var(--title-color);
    text-decoration: none;
    cursor: pointer;
}

.profile__info-blc .indicator__wrapper {
    background: var(--item-bg);
    box-sizing: border-box;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    padding: 7px 5px;
}

.profile__info-blc .indicator__wrapper img {
    max-width: 20px;
    height: 20px;
    max-width: 20px;
}

.profile__info-blc .indicator__wrapper .indicator {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.indicator.checked {
    background-color: #6fc998;
}

.indicator.unchecked {
    background-color: #de7f8b;
}

.indicator__auto,
.indicator__food {
    cursor: pointer;
}


/* админка */

.enter-list {
    width: 100%;
    height: 400px;
    overflow-y: auto;
    margin: 15px 0;
    padding: 15px;
    border-radius: 4px;
    box-shadow: var(--block-shadow-1);
    position: relative;
}

.enter-row {
    padding: 10px;
    /* border-bottom: 1px solid #e5e5e5; */
}

.enter-row-details-item {
    font-size: 12px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px;
    background: var(--item-bg);
    margin-top: 10px;
}

.enter-row-name {
    float: left;
}

.enter-row-total {
    float: right;
}

.enter-row .fa-angle-down {
    display: none;
}

.enter-row i {
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    cursor: pointer;
}

.enter-row.closed .enter-row-details {
    display: none;
}

.enter-row .fa-angle-up {
    display: block;
}

.enter-row.closed .fa-angle-down {
    display: block;
}

.enter-row.closed .fa-angle-up {
    display: none;
}

.mail-stat {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 500px;
    overflow-y: auto;
    width: 100%;
}

.mail-stat-row {
    margin-left: 25px;
    font-size: 14px;
}


/* Модалка */

.modal {
    transition: 0.5s all ease-in;
    display: none;
    z-index: 12;
    background-color: #00000099;
    position: absolute;
    width: 100%;
    height: 100%;
}

.modal.open {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal>.closeModalBtn {
    position: absolute;
    top: 78px;
    right: 10px;
    font-size: 50px;
    color: var(--title-color);
    cursor: pointer;
    right: var(--sidebar-right-width);
}

@media (max-width: 768px) {
    .modal>.closeModalBtn {
        right: 0;
    }
}

.modal-content {
    max-width: 1170px;
    width: 100%;
    padding: 20px;
    border-radius: 20px;
    z-index: 13;
    background-color: var(--block-bg);
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title {
    cursor: pointer;
    color: var(--title-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.modal-close {
    cursor: pointer;
}

.modal__folder:not(:first-of-type) {
    display: none;
    margin-top: 12px;
    margin-left: 26px;
    padding-left: 26px;
}

.modal__folder-employee {
    margin-top: 12px;
    display: none;
}

.modal__folder-group {
    display: none;
}

.modal__folder-group.open .modal__folder-employee {
    display: block;
}

.modal__folder.open {
    display: block;
}

.modal__folder-title {
    cursor: pointer;
    color: var(--title-color);
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.modal__title-img {
    background: url('../img/icons/folder-close.svg');
    width: 26px;
    height: 26px;
}

.modal__title-img.open {
    background: url('../img/icons/folder-open.svg');
}

.employee__title-img {
    background: no-repeat center url("../img/icons/folder-employee-open.svg");
    width: 24px;
    height: 24px;
}

.employee__title-img.open {
    background: no-repeat center url("../img/icons/folder-employee-close.svg");
}

.modal__folder:first-of-type {
    margin-top: 12px;
}

.employee-search {
    width: 100%;
    position: relative;
}

.employee-search input {
    padding-left: 40px;
}

.employee-search img {
    position: absolute;
    top: 12px;
    left: 12px;
}

.folder-employee-main {
    margin-top: 20px;
}

.folder-employee-main form {
    margin-top: 20px;
}

.folder-employee-main form input {
    margin-top: 8px;
}

.folder-employee-main label {
    margin-left: 15px;
}

.folder-employee-btn {
    cursor: pointer;
    margin-top: 20px;
    padding: 12px 0 13px 0;
    width: 100%;
    border-radius: 16px;
    background: #65BC47;
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


@media (max-width: 1140px) {

    .collapse_right_menu {
        display: none;
    }

    #main-menu {
        transform: translateX(200%);
    }

    #left-menu,
    #admin-menu {
        top: 0;
    }

    #content {
        margin: 70px auto;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .header {
        width: 100%;
        padding-left: unset;
    }

    .news__header-tools form {
        width: 100%;
    }

    .news__header-tools form .default-input {
        max-width: 100%;
    }

    .mobile-logo {
        margin-left: 50px;
        display: block;
        background: var(--logo-mobile-img);
        width: 121px;
        height: 25px;
        z-index: 4;
    }

    .popular_pics-content {
        margin: 0 auto;
    }

    body.open-menu {
        overflow: hidden;
    }

    .item_left-jci {
        max-width: none;
    }

    .item_left-events {
        max-width: calc(100vw);
    }

    .header__logo {
        padding: 16px 40px;
    }

    .header__menu-burger {
        cursor: pointer;
        position: relative;
        width: 28px;
        height: 28px;
        display: block;
        z-index: 5;
    }

    .header__menu-burger span,
    .header__menu-burger:after,
    .header__menu-burger:before {
        transform: rotate(0deg);
        height: 3px;
        width: 100%;
        border-radius: 2px;
        position: absolute;
        background: var(--last-title);
        margin: 0 auto;
    }

    .header__menu-burger span {
        top: 12px;
        height: 3px;
        width: 75%;
    }

    .header__logo-img {
        margin-top: 70px;
        margin-left: 50px;
    }

    .header__logo {
        padding: 0;
    }

    .header__menu-burger:after {
        width: 50%;
    }

    .header__menu-burger:after,
    .header__menu-burger:before {
        content: "";
    }

    .header__menu-burger:after {
        bottom: 5px;
    }

    .header__menu-burger:before {
        top: 5px;
    }

    .header__menu-burger.open-menu span {
        opacity: 0;
        transition: 0.5s;
    }

    .header__menu-burger.open-menu::before {
        width: 82%;
        transform: rotate(50deg);
        top: 11.5px;
        transition: 0.4s;
    }

    .header__menu-burger.open-menu::after {
        width: 79%;
        transform: rotate(-45deg);
        bottom: 14px;
        transition: 0.4s;
    }

    .header {
        position: relative;
        padding-top: 0;
        z-index: 3;
    }

    .container.open-menu {
        padding-top: 0;
    }

    #left-menu .menu,
    #admin-menu .menu {
        height: auto;
        background-color: var(--block-bg);
        box-shadow: var(--block-shadow-1);
        border-radius: 20px;
        margin-top: 15px;
        padding: 16px 20px;
        justify-content: flex-start;
    }

    #left-menu .menu li,
    #admin-menu .menu li {
        width: auto;
        height: auto;
        margin: unset;
    }

    #left-menu .menu li a,
    #admin-menu .menu li a {
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;
        color: var(--title-color);
    }

    .container {
        min-width: 50px;
    }

    body {
        flex-direction: column;
    }

    .main {
        grid-template-columns: 1fr;
        max-width: unset;
    }

    .header__mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        background-color: var(--block-bg);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 50;
    }

    .header__logo {
        box-shadow: var(--block-shadow-1);
    }

    .header__inner {
       position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100dvh;
        transform: translateX(-100%);
        transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1);
        will-change: transform; 
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
        overflow-x: hidden;
        
        background-color: var(--header-mobile);
        z-index: 9999;
        box-shadow: var(--block-shadow-1);
        border-radius: 0;
    }

    .header__inner.open-menu {
        transform: translateX(0);
    }

    .main {
        padding: 0 0 100px;
    }

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

    .mobile-btn {
        z-index: 3;
        cursor: pointer;
        background: var(--mobile-btn-img);
        width: 22px;
        height: 22px;
    }

    .mobile-btn.open-menu {
        background: url("../img/icons/scan-active.svg");
        width: 22px;
        height: 22px;
    }

    .main__item.open-menu {
        display: none;
    }

    #main__content.open-menu {
        display: none;
    }

    #main__footer {
        display: none;
        left: 0;
        right: 0;
        top: 70px;
        bottom: 0;
        max-width: 375px;
        margin: 0 auto;
    }

    #main__footer.open-menu {
        display: block;
    }

    #main-menu.open-menu {
        top: 70px;
        right: 0;
        padding: 10px 10px 70px 10px;
        left: 0;
        background: var(--bg);
        z-index: 10002;
        max-width: none;
        transform: translateX(0);
    }
}

@media (max-width: 834px) {
    #content {
        margin-left: unset;
        width: 100%;
    }

    #main__footer {
        display: none;
    }

    #main__footer.open__menu {
        display: block;
    }

    .main__item:first-of-type.open-menu {
        display: none;
    }

    .container {
        max-width: 834px;
        width: 100%;
        height: auto;
    }

    .header {
        min-height: 65px;
        background-color: var(--header-mobile);
    }

    .mobile-btn {
        z-index: 4;
    }

    .header__logo-img {
        display: none;
    }

    .header__inner.open-menu {
        width: 100%;
        transform: translateX(0);
    }

    .container.open-menu {
        background-color: var(--header-mobile);
    }

    .main__item-inner {
        justify-content: start;
    }

    .inner__items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: inherit;
    }

    .header__logo-main {
        background-color: var(--logo-mobile);
    }

    .header__inner {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100dvh;
        transform: translateX(-100%);
        transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1);
        will-change: transform; 
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
        overflow-x: hidden;
        
        background-color: var(--header-mobile);
        z-index: 3;
        box-shadow: var(--block-shadow-1);
        border-radius: 0;
    }

    .header__logo {
        margin-top: 100px;
    }

    .events__blocks {
        justify-items: center;
        flex-wrap: wrap;
        display: flex;
    }

    .events__blocks-item {
        width: 100%;
    }

    .main {
        max-width: 100vw;
    }

    .main__item {
        max-width: inherit;
    }

    .news__main_text {
        margin: 22px auto 0 auto;
    }

    .main_text-content {
        margin: 8px auto 0 auto;
        max-width: unset;
    }

    .main_text-title {
        margin: 0 auto;
        white-space: initial;
        max-width: none;
    }

    .item_right-news {
        margin-left: unset;
        padding: 16px 0;
    }

    .nots-slider.owl-carousel .owl-item {
        padding: 0 16px;
    }

    .news-title {
        padding: 0 16px;
    }

    .left_item-popular_pics {
        margin-left: unset;
    }

    .popular_pics-content {
        position: relative;
        margin: 10px auto;
    }

    .menu {
        border-radius: 0px;
    }
}


.container {
    height: 100%;
    max-height: 100vh;
    min-width: 305px;
    overflow: auto;
}

.header {
    width: max-content;
}

.header__inner {
    height: calc(100% + 50px);
}

.header__logo {
    background-color: var(--logo-color);
    padding: 16px 20px;
    border-radius: 20px;
    box-shadow: var(--block-shadow-1);
}

.header__mobile {
    display: flex;
    align-items: center;
}

.header__logo-img {
    background-image: var(--logo);
    width: 175px;
    height: 36px;
}

.header__logo-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    gap: 8px;
}

.user-avatar .palm {
    background-image: url('/assets/img/palm.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 10px;
    width: 50px;
    height: 50px;
}

.profile-avatar .palm {
    background-image: url('/assets/img/palm.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    right: 25px;
    width: 100px;
    height: 100px;
    z-index: 5;
}

.contact-name {
    position: relative;
}

.contact-name .palm {
    background-image: url('/assets/img/palm.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    transform: translateY(-16px);
}


.header__menu-burger {
    display: none;
}

.mobile-logo {
    display: none;
}

.main-img {
    background-image: url("../img/header-acc-pic.png");
    width: 44px;
    height: 44px;
}

.main-name {
    margin-left: 8px;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.main-nav {
    background-image: url("../img/header-arrow.svg");
    width: 20px;
    height: 19px;
}

.main-test {
    background-color: black;
    width: 200px;
    height: 200px;
}

.menu {
    height: max-content;
    background-color: var(--block-bg);
    border-radius: 20px;
    box-shadow: var(--block-shadow-1);
    margin-top: 15px;
    padding: 16px 20px;
}

.main-user-menu .menu li {
    width: 100%;
}

.menu .list__item:not(.list__item-counter) {
    width: 100%;
    max-width: 300px;
    padding: 12px 0px;
    cursor: pointer;
    border-bottom: none;
    margin-left: 0;
    border-radius: 16px;
}

.menu .list__item:not(:last-child) {
    margin-bottom: 5px;
}

.menu .list__item a:not(.list__item-counter) {
    display: flex;
    padding: 0;
    color: var(--title-color);
    background: transparent !important;
}

.list__item:hover {
    transition-duration: 0.5s;
    transition-property: background padding-left;
    background: var(--menu-active);
    padding-left: 16px!important;
    padding-right: 16px!important;
}

.menu .list__item.menu-active {
    background: var(--menu-active);
    padding-left: 16px;
    padding-right: 16px;
}

.menu .list__item svg .main-bg {
    fill: var(--menu-icon-fill);
}

.menu .list__item.menu-active svg .main-bg,
.menu .list__item:hover svg .main-bg {
    fill: var(--menu-icon-hover-fill);
    transition: fill 0.5s;
}

.list__item-content {
    display: flex;
    align-items: center;
}

.list__item a:not(.list__item-counter) {
    display: flex;
    align-items: center;
}

.list__item a:hover {
    filter: unset;
}

.menu-title {
    font-size: large;
    letter-spacing: 0.05em;
}

.sms__content {
    padding: 0px 0px 12px 0px;
    display: none;
}

.sms__content.open-menu {
    display: block;
}

.sms__content-item {
    display: flex;
    white-space: nowrap;
    padding: 4px 0px 4px 38px;
    margin-top: 15px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.sms.open-menu .list-to-hide {
    display: none!important;
}

.sms__content-item a {
    color: var(--title-color);
}

.list__item-title {
    margin-left: 15px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--title-color);
}

.device-video-delete {
    margin: auto;
    margin-bottom: 5px;
}

.feedback-indicator {
    display: none;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color:#ef2a2a;
    top: -3px;
    right: -3px;
    border: 1px solid #ffffff;
}

.feedback-indicator.show {
    display: block;
}

.list__item-counter {
    margin-left: auto;
    display: flex!important;
    align-items: center;
    justify-content: center!important;
    border-radius: 50%;
    background-color: var(--counter-color)!important;
    color: #ffffff!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 25px;
    height: 25px;
}

.open-menu .list-to-hide {
    display: none;
}

.main {
    display: grid;
    grid-template-columns: 2fr;
    gap: 16px;
    /*padding-top: 20px;*/
    max-width: calc(100vw - var(--sidebar-left-width) - var(--sidebar-right-width));
    width: 100%;
    container-type: inline-size;
    container-name: mainAds;
}

@container mainAds (width < 650px) {
    .tabs-big {
        font-size: 1em;
    }
}

.popular-photo {
    max-width: 400px;
}

.inner__items {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
    width: 100%;
}

.main__welcome {
    padding: 24px;
    background-color: var(--block-bg);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    gap: 16px;
    margin-top: 0px;
}

.inc__chat {
    padding: 24px;
    background-color: var(--block-bg);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    gap: 16px;
    margin-top: 5px;
    max-width: 80%;
}

#main-menu {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 10002;
    max-width: 375px;
}

.welcome-title {
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: var(--welcome-color);
    align-items: center;
    gap: 6px;
    display: flex;
    flex-wrap: wrap;
}

.title__back-btn {
    display: flex;
    width: 34px;
    height: 34px;
    padding: 10.818px 0px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: var(--welcome-btn);
    cursor: pointer;
}

.welcome-title span {
    color: #007a3d;
    font-weight: 600;
}

.welcome-subtitle {
    font-size: 14px;
    color: var(--comments-count);
    margin-top: 8px;
    padding-left: 55px;
}

.welcome__btn {
    margin-left: auto;
}

.welcome__btn a {
    appearance: none;
    -webkit-appearance: none; /* Убирает базовые стили браузера */
    touch-action: manipulation; /* Запрещает дополнительное выделение */
    tap-highlight-color: transparent;
    cursor: pointer;
    display: flex;
    gap: 8px;
    position: relative;
    border-radius: 16px;
    padding: 10px 16px 10px 16px;
    background-color: var(--welcome-btn);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--title-color);
    outline: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.welcome__btn a:focus {
    outline: none!important;
}

.collapse_right_menu {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background-color: var(--subblock-bg);
    box-shadow: var(--block-shadow-1);
    padding: 5px;
    cursor: pointer;
}

.collapse_right_menu svg path {
    fill: var(--radio-checked-hover-rect)
}


.welcome__btn.open-menu {
    background-color: #161616;
}

.welcome__btn__content {
    padding: 0px 0px 12px 0px;
    transition-duration: 0.5s;
    border-radius: 16px;
    background-color: var(--welcome-btn);
    position: absolute;
    z-index: 70;
    top: 0;
    right: 0;
    display: none;
    box-shadow: var(--block-shadow-1);
}

.item__icon {
    background: url("../img/menu-icons/sms-green.svg");
    width: 20px;
    height: 20px;
    position: absolute;
    left: 15px;
}

.welcome__btn__content.open-menu {
    display: block;
}

.btn__content-item {
    white-space: nowrap;
    padding: 4px 16px 4px 50px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 15px;
}

.btn__content-item a {
    color: var(--title-color);
}

.main__item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.main__item:not(:first-of-type) {
    justify-self: end;
    width: 100%;
}

.main__item-inner {
    display: flex;
    width: inherit;
}

.news__main {
    width: 100%;
    height: auto;
    padding: 0 5px;
    position: relative;
}

.news__main_content {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.main-block {
    padding: 16px;
    background-color: var(--block-bg);
    border-radius: 20px;
    box-shadow: var(--block-shadow-1);
}

.sub-block {
    padding: 16px 16px;
    background-color: var(--item-bg);
    border-radius: 20px;
    box-shadow: var(--block-shadow-1);
}

.item_left-jci {
    max-width: none;
}

.video-js {
    border-radius: 20px;
    max-height: 400px;
    width: 100%;
}

.video-js .vjs-big-play-button {
    transition-duration: 0.5s;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #e7686e;
    border: none;
    outline: 27px solid #d1000a33;
    left: calc(50% + 22px);
}

.video-js .vjs-big-play-button:hover {
    transition-duration: 0.5s;
    border: 0px solid #d1000a33;
    background-color: #e7686e;
    border: none;
    outline: 0px solid #d1000a33;
}

.vjs-audio-only-mode .vjs-control-bar,
.vjs-has-started .vjs-control-bar {
    border-radius: 0px 0px 20px 20px;
}

.title {
    margin-bottom: 25px;
    color: var(--title-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.text {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.link {
    color: #65bc47;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: max-content;
}

.user-notifications.main-page-notifications {
    align-items: center;
}

.timec-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-top: 20px;
}

.timec-wrapper h4 {
    font-size: 20px;
}


#excel td {
    vertical-align: middle;
}

#excel td img {
    width: 100%;
    max-width: 200px;
    height: auto;
    margin: 12px 0;
}

@media (max-width: 768px) {
    .timec-wrapper {
        grid-template-columns: 1fr;
    }
}

.timec-wrapper b {
    font-weight: 600;
}

.events__avatar {
    width: 20px;
    height: 20px;
    border-radius: 7px;
    font-size: 8px;
    background: #DAE3F1;
    color: #3bb322;
    text-align: center;
    padding-top: 5px;
    cursor: default;
}

.events__blocks {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 16px;
}

.events__blocks-item {
    display: flex;
    flex-direction: column;
    padding: 20px 20px;
    width: 100%;
    border-radius: 16px;
    background: var(--buses-active);
    box-shadow: var(--block-shadow-1);
}

.events-title {
    color: var(--title-color);
    margin-bottom: 25px;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.events__date {
    color: var(--date-color);
    position: relative;
    display: flex;
    margin-top: 12px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.events__date img {
    margin-right: 8px;
}

.events__date::before {
    position: absolute;
    top: 25px;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #dae3f1;
}

.events__time {
    color: var(--date-color);
    margin-top: 17px;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.events__time img {
    margin-right: 8px;
}

.blocks-text {
    margin-top: 17px;
    color: var(--title-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.blocks-text a {
    color: #1fa7e7;
    text-decoration-line: underline;
}

.blocks-text span {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.blocks__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 10px;
}

#bf2 {
    margin-top: 75px;
}

.blocks__members {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.blocks__members-title {
    color: var(--title-color);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.blocks__members-pics {
    display: flex;
}

.blocks__members-pics div {
    margin-left: -4px;
}

.blocks__footer-btn {
    text-align: center;
    cursor: pointer;
    color: #545759;
    padding: 12px 44px;
    background-color: #f0f0f0;
    border-radius: 16px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#btn-active {
    color: #ffffff;
    background-color: #65bc47;
}

.inner__item_left {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    overflow: hidden;
}

.inner__item_right {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    overflow: hidden;
    min-width: 400px;
}

.item_right-news {
    padding: 16px;
    height: max-content;
    min-height: 1px;
}

.item_right-news .nots-slider {
    height: auto;
}

.item_right-news .nots-slider.owl-carousel .owl-stage-outer {
    height: inherit;
}

.main_item-pics {
    width: 100%;
}

.pics-high {
    display: flex;
    width: 100%;
}

.pics-down {
    display: flex;
}

.pics-high a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.pics-high img:first-of-type {
    border-radius: 15px;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 250px;
    margin: 0 auto;
}

.news__reactions {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
    justify-content: flex-end;
}

.news__reactions a {
    width: 30px;
}

.reactions-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reactions-item img {
    width: 24px;
    height: 24px;
}

.reactions-item.heart {
    cursor: pointer;
}

.reactions-item span,
.reactions-counter {
    color: var(--title-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.88;
}

.not-details {
    color: var(--title-color);
    margin: 0;
}

.seens .seen {
    color: var(--counter-color)
}

.seens .unseen {
    color: var(--date-color);
}

.seens p {
    background-color: var(--block-bg);
}

.likes p {
    color: var(--title-color);
    line-height: 110%;
    background-color: var(--block-bg);
    margin: 0;
    padding: 10px;
    margin-bottom: 3px;
    font-size: 12px;
}

.not-details__wrapper {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}

.not-details__wrapper:hover {
    background: var(--scrollbar-thumb-color);
}

.one-not div.not-body {
    color: var(--title-color);
    margin: 20px 0 50px;
}

.not-body ul {
    list-style: outside;
    padding-inline-start: 40px;
}

.one-not span.not-author,
.one-not span.not-date {
    color: var(--title-color);
}

.news__main_text {
    margin-top: 22px;
}

.main_text-title {
    color: var(--title-color);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.main_text-date {
    margin-top: 4px;
    color: #d0d2d3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.main_text-content {
    margin-top: 8px;
    color: var(--title-color);
    max-height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.main_text-content p,
.main_text-content span {
    color: inherit !important;
}

.main_text-link {
    color: #1fa7e7;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
}

.news__comments {
    position: relative;
    margin-top: 35px;
    bottom: 0;
}

.comments-header {
    padding: 10px 0px;
    display: flex;
    align-items: center;
    border-top: 0.6px solid #F0F0F0;
}

.comments-title {
    color: var(--title-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 20px 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.comments-title:hover {
    filter: contrast(0.3);
}

.comments-title .comment-title__show-text {
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--counter-color);
    margin-left: 15px;
}

.comments-counter {
    margin-left: 10px;
    color: var(--comments-count);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.comments__main {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    background: var(--subblock-bg);
    padding: 4px;
    border-radius: 16px;
}

.worker-list__collapse-btn {
    position: relative;
    padding: 8px 40px 8px 12px;
    color: var(--create-input-color);
    font-size: 14px;
    display: flex;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    cursor: pointer;
    margin-left: auto;
    align-items: center;
}

@media (max-width: 768px) {
    .worker-list__collapse-btn span {
        display: none;
    }
}

.comments__main .comments__main-pic {
    object-fit: cover;
    width: 44px;
    height: 44px;
    border-radius: 30%;
}

.user-avatar {
    border-radius: 30%;
    position: relative;
}

.user-grid-wrapper {
    display: grid;
    grid-template-columns:
        repeat(2, 1fr);
    gap: 15px;
}

.owl-carousel .owl-item .comments__main-pic {
    background: center url("../img/header-acc-pic.png");
    object-fit: cover;
    width: 44px;
    height: 44px;
    border-radius: 30%;
}

.comments__input-btns {
    position: absolute;
    right: 5px;
    top: calc(50% - 17px);
    display: flex;
    gap: 10px;
    align-items: center;
}

.main_input-icon {
    display: none;
    cursor: pointer;
    background: var(--input-icon);
    width: 20px !important;
    height: 20px !important;
}

.main_input-btn {
    cursor: pointer;
    width: 34px !important;
    height: 34px !important;
}

.left_item-popular_pics a {
    /*color: var(--title-color);*/
    color: white;
}

.popular_pics-title {
    color: var(--title-color);
    margin-bottom: 16px;
}

.popular_pics-content {
    position: relative;
}

.popular_pics-content img {
    width: 100%;
    border-radius: 10px;
    filter: brightness(0.5)
}

.content__likes {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
}

.likes-counter {
    margin: 2px 0px 0px 5px;
    color: #d0d2d3;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.likes-icon {
    background: url("../img/icons/like2.svg");
    width: 24px;
    height: 24px;
}

.content-title {
    color: #f0f0f0;
    position: absolute;
    bottom: 17px;
    left: 14px;
    max-width: 295px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.item__date {
    padding: 0;
    max-height: 176px;
}

.item__date-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background-color: #016836;
    border-radius: 20px 20px 0px 0px;
}

.item__date-title {
    color: #ffffff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.item__date__btns {
    display: flex;
}

.date__btns-item {
    cursor: pointer;
}

.date__btns-item:first-of-type {
    background: url("../img/icons/date-left-btn.svg");
    width: 16px;
    height: 16px;
}

.date__btns-item:last-of-type {
    margin-left: 16px;
    background: url("../img/icons/date-right-btn.svg");
    width: 16px;
    height: 16px;
}

.item__date-main {
    display: flex;
    padding: 20px;
    justify-content: center;
}

.date__item {
    cursor: default;
    text-align: center;
    padding: 8px 8px;
    border-radius: 8px;
    max-width: 34px;
}

.date__item:not(:first-of-type) {
    margin-left: 15px;
}

#date-active {
    background-color: #016836;
}

#date-active div {
    color: #ffffff;
}

.date__item-title {
    color: #007a3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.date__item-counter {
    margin-top: 8px;
    color: #d0d2d3;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.item__buses {
    margin-top: 8px;
}

.last-title {
    color: var(--last-title);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}

.buses__main-item {
    transition-duration: 0.5s;
    transition-property: background, border-radius, box-shadow;
    padding: 8px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.buses__main-item:hover {
    border-radius: 10px;
    background: var(--buses-active);
    box-shadow: var(--block-shadow-1);
}

#buses-active {
    border-radius: 10px;
    background: var(--buses-active);
    box-shadow: var(--block-shadow-1);
}

.buses__main-icon {
    background: url("../img/icons/buses.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
}

.buses__route {
    display: flex;
    align-items: center;
    width: 70%;
    gap: 5px;
}

.buses__main-time {
    color: var(--buses-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
}

.buses__main-start {
    color: var(--buses-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    margin-right: 8px;
}

.buses__main-line {
    width: 16%;
    border-top: 1px dashed var(--buses-color);
    margin-right: 8px;
}

.buses__main-item:not(:first-of-type) .buses__main-line {
    width: 9%;
}

.buses__main-item:last-of-type .buses__main-line {
    width: 16%;
}

.buses__main-destination {
    color: var(--buses-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
}

.buses__main-btn {
    cursor: pointer;
    margin-left: 12px;
    background: url("../img/icons/add.svg");
    width: 18px;
    height: 18px;
}

.buses__main-btn-cancel {
    cursor: pointer;
    margin-left: 12px;
    background: url("../img/icons/subtract.svg");
    width: 18px;
    height: 18px;
    display: block;
}


.buses__map {
    cursor: pointer;
    margin-top: 10px;
    /*background: url("../img/map.png");*/
    width: 336px;
    height: 270px;
    border-radius: 20px;
    overflow: hidden;
}

.buses-btn {
    cursor: pointer;
    text-align: center;
    padding: 12px 25px 13px 25px;
    border-radius: 16px;
    background-color: #4cae50;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 20px;
}

.share-btn {
    cursor: pointer;
    text-align: center;
    padding: 12px 25px 13px 25px;
    border-radius: 16px;
    background-color: #016836;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 8px;
}

.item__birthday {
    margin-top: 8px;
}

.birthday__block {
    display: flex;
    align-items: center;
    border-radius: 18px;
    background-color: var(--birthday-block);
    padding: 8px;
    box-shadow: var(--block-shadow-1);
}

.birthday__block:not(:first-of-type) {
    margin-top: 10px;
}

.birthday__block-content {
    margin-left: 8px;
    overflow: hidden;
}

.birthday-name {
    max-width: 255px;
    overflow: hidden;
    color: var(--birthday-name);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.birthday-date {
    margin-top: 4px;
    color: #828d99;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.birthday-profession {
    margin-top: 4px;
    color: #66a67e;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.item__new_staff {
    margin-top: 8px;
}

.new_staff__block {
    padding: 8px;
    border-radius: 18px;
    background-color: var(--new_staff);
    box-shadow: var(--block-shadow-1);
    display: flex;
    max-width: 336px;
}

.new_staff__block img {
    /*max-width: 30px;
  max-height: 30px;*/
    width: 44px;
    height: 44px;
}

.new_staff__block-content {
    margin-left: 8px;
}

.new_staff-name {
    color: var(--title-color);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.new_staff-profession {
    margin-top: 4px;
    color: #4cae50;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.new_staff-date {
    color: #d0d2d3;
    margin-top: 4px;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.swiper {
    max-width: 336px;
    height: 130px;
}

.swiper-button-prev {
    background: center no-repeat url("../img/icons/swiper-left.svg");
    width: 26px;
    height: 26px;
    margin-top: 38px;
    margin-left: 100px;
}

.swiper-button-next {
    background: center no-repeat url("../img/icons/swiper-right.svg");
    width: 26px;
    height: 26px;
    margin-top: 38px;
    margin-right: 100px;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background-color: #bbc8dc;
}

.swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    border-radius: 4px;
    background-color: #66a67e;
}

footer {
    display: none;
}



#vacancy-page .tab-content.active {
    display: flex;
}

#vacancy-page .vacancy-block {
    display: flex;
    padding: 16px;
    margin: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    border-radius: 10px;
    border: none;
    background: var(--vacancy-block-bg);
    box-shadow: var(--block-shadow-1);
}

#vacancy-page .vacancy-link a {
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    color: #1FA7E7;
    border-bottom: none;
}

#vacancy-page .vacancy-name {
    align-self: stretch;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--title-color);
}

#vacancy-page .vacancy-more {
    color: var(--title-color);
}

#vacancy-page .vacancy-more p strong {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--title-color);
}

#vacancy-page .vacancy-more p {
    margin: 15px 0;
    color: var(--title-color);
}

#vacancy-page .vacancy-more ul {
    list-style: disc !important;
    padding-left: 20px !important;
    color: var(--title-color) !important;
}

#vacancy-page .vacancy-more ul li {
    line-height: normal;
    font-weight: 400;
    color: var(--title-color);
}

#vacancy-page .vacancy-more span {
    color: var(--title-color);
}

@media (max-width: 1442px) {
    .main__welcome {
        gap: 10px;
    }

    .ajax.logo,
    .ajax.mob.dining-link {
        display: none;
    }
}

@media (max-width: 1140px) {

    #content {
        margin: 70px auto;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .header {
        width: 100%;
        padding-left: unset;
    }

    .mobile-logo {
        margin-left: 50px;
        display: block;
        background: var(--logo-mobile-img);
        width: 121px;
        height: 25px;
        z-index: 4;
    }

    .popular_pics-content {
        margin: 0 auto;
    }

    body.open-menu {
        overflow: hidden;
    }

    .item_left-jci {
        max-width: none;
    }

    .video-js {
        max-width: none;
        width: 100%;
        margin: 0 auto;
    }

    .item_left-events {
        max-width: calc(100vw);
    }

    .header__mobile-item {
        display: flex;
        align-items: center;
    }

    .header__logo {
        padding: 16px 40px;
    }

    .header__menu-burger {
        cursor: pointer;
        position: relative;
        width: 28px;
        height: 28px;
        display: block;
        z-index: 5;
        margin-right: 20px;
    }

    .header__menu-burger span,
    .header__menu-burger:after,
    .header__menu-burger:before {
        transform: rotate(0deg);
        height: 3px;
        width: 100%;
        border-radius: 2px;
        position: absolute;
        background: var(--last-title);
        margin: 0 auto;
    }

    .header__menu-burger span {
        top: 12px;
        height: 3px;
        width: 75%;
    }

    .header__logo-img {
        margin-top: 70px;
        margin-left: 50px;
    }

    .header__logo {
        padding: 0;
    }

    .header__menu-burger:after {
        width: 50%;
    }

    .header__menu-burger:after,
    .header__menu-burger:before {
        content: "";
    }

    .header__menu-burger:after {
        bottom: 5px;
    }

    .header__menu-burger:before {
        top: 5px;
    }

    .header__menu-burger.open-menu span {
        opacity: 0;
        transition: 0.5s;
    }

    .header__menu-burger.open-menu::before {
        width: 82%;
        transform: rotate(50deg);
        top: 11.5px;
        transition: 0.4s;
    }

    .header__menu-burger.open-menu::after {
        width: 79%;
        transform: rotate(-45deg);
        bottom: 14px;
        transition: 0.4s;
    }

    .header {
        position: relative;
        padding-top: 0;
        z-index: 3;
    }

    .container {
        min-width: 50px;
        max-height: 2225px;
    }

    body {
        flex-direction: column;
    }

    .main {
        grid-template-columns: 1fr;
        max-width: unset;
    }

    .header__mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        background-color: var(--block-bg);
        position: fixed;
        left: 0;
        right: 0;
        z-index: 50;
    }

    .header__logo {
        box-shadow: var(--block-shadow-1);
    }

    .header__inner {
       position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100dvh;
        transform: translateX(-100%);
        transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1);
        will-change: transform; 
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
        overflow-x: hidden;
        
        background-color: var(--header-mobile);
        z-index: 3;
        box-shadow: var(--block-shadow-1);
        border-radius: 0;
    }

    .header__inner.open-menu {
        transform: translateX(0);
    }

    .main {
        padding: 0 0 100px;
    }

    .header__logo-main {
        background-color: var(--logo-mobile);
        padding: 16px;
    }

    .mobile-btn {
        z-index: 3;
        cursor: pointer;
        background: var(--mobile-btn-img);
        width: 22px;
        height: 22px;
    }

    .mobile-btn.open-menu {
        background: url("../img/icons/scan-active.svg");
        width: 22px;
        height: 22px;
    }

    .main__item.open-menu {
        display: none;
    }

    #main__content.open-menu {
        display: none;
    }
}

.arrow-down {
    display: block;
    width: 20px;
    height: 20px;
    background-image: var(--input-arrow);
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 834px) {
    .header__inner {
      position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100dvh;
        transform: translateX(-100%);
        transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1);
        will-change: transform; 
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
        overflow-x: hidden;
        
        background-color: var(--header-mobile);
        z-index: 3;
        box-shadow: var(--block-shadow-1);
        border-radius: 0;
    }

    .inner__items {
        display: grid;
        grid-template-columns: 1fr;
        width: inherit;
    }

    .header__logo {
        margin-top: 100px;
    }

    .events__blocks {
        justify-items: center;
        flex-wrap: wrap;
        display: flex;
    }

    .events__blocks-item {
        width: 100%;
    }

    .main {
        max-width: 100vw;
    }

    .main__item {
        max-width: inherit;
    }

    .news__main_text {
        margin: 22px auto 0 auto;
    }

    .main_text-content {
        margin: 8px auto;
        max-width: unset;
    }

    .main_text-title {
        margin: 0 auto;
        white-space: initial;
        max-width: none;
    }

    .item_right-news {
        margin-left: unset;
    }

    .left_item-popular_pics {
        margin-left: unset;
    }

    .popular_pics-content {
        position: relative;
        margin: 10px auto;
    }

    .menu {
        border-radius: 0px;
    }

    .news__main-pics {
        flex-direction: column;
    }

    .news__content-reaction {
        flex-direction: row;
        gap: 15px;
        align-items: center;
        padding: 16px 16px 0;
    }

    .reactions-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }

    .reactions-item img {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 1140px) {
    .footer {
        position: fixed;
        bottom: 0;
        left: 0;
        height: 80px;
        display: block;
        background-color: var(--block-bg);
        z-index: 2;
        width: 100%;
    }

    .footer__inner-list {
        margin-top: 10px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 50px;
    }

    .footer__list-item,
    .footer__list-item a {
        display: flex;
        justify-content: center;
        height: 100%;
        width: 100%;
    }

    /* .footer__list-item:first-of-type {
        margin-top: -8px;
    }

    .footer__list-item:not(:first-of-type) {
        margin-left: 25px;
    } */

    #footer-icon-1 {
        background: var(--footer-icon-1);
        background-size: contain;
        background-repeat: no-repeat;
        max-width: 51px;
        max-height: 55px;
        width: 100%;
        height: 100%;
    }

    #footer-icon-2 {
        background: var(--footer-icon-2);
        background-size: contain;
        background-repeat: no-repeat;
        max-width: 69px;
        max-height: 55px;
        width: 100%;
        height: 100%;
    }

    #footer-icon-3 {
        background: var(--footer-icon-3);
        background-size: contain;
        background-repeat: no-repeat;
        max-width: 75px;
        max-height: 55px;
        width: 100%;
        height: 100%;
    }

    #footer-icon-4 {
        background: var(--footer-icon-4);
        background-size: contain;
        background-repeat: no-repeat;
        max-width: 62px;
        max-height: 55px;
        width: 100%;
        height: 100%;
    }
}

.reaction-icon.remove-like {
    filter: invert(34%) sepia(25%) saturate(4407%) hue-rotate(114deg) brightness(94%) contrast(101%)
}

.inc-edit-wrapper .interface_search_list {
    background: transparent;
}

.report-search {
    background: transparent;
}


/* mobile */

@media (max-width:768px) {

    .md-show {
        display: flex;
    }

    #content {
        padding: 0;
    }

    #main__content {
        padding: 0 10px 50px;
        width: 100%;
        overflow-x: hidden;
    }

    .video-js {
        min-width: 100%;
    }

    .main__content-header {
        flex-wrap: wrap;
    }

    .main__content-header button {
        width: 100%;
        max-width: 100%;
    }

    .dining-block {
        background-image: url('/assets/img/design/dining_cover_mob.png');
    }

    .main__welcome {
        border-radius: 0px 0px 20px 20px;
        border-top: 2px solid #ffffff;
        margin-top: 0;
    }

    .test-quests__wrapper {
        flex-direction: column;
    }

    .doc-search__wrapper {
        flex-direction: column;
        align-items: unset;
    }

    .tst-checkpoints__wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .available-quests,
    .selected-quests {
        width: 100%;
    }

    .guide-tree__items-wrapper {
        grid-template-columns: 1fr;
    }

    .bus__add-until {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .guide-tree__item img {
        object-fit: cover;
    }

    .news__content-main {
        gap: 10px;
    }

    .bus-schedule__time {
        font-size: 12px;
    }

    table.list {
        display: table;
    }

    .mail__open-menu-btn {
        display: flex;
    }

    .mail__folders {
        display: none;
    }

    .user-notifications .one-not.single-not {
        padding: 10px;
        margin-bottom: 70px;
    }

    .tabs-big .tabs-big__item,
    .tabs-big .tabs-big__item.tab {
        font-size: 16px;
    }

    .user-notifications .one-not.single-not h4 {
        color: var(--title-color);
    }

    .test-card {
        gap: 16px;
    }

    .test-card__content {
        flex: unset !important;
        padding-bottom: 0;
    }

    .test-card__content span {
        padding-bottom: 8px;
    }

    .file-upload__label {
        flex-direction: column;
    }

    .user-notifications .one-not.single-not .not-info {
        border-bottom: 1px solid #c5c6c6;
        padding-bottom: 15px;
    }

    .user-notifications .one-not.single-not .not-info__bottom {
        border-bottom: none;
    }

    .user-notifications .one-not.single-not .like_btns {
        position: absolute;
    }

    .user-notifications .one-not.single-not .not-body {
        color: var(--title-color);
    }

    .news__content-img {
        max-width: unset;
    }

    .structure {
        margin-bottom: 15px;
        margin-left: 0px;
    }

    .structure .structure {
        margin-bottom: 15px;
        margin-left: 10px;
    }

    .structure-select__all {
        margin-left: 0;
        margin-bottom: 15px;
    }

    .block__main-item {
        margin-left: 0;
    }

    #contacts-main .structure-list>div {
        padding: 12px;
    }

    .contacts__main-block {
        padding: 12px;
    }

    .content__contacts-header .header-btn {
        border-radius: 8px;
        padding: 6px 10px;
        font-weight: 400;
    }

    .interface_search_list.new {
        max-width: unset;
    }

    .interface_search_list.new .interface_search_selected {
        max-width: unset;
    }

    .guide-content-view__general form {
        padding: 30px 0 80px;
    }

    .not-com-add-frm .modal__form-wrapper {
        padding: 30px 15px 30px;
    }

    .guide-content-view__header {
        padding: 10px;
        font-size: 20px;
    }

    .guide-content {
        position: unset;
        transform: unset;
    }

    .guide-content {
        z-index: 1;
    }

    .create__img-list {
        flex-direction: column;
    }

    .md-hidden {
        display: none;
    }

    .news__content__text {
        max-width: unset;
        width: 100%;
    }

    .doc-directory {
        width: 100%;
    }

    .attention__image {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 25px;
        height: 25px;
    }

    /* .module.doc-wrapper {
        height: 100dvh;
        gap: 0;
        position: relative;
        z-index: 51;
    }

    .module.doc-wrapper .main.full_screen {
        height: 100vh;
        position: fixed;
        top: 0;
        bottom: 0;
        padding-bottom: 0;
    }

    .module.doc-wrapper .main.full_screen .main__welcome {
        display: none;
    }

    .module.doc-wrapper .doc-options, 
    .module.doc-wrapper .doc-preview__main-content > div:first-of-type {
        display: none;
    }

    .module.doc-wrapper .main__item, 
    .module.doc-wrapper .doc-content {
        padding: 0;
    } */

    .attention__image svg {
        height: 100%;
        width: 100%;
    }
}

@media (max-width: 500px) {
    .tab-buttons .tabs-on-top__tab {
        font-size: 16px;
        padding: 9px 15px 8px 15px;
        border: 0.5px solid var(--bg);
    }

    table.list td {
        font-size: 14px;
    }

    .item_right-news {
        padding: 16px 10px;
    }

    .inner__item_right {
        min-width: unset;
    }

    .popular-photo.owl-carousel.owl-drag .owl-item {
        max-width: calc(100vw - 50px);
    }

    #karelia-news .news__content-main {
        padding: 16px;
    }

    .news__block {
        padding: 16px;
    }

    .ads__date-list li {
        width: 100%;
    }

    .inc-chkbx {
        position: absolute;
        right: 0px;
        top: 0px;
        padding: 10px 16px;
    }
}


/* компоненты */

select {
    background: var(--create-input);
    color: var(--title-color);
    padding: 8px 14px;
    border-radius: 16px;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    /* Safari и Chrome */
    -moz-appearance: none;
    /* Mozilla */
    -ms-appearance: none;
    /* IE */
    background-image: url("data:image/svg+xml,<svg height='15px' width='15px' viewBox='0 0 16 16' fill='%23c4e1ee' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    width: 240px;
    height: 44px;
    padding: 8px 32px 8px 16px;
    outline: none;
    cursor: pointer;
}

.custom__date-input_wrapper {
    position: relative;
}

.custom__date-input {
    cursor: pointer;
    display: flex;
    width: 240px;
    height: 44px;
    padding: 14px 40px 14px 14px;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    position: relative;
    border-radius: 16px;
    background: var(--create-input);
    color: var(--date-color);
}

.custom__date-input_value {
    width: 100%;
}

.custom__date-input_arrow {
    position: absolute;
    top: calc(50% - 9px);
    right: 12px;
    background-image: var(--input-arrow);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}

.date-input__picker {
    width: 240px;
    padding: 10px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--create-input, #383838);
    box-shadow: 0px 10px 15px 0px rgba(66, 71, 77, 0.10);
    height: 140px;
    position: absolute;
    bottom: -145px;
    left: 0;
    z-index: 50;
    display: none;
}

.custom__date-input.open+.date-input__picker {
    display: flex;
    flex-direction: column;
}

.custom__date-input.open .custom__date-input_arrow {
    transform: rotateX(180deg);
}

.date-input__picker .picker__wrapper {
    height: 100%;
    width: 33%;
    overflow: hidden;
}

.date-input__picker>div {
    display: flex;
    width: 100%;
    height: 90px;
}

.date-input__picker button {
    border-radius: 6px;
    background: var(--block-bg);
    padding: 4px 9px;
    border: none;
    color: var(--buses-color);
    margin-left: auto;
    cursor: pointer;
}

.date-input__picker .picker__wrapper>div {
    height: 100%;
    overflow-y: auto;
    padding-right: 5px;
    padding-left: 5px;
}

.date-input__picker .date-picker__item {
    display: flex;
    height: 24px;
    padding: 0px 4px 0px 6px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: var(--title-color);
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    margin-bottom: 5px;
}

.date-input__picker .date-picker__item:first-of-type {
    border-radius: 8px 8px 0 0;
}

.date-input__picker .date-picker__item:last-of-type {
    border-radius: 0 0 8px 8px;
    margin-bottom: 0;
}

.date-input__picker .date-picker__item:hover {
    background-color: var(--date-input-item-hover);
}

.date-input__picker .date-picker__item.active {
    background-color: var(--date-input-item-active);
    border-radius: 4px;
}

.custom__time-input {
    cursor: pointer;
    display: flex;
    width: 240px;
    height: 44px;
    padding: 14px 40px 14px;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    position: relative;
    border-radius: 16px;
    background: var(--create-input);
    color: var(--date-color);
}

.custom__time-input.open+.time-input__picker {
    display: flex;
    flex-direction: column;
}

.custom__time-input.open .custom__time-input_arrow {
    transform: rotateX(180deg);
}

.time-input__picker {
    width: 240px;
    padding: 10px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--create-input, #383838);
    box-shadow: 0px 10px 15px 0px rgba(66, 71, 77, 0.10);
    height: 140px;
    position: absolute;
    bottom: -145px;
    left: 0;
    z-index: 50;
    display: none;
}

.time-input__picker .picker__wrapper {
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.time-input__picker>div {
    display: flex;
    width: 100%;
    height: 90px;
}

.time-input__picker button {
    border-radius: 6px;
    background: var(--block-bg);
    padding: 4px 9px;
    border: none;
    color: var(--buses-color);
    margin-left: auto;
    cursor: pointer;
}

.time-input__picker .picker__wrapper>div {
    height: 100%;
    overflow-y: auto;
    padding-right: 5px;
}

.time-input__picker .date-picker__item {
    display: flex;
    height: 24px;
    padding: 0px 4px 0px 6px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: var(--title-color);
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    margin-bottom: 5px;
}

.time-input__picker .date-picker__item:first-of-type {
    border-radius: 8px 8px 0 0;
}

.time-input__picker .date-picker__item:last-of-type {
    border-radius: 0 0 8px 8px;
    margin-bottom: 0;
}

.time-input__picker .date-picker__item:hover {
    background-color: var(--date-input-item-hover);
}

.time-input__picker .date-picker__item.active {
    background-color: var(--date-input-item-active);
}

.inputLabel {
    color: var(--create-input-color);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 15px;
}

label.custom-radio input[type=radio] {
    display: none;
}

.tst-quest-wrapper label.custom-radio input[type=radio] {
    display: none;
}

label.custom-radio {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 0;
    padding-left: 25px;
    margin: 0;
    line-height: 18px;
    user-select: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.tst-quest-wrapper label.custom-radio {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 0;
    padding-left: 25px;
    margin: 0;
    line-height: 18px;
    user-select: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

.custom-radio__svg {
    position: absolute;
    left: 3px;
    top: calc(50% - 9px);
    display: inline-block;
    width: 17px;
    height: 18px;
}

.custom-radio input[type=radio]:not(:checked)+.custom-radio__svg circle {
    fill: var(--radio-default-circle);
}

.custom-radio input[type=radio]:not(:checked)+.custom-radio__svg rect {
    fill: var(--radio-default-rect);
}

.custom-radio:hover input[type=radio]:not(:checked)+.custom-radio__svg circle {
    fill: var(--radio-hover-circle);
}

.custom-radio:hover input[type=radio]:not(:checked)+.custom-radio__svg rect {
    fill: var(--radio-hover-rect);
}


/* Checked */

.custom-radio input[type=radio]:checked+.custom-radio__svg circle {
    fill: var(--radio-checked-circle);
}

.custom-radio input[type=radio]:checked+.custom-radio__svg rect {
    fill: var(--radio-checked-rect);
}

.custom-radio:hover input[type=radio]:checked+.custom-radio__svg circle {
    fill: var(--radio-checked-hover-circle);
}

.custom-radio:hover input[type=radio]:checked+.custom-radio__svg rect {
    fill: var(--radio-checked-hover-rect);
}

.custom-checkbox {
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%;
    cursor: pointer;
}

.custom-checkbox input[type="checkbox"] {
    display: none;
}

.custom-checkbox .custom-checkbox__svg {
    width: 18px;
    height: 18px;
}

.custom-checkbox input[type="checkbox"]:not(:checked)+.custom-checkbox__svg .square {
    fill: var(--checkbox-default-sqare);
}

.custom-checkbox input[type="checkbox"]:not(:checked)+.custom-checkbox__svg .square-red {
    fill: var(--checkbox-default-sqare);
}

.custom-checkbox input[type="checkbox"]:not(:checked)+.custom-checkbox__svg .arrow {
    fill: var(--checkbox-default-arrow);
}

.custom-checkbox:hover input[type="checkbox"]:not(:checked)+.custom-checkbox__svg .square {
    fill: var(--checkbox-default-hover-sqare);
}

.custom-checkbox:hover input[type="checkbox"]:not(:checked)+.custom-checkbox__svg .square-red {
    fill: var(--checkbox-default-hover-sqare);
}


.custom-checkbox:hover input[type="checkbox"]:not(:checked)+.custom-checkbox__svg .arrow {
    fill: var(--checkbox-default-hover-arrow);
}



.custom-checkbox input[type="checkbox"]:checked+.custom-checkbox__svg .square {
    fill: var(--checkbox-active-sqare);
}

.custom-checkbox input[type="checkbox"]:checked+.custom-checkbox__svg .square-red {
    fill: #FF0000;
}

.custom-checkbox input[type="checkbox"]:checked+.custom-checkbox__svg .arrow {
    fill: var(--checkbox-active-arrow);
}

.custom-checkbox:hover input[type="checkbox"]:checked+.custom-checkbox__svg .square-red {
    fill: lightcoral;
}

.custom-checkbox:hover input[type="checkbox"]:checked+.custom-checkbox__svg .square {
    fill: var(--checkbox-active-hover-sqare);
}

.custom-checkbox:hover input[type="checkbox"]:checked+.custom-checkbox__svg .arrow {
    fill: var(--checkbox-active-hover-arrow);
}

.custom-checkbox>span {
    margin-bottom: 0;
}

::-webkit-scrollbar-button {
    background-image: none;
    background-repeat: no-repeat;
    width: 5px;
    height: 0px;
}

::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track-color);
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /*background-color: dodgerblue;*/
    background-color: var(--scrollbar-thumb-color);
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-color);
}

::-webkit-resizer {
    background-image: none;
    background-repeat: no-repeat;
    width: 4px;
    height: 0px;
}

::-webkit-scrollbar {
    width: 4px;
}

@container mainContainer (width < 768px) {
    .diner-user-view {
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
    }

    .inner__items {
        grid-template-columns: 1fr;
    }

    .mail__open-menu-btn {
        display: flex;
    }

    .mail__folders {
        transform: translateX(-200%);
        position: fixed;
        top: 100px;
        left: 10px;
        z-index: 55;
    }

    .mail__folders.open {
        transform: translateX(0);
    }

    .item_right-news.md-hidden {
        display: none;
    }

    .item_right-news.md-block {
        display: block;
    }
}

@container mainContainer (width < 600px) {
    .create__img-list {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 500px) {

    .custom__date-input_wrapper,
    .custom__date-input,
    .custom__time-input {
        width: 100%;
    }

    .welcome-title {
        font-size: 18px;
    }
}


/* utility classes*/

fieldset {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    padding: 10px 0;
}

fieldset.column {
    flex-direction: column;
}

fieldset legend {
    display: block;
    color: var(--title-color);
    margin-bottom: 8px;
}

.flex-col {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.gap-1 {
    gap: 4px;
}

.gap-2 {
    gap: 8px;
}

.gap-3 {
    gap: 12px;
}

.gap-4 {
    gap: 16px;
}

.gap-5 {
    gap: 20px;
}

.pb-1 {
    padding-bottom: 4px;
}

.pb-2 {
    padding-bottom: 8px;
}

.pb-3 {
    padding-bottom: 12px;
}

.pb-4 {
    padding-bottom: 16px;
}

.pb-5 {
    padding-bottom: 20px;
}

.py-1 {
    padding-bottom: 4px;
    padding-top: 4px;
}

.py-2 {
    padding-bottom: 8px;
    padding-top: 8px;
}

.py-3 {
    padding-bottom: 12px;
    padding-top: 12px;
}

.py-4 {
    padding-bottom: 16px;
    padding-top: 16px;
}

.py-5 {
    padding-bottom: 20px;
    padding-top: 20px;
}

.px-1 {
    padding-left: 4px;
    padding-right: 4px;
}

.px-2 {
    padding-left: 8px;
    padding-right: 8px;
}

.px-3 {
    padding-left: 12px;
    padding-right: 12px;
}

.px-4 {
    padding-left: 16px;
    padding-right: 16px;
}

.px-5 {
    padding-left: 20px;
    padding-right: 20px;
}

.p-0 {
    padding: 0;
}

.p-1 {
    padding: 4px;
}

.p-2 {
    padding: 8px;
}

.p-3 {
    padding: 12px;
}

.p-4 {
    padding: 16px;
}

.p-5 {
    padding: 20px;
}

.flex-grow {
    flex-grow: 1;
}

.flex-shrink {
    flex-shrink: 1;
}

.flex-1 {
    flex: 1;
}

.flex-wrap {
    flex-wrap: wrap;
}

.w-max {
    width: max-content;
}

.w-min {
    width: min-content;
}

.min-w-min {
    min-width: min-content;
}

.copy-icon path {
    fill: var(--copy-icon-fill);
}

.pointer {
    cursor: pointer;
}

.my-1 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.my-2 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.my-3 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.my-4 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.my-5 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mb-1 {
    margin-bottom: 4px;
}

.mb-2 {
    margin-bottom: 8px;
}

.mb-3 {
    margin-bottom: 12px;
}

.mb-4 {
    margin-bottom: 16px;
}

.mb-5 {
    margin-bottom: 20px;
}

.mb-6 {
    margin-bottom: 24px;
}

.mb-7 {
    margin-bottom: 28px;
}

.mr-1 {
    margin-right: 4px;
}

.mr-2 {
    margin-right: 8px;
}

.mr-3 {
    margin-right: 12px;
}

.mr-4 {
    margin-right: 16px;
}

.mr-5 {
    margin-right: 20px;
}

.mr-6 {
    margin-right: 24px;
}

.mr-7 {
    margin-right: 28px;
}

.mt-1 {
    margin-top: 4px;
}

.mt-2 {
    margin-top: 8px;
}

.mt-3 {
    margin-top: 12px;
}

.mt-4 {
    margin-top: 16px;
}

.mt-5 {
    margin-top: 20px;
}

.mt-6 {
    margin-top: 24px;
}

.mt-7 {
    margin-top: 28px;
}

.ml-0 {
    margin-left: 0;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.grid {
    display: grid;
}

.items-center {
    align-items: center;
}

.items-start {
    align-items: start;
}

.items-end {
    align-items: end;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.justify-end {
    justify-content: end;
}

.min-w-250 {
    min-width: 250px;
}

.font-semibold {
    font-weight: 600;
}

.text-xl {
    font-size: 24px;
}

.text-lg {
    font-size: 18px;
}

.text-base {
    font-size: 16px;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.word-break {
    word-break: break-all;
}

.elipsis {
    text-overflow: ellipsis;
}

.hidden {
    display: none;
}

.text-color-default {
    color: var(--title-color);
}

.truncate-overflow {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Количество строк */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 768px) {
    .md-flex-row {
        flex-direction: row;
    }
}

#switch {
    color: var(--title-color);
    font-weight: 600;
    width: max-content;
    cursor: pointer;
}

#switch svg {
    width: 100px;
    height: 44px;
}

@media (max-width: 400px) {

    .btn-green,
    .btn-blue,
    .btn-gray,
    .btn-orange,
    .btn-red,
    .btn-dark-green {
        font-size: 12px;
        min-width: 130px;
        width: 100%;
        height: max-content;
    }

    #switch svg {
        width: 60px;
        height: auto;
    }
}


@media (max-width: 768px) {
    select {
        width: 100%;
    }

    .md-block {
        display: block;
    }

    .md-p-0 {
        padding: 0;
    }

}