.callout.success {background-color: rgb(100 220 169 / 0.1);color: #2bc584;border: none;padding: 0.8rem;}
label {font-size:1rem;color: #444;}
select:hover, textarea:hover {border-color: #3464e0;-webkit-box-shadow: 0 0 0 3px rgba(156,186,240,.5);box-shadow: 0 0 0 3px rgba(156,186,240,.5);}
.profile-card:hover {opacity:0.8}
.profile-card img {box-shadow: 0px 4px 4px #2955C9;}
.popup-success {margin: 0;font-size: 1.5rem;text-align:center;}
.mfp-zoom-in.mfp-ready.mfp-bg, .mfp-bg {background:#000; opacity:0.4}
.popup{padding:20px 30px;box-shadow: 0 10px 20px -5px rgba(14,21,47,.13);}
.pretty em {color:#c3cad6;font-size:14px;}
.form-auth {min-width:260px;}
.error{border-color: #e06364;-webkit-box-shadow: 0 0 0 2px rgba(224,99,100,.5);box-shadow: 0 0 0 2px rgba(224,99,100,.5);}
.inline-popup.informer {color: #6e7781;}
.section-title a{color: #6e7781;}
.tabs.ps {padding-bottom:0;}
.grid-container, .off-canvas-wrapper {max-width: 100rem;}
.alerts-wrapper .notice{padding-bottom:10px; margin-bottom:10px;border-bottom:1px solid #eceff5;}
.alerts-wrapper .notice:last-child{padding-bottom:0px; margin-bottom:0px; border:none;}

li.drop-arrow:after {background-repeat: no-repeat;top: 16px;right: -3px;content: "";position: absolute;display: inline-flex;width: 0.8rem;height: 0.5rem;margin-top: 0.1rem;margin-left: 0.5rem;background-image: url(/tm/dev/img/arrow-down-new.svg);transition: transform .25s linear;}
.menu-header .menu li a {padding: 0.7rem 1rem !important;}
li.drop-arrow:hover:after {filter: brightness(100);}

/*.main .card {margin-bottom:0;}*/
#kpi {padding-bottom:10px;}
.menu-header .menu {justify-content: end;}
.menu-header .menu li a {padding: 0.7rem 0.7rem;}
.accordion-content {overflow-y: scroll; overflow-x: hidden;}
.accordion-content .hover tr {border-bottom: 1px solid #f1f4f9;}
.accordion-content .hover td {word-break: normal;}
input[type=search]:hover, input[type=text]:hover, input[type=email]:hover,input[type=number]:hover,input[type=password]:hover{-webkit-box-shadow: 0 0 0 3px rgb(156 186 240 / 50%);box-shadow: 0 0 0 3px rgb(156 186 240 / 50%);}

.user-info-item .head-user {border-bottom:1px solid #eceff5;padding:0 0 10px 0;margin-bottom:20px;display:block;color: #444;}
.user-info-item .head-user:last-child{margin-bottom:0; border:none;padding-bottom: 0;}
.user-info-item .head-user h3{margin-bottom:5px;font-size: 1.25rem;}
.user-info-item .head-user:hover h3{color:#3464e0}
.user-info-item :last-child>.accordion-content:last-child {border:none;}
.switch__toggle {margin:0 3px;}
.hover tr td{vertical-align:middle;}

.menu-sidebar .menu a{color:#586374}
.menu-sidebar .menu a.is-active{box-shadow: 0px 4px 10px rgba(52, 100, 224, 0.2);}
.file-upload--inline .file-upload__title{max-width: 300px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
print, screen and (min-width: 40em) {.menu-sidebar .menu-icon {min-width: 1.6em;min-height: 1.6em;width: 1.6em;height: 1.6em;}}
.section-title a:hover{color: #3464e0;}
.header>.grid-container {background:none;}
.panel {background:#F1F4F8; padding:20px 10px;}
.panel hr {margin:10px 0;}
.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {background-color:#3464e0}
.sberid {cursor:default;}
.peoples tr {border-bottom: 1px solid #f1f4f9;}
.CountPublications {padding:10px 20px;background:#3464e0;border-radius:4px;}
.CountPublications label {color:#FFF}
.CountPublications input{width:100%;}
#areaError, sup {color:#e06364}
.vacations img{border:2px solid #ffd835}
.panel .callout{text-align:center; margin-bottom:0;}
.banner img{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.banner img:hover{-webkit-transform: scale(1.01); -moz-transform: scale(1.01); -o-transform: scale(1.01);opacity:0.9}
.article-card img{-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;}
.article-card:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);}
.manager-card img, .tabs-panel .person-card img{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.manager-card:hover img, .tabs-panel a.person-card:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);}
.manager-card__image{margin-right:25px;}
table thead tr th{background-color: #f1f4f9;}
.accordion-content table {margin-bottom:0;}
.hpb svg{width:48px;height:48p;}
.hpb {text-align:center;color:#C3CAD6}

.inner_news .article-card__image{margin-right:20px;}
.inner_news .article-card, .menu-sidebar .inner-menu-inline.menu a{border:1px solid #e4ecfa;}
.menu-sidebar .inner-menu-inline.menu li{width:49%;}
.menu-sidebar .inner-menu-inline.menu li.full-width{width:100%;}
.menu-sidebar .inner-menu-inline.menu li a svg{fill:#c3cad6}
.menu-sidebar .inner-menu-inline.menu li a:hover svg{fill:#FFF;}
.menu-sidebar .inner-menu-inline.menu li div a{border:none; padding:0;display: inline;margin-right:5px;}
.menu-sidebar .inner-menu-inline.menu{justify-content: space-between;}

.banners{margin:10px 0 !important;}
.menu-header .menu li a {line-height: 1.3rem;}
.datepicker.dropdown-menu {border:none;box-shadow: 0 10px 20px -5px rgba(0,0,0,.1);}
.datepicker.dropdown-menu tbody tr:last-child, .datepicker tfoot{border:none;}
.datepicker td.active.day, .datepicker td.active.year, .datepicker td.active.day:hover{background:#3464e0 !important; color:#FFF !important;}
.fields.disabled {display:none;}
input:disabled, input[readonly], textarea:disabled, textarea[readonly]{background:#FFF;cursor:pointer;}
.datepicker.dropdown-menu td{padding: 6px 9px;}
.datepicker td{font-size: 13px;}
.dataTable tr {border-bottom: 1px solid #f1f4f9;}
img.noimage {border: 1px solid #f1f4f9;}
.dataTables_info {color: #c3cad6;font-size: .875rem;line-height: 1.5;}
.avatar{max-width: 100%;border-radius: 50%;}
.vacation {background: #ffd835;padding: 5px 10px;border-radius: 15px;color: #333;width: 100%;display: block;text-align: center; margin-top: 10px;max-width:150px;}
.soc-icons{display:flex;margin:10px 0;}
.soc-icons li {list-style:none;margin-right:10px;}
.soc-icons li img {width:32px;height:32px;}
.soc-icons li img:hover {opacity:0.8}

.dataTables_paginate .pagination{margin:0; padding:0;border:none;font-size: .875rem;}
.dataTables_paginate .pagination li {list-style:none;display: block;min-width: 30px;margin: 0 5px;display: block;text-align: center;line-height: 20px;border: 1px solid #f1f4f9;border-radius: 4px;}
.dataTables_paginate .pagination li a{color: #444;padding: 0 5px;line-height:30px;}
.dataTables_paginate .pagination li a:hover {color:#3464e0}
.paginate_button.disabled{color:#c3cad6;padding: 0 5px;line-height:30px !important;}
.dataTables_paginate .paginate_button.next, .dataTables_paginate .paginate_button.previous {border:none;}
.dataTables_paginate .pagination li.current{color: #fff;background: #3464e0;border-color: #3464e0;display: block;padding: 5px;text-align: center;line-height: 20px;border: 1px solid #f1f4f9;border-radius: 4px;}
div.dataTables_wrapper div.dataTables_filter label {float: none !important;}
.soc-icons.text-center {justify-content: center;}
hr{border-bottom: 1px solid #eceff5;}
.callout.success {background-color: #64dca9;color: #FFF;border:none;}

@media screen and (max-width: 560px) {
  .breadcrumbs a{color:#ccc}
  .breadcrumbs li{display: inline-block;}
  .breadcrumbs {font-size: .8125em;white-space: nowrap;overflow-x: scroll;-webkit-overflow-scrolling: touch;overflow-y: hidden;width: 100%;display: flex;}
  .profile-card img{box-shadow:none;}
  .js-off-canvas-overlay{background: rgba(0,0,0,.15);}
  .footer {text-align:center}
  .is-submenu-parent-item a{color:#444}
  .header>.grid-container {background: #3464E0;}
}


.my-mfp-slide-bottom .zoom-anim-dialog {opacity: 0;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );}
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {opacity: 1;-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); transform: translateY(0) perspective( 600px ) rotateX( 0 ); }
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {opacity: 0;-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); }
.my-mfp-slide-bottom.mfp-bg {opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
.my-mfp-slide-bottom.mfp-ready.mfp-bg {opacity: 0.4;}
.my-mfp-slide-bottom.mfp-removing.mfp-bg {opacity: 0;}
.mfp-zoom-in.mfp-ready.mfp-bg, .mfp-bg, .mfp-bg{background:#24364a}

.v-scroll {overflow: hidden;}
.accordion-title-no {position: relative;display: block;padding: 1rem;border: 1px solid #f1f4f9;border-bottom: 0;font-size: 1.375rem;line-height: 1;color: #444;}
.accordion-title-no {display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;position: static;padding-right: 1rem;border: none!important;background: 0 0;vertical-align: middle;}

@media screen and (min-width: 1024px) {
  div.dataTables_wrapper div.dataTables_filter label {float: right !important;}
}

@media print {
  .no-print, .header, .footer,.nc-navbar{display:none;}
  section {page-break-inside: always;}
  html, body{height: 297mm;width: 210mm;}
  *, *:before, *:after { color: #000;box-shadow: none;text-shadow: none;}
  .grid-x>.large-8 {width:100%;}
}
@page {
	margin: 10mm 10mm 10mm 20mm;
}
.events_booking .events_carousel .swiper-pagination {left:40%;}
.tabs.ps {margin-bottom: 10px;}
/* .tabs-title { min-width: 200px; }*/

.mfp-content {
  opacity:0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.mfp-s-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-removing .mfp-content {
  opacity: 0;
}

/**/
.sber-auth em {color: #c3cad6;font-size: .875rem;line-height: 1.5;font-style:normal;display:block; margin:20px 0 5px 0;}
.sber-auth {margin-top:10px;}
.sber-area-message{color:#e06364}
.sber-area-message .error {border:none; box-shadow:none;}
.sber-area-message .error {font-size:13px; line-height:18px;margin-top:10px;}
.sber-info-ready {color:#21A038;margin-top: -10px;font-size: 14px;}

.form-profile .sber-area {display:flex;    align-items: center;}
.form-profile .sber-area .info-sber-id{margin-left:20px;color: #c3cad6;}
.form-profile .sber-area .info-sber-id:hover {color: #1F4FCC;}

/**/

@media screen and (max-width: 900px) {
  .kpi-btn {
    width: 100%;
  }
  .accordion-content #adminForm{overflow-x: scroll;}
  .auto_set {background-color: #eaa5a0;}
  .accordion-content table tr td {padding:5px 2px; font-size:14px;min-width: 250px;}
  .menu-header .menu li a {color:#333}
  .is-active.menu li.is-submenu-parent-item a {font-weight:bold;}
  .logo {font-size:14px;}
}

/*Pochinok Fix START*/

@media screen and (max-width:590px){.accordion-title {font-size:16px;}}
/*Pochinok Fix END*/


  .button--abs {
    position: absolute;
    right: 0;
    top: 6px;
  }
  .relative {
    position:relative;
  }
  .article-card__controls button svg {
      height: initial;
  }
  
  
  
  .form__password, .form__sms {
  background-color: #f2f4f8;
}

.form__title {
  padding-top: 20px;
}

.form__description {
  text-align: left;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
}

.form__password-phone {
  display: block;
}

.form__field {
  padding: 0 20px;
  width: 100%;
  font-size: 14px;
}
.form__field .field.sms {
  width: 100%;
}
.form__field .button.sms {
  width: 100%;
  font-size: 14px;
}
.form__field .invalid {
  border-color: #E06364;
  box-shadow: 0 0 0 2px rgba(224, 99, 100, 0.5);
}

.form__success {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.form__field .button.sms {color:#fff;}
.form__error{line-height: 1;padding-bottom: 15px;color: red;padding-right:5px;padding-left:5px;}
.logo {font-size:20px;}
.auth .logo img {margin-right:0; width:64px; height:64px;}
.auth .logo {font-size:24px;}
.auth label {margin-bottom:5px;}
.logo img {margin-right:0;width: 52px;height: 52px;}

@media only screen and (max-width: 730px) {
	.menu-sidebar .menu a {text-align:left;}
	.paylist {
		width: 1000px;
	}
    .header__avatar button {margin-left:0 !important;}
    .dots-burger {margin-left:8px;}
    .auth .logo {font-size:18px;}
    .auth h1 {margin-bottom:0;}
    .auth .logo img {margin-right:0; width:64px; height:64px;}
    .template-clean {min-height:65vh;}
    .logo {font-size:15px;    margin: 15px 0;}
    .logo img {margin-right:0;width: 36px;height: 36px;}
}

.scroll-container {
    overflow:hidden;
    overflow: hidden;
    width: 100%;
    overflow-x: scroll;
}
.scroll-container::-webkit-scrollbar-button {
  background-image:url('');
  background-repeat:no-repeat;
  width:2px;
  height:0px
}

.scroll-container::-webkit-scrollbar-track {
  background-color:#fff
}

.scroll-container::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 99px;
  background-color:#3363de;
}

.scroll-container::-webkit-scrollbar-thumb:hover{
  background-color:#3363de
}

.scroll-container::-webkit-resizer{
  background-image:url('');
  background-repeat:no-repeat;
  width:2px;
  height:0px
}

.scroll-container::-webkit-scrollbar{
  width: 100px;
  height: 8px;
}


.tooltipster-sidetip.corp .tooltipster-box {background: #444;}
.tooltipster-sidetip.corp.tooltipster-bottom .tooltipster-arrow-border {border-bottom-color: #444}
.tooltipster-sidetip.corp.tooltipster-left .tooltipster-arrow-border {border-left-color: #444}
.tooltipster-sidetip.corp.tooltipster-right .tooltipster-arrow-border {border-right-color: #444}
.tooltipster-sidetip.corp.tooltipster-top .tooltipster-arrow-border {border-top-color: #444}

.kpi-tbl td {
    word-break: break-all;
}
.kpi-col-special {
    min-width: 140px;
}

[data-tooltip].left:before, [data-tooltip].left:after {transform: translateX(0px);}
[data-tooltip].left:hover:after, [data-tooltip].left:hover:before {transform: translateX(-10px);}
[data-tooltip] {position: relative;}
[data-tooltip]:after, [data-tooltip]:before {position: absolute;visibility: hidden;opacity: 0;transition: transform 200ms ease, opacity 200ms;z-index: 99;}
[data-tooltip]:before {content: attr(data-tooltip);background: #333;color: #FFF;font-size: 14px;padding: 10px 15px;border-radius: 5px; white-space: nowrap;text-decoration: none;}
[data-tooltip]:after {width: 0;height: 0;border: 6px solid transparent;content: '';}
[data-tooltip]:hover:after, [data-tooltip]:hover:before {visibility: visible;opacity: 0.95;transform: translateY(0px);}
[data-tooltip][data-position="top"]:before {bottom: 100%;left: -10%;margin-bottom: 10px;}
[data-tooltip][data-position="top"]:after {border-top-color: #333;border-bottom: none;bottom: 101%;left: calc(50% - 6px);margin-bottom: 4px;}
[data-tooltip][data-position="left"]:before {top: -15%;right: 100%;margin-right: 10px;}
[data-tooltip][data-position="left"]:after {border-left-color: #333;border-right: none;top: calc(50% - 3px);right: 100%;margin-top: -6px;margin-right: 4px;}
[data-tooltip][data-position="bottom"]:before {top: 100%;left: 10%;margin-top: 10px;}
[data-tooltip][data-position="bottom"]:after {border-bottom-color: #333;    opacity: 0.85;border-top: none;top: 100%;left: calc(50% - 6px);margin-top: 4px;}


.favourites {cursor:pointer;width:32px;height:32px;opacity:0.8;border:1px solid rgba(255, 255, 255, 0.3); border-radius:50%; padding:6px;padding-top:3px;display:inline-block;right: 0;}
.favourites svg {width:18px;height:18px;fill:rgba(255, 255, 255, 1);opacity:0.6}
.favourites:hover {opacity:1;border:1px solid rgba(255, 255, 255, 1);}
.favourites:hover svg{opacity:1;}
.favourites.active {background:#FFF;opacity:1;}
.favourites.active svg {fill:#3464e0;opacity:1;}

.header__avatar button svg {fill: rgb(255, 255, 255, 0.6); width:18px; height:18px;}
.header__avatar button:hover svg {fill: rgb(255, 255, 255, 1);}
.header__avatar button {border:1px solid rgb(255, 255, 255, 0.3); border-radius:50%;display:block;padding:12px; margin-left:10px;width:44px;}
.header__avatar button:hover {border:1px solid rgb(255, 255, 255, 1);}
.alerts-wrapper {padding:20px 20px;}
.alerts-wrapper p {margin-bottom:0;}
.dropdown-pane {border:none;}
.header__avatar button .label.round{position: absolute;top: -9px;font-size:14px;right:-11px;}
.dropdown-user {-webkit-animation: fade .2s cubic-bezier(.455,.03,.515,.955) both;animation: fade .2s cubic-bezier(.455,.03,.515,.955) both;}

th.sorting_asc, th.sorting_desc {color:#3073f0}
table.dataTable thead .sorting_desc {background-image: url(/tm/dev/img/sort_desc.svg) !important;}
table.dataTable thead .sorting_asc {background-image: url(/tm/dev/img/sort_asc.svg) !important;}
table.dataTable thead .sorting {background-image: url(/tm/dev/img/sort_both.svg) !important;}
.ps--active-y>.ps__scrollbar-y-rail, .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {border-radius:8px;}

.bell {
  fill: white;
  animation: ring 5s;
  animation-iteration-count: infinite;
  transform-origin: top center;
}

.header__avatar:hover .bell, .header__avatar button.notifications_none .bell{
  animation: none;
  animation-iteration-count: none;
  transform-origin: none;
}

@keyframes ring {
  0% {
    transform: rotate(10deg);
  }
  5% {
    transform: rotate(-10deg);
  }
  10% {
    transform: rotate(10deg);
  }
  15% {
    transform: rotate(-10deg);
  }
  20% {
    transform: rotate(10deg);
  }
  25% {
    transform: rotate(-10deg);
  }
  30% {
    transform: rotate(10deg);
  }
  35% {
    transform: rotate(-10deg);
  }
  40% {
    transform: rotate(10deg);
  }
  45% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
  }
  55% {
    transform: rotate(-10deg);
  }
  60%,
  100% {
    transform: rotate(0deg);
  }
}

.callout.alert {background:#fff2f2; border:none; color:#e06364}
.callout.warning {background:#fff7ec; border:none; color:#ec9007}
.callout.success, .button.hollow.success {background:#f1fff9; border:none; color:#166342}
.callout.success a {color:#166342; border-bottom:1px solid #2bc584}
.label.round {
    width: 27px;
    height: 27px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-top: 6px;
}

.card--large-stack, .card--stack {
   
}
ul.no-bullet {
    max-height: 225px;
}    


/* Стили для раздела "Календарь технических окон" */

.ctw-container {
    display: block;
    width: 100%;
    max-width: 1270px;
    margin: 0 auto;
    padding: 30px 30px;
    background-color: #fff;
}

.ctw-icon {
    display: inline-block;
    fill: currentColor;
}

.ctw-search {
    display: block;
}

.ctw-search__field {
    display: block;
    position: relative;
}

.ctw-search__field:focus-within .ctw-search__icon,
.ctw-search__field:hover .ctw-search__icon {
    fill: #3464e0;
}

.ctw-search__icon {
    width: 20px;
    height: 20px;
    fill: #C3CAD6;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -10px;
    pointer-events: none;
}

.ctw-search__input::-ms-clear,
.ctw-search__input::-ms-reveal {
    display: none;
}

.ctw-search__input[type="search"]::-webkit-search-decoration,
.ctw-search__input[type="search"]::-webkit-search-cancel-button,
.ctw-search__input[type="search"]::-webkit-search-results-button,
.ctw-search__input[type="search"]::-webkit-search-results-decoration {
    appearance: none;
}

input[type="search"].ctw-search__input {
    height: 3rem;
    font-size: .875rem;
    padding-left: 2.7rem;
    padding-right: 2.6rem;
    margin: 0;
}


.ctw-search__btn-clear {
    display: none;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%;
    background-color: transparent;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -15px;
    z-index: 10;
}

.ctw-search__btn-clear::before, 
.ctw-search__btn-clear::after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background-color: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -8px;
    transition: background-color .2s;
}
.ctw-search__btn-clear::before {
    transform: rotate(45deg);
}
.ctw-search__btn-clear::after {
    transform: rotate(-45deg);
}

.ctw-search__input.is-touched:focus + .ctw-search__btn-clear,
.ctw-search__input.is-touched:hover + .ctw-search__btn-clear,
.ctw-search__input.is-touched + .ctw-search__btn-clear:hover {
    display: inline-flex;
}

.ctw-search__btn-clear:hover::before,
.ctw-search__btn-clear:hover:after,
.ctw-search__btn-clear:focus-visible::before,
.ctw-search__btn-clear:focus-visible::after {
    background-color: #f00;
}


.ctw-status-label {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 12px;
    color: #000;
}

.ctw-status-label__icon {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    fill: #C3CAD6;
}

.ctw-status-label__caption {
    padding-top: 2px;
}

.ctw-status-label--green {
    color: #2BC484;
}

.ctw-status-label--green .ctw-status-label__icon{
    fill: #2BC484;
}


.ctw-table-pagination {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    background-color: transparent;
    border: 1px solid #E4ECFA;
    border-radius: 5px;
    gap: 30px;
    padding: 7px 16px 7px 20px;
    min-width: 180px;
}

.ctw-table-pagination__caption {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 0 10px;
    color: #C3CAD6;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin: 2px 0 0;
}

.ctw-table-pagination__nav {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.ctw-table-pagination__prev,
.ctw-table-pagination__next {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: none;
    background-color: transparent;
    color: #C3CAD6;
    text-decoration: none;
    transition-duration: .3s;
    transition-property: color, background-color;
    padding: 0;
}
.ctw-table-pagination__prev:hover,
.ctw-table-pagination__prev:focus-visible,
.ctw-table-pagination__next:hover,
.ctw-table-pagination__next:focus-visible {
    color: #3464e0;
    text-decoration: none;
    outline: none;
}
.ctw-table-pagination__prev.disabled,
.ctw-table-pagination__next.disabled {
    opacity: .5;
    pointer-events: none;
}

.ctw-table-pagination__prev .ctw-icon {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
}


.ctw-table-wrapper {
    box-sizing: border-box;
    width: calc(100% + 20px);
    display: flex;
    flex-flow: row nowrap;
    overflow: auto;
    padding: 0 0 8px;
    margin: 0 -10px -8px;
}

.ctw-table-wrapper::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.ctw-table-wrapper__container {
    padding: 0 10px;
}


@media (min-width: 64em){
    
    .ctw-table-wrapper {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        overflow-x: auto;
        overflow-y: hidden;
    }
    
    .ctw-table-wrapper::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.05);
        background-color: transparent;
    }
    
    .ctw-table-wrapper::-webkit-scrollbar {
        width: auto;
        height: 8px;
        background-color: transparent;
    }
    
    .ctw-table-wrapper::-webkit-scrollbar-thumb {
        background-color: #3464e0;
    }
    
    .ctw-table-wrapper__container {
        padding: 0;
    }
    
}


[drag-scroll="horizontal"] {
    will-change: transform;
    user-select: none;
    scroll-behavior: smooth;
    cursor: grab;
}

[drag-scroll="horizontal"].is-dragging {
    cursor: grabbing;
}

.ctw-table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    min-width: 960px;
    margin: 0;
    overflow: hidden;
}

.ctw-table th,
.ctw-table td {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    padding: 20px 5px 20px 20px;
}

.ctw-table th {
    vertical-align: middle;
    background-color: #F1F4F9;
    color: #444;
}


.ctw-table td {
    vertical-align: middle;
    color: #444;
    border-bottom: 1px solid #E4ECFA;
}


.ctw-table__sorter-heading {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.ctw-table__sorter-toggle {
    order: 3;
    display: none;
    width: 8px;
    height: 16px;
    position: relative;
    top: -1px;
}

.ctw-table__sorter-toggle::before {
    content: "";
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    border-width: 0 4px 7px 4px;
    border-color: transparent transparent #C3CAD6 transparent;
    position: absolute;
    top: 0;
    left: 0;
}

.sort-down .ctw-table__sorter-toggle::before {
    border-color: transparent transparent #5B6374 transparent;
}

.ctw-table__sorter-toggle::after {
    content: "";
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #C3CAD6 transparent transparent transparent;
    position: absolute;
    bottom: 0;
    left: 0;
}

.sort-up .ctw-table__sorter-toggle::after {
    border-color: #5B6374 transparent transparent transparent;
}

.ctw-table[data-table-sorter] .ctw-table__sorter-toggle {
    display: inline-block;
}



.ctw-calendar {
    display: block;
}

.ctw-calendar .air-datepicker {
    width: 100%;
    font-family: 'Russia', sans-serif;
    box-sizing: border-box;
    border-radius: 0;
    border: none;
    padding: 0;
    position: relative;
    z-index: 10;
    --adp-day-cell-height: 60px;
    --adp-day-name-color: #000;
    --adp-color-current-date: #3464E0;
}

.ctw-calendar .air-datepicker-nav {
    border: none;
    color: #000;
    font-size: 1rem;
    justify-content: flex-start;
    padding: 0;
    margin-bottom: 5px;
}

.ctw-calendar .air-datepicker-nav--action {
    width: 20px;
    height: 20px;
    position: relative;
    background-color: transparent;
}

.ctw-calendar .air-datepicker-nav--action:hover {
    background-color: transparent;
}

.ctw-calendar .air-datepicker-nav--action:nth-child(1) {
    top: -4px;
    margin-left: 12px;
}

.ctw-calendar .air-datepicker-nav--action:nth-child(3) {
    top: 16px;
    left: -20px;
}

.ctw-calendar .air-datepicker-nav--action::before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    border-color: #C3CAD6;
    border-width: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -5px;
    transform: rotate(45deg);
    transition: border-color 0.2s;
}

.ctw-calendar .air-datepicker-nav--action:hover::before {
    border-color: #E59900;
}

.ctw-calendar .air-datepicker-nav--action:nth-child(1)::before {
    border-style: solid none none solid;
    margin-top: -2px;
}

.ctw-calendar .air-datepicker-nav--action:nth-child(3)::before {
    border-style: none solid solid none;
    margin-top: -9px;
}

.ctw-calendar .air-datepicker-nav--action svg {
    display: none;
}

.ctw-calendar .air-datepicker-nav--title {
    order: -1;
    padding: 0;
}

.ctw-calendar .air-datepicker-nav--title:hover {
    background-color: transparent;
    color: #E59900;
    transition: color 0.2s;
}

.ctw-calendar .air-datepicker-nav--title i {
    color: #000;
    transition: color 0.2s;
}

.ctw-calendar .air-datepicker-nav--title:hover i{
    color: #E59900;
}

.ctw-calendar .air-datepicker-body--cells {
    border-color: #E4ECFA;
    border-width: 1px;
    border-style: solid none none solid;
}

.ctw-calendar .air-datepicker-button {
    color: #3464E0;
    font-size: 1rem;
    min-height: 36px;
    padding: 0 30px 0 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.ctw-calendar .air-datepicker-button:hover,
.ctw-calendar .air-datepicker-button:focus-visible {
    color: #E59900;
    background-color: transparent;
    transition: color 0.2s;
}

.ctw-calendar .air-datepicker-button::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-color: #3464E0;
    border-width: 1px;
    border-style: solid solid none none;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 10px;
    transition: border-color 0.2s;
}

.ctw-calendar .air-datepicker-button:hover::after,
.ctw-calendar .air-datepicker-button:focus-visible::after {
    border-color: #E59900;
}

.ctw-calendar .air-datepicker-cell {
    border-color: #E4ECFA;
    border-width: 1px;
    border-style: none solid solid none;
    border-radius: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    padding: 5px;
}

.ctw-calendar .air-datepicker-cell.-day- {
    align-items: flex-start;
    justify-content: flex-start;
}
.ctw-calendar .air-datepicker-cell__count {
    display: inline-block;
    background-color: #DFEBFF;
    color: #3464E0;
    border-radius: 2px;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1;
    padding: 2px 4px;
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.ctw-calendar .air-datepicker-cell.-other-month- .air-datepicker-cell__count {
    background-color: #F1F4F9;
    color: #C3CAD6;
}



.ctw-calendar .air-datepicker-cell.-day-::after:empty {
    display: none;
}

.ctw-calendar .air-datepicker-cell.-selected- {
    color: #fff;
    background-color: #3464E0;
}

.ctw-calendar .air-datepicker-body--day-names {
    margin-bottom: 12px;
}

.ctw-calendar .air-datepicker-body--day-name {
    font-size: .9em;
    justify-content: flex-start;
    text-transform: none;
    padding: 0 0 0 12px;
}


.ctw-calendar .air-datepicker--buttons {
    border: none;
}

@media (min-width: 40em) {

    .ctw-calendar .air-datepicker {
        --adp-day-cell-height: 84px;
    }

    .ctw-calendar .air-datepicker-nav {
        font-size: 1.5rem;
    }

    .ctw-calendar .air-datepicker-body--day-name {
        font-size: 1.125em;
    }
    
    .ctw-calendar .air-datepicker-cell {
        font-size: 1.5rem;
        padding: 12px;
    }

    .ctw-calendar .air-datepicker-cell__count {
        font-size: 1rem;
        bottom: 12px;
        left: 12px;
    }

    .ctw-calendar .air-datepicker-button {
        font-size: 1.125rem;
    }

}



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

.ctw__title {
    color: #000;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}

.ctw__filters {
    width: 100%;
    display: flex;
    align-items: center;
}

.ctw__search {
    width: 100%;
}

.ctw__main {
    flex: 0 0 100%;
    width: 100%;
}

.ctw__pagination {
    width: 100%;
}

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

.ctw__reg {
    order: 5;
}

.ctw__reg-header {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px 20px;
    margin: 0 0 20px;
}

.ctw__reg-date {
    color: #000;
    font-size: 1.5rem;
    font-weight: 400;
    height: 1.4;
}

.ctw__reg-date-first {
    display: block;
}

.ctw__reg-date-second {
    display: block;
    font-size: 1rem;
}

.ctw__reg-btn {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: none;
    background-color: transparent;
    color: #3464E0;
    font-size: 1.125rem;
    line-height: 1.4;
    padding: 5px 0;
    transition: color .2s;
}

.ctw__reg-btn:hover,
.ctw__reg-btn:focus-visible {
    color: #E59900;
    text-decoration: none;
}

.ctw__reg-btn .ctw-icon {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
}


@media (min-width: 64em) {
    
    .ctw {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    
    .ctw__title {
        font-size: 2rem;
        margin-right: auto;
    }
    
    .ctw__filters {
        max-width: 280px;
    }
    
    .ctw__main {
        order: 10;
    }
    
    .ctw__pagination {
        width: auto;
    }

    .ctw__board {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        border-top: 1px solid #E4ECFA;
        padding-top: 30px;
    }

    .ctw__reg {
        width: calc(50% - 15px);
        order: unset;
    }

    .ctw__reg-header {
        margin-bottom: 30px;
    }

    .ctw__cal {
        width: calc(50% - 15px);
    }

}


.ctw-btn-delete {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    color: #3464E0;
    text-decoration: none;
    padding: 0;
    transition: .2s color;
}

.ctw-btn-delete:hover,
.ctw-btn-delete:focus-visible {
    color: #f00;
    text-decoration: none;
}

.ctw-btn-delete .ctw-icon {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
}

.ctw-reg-table {
    width: 100%;
    table-layout: auto;
    border-spacing: 0;
    margin: 0;
    min-width: 460px;
}

.ctw-reg-table tr {
    border-top: 1px solid #E4ECFA;
}

.ctw-reg-table td {
    color: #C3CAD6;
    font-size: 1rem;
    font-weight: 400;
    border-top: 1px solid #E4ECFA;
    padding: 10px 16px 10px 0;
    transition: color .2s;
}

.ctw-reg-table tr:hover td {
    color: #3464E0;
}

.ctw-reg-table td:first-child {
    padding-left: 9px;
}

.ctw-reg-table td:last-child {
    padding-right: 0;
    width: 100%;
}

.ctw-reg-table__time {
    display: block;
    color: #3464E0;
    white-space: nowrap;
    padding-right: 10px;
}

.ctw-reg-table__quantity {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
}

.ctw-reg-table__content {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    gap: 10px;
    width: 100%
}

.ctw-reg-table__content-title {
    flex: 0 1 auto;
    margin-right: auto;
}

.ctw-reg-table__status {
    flex: 0 0 auto;
    display: block;
    color: #C3CAD6;
    height: 24px;
    padding: 2px 0;
    margin-left: auto;
}

.ctw-reg-table__status .ctw-icon {
    width: 20px;
    height: 20px;
}

.ctw-reg-table__status .ctw-icon--check {
    fill: #2BC584;
}



@media (min-width: 64em) {
    
    .ctw-reg-table__status,
    .ctw-reg-table__delete {
        opacity: 0;
    }
    
    .ctw-reg-table tr:hover .ctw-reg-table__status,
    .ctw-reg-table tr:hover .ctw-reg-table__delete {
        opacity: 1;
    }

    .ctw-reg-table__delete:focus-visible {
        opacity: 1;
    }

}


.ctw-status-label--red {
    color: #f00;
}

.ctw-status-label--red .ctw-status-label__icon{
    fill: #f00;
}


/* Стили для карточки регламента раздела Календарь технических окон */

/* ctw colors */

.ctw-color-red {
    color: #E06364 !important;
    fill: #E06364 !important;
}

.ctw-color-orange {
    color: #ec9007 !important;
    fill: #ec9007 !important;
}

.ctw-color-blue {
    color: #3464E0 !important;
    fill: #3464E0 !important;
}

.ctw-color-green {
    color: #2BC584 !important;
    fill: #2BC584 !important;
}

.ctw-color-grey {
    color: #C3CAD6 !important;
    fill: #C3CAD6 !important;
}

/* ctw-cbtn - куруглая кнопка */

.ctw-cbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    color: #C3CAD6;
    text-decoration: none;
    transition: all 0.2s;
    padding: 0;
}

.ctw-cbtn:hover,
.ctw-cbtn:focus-visible {
    color: #3464E0;
    outline: none;
    text-decoration: none;
}

.ctw-cbtn--delete:hover,
.ctw-cbtn--delete:focus-visible {
    color: #f00;
}

.ctw-cbtn.active {
    color: #FFF;
    background-color: #3464E0;
    outline: none;
    text-decoration: none;
}

.ctw-cbtn:disabled,
.ctw-cbtn.disabled {
    pointer-events: none;
    opacity: .5;
}

/* ctw-reg-nav - Навигация регламентов */

.ctw-reg-nav {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 100%;
}

/*
.ctw-reg-nav__caption {
    max-width: calc(100% - 112px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
*/

/* ctw-status */

.ctw-status {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 8px;
    border: 1px solid #444;
    border-radius: 4px;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 8px 16px;
}
.ctw-status:not(.active) {
    display: none;
}

.ctw-status__label {
    margin-right: auto;
}

.ctw-status--approved {
    border-color: #2BC484;
}
.ctw-status--approved .ctw-status__icon {
    fill: #2BC484;
}

.ctw-status--rejected {
    border-color: #E06364;
}

.ctw-status--rejected .ctw-status__icon {
    fill: #E06364;
}


@media (min-width: 64em){
    .ctw-status {
        padding: 8px 24px;
    }
}

/* ctw-confirmation - диалог для подтверждения действия */

.ctwp-confirmation {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 4px;
    background-color: #F1F4F9;
    padding: 68px 16px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.ctwp-confirmation:not(.active) {
    display: none;
}

.ctwp-confirmation__btn-close {
    position: absolute;
    right: 16px;
    top: 20px;
}

.ctwp-confirmation__title {
    padding-top: 40px;
}

.ctwp-confirmation__title {
    color: #000;
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
    line-height: 1.2;
    margin: 0 0 1em;
}

.ctwp-confirmation__buttons {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.ctwp-confirmation__button {
    width: 100%;
    min-height: 48px;
    gap: 0 8px;
    margin: 0;
}

@media (min-width: 30em){
    
    .ctwp-confirmation__button {
        width: auto;
        min-width: 180px;
    }
}

@media (min-width: 64em){
    
    .ctwp-confirmation {
        padding-left: 24px;
        padding-right: 24px;
        justify-content: center;
    }
    
    .ctwp-confirmation__content {
        padding: 0;
    }
    
    .ctwp-confirmation__btn-close {
        top: 28px;
        right: 24px;
    }

    .ctwp-confirmation__title {
        font-size: 2.5rem;
    }

}

/* ctwp-user */

.ctwp-user {
    display: flex;
    flex-direction: column;
    pointer-events: none;
}

.ctwp--edit .ctwp-user {
    pointer-events: auto;
    cursor: pointer;
}

.ctwp-user__content {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #202020;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 8px 10px 8px 16px;
    transition: all 0.2s;
}

.ctwp--edit .ctwp-user:hover .ctwp-user__content {
    color: #3464E0;
}

.ctwp-user__input {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute;
}

.ctwp-user__status {
    flex: 0 0 auto;
    height: 20px;
}

.ctwp-user__status svg {
    width: 20px;
    height: 20px;
}
.ctwp-user__status svg.hidden {
    display: none !important;
}

.ctwp-user__name {
    flex: 1 1 100%;
    display: block;
}

.ctwp-user__state {
    flex: 0 0 auto;
    height: 20px;
    display: none;
}

.ctwp-user__icon-add {
    fill: #C3CAD6;
    width: 18px;
    height: 18px;
    margin-right: 2px;
    transition: fill .2s;
}

.ctwp--edit .ctwp-user:hover .ctwp-user__icon-add {
    fill: #3464E0;
}

.ctwp-user__icon-remove {
    display: none;
    width: 20px;
    height: 20px;
    transition: fill .2s;
}

.ctwp--edit .ctwp-user__status {
    display: none;
}

.ctwp--edit .ctwp-user__state {
    display: block;
}

.ctwp--edit .ctwp-user__input:checked + .ctwp-user__content {
    color: #3464E0;
}

.ctwp--edit .ctwp-user__input:focus-visible + .ctwp-user__content {
    color: #3464E0;
    border-color: #3464E0;
}

.ctwp--edit .ctwp-user__input:checked + .ctwp-user__content .ctwp-user__status {
    display: none;
}

.ctwp--edit .ctwp-user__input:checked + .ctwp-user__content .ctwp-user__icon-add {
    display: none;
}

.ctwp--edit .ctwp-user__input:checked + .ctwp-user__content .ctwp-user__icon-remove {
    display: inline-block;
}

/* ctwp-date-picker */

.ctwp-datetime {
    display: block;
    position: relative;
}

.ctwp-datetime__label {
    color: #444;
    font-size: .875rem;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    margin: 1px 0 0;
}

.ctwp-datetime__input {
    height: 44px;
    font-size: 1rem;
    text-align: right;
    border-color: #C3CAD6;
    padding-right: 36px;
}

.ctwp-datetime__toggle {
    display: block;
    height: 32px;
    width: 16px;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -16px;
    z-index: 10;
}

.ctwp-datetime__prev,
.ctwp-datetime__next {
    display: block;
    height: 16px;
    width: 16px;
    border: none;
    background-color: transparent;
    color: #C3CAD6;
    padding: 0;
    position: absolute;
    left: 0;
    transition: color .2s;
}

.ctwp-datetime__prev:hover,
.ctwp-datetime__prev:focus-visible,
.ctwp-datetime__next:hover,
.ctwp-datetime__next:focus-visible {
    color: #3464E0;
}

.ctwp-datetime__prev {
    bottom: 0;
}

.ctwp-datetime__next {
    top: 0;
}



@media (min-width: 64em){
    
    .ctwp-datetime__label {
        left: 24px;
    }

    .ctwp-datetime__input {
        padding-right: 56px;
    }

    .ctwp-datetime__toggle {
        right: 24px;
    }

}

/* ctwp - попап с карточкой события (регламента) */

.ctwp {
    background: #F1F4F9;
    max-width: 920px;
    padding: 20px 16px;
    opacity: 1;
    position: relative;
}

.ctwp .mfp-close {
    display: none;
}

.ctwp__top {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 16px;
    margin: 0 0 24px;
}

.ctwp__top-right {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 16px;
    order: -1;
    width: 100%;
}

.ctwp__top-nav {
    width: 100%
}

.ctwp__btn-close {
    margin-left: auto;
}

.ctwp__grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 16px 20px;
}

.ctwp__heading {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 12px;
    width: 100%;
    color: #444;
    font-size: 1.125em;
    font-weight: 400;
    margin: 0;
}

.ctwp__heading-time,
.ctwp__heading-users {
    color: #3464E0;
}

.ctwp__heading-users {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 4px;
}

.ctwp__heading-users .ctw-icon {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    position: relative;
    top: -1px;
}

.ctwp__pane,
.ctwp__users {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ctwp__pane {
    background-color: #fff;
    border-radius: 4px;
    padding: 16px;
}

.ctwp__pane--editcase {
    display: none;
}

.ctwp__pane-main {
    flex: 1 0 auto;
}

.ctwp__pane-bottom {
    flex: 0 0 auto;
    width: 100%;
    margin-top: 20px;
}

.ctwp--edit .ctwp__pane--showcase {
    display: none;
}

.ctwp--edit .ctwp__pane--editcase {
    display: flex;
}

.ctwp__reg-title {
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 1em;
}

.ctwp__reg-description {
    color: #A1ABBB;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 1em;
}

.ctwp__status {
    margin: 0 0 20px;
}

.ctwp__pane-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ctwp__pane-buttons .button {
    min-height: 48px;
    gap: 0 8px;
    margin: 0;
}

.ctwp__field {
    margin-bottom: 12px;
}

.ctwp__field textarea {
    width: 100%;
    padding: 8px 16px;
    border-color: #C3CAD6;
    margin: 0;
    font-size: .875rem;
}
.ctwp__field textarea:hover,
.ctwp__field textarea:focus {
    border-color: #3464e0;
}

.ctwp__field textarea:input-placeholder {
    opacity: 1;
    color: #444;
}

.ctwp__field textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #444;
}

.ctwp__field textarea:-moz-placeholder {
    opacity: 1;
    color: #444;
}

.ctwp__field textarea::-moz-placeholder {
    opacity: 1;
    color: #444;
}

.ctwp__users-search {
    width: 100%;
    margin: 0 0 2px;
}

.ctwp__users-wrapper {
    flex: 1 1 auto;
    position: relative;
}

.ctwp__users-list {
    display: flex;
    flex-direction: column;
    max-height: 228px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

.ctwp__users-list .ctwp-user{
    margin: 0 0 2px;
}

.ctwp__users-list .ctwp-user:last-child{
    margin-bottom: 0;
}

.ctwp__users-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.05);
    background-color: transparent;
}

.ctwp__users-list::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
}

.ctwp__users-list::-webkit-scrollbar-thumb {
    background-color: #C3CAD6;
    border-radius: 4px;
}


@media (min-width: 40em){
    
    .ctwp__pane-buttons {
        display: flex;
        flex-flow: row nowrap;
    }
    
    .ctwp__pane-buttons button {
        flex: 1 1 auto;
    }
    
}

@media (min-width: 40em){
    
    .ctwp__top-nav {
        width: auto;
        max-width: 360px;
    }
    
    .ctwp__top-right {
        order: 2;
        width: auto;
        margin-left: auto;
    }
    
    .ctwp__btn-close {
        margin-left: 0;
    }
    
}

@media (min-width: 64em){
    
    .ctwp {
        padding: 28px 24px;
    }
    
    .ctwp__top {
        margin-bottom: 32px;
    }
    
    .ctwp__heading {
        width: calc(50% - 10px);
    }
    
    .ctwp__pane,
    .ctwp__users {
        width: calc(50% - 10px);
        min-height: 582px;
    }
    
    .ctwp__pane {
        padding: 24px;
    }
    
    .ctwp__users {
        order: 5;
    }
    
    .ctwp__reg-title {
        margin-bottom: 1.5em;
    }

    .ctwp__status {
        margin-bottom: 40px;
    }

    .ctwp__field textarea {
        padding: 12px 24px;
        
    }

    .ctwp__users-wrapper {
        height: auto;
    }

    .ctwp__users-list {
        max-height: unset;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media (min-width: 64em) {
  .ctw__reg--wide {
    width: 100%;
    order: unset;
  }

  .ctw__reg--wide .ctw-table-wrapper__container {
    width: 100%;
  }
}

.news ul, ol {
     padding-left: 20px;   
}

.air-datepicker-global-container {
    z-index: 9000;
}

.file-upload__title-multiple {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-bottom: 1rem;
    padding: 0.8125em;
    color: #3464e0;
    text-align: center;
    border: 1px solid #3464e0;
    border-radius: 4px;
    -webkit-transition: color .25s,background-color .25s,border-color .25s;
    transition: color .25s,background-color .25s,border-color .25s;
}
.file-upload__title-multiple:hover {
    color: #fff;
    cursor: pointer;
    background: #3464e0;
    border-color: #3464e0;
}


#mapContainer {text-align:center;margin-bottom:30px;}
.input-rooms {height: 3.25rem !Important;padding:15px;border-color:#c3cad6}
.popup.roomPopup .popup__wrapper:before {border-top: 11px solid #FFF !important;}
.popup.roomPopup a, .popup.roomPopup span:first-child {color:#333 !Important}
.popup.roomPopup a:hover, .popup.roomPopup span:first-child:hover{color: #3464e0  !Important; cursor:pointer;}
.popup.roomPopup .popup__wrapper {box-shadow: 0 5px 10px 1px rgba(0,0,0,.05) !important;border-radius: 5px !important;padding: 0 0 10px 0 !important;}
.popup.roomPopup .popup__content {width: 470px;padding: 16px 34px 0 20px !Important;overflow-y: auto;}
.search-user-container.active {top:51px;border-radius:4px;}
.search-person.active {background-color: #f1f4f9 !Important;}
.callout.success {border: 1px solid #f1f4f9 !important;}

.popup-content-month::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.05);
    background-color: transparent;
}

.popup-content-month::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

.popup-content-month::-webkit-scrollbar-thumb {
    background-color: #3464e0;
    border-radius: 3px;
}

.file-upload__title {
    overflow: hidden;
    text-overflow: ellipsis;
}