textarea:active, textarea:focus, input:active, input:focus, input,select:active, select:focus, select:active, select:focus {
  outline: none !important;
  box-shadow: none;
}
.btn:focus,.btn:active, .form-control:focus {
  outline: none !important;
  box-shadow: none;
}
.hidden{
  display: none;
}
.flex{
  display: flex;
}
.center{
  align-items: center;
  justify-content: center;
}
.left {
  justify-content: left;
}
.right {
  justify-content: right;
}
.padLeft{
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
}
.padTop{
  box-sizing: border-box;
  padding-top: 12px;
  padding-bottom: 12px;
}
.half {
width: 50%;
}
.beetwen{
  justify-content: space-between;
}
.loginWr{
  width: 100vw;
  height: 100vh;
}
.loginCard{
  width: 600px;
}
.loginCard input.error{
  border-color: var(--bs-danger);
}
input.error{
  background-color: rgba(255, 0, 0, 0.2) !important;
  color:var(--bs-danger);
}
.iamBox{

  position: fixed;
  top:0;
  right: 0;
  cursor: pointer;
  z-index: 100;
  display: grid;
  gap: 4px;
  grid-template-columns: 16px 1fr;
  align-items: center;
  justify-content: right;
}
.iam{
  font-size: .6em;
  padding: 4px;
  background-color: white;

}
.iam:hover{
  background-color: lightgray;
}
.iamSettingBtn{
  cursor: pointer;
}
.tower{
  width: min(1820px,100%);
  margin: 0  auto;
  height: 100vh;
  position: relative;
}
.menu{
  position: absolute;
  width: 175px;
  box-sizing: border-box;
  padding: 24px 0 ;
  background-color: #86b7fe;
  height: 100%;
  left: 0;
  top: 0;
  overflow-y: auto;
}
.settingMenuItem{
  cursor: pointer;
  padding: 4px 8px;
  padding-left: 32px;
  position: relative;
  border-radius: 4px;
  user-select: none;
}
.settingMenuItem:hover{
  background-color: #eeeeee;
}
.settingMenuItem:before{
  position: absolute;
  left: 0;
  top:4px;
  content: "☐";
  border-radius: 2px;
  width: 8px;
  height: 8px;
  color: gray;
  font-size: 19px;
}
.settingMenuItem.active:before{
  position: absolute;
  left: 0;
  top:4px;
  content: "☑";
  border-radius: 2px;
  width: 8px;
  height: 8px;
  color: green;
}
.loginItem.loginItemHead {
  font-size: 6px;
}
.loginItem {
  display: grid;
  grid-template-columns: 24px 200px 200px 150px 24px 24px 24px 24px 24px 24px 24px 24px 40px;
  gap: 8px;
  word-wrap: break-word;
}
input.loginItemCol {
  height: 29px;
  padding: 4px 8px;
  width: 100%;
}
.work{
  position: absolute;
  right: 0;
  height: 100%;
  width: calc(100% - 175px);
  padding: 24px;
  box-sizing: border-box;
  padding-right: 24px;

}
.menuItem{
  cursor: pointer;
  color: white;
  padding: 4px 12px;
  position: relative;
}
.menuItem:hover, .menuItem.active{
  background-color: #5b98f3;
}
.menuDivaider{
  height: 2px;
  background-color: white;
  margin: 8px 0;
  opacity: .5;
}
.scrollBox{
  width: 100%;
  height: calc(100% - 88px);
  overflow-y: auto;
  padding-right: 24px;
}
.userPhoto{
  position: relative;
  min-height: 100px;
  border-radius: 8px;
  margin-right: 8px;
  background: lightgray;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
.userPhoto img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.user, .company{
  margin-bottom: 8px;
  padding: 4px 8px;
  border-radius: 8px;
  background-color: #f8f8f8;
  align-items: flex-start;
}

.userName{
  font-size: 1.2em;
  font-weight: bold;
}
.userNameWr{
  cursor:pointer;
  width: calc(100% - 400px );
  box-sizing: border-box;
  padding-right: 12px;

}
.userStatusWr{
  width: 120px;
  margin-right:12px;
  line-height:  1.01em;
  padding: 8px;
}
.userStatus{
  padding: 4px;
  border-radius: 4px;
}
.userCommentBox{
  /*padding-right: 24px;*/
}
.userCommentBox textarea, .news textarea{
  width: 100%;
  resize: none;
  padding: 4px;
  box-sizing: border-box;
  border:1px solid lightgray;

  border-radius: 4px;
  height: 55px;
}
.userContactWr{
  margin-left: 12px;

  width: 250px;
}
.userContactWr input, .companyRow input, .aUserRow input, .ownerBox input, .news input{
  border:1px solid lightgray;
  width: 100%;
  padding: 2px 8px;
  box-sizing: border-box;
  padding-left: 19px;
}
.userFilesBox{
  margin-left: 24px;
}
.userFiles{
  box-sizing: border-box;
  border:1px solid lightgray;
  padding: 4px;
  border-radius: 4px;
  width: 250px;
  margin-right: 12px;
  background-color: white;
  height: 148px;
  overflow-y: scroll;
}
.userFile{
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: max-content;
}
.userNoFile{
  color: gray;
}
input[readonly], textarea[readonly]{
  background-color: #f7f8f8
}
.fileOver{
  border-color:var(--bs-success)
}
.userLeft{
  width: calc(100% - 356px);

}
.fullScreenWr, .fullScreenPhotoEditor{
  position: fixed;
  width: 100%;
  height: 100%;
  background: #00000023;
  left: 0;
  top: 0;
 /* backdrop-filter: blur(10px);
  --webkit-backdrop-filter: blur(10px);*/
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter:  blur(7px);
}
.fullScreenPhotoEditor{
  z-index: 2000;
}
.fullScreenBox{
  box-sizing: border-box;
  background: white;
  padding: 24px;
  width: min(100%, 1100px);
  position: relative;
}
.fullScreencontent{
  max-height: calc(100vh - 48px);
  overflow-y: scroll;;
}
.fullScreenCloseNotSave{
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background: gray;
  border-radius: 50%;
  color:white;
}
.pUserPhoto{
  width: 240px;
  background-color: gray;
  border-radius: 8px;
}
.pUserPhoto img{
  border-radius: 8px;
  width: 100%;
  height: auto;
}
.pUserHead{
  justify-content: left;
  align-items: flex-start;
}

.puserNameWr{
  padding-left:32px;
  width: calc(50% );
  box-sizing: border-box;
}
.puserName{
  font-size: 1.5em;
  font-weight: bold;
}
.pUserShortCompany input{
  font-size: 1.2em;
  font-weight: bold;
  padding: 4px 8px;
  border:1px solid lightgray;
  width: 100%;
  box-sizing: border-box;
}
.companyCell{
  padding: 24px;
  width: 33%;
  box-sizing: border-box;
}
.pUserCartWr{
  width: calc(100% - 240px);
}
.pStatus{
  color: grey;
  cursor: pointer;
  padding: 4px 8px;
  font-size: .8em;
}
.pStatus:hover{
  background-color: lightgrey;
}
.pStatus[active]{
  color: white;
  background-color: var(--bs-success);
}
.companyComment textarea{
  padding: 8px;
  box-sizing: border-box;
  resize: none;
  border:1px solid gray;
  border-radius: 8px;
  height: 4em;
  display: block;
  width: 100%;
}
.companyComment{
  padding-right: 24px;
}
.btn-group-sm>.btn, .btn-sm {
  --bs-btn-padding-y: 0;
  --bs-btn-padding-x: 0.2rem;
  --bs-btn-font-size: 1em;
  --bs-btn-border-radius: 0.25rem;
}
.photoEditorImageBox{
  width: 300px;
  width: 300px;
  /*max-height: CALC(100vh - 300px);*/
  height: calc((300px / 4) * 5);
}
.photoEditorImageBox img {
  width: 300px;
  height: auto;
}
@keyframes loader {
  0%{width: 0}
  100%{width: 100%}
}
#loader{
  animation: loader 0.5s linear;
  height: 4px;
  background-color: var(--bs-success);

}
.userTableHead{
  color: gray;
  font-size:0.5em;
  cursor: pointer;
}
.fullHeight{
  height: 100%;
}

.userTableHeadDate{

  box-sizing: border-box;
  padding-left: 24px;
}
.userPhoto, .userTableHeadDate{
  width: 100px;
}
.userTableHeadF{
  padding-left: 24px;
  width: calc(100% - 444px - 250px - 66px);
  box-sizing: border-box;

}
.userTableHeadS{
  width: 140px;
}

.userTableHeadCont{
  width: 266px;
}
.userTableHeadContPerson{

}
.userTableHead{
  border-left:1px solid gray;
  border-right:1px solid gray;
  margin-right: 24px;
}

.myBtnGroup .myBtn{
  margin-right: 12px;
}
.myBtn{
  padding: 4px;
  border:1px solid lightgrey;
  cursor: pointer;
  border-radius: 4px;
  color: gray;
}
.myBtn:hover{
  color: inherit;
  background-color:lightgrey;
  border:1px solid grey;
}
.usersMenu{
  justify-content: space-around;
  border-bottom:1px solid gray;
  margin-right: 24px;
}
.usersMenuItem{
  cursor:pointer;
  border:1px solid transparent;
  border-bottom:1px solid gray;
  padding: 4px 8px;
  margin-bottom: -1px;


}
.usersMenuItem.active{
  border:1px solid gray;
  border-bottom:1px solid white;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-color: var(--bs-warning);
  color: white;
}
.puserType{
  margin-right: 4px;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.puserType:hover{
  background-color: lightgrey;

}
.puserType.active{
  background-color: var(--bs-warning);
  color: white;
}
.companyNameBox{
  width: 50%;
}
.companyUsersBox{
  width: calc(50% );
  padding: 0 24px;
  box-sizing: border-box;
}
.companyUsers{
  width: 100%;
  box-sizing: border-box;
  background: white;
  height: 238px;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid lightgray;
  overflow-y: scroll;
}
.companyUserBox{
  padding: 4px;
  background: #f8f8f8;
  border-radius: 4px;
  margin-bottom: 4px;
  cursor: pointer;
}
.companyUserBox img{
  width: 30px;
  height: auto;
  border-radius: 4px;
  margin-right: 8px;
}
.companyUserName{
  word-break: break-word;
}
.companyTypesBox{
  width: 180px;
}
.companyType{
  width: 100%;
  box-sizing: border-box;
  padding: 4px 8px;
  /*margin-bottom: 4px;*/
  cursor: pointer;
  font-size: .8em;
  color:gray;
}
.companyType:hover{
  background-color: lightgrey;
}
.companyType.active{
  color: white;
  background-color: var(--bs-success);
}
.company .userFiles{
  height: 238px;
}
.subLabelLink{
  font-size: .75em;
  cursor: pointer;
}
.divaider{
  height: 1px;
  background-color: lightgrey;
}
.userId{
  position: absolute;
  left: 0;
  bottom: 0;
  color: white;
  padding: 2px 4px;
  background: #00000088;
  width: max-content;
  border-bottom-left-radius: 8px;
}
input[notarrow]::-webkit-outer-spin-button,
input[notarrow]::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
  -moz-appearance:textfield;
}
.userName input{
  border: none;
  /* border-bottom: 1px solid gray; */
  /* font-size: 1.2em; */
  font-weight: bold;
  width: 100%;
  box-sizing: border-box;
  display: block;
  padding: 0;
  margin-bottom: -7px;
}
.companyTypesBox .btn{
  width: 100%;
}
.userCompany input{
  border: none;
  padding: 0;
  cursor: pointer;
  margin-top: 8px;
  font-size: 12px;
  width: 100%;
}
.userPhoneWr, .userEmailWr, .userHotelWr{
  display: block;
  position: relative;
}
.userPhoneWr::before{
  position: absolute;
  left: 2px;
  top: 4px;
  content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="12" height="12" viewBox="0 0 256 256" xml:space="preserve"><g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)"><path d="M 16.639 2.864 c 0.071 0 0.142 0.001 0.215 0.003 c 0.131 0.003 0.261 0.011 0.388 0.019 c 0.171 0.011 0.342 0.024 0.513 0.044 c 0.137 0.016 0.273 0.038 0.409 0.059 c 0.162 0.026 0.323 0.051 0.487 0.086 c 0.129 0.027 0.255 0.061 0.425 0.104 l 0.056 0.015 c 0.133 0.034 0.266 0.067 0.398 0.108 c 0.123 0.038 0.244 0.084 0.366 0.128 l 0.076 0.028 l 0.124 0.045 c 0.098 0.035 0.197 0.07 0.294 0.11 c 0.122 0.051 0.242 0.11 0.362 0.168 l 0.094 0.045 l 0.165 0.078 c 0.072 0.034 0.144 0.066 0.215 0.104 c 0.125 0.067 0.246 0.143 0.368 0.217 l 0.099 0.061 l 0.192 0.115 c 0.047 0.028 0.096 0.054 0.143 0.086 c 0.153 0.102 0.3 0.217 0.447 0.33 l 0.054 0.041 c 0.067 0.051 0.135 0.101 0.203 0.15 l 0.059 0.042 c 0.257 0.21 0.499 0.429 0.72 0.649 l 8.159 8.159 c 0.221 0.221 0.439 0.463 0.641 0.709 l 0.053 0.072 c 0.049 0.068 0.098 0.135 0.149 0.202 l 0.046 0.061 c 0.111 0.145 0.223 0.288 0.324 0.44 c 0.032 0.048 0.059 0.098 0.088 0.147 l 0.112 0.188 l 0.063 0.103 c 0.074 0.12 0.149 0.24 0.215 0.365 c 0.038 0.071 0.071 0.144 0.104 0.216 l 0.077 0.163 l 0.046 0.096 c 0.057 0.119 0.116 0.238 0.167 0.36 c 0.04 0.095 0.073 0.192 0.108 0.289 l 0.046 0.127 l 0.028 0.076 c 0.045 0.122 0.09 0.244 0.129 0.37 c 0.04 0.128 0.072 0.258 0.105 0.388 l 0.024 0.095 c 0.034 0.132 0.069 0.264 0.098 0.399 c 0.034 0.159 0.059 0.319 0.084 0.48 c 0.022 0.138 0.044 0.275 0.06 0.415 c 0.02 0.17 0.032 0.34 0.043 0.509 c 0.008 0.13 0.016 0.259 0.019 0.389 c 0.004 0.179 0.003 0.358 -0.002 0.536 c -0.004 0.121 -0.009 0.242 -0.017 0.364 c -0.012 0.187 -0.03 0.373 -0.052 0.555 c -0.014 0.111 -0.03 0.222 -0.048 0.334 c -0.031 0.194 -0.065 0.386 -0.107 0.577 c -0.02 0.09 -0.043 0.178 -0.073 0.297 c -0.05 0.199 -0.104 0.398 -0.166 0.593 c -0.016 0.051 -0.035 0.101 -0.053 0.152 l -0.038 0.106 c -0.072 0.204 -0.146 0.407 -0.231 0.605 l -0.037 0.079 l -0.064 0.137 c -0.096 0.209 -0.194 0.416 -0.316 0.637 l -0.087 0.148 c -0.145 0.253 -0.259 0.439 -0.365 0.597 c -0.034 0.045 -0.067 0.09 -0.099 0.135 c -0.186 0.266 -0.343 0.474 -0.494 0.654 c -0.229 0.274 -0.408 0.473 -0.58 0.645 l -5.52 5.52 c -1.876 1.876 -1.876 4.927 0 6.803 l 23.86 23.86 c 0.909 0.909 2.117 1.409 3.402 1.409 c 1.285 0 2.493 -0.5 3.402 -1.409 l 5.52 -5.52 c 0.172 -0.172 0.371 -0.351 0.645 -0.581 c 0.181 -0.151 0.389 -0.309 0.654 -0.495 c 0.043 -0.03 0.085 -0.061 0.133 -0.097 c 0.16 -0.108 0.348 -0.223 0.604 -0.37 l 0.158 -0.095 c 0.204 -0.112 0.413 -0.21 0.624 -0.307 l 0.135 -0.063 l 0.074 -0.035 c 0.201 -0.086 0.405 -0.161 0.613 -0.234 l 0.106 -0.038 c 0.048 -0.017 0.096 -0.035 0.145 -0.051 c 0.198 -0.063 0.397 -0.117 0.629 -0.176 c 0.087 -0.022 0.174 -0.045 0.262 -0.064 c 0.193 -0.042 0.386 -0.077 0.583 -0.108 c 0.109 -0.017 0.218 -0.034 0.326 -0.047 c 0.187 -0.023 0.373 -0.04 0.565 -0.053 c 0.119 -0.008 0.239 -0.013 0.357 -0.017 c 0.108 -0.003 0.216 -0.005 0.325 -0.005 c 0.071 0 0.142 0.001 0.214 0.003 c 0.13 0.003 0.26 0.011 0.388 0.019 c 0.171 0.011 0.341 0.024 0.513 0.044 c 0.137 0.016 0.273 0.038 0.409 0.059 c 0.162 0.026 0.323 0.051 0.486 0.086 c 0.128 0.027 0.255 0.061 0.425 0.104 l 0.056 0.014 c 0.133 0.034 0.266 0.067 0.398 0.108 c 0.123 0.038 0.244 0.084 0.366 0.128 l 0.076 0.028 l 0.124 0.045 c 0.098 0.035 0.197 0.07 0.295 0.11 c 0.122 0.051 0.241 0.11 0.361 0.167 l 0.095 0.045 l 0.165 0.078 c 0.072 0.034 0.144 0.066 0.215 0.104 c 0.125 0.067 0.246 0.143 0.368 0.217 l 0.099 0.061 l 0.192 0.115 c 0.047 0.028 0.096 0.054 0.143 0.086 c 0.153 0.102 0.3 0.217 0.448 0.33 l 0.054 0.041 c 0.067 0.051 0.135 0.101 0.203 0.15 l 0.059 0.042 c 0.257 0.21 0.499 0.429 0.72 0.649 l 8.159 8.159 c 0.221 0.221 0.439 0.463 0.641 0.709 l 0.053 0.072 c 0.049 0.068 0.098 0.135 0.149 0.202 l 0.045 0.06 c 0.111 0.145 0.224 0.289 0.325 0.441 c 0.032 0.048 0.059 0.098 0.088 0.147 l 0.112 0.188 l 0.063 0.103 c 0.074 0.12 0.149 0.24 0.215 0.365 c 0.038 0.071 0.071 0.144 0.105 0.216 l 0.077 0.163 l 0.047 0.097 c 0.057 0.119 0.115 0.237 0.166 0.358 c 0.04 0.095 0.073 0.192 0.108 0.288 l 0.046 0.127 l 0.028 0.078 c 0.044 0.122 0.09 0.243 0.129 0.368 c 0.04 0.128 0.072 0.257 0.105 0.386 l 0.024 0.095 c 0.034 0.133 0.069 0.265 0.098 0.401 c 0.034 0.159 0.059 0.319 0.084 0.479 c 0.022 0.138 0.044 0.275 0.06 0.415 c 0.02 0.17 0.032 0.34 0.043 0.509 c 0.008 0.129 0.016 0.259 0.019 0.389 c 0.004 0.179 0.003 0.358 -0.002 0.535 c -0.004 0.121 -0.009 0.242 -0.017 0.364 c -0.012 0.187 -0.03 0.373 -0.052 0.555 c -0.014 0.111 -0.03 0.222 -0.048 0.334 c -0.031 0.194 -0.065 0.386 -0.107 0.577 c -0.02 0.09 -0.043 0.178 -0.073 0.297 c -0.05 0.2 -0.104 0.398 -0.166 0.593 c -0.016 0.051 -0.035 0.102 -0.053 0.152 l -0.038 0.106 c -0.072 0.204 -0.146 0.407 -0.231 0.605 l -0.037 0.079 l -0.064 0.137 c -0.096 0.209 -0.194 0.416 -0.316 0.637 l -0.087 0.148 c -0.145 0.253 -0.259 0.439 -0.365 0.597 c -0.034 0.045 -0.067 0.09 -0.099 0.135 c -0.186 0.266 -0.343 0.474 -0.494 0.653 c -0.229 0.274 -0.408 0.473 -0.58 0.645 l -0.026 0.026 l -0.026 0.027 c -3.996 4.199 -10.029 6.512 -16.988 6.512 c -12.981 0 -27.91 -7.839 -42.053 -22.089 C 10.839 50.511 3 35.464 3.138 22.403 C 3.21 15.59 5.522 9.675 9.649 5.749 l 0.027 -0.026 l 0.026 -0.026 c 0.172 -0.172 0.371 -0.351 0.645 -0.581 c 0.181 -0.151 0.389 -0.309 0.655 -0.495 c 0.043 -0.03 0.085 -0.061 0.133 -0.097 c 0.16 -0.108 0.348 -0.223 0.605 -0.37 l 0.158 -0.095 c 0.204 -0.112 0.413 -0.21 0.624 -0.307 l 0.135 -0.063 l 0.074 -0.035 c 0.201 -0.086 0.406 -0.161 0.613 -0.234 l 0.106 -0.038 c 0.049 -0.017 0.097 -0.035 0.145 -0.051 c 0.198 -0.063 0.397 -0.117 0.629 -0.176 c 0.087 -0.022 0.174 -0.045 0.262 -0.064 c 0.193 -0.042 0.386 -0.077 0.583 -0.108 c 0.109 -0.017 0.218 -0.034 0.325 -0.047 c 0.187 -0.023 0.373 -0.04 0.565 -0.053 c 0.119 -0.008 0.239 -0.013 0.357 -0.017 C 16.423 2.865 16.531 2.864 16.639 2.864 M 16.639 -0.136 c -0.138 0 -0.275 0.002 -0.413 0.006 c -0.157 0.005 -0.313 0.012 -0.469 0.022 c -0.244 0.016 -0.488 0.039 -0.731 0.069 C 14.883 -0.021 14.741 0 14.599 0.022 c -0.254 0.04 -0.506 0.086 -0.758 0.141 c -0.128 0.028 -0.255 0.061 -0.382 0.093 c -0.262 0.066 -0.522 0.137 -0.781 0.22 c -0.111 0.036 -0.221 0.077 -0.331 0.115 c -0.269 0.095 -0.536 0.194 -0.8 0.307 c -0.093 0.04 -0.184 0.085 -0.276 0.128 c -0.275 0.126 -0.548 0.257 -0.815 0.403 c -0.072 0.04 -0.142 0.084 -0.213 0.126 c -0.282 0.162 -0.56 0.329 -0.831 0.514 c -0.044 0.03 -0.086 0.065 -0.13 0.095 C 8.989 2.369 8.701 2.582 8.423 2.815 l 0 0 c -0.288 0.241 -0.572 0.49 -0.842 0.76 C -3.732 14.34 -4.744 39.272 23.096 66.904 c 16.498 16.622 32.035 22.96 44.167 22.96 c 8.188 0 14.824 -2.886 19.162 -7.444 c 0.27 -0.27 0.52 -0.554 0.76 -0.842 c 0 0 0 0 0 0 c 0.232 -0.277 0.444 -0.564 0.649 -0.855 c 0.032 -0.045 0.067 -0.088 0.098 -0.134 c 0.184 -0.27 0.35 -0.547 0.511 -0.827 c 0.042 -0.073 0.088 -0.144 0.128 -0.218 c 0.146 -0.266 0.276 -0.537 0.401 -0.811 c 0.043 -0.094 0.089 -0.186 0.13 -0.28 c 0.113 -0.262 0.211 -0.528 0.305 -0.796 c 0.039 -0.112 0.081 -0.223 0.117 -0.336 c 0.082 -0.257 0.153 -0.516 0.219 -0.777 c 0.033 -0.129 0.065 -0.257 0.094 -0.386 c 0.055 -0.25 0.1 -0.501 0.14 -0.754 c 0.023 -0.144 0.044 -0.287 0.062 -0.432 c 0.03 -0.242 0.052 -0.484 0.068 -0.727 c 0.01 -0.158 0.018 -0.315 0.022 -0.473 c 0.007 -0.233 0.008 -0.465 0.003 -0.698 c -0.004 -0.169 -0.013 -0.338 -0.024 -0.507 c -0.014 -0.222 -0.031 -0.444 -0.057 -0.665 c -0.021 -0.18 -0.049 -0.359 -0.077 -0.539 c -0.033 -0.21 -0.067 -0.419 -0.111 -0.627 c -0.04 -0.189 -0.089 -0.376 -0.137 -0.564 c -0.051 -0.197 -0.1 -0.393 -0.161 -0.587 c -0.061 -0.196 -0.133 -0.389 -0.203 -0.583 c -0.066 -0.182 -0.129 -0.365 -0.204 -0.545 c -0.084 -0.202 -0.181 -0.398 -0.276 -0.596 c -0.08 -0.167 -0.154 -0.335 -0.242 -0.498 c -0.111 -0.209 -0.238 -0.41 -0.361 -0.614 c -0.089 -0.146 -0.171 -0.296 -0.267 -0.439 c -0.15 -0.225 -0.317 -0.441 -0.483 -0.658 c -0.087 -0.114 -0.165 -0.232 -0.256 -0.343 c -0.265 -0.324 -0.548 -0.639 -0.85 -0.941 l -8.159 -8.159 c -0.302 -0.302 -0.617 -0.584 -0.941 -0.85 c -0.111 -0.091 -0.228 -0.168 -0.341 -0.255 c -0.218 -0.166 -0.434 -0.334 -0.66 -0.484 c -0.143 -0.095 -0.291 -0.176 -0.437 -0.265 c -0.204 -0.124 -0.406 -0.251 -0.615 -0.362 c -0.163 -0.087 -0.331 -0.162 -0.497 -0.241 c -0.198 -0.095 -0.396 -0.192 -0.598 -0.276 c -0.18 -0.075 -0.364 -0.138 -0.547 -0.205 c -0.193 -0.07 -0.384 -0.141 -0.58 -0.202 c -0.196 -0.061 -0.394 -0.111 -0.592 -0.162 c -0.186 -0.048 -0.372 -0.096 -0.559 -0.136 c -0.21 -0.044 -0.42 -0.079 -0.631 -0.112 c -0.178 -0.028 -0.356 -0.056 -0.535 -0.077 c -0.222 -0.026 -0.444 -0.043 -0.667 -0.057 c -0.169 -0.011 -0.337 -0.02 -0.506 -0.024 c -0.096 -0.002 -0.192 -0.003 -0.287 -0.003 c -0.138 0 -0.275 0.002 -0.413 0.006 c -0.157 0.005 -0.313 0.012 -0.469 0.022 c -0.244 0.016 -0.488 0.039 -0.731 0.069 c -0.143 0.018 -0.285 0.039 -0.428 0.061 c -0.254 0.04 -0.506 0.086 -0.758 0.141 c -0.128 0.028 -0.255 0.061 -0.382 0.093 c -0.262 0.066 -0.522 0.137 -0.781 0.22 c -0.111 0.036 -0.221 0.077 -0.331 0.115 c -0.269 0.095 -0.536 0.194 -0.8 0.307 c -0.093 0.04 -0.184 0.085 -0.276 0.128 c -0.275 0.126 -0.548 0.257 -0.815 0.403 c -0.072 0.04 -0.142 0.084 -0.213 0.126 c -0.282 0.162 -0.56 0.329 -0.831 0.514 c -0.044 0.03 -0.086 0.065 -0.13 0.095 c -0.293 0.205 -0.581 0.418 -0.859 0.651 l 0 0 c -0.288 0.241 -0.572 0.49 -0.842 0.76 l -5.52 5.52 c -0.354 0.354 -0.817 0.53 -1.28 0.53 c -0.463 0 -0.927 -0.177 -1.28 -0.53 L 28.272 37.867 c -0.707 -0.707 -0.707 -1.854 0 -2.561 l 5.52 -5.52 c 0.27 -0.27 0.52 -0.554 0.761 -0.842 c 0 0 0 0 0 0 c 0.232 -0.277 0.444 -0.564 0.649 -0.855 c 0.032 -0.045 0.067 -0.088 0.098 -0.134 c 0.184 -0.27 0.35 -0.547 0.511 -0.827 c 0.042 -0.073 0.088 -0.144 0.128 -0.218 c 0.146 -0.266 0.276 -0.537 0.401 -0.811 c 0.043 -0.094 0.089 -0.186 0.13 -0.28 c 0.113 -0.262 0.211 -0.528 0.305 -0.796 c 0.039 -0.112 0.081 -0.223 0.117 -0.336 c 0.082 -0.257 0.153 -0.516 0.219 -0.777 c 0.033 -0.129 0.065 -0.257 0.094 -0.386 c 0.055 -0.25 0.1 -0.501 0.14 -0.754 c 0.023 -0.144 0.044 -0.287 0.062 -0.432 c 0.03 -0.242 0.052 -0.484 0.068 -0.727 c 0.011 -0.158 0.018 -0.315 0.022 -0.473 c 0.007 -0.233 0.008 -0.465 0.003 -0.698 c -0.004 -0.169 -0.013 -0.338 -0.024 -0.507 c -0.014 -0.222 -0.031 -0.444 -0.057 -0.665 c -0.021 -0.18 -0.049 -0.359 -0.077 -0.539 c -0.033 -0.21 -0.068 -0.419 -0.111 -0.627 c -0.04 -0.189 -0.089 -0.376 -0.137 -0.564 c -0.051 -0.197 -0.1 -0.393 -0.161 -0.587 c -0.061 -0.196 -0.133 -0.389 -0.203 -0.583 c -0.066 -0.182 -0.129 -0.365 -0.204 -0.545 c -0.084 -0.202 -0.181 -0.398 -0.276 -0.596 c -0.08 -0.167 -0.154 -0.335 -0.242 -0.498 c -0.111 -0.209 -0.238 -0.41 -0.361 -0.614 c -0.089 -0.146 -0.171 -0.296 -0.267 -0.439 c -0.15 -0.225 -0.317 -0.441 -0.483 -0.658 c -0.087 -0.114 -0.165 -0.232 -0.256 -0.343 c -0.265 -0.324 -0.548 -0.639 -0.85 -0.941 l -8.159 -8.159 c -0.302 -0.302 -0.617 -0.584 -0.941 -0.85 c -0.111 -0.091 -0.228 -0.168 -0.342 -0.255 c -0.218 -0.166 -0.434 -0.334 -0.66 -0.484 c -0.143 -0.095 -0.291 -0.176 -0.437 -0.265 c -0.204 -0.124 -0.406 -0.251 -0.615 -0.362 c -0.163 -0.087 -0.331 -0.162 -0.497 -0.241 c -0.198 -0.095 -0.396 -0.192 -0.598 -0.276 c -0.18 -0.075 -0.364 -0.138 -0.547 -0.205 c -0.193 -0.07 -0.384 -0.141 -0.58 -0.202 c -0.196 -0.061 -0.394 -0.111 -0.592 -0.162 c -0.186 -0.048 -0.372 -0.096 -0.559 -0.136 c -0.21 -0.044 -0.42 -0.079 -0.631 -0.112 c -0.178 -0.028 -0.356 -0.056 -0.535 -0.077 c -0.222 -0.026 -0.444 -0.043 -0.667 -0.057 c -0.169 -0.011 -0.337 -0.02 -0.506 -0.024 C 16.831 -0.135 16.735 -0.136 16.639 -0.136 L 16.639 -0.136 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/></g></svg>');
}
.userEmailWr:before{
  position: absolute;
  left: 2px;
  top: 4px;
  content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="10" height="10" viewBox="0 0 256 256" xml:space="preserve"><g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)"><path d="M 75.546 78.738 H 14.455 C 6.484 78.738 0 72.254 0 64.283 V 25.716 c 0 -7.97 6.485 -14.455 14.455 -14.455 h 61.091 c 7.97 0 14.454 6.485 14.454 14.455 v 38.567 C 90 72.254 83.516 78.738 75.546 78.738 z M 14.455 15.488 c -5.64 0 -10.228 4.588 -10.228 10.228 v 38.567 c 0 5.64 4.588 10.229 10.228 10.229 h 61.091 c 5.64 0 10.228 -4.589 10.228 -10.229 V 25.716 c 0 -5.64 -4.588 -10.228 -10.228 -10.228 H 14.455 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(29,29,27); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/><path d="M 11.044 25.917 C 21.848 36.445 32.652 46.972 43.456 57.5 c 2.014 1.962 5.105 -1.122 3.088 -3.088 C 35.74 43.885 24.936 33.357 14.132 22.83 C 12.118 20.867 9.027 23.952 11.044 25.917 L 11.044 25.917 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(29,29,27); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/><path d="M 46.544 57.5 c 10.804 -10.527 21.608 -21.055 32.412 -31.582 c 2.016 -1.965 -1.073 -5.051 -3.088 -3.088 C 65.064 33.357 54.26 43.885 43.456 54.412 C 41.44 56.377 44.529 59.463 46.544 57.5 L 46.544 57.5 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(29,29,27); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/><path d="M 78.837 64.952 c -7.189 -6.818 -14.379 -13.635 -21.568 -20.453 c -2.039 -1.933 -5.132 1.149 -3.088 3.088 c 7.189 6.818 14.379 13.635 21.568 20.453 C 77.788 69.973 80.881 66.89 78.837 64.952 L 78.837 64.952 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(29,29,27); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/><path d="M 14.446 68.039 c 7.189 -6.818 14.379 -13.635 21.568 -20.453 c 2.043 -1.938 -1.048 -5.022 -3.088 -3.088 c -7.189 6.818 -14.379 13.635 -21.568 20.453 C 9.315 66.889 12.406 69.974 14.446 68.039 L 14.446 68.039 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(29,29,27); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/></g></svg>');
}
.userHotelWr:before{
  position: absolute;
  left: 2px;
  top: 4px;
  content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="12" height="12" viewBox="0 0 256 256" xml:space="preserve"><g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)"><path d="M 84.139 41.908 h -0.246 v -13.03 c 0 -8.181 -6.655 -14.836 -14.836 -14.836 H 20.943 c -8.181 0 -14.836 6.655 -14.836 14.836 v 13.03 H 5.861 C 2.629 41.908 0 44.537 0 47.769 v 18.539 v 9.349 c 0 0.553 0.448 1 1 1 h 9.349 c 0.552 0 1 -0.447 1 -1 v -8.349 h 67.303 v 8.349 c 0 0.553 0.447 1 1 1 H 89 c 0.553 0 1 -0.447 1 -1 v -9.349 V 47.769 C 90 44.537 87.371 41.908 84.139 41.908 z M 8.107 28.878 c 0 -7.078 5.758 -12.836 12.836 -12.836 h 48.113 c 7.078 0 12.836 5.758 12.836 12.836 v 13.03 h -6.065 v -3.726 c 0 -3.432 -2.792 -6.224 -6.224 -6.224 H 53.396 c -3.432 0 -6.224 2.792 -6.224 6.224 v 3.726 h -4.346 v -3.726 c 0 -3.432 -2.792 -6.224 -6.224 -6.224 H 20.397 c -3.432 0 -6.224 2.792 -6.224 6.224 v 3.726 H 8.107 V 28.878 z M 73.827 41.908 H 49.173 v -3.726 c 0 -2.329 1.895 -4.224 4.224 -4.224 h 16.207 c 2.329 0 4.224 1.895 4.224 4.224 V 41.908 z M 40.827 41.908 H 16.173 v -3.726 c 0 -2.329 1.895 -4.224 4.224 -4.224 h 16.206 c 2.329 0 4.224 1.895 4.224 4.224 V 41.908 z M 2 47.769 c 0 -2.129 1.732 -3.861 3.861 -3.861 h 1.246 h 8.065 h 26.654 h 6.346 h 26.654 h 8.065 h 1.246 c 2.129 0 3.861 1.732 3.861 3.861 v 17.539 h -8.349 H 10.349 H 2 V 47.769 z M 9.349 74.656 H 2 v -7.349 h 7.349 V 74.656 z M 88 74.656 h -7.349 v -7.349 H 88 V 74.656 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/><path d="M 81.023 57.583 c 0 -0.553 -0.447 -1 -1 -1 H 9.977 c -0.552 0 -1 0.447 -1 1 s 0.448 1 1 1 h 70.047 C 80.576 58.583 81.023 58.136 81.023 57.583 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/></g></svg>');

}
.wUserStatusWr {
  display: flex
;
  align-items: stretch;
  justify-content: left;
  border-radius: 8px;
}
.wUserStatusItem{
  cursor: pointer;
  font-size: 12px;
  padding: 4px 8px;
  background: #eee;
}
.wUserStatusItem:hover{
  background: #ddd;
}
.wUserStatusItem.active{
  color: #fff;
  background-color: var(--bs-warning);
}


.companyUsersBox select{
  display: block;
  border-radius: 4px 0 0 4px;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  color:var(--bs-secondary);
  border:1px solid var(--bs-secondary);

}
.filterWr{
  width: calc(100% - 124px);
}
.userFilterBox{
  width: 65%;
}
.filterWr .userStatusWr{
  width: 220px;
}
.tUserTypes{flex-wrap: wrap;}
.tUserType{
  margin-right: 8px;
  font-size: .75em;
  color: gray;
  cursor:pointer;
  padding: 4px 8px;
  user-select: none;

}
.tUserType.active{
  color:var(--bs-body-color);
  background-color: var(--bs-warning);
}
.userContainer{
  gap:24px
}


.tUserType.sex{
  background-color: #FDC5DCFF;
}
.tUserType.sex.active{
  background-color: #b8daf7;
}
.gUser{
  display: grid;
  grid-template-columns: 32px 100px 1fr;
  gap: 24px;
}
.gUserPhoto img{
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.gUserName{
  font-size: 16px;
  font-weight: 500;
}
.userGrSelect{
  width: 24px;
  height: 24px;
  border:1px solid #888;
  border-radius: 4pc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.userGrSelect span{
  display: none;
}
.gUser.active .userGrSelect span{
  display: block;
}


.tUserType.lang{
  background: linear-gradient(180deg,rgba(10, 49, 97, 1) 0%, rgba(179, 25, 66, 1) 25%, rgba(10, 49, 97, 1) 50%, rgba(179, 25, 66, 1) 75%, rgba(10, 49, 97, 1) 100%);
  color:#FFF;
}
.tUserType.lang.active{
  background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(3, 74, 255, 1) 50%, rgba(252, 0, 0, 1) 100%);;
  color:#FFF;
}
.sFBtext{
  background: #d4f1e3;
  border-radius: 12px;
  padding: 4px 8px;
  width: 100%;
}
.mReplyWr{
  background: #0fcaf0;
  border-radius: 12px;
  padding: 4px 8px;
  width: 90%;
  margin-left: 32px;
}
.passportPhotos{
  display: grid;
  gap:12px;
  grid-template-columns: 1fr 1fr 1fr;
}
.userPassportImg{
  cursor: pointer;
}
.userPassportImg.showPassportImg{
  position: fixed;
  top: 10px;
  margin: 0 auto;
   right: 10px;
  height: 90vh;
  width: auto;
  z-index: 100;
}


.user[maybesponser] .userCompanyName{
  position: relative;
}
.user[maybesponser] .userCompanyName:before{
  position: absolute;
  top: 6px;
  left: -15px;
  content: '$';
  font-size: 10px;
  width: 14px;
  height: 14px;
  padding: 0px;
  /* display: flex
; */
  text-align: center;
  color: #fff;
  background: var(--bs-warning);
  z-index: 10;
  border-radius: 50%;
  align-items: center;
}


.tUserTypeWr{
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.oCompamy{
  border: 1px solid gray;
  padding: 12px;
  border-radius: 8px;
  background: #f8f8f8;
}
.oUser{
  border-bottom: 1px solid gray;
}
.aUserPhoto img{
  width: 20px;
  height: auto;
  margin-right: 12px;
  border-radius: 4px;
}
.newsPhotoBox{
  width: 150px;
  margin-right: 24px;
}
.newsTitleBox{
  width: calc(100% - 150px);
}
.news{
  padding: 24px;
}
.news textarea{
  height: 6em;
}
.spkLeft, .spkRight{
  box-sizing: border-box;
  padding: 0 24px;
}
.spkNameBox{
  position: relative;
  width: 100%;
}
.spkNamePlaceholder{
  position: relative;
}
.spkPopUp {
  position: absolute;
  width: 100%;
  left: 0;
  top: 4px;
  padding: 12px;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid gray;
  background: white;
  box-shadow: 0 0 9px gray;
  z-index: 100;
  max-height: 300px;
  overflow-y: auto;
}
.spkPopUpItem{
  cursor: pointer;
  padding: 8px 4px;
  border-radius: 4px;
  font-size: .8em;

}
.spkPopUpItem:hover{
  background-color: lightgrey;
}
.spkPopUpItemName{

}
.spkPopUpItemCompany{

}
.spkPopUpItemPhoto{
  width: 30px;
  margin-right: 12px;
}
.spkPopUpItemPhoto img{
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.timeslotItem{
  margin-top:24px
}
.timeslotHead{
  background: #d7d7d7;
  color: white;
  border-radius:    8px 8px 0 0;
  padding: 12px;

}
.timeslotHead input{
  padding: 4px 8px;
  box-sizing: border-box;
  border:1px solid gray;
}
.timeslotHeadTime{
  width: 160px;
  font-weight: bold;

}
.timeslotHeadDescription{
  width: calc(100% - 160px);
}
.timeslotBody{
  padding: 24px;
  padding-top: 6px;
  border-radius: 0 0 8px 8px ;
  background: #f2f1f1;
}
.sessionItem{
  /*border:1px solid gray;*/
  width: 25%;
  margin-right: 24px;
  box-sizing: border-box;
  float: left;
  /*padding:12px ;
  border-radius: 4px;*/
}
.workSessionsEnd{
  clear:both;
}
.sessionBody{
  background: white;
  padding: 12px;
}
.sessionInput{
  padding: 4px;
  border:1px solid gray;
  box-sizing: border-box;
  width: 100%;
  display: block;
}
.pgmSpeakersItemPhoto{
  width: 30px;
  margin-right: 12px;

}
.pgmSpeakersItemPhoto img{
  border-radius: 50%;
  border:1px solid gray;
  width: 100%;
  height: auto;
}
.pgmSpeakersItem{
  padding: 8px;
  margin: 2px 0;
  cursor: pointer;
}
.pgmSpeakersItem:hover{
  background: lightgrey;
}
.sesionSpkName{
  width: calc(100% - 42px);
}
.menuAlert{
  display: none;
}
.menuAlert.active{
  position: absolute;
  top: 6px;
  right: 3px;
  background: var(--bs-warning);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  font-size: .75em;
  display: block;
}
.roomItem{
  padding-bottom: 14px;
  margin-bottom: 14px;
  margin-top: 24px !important;
  border-bottom: 1px solid #ada7a7;
}
.userKadr{
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
  color: white;
  padding: 2px 7px;
  background: #00000088;
}
.usersGropDlwGw{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}
.userDownloadPhoto{
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 0;
  color: white;
  padding: 2px 7px;
  background: #00000088;
}
.userUploadPhoto{
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0;
  color: white;
  padding: 2px 7px;
  background: #00000088;
}
.cropUserPicture{
  width: 300px;
}
.cropUserPictureImg {
  width:100%;
  height: auto;
}
#editorjs{

}
.ck-editor__editable_inline {
  min-height: 60vh;
}
.pUserPassport input{
  width: 100%;
  box-sizing: border-box;
  padding: 5px 8px;
  border: 1px solid gray;
  border-radius: 4px;
}
span.selected{
  background: yellow;
  padding: 4px;
  font-weight: bold;
}
.aUserRow input.error{
  border: 1px solid var(--bs-danger);
}
.place{
  position: absolute;
  cursor: pointer;
  z-index: 9;
}

.seat{
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  background: green;
  cursor: pointer;
  z-index: 100;
}
.seat[used]{
  background: red;
}
.seat[size='9']{
  width: 13px;
  height: 13px;
}
.seat[size='8']{
  width: 12px;
  height: 12px;
}
.seat[size='7']{
  width: 11px;
  height: 11px;
}
.seat[size='6']{
  width: 10px;
  height: 10px;
}.seat[size='5']{
   width: 9px;
   height: 9px;
 }.seat[size='4']{
    width: 8px;
    height: 8px;
  }.seat[size='3']{
     width: 8px;
     height: 8px;
   }
.seat[size='2']{
  width: 7px;
  height: 7px;
}
.seat[size='1']{
  width: 6px;
  height: 6px;
}

.seat.open{
  animation: seatFlicker 2s infinite;
  background: yellow;
}
.seatInfo{
  background: white;
  border:1px solid black;
  padding: 24px;
 /* position: absolute;*/
  position: fixed;
  top: 50px;
  right: 0;
  z-index: 220;
}
.seatInfoWr{
  display: block !important;
}
.seatInfoCloseWr{
  position: relative;
  height: 0;
  width: 100%;
}
.seatInfoCloseWr .btn-close{
  position: absolute;
  top: -20px;
  right: -20px;
  cursor: pointer;
}
.seatPerson.nothing{
  font-weight: bold;
}
.seatInfoUserSeat{
  line-height: 16px;
  font-weight: bold;
}
.seatInfoUsersWr{}
.seatInfoWrLeft{
  width: calc(100vw - 1042px);
}
.seatInfoUsersBox{
  width: calc(100vw - 1042px);
  height: calc(100vh - 340px);
  box-sizing: border-box;
  overflow-y: scroll;
  padding: 4px;
  padding-left: 0;
  padding-right: 12px;
  max-width: 600px;
}
.seatInfoUser{
  margin:4px 0;
  cursor: pointer;
  padding: 4px 0;
  position: relative;
}
.seatInfoUser[already]{
  opacity: .5;
  background: #80808059;
}
.seatInfoUser:hover{
  background: #e8e8e8;
  opacity: 1;
}
.seatInfoUserName{}
.seatInfoUser.find .seatInfoUserName{
  background: yellow;
}
.seatInfoUserCompany{
  color: gray;
  margin-top: -3px;
  width: 100%;
  /*max-width: 300px;*/
  font-size: 14px;
  line-height: 16px;
}
.seatInfoUserPhoto img{
  width: 38px;
  height: auto;
  margin-right: 8px;
  margin-left: 4px;
}
#seatInfoFind{
  box-sizing: border-box;
  padding: 4px 8px;
  border:1px solid gray;
  border-radius: 4px;
  width: 100%;

}

.photoFolderHead{
  padding: 12px;
  background: #e3e3e3;
  border-radius: 8px 8px 0 0;
}
.photoSort{
  width: 50px;
  margin-right: 12px;
  border:1px solid gray;
}
.photoPgmEnable{
  margin-right: 12px;
  width: 90px;
}
.photoFolderTitle{
  width: calc((100% - (50px + 90px + 24px))/2);
  box-sizing: border-box;
  padding:4px 8px;
  border:1px solid gray;
}
.photoFolderBody{
  padding: 12px;
  border: 1px solid #646262;
  border-radius: 0 0 8px 8px;
  border-top: 0;
}
.photoWr{
  align-items: flex-start;
  justify-content: left;
  flex-wrap: wrap;
}
.photoBox{
  width: 200px;
  box-sizing: border-box;
  padding: 8px;
}
.photoContainer{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 68%; /*56.7%;*/
}
.photoContainerElem{
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  background: #bfbfbf;
  padding: 4px;
  border-radius: 4px;
}
.photoImage{
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;

}
.photoSelectSess{
  cursor: pointer;
  padding: 4px 8px;
}
.photoSelectSess:hover{
  background: #e8e8e8;
}
.photoSort::-webkit-outer-spin-button,
.photoSort::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.photoContainer .photoSort{
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10px;
  width: 36px
}
.photoEnable{
  position: absolute;
  bottom: 0;
  left: 0;
}
.photoCover{
  position: absolute;
  bottom: 0;
  right: 0;
}
.photoDelBtn{
  position: absolute;
  top: 0;
  right: 0;
}
.photoBtn{
  font-size: 9px;
  width: min-content;
}
.photoImageLink{
  cursor: pointer;
}
.showPhotoWr{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.75%;
}
.showPhoto{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.showPhoto img{
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}
.accessColumn{
  box-sizing: border-box;
  width: 50%;
  padding: 12px 24px;
}
.accessScroll{
  max-height: calc(100vh - 170px);
  padding-right: 12px;

  overflow-y: scroll;
}
.seatInfoUserRemove{
  position: absolute;
  right: 8px;
  bottom: 8px;
  font-size: 12px;
  cursor: pointer;
  color: var(--bs-danger);
}
.qBotSessionItem{
  text-decoration: none;
  color: #333333;
  padding: 8px;
  background: #e0e0e0;
  display: block;
  margin-bottom: 4px;
  cursor: pointer;
}
.qBotSessionItem:hover{
  background: #eeeeee;
}
.qSessionWr{}
.qSessionItem{
  border: 1px solid #555555;
  padding: 12px;
  word-break: break-word;
}
.qSessionItemDate{
  text-transform: uppercase;
}
.qSessionItemText{}

.liveImgWr{
  width: 150px;

}
.liveImgWr img{
  width: 100%;
  height: auto;
}
.aLiveHall{
  border:1px solid lightgrey;
  padding: 12px;
  background: #eeeeee;
}
.fileUploadBox {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fileUploadBoxItem{
  padding: 4px 8px;
  background: white;
  position: relative;
}
.fileUploadBoxScroll{
  width: 100%;
  position: absolute;
  left: 0;
  height: 100%;
  background: green;
  z-index: 1000000;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper #player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.foregnFormRow{
  display: grid;
  grid-template-columns: 150px 1fr;
}
.foregnFormRow input{
  border-radius: 4px;
  border: 1px solid gray;
  padding: 4px 8px;
}
.materialFileOrder{
  width: 80px;
  padding: 4px 8px;
  border: 1px solid gray;

}
.materialFileTitle {
  width: calc(50% - 150px);
  padding: 4px 8px;
  border: 1px solid gray;
}
.materialFilefileName {
  width: calc(50% - 150px);
  padding: 4px 8px;
  border: 1px solid gray;
}
.project{
  margin-bottom: 8px;
  padding: 4px 8px;
  border-radius: 8px;
  background-color: #f8f8f8;
  display: grid;
  grid-template-columns: 100px  1fr 200px  250px;
  grid-gap: 12px;
}
.projectBox{
  margin-bottom: 8px;
  padding: 4px 8px;
  border-radius: 8px;
  background-color: #f8f8f8;
}
.projectComment{
  padding: 8px;
  border: none;
  border-radius: 8px;
  box-sizing: border-box;
  width: 100%;
  height: 4em;
}
.projectStatusTitle select{
  max-width: 100%;
  box-sizing: border-box;
  font-weight: bold;
}
.project{

   display: grid;
   grid-template-columns: 140px  1fr 200px  250px;
   grid-gap: 12px;
 }
.projectType{
  font-weight: bold;
}
.projectTitleItem{
  display: grid;
  grid-template-columns: 150px 1fr;
  margin-right: 24px;
  border-bottom: 1px solid gray;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.projectTitleItemKey{
  font-size: 14px;
  color: gray;
}
.projectFileItem{
  margin-bottom: 12px;
  font-size: 14px;
  position: relative;
  word-wrap: break-word;
}
.projectFileItem:before{
  content: "\1F4CE";
  position: absolute;

  top: 2px;
  left: -16px;
}
.projectStatusButtons{
  display: grid;
  grid-template-columns: 1fr 1fr;
  cursor: pointer;
}
.projectStatusButton{
  font-weight: bold;
  padding: 8px 12px ;
  background: #146c43;
  color:#FFF;
  text-align: center;
}
.projectStatusButton.red{
  font-weight: bold;
  padding: 8px 12px ;
  background: #dc3545;
  color:#FFF;

}
.sitesBox{

}
.sitesBox table{
  width: calc(100% - 100px);
  margin:0 auto
}
.head{
  font-weight: bold;
}
.sitesBox tr td{
  padding-bottom: 24px;
}
.uAdminPrice{
  width: 104px;
  border: 1px solid gray;
}
.volunteer{
  display: grid;
  grid-template-columns: 100px 1fr 350px;
  grid-gap: 20px;
}
.scrollBoxButtons{
  right: 18px;
  position: absolute;
 overflow: hidden;
  color: white;
  border-radius: 8px;
  z-index: 1;

}
.scrollBoxButton{
  padding: 4px 8px ;
  cursor: pointer;
  color:white;
  opacity: .25;
  background: #86b7fe
}
.scrollBoxButton:hover{
  opacity: 1;
}
.btn-group.btn-group-sm .btn{
  font-size: 14px;
}
.wSpamListWr .wSpamListBox{
  display: none;
}
.wSpamListWr.active .wSpamListBox{
  display: block;
}
.wSpamListWr.active .wSpamListWrBtn {
  display: none;
}
.userNameHidden{
  font-size: 10px;
  color: #f7f8f8;
}
.wSpamGroups{
  display: grid;
  grid-template-columns: 300px 300px;
  grid-gap: 1px;
}
.wSpamGroupsItem{
  padding: 30px;
}
.wSpamGroupsItemTitle{
  font-size: 12px;
  font-weight: bold;
  color: #8888;
}
.userNameBox{
  padding-left: 16px;
}
.wShortCompany{
  width: 100%;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid gray;
  box-sizing: border-box;
}
#wShortCompany, #wInn{
  width: 100%;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid gray;
  box-sizing: border-box;
}
.wHistoryBoxItem{
  display: grid;
  grid-template-columns: 50px 1fr 1fr;
  grid-gap: 12px;
}
.oldPhoto img{
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.wHistoryBox{
  display: grid;
  gap:8px;
}
.statCriteriaBreak{
  border-bottom:  1px solid #85b7fdb5;
}
.contractor{
  display: grid;
  grid-template-columns: 1fr;
  gap:24px;
}
.contractorUsers{
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr 1fr  1fr;
}
.contractorUserImg{
  height: 100%;
  display: flex
;
  flex-wrap: wrap;
  align-items: baseline;
}
.contractorUserImg img{
  width: 88px;
  height: 100%;
  object-fit: contain;

}
.contractorList{
  display: none;
}
.contractorList.active{
  display: block;
}
.contractorUserStatus{
  font-size: 12px;
}
.contractorUser{
  gap: 12px;
  display: grid;
  grid-template-columns:  100px 1fr;
  align-items: center;
  background: #e3e3e3;
  padding: 12px;
  box-sizing: border-box;
  border-radius: 8px;
  align-items: start;
}
.aInvoiceUser{
  display: grid
;
  grid-gap: 12px;
  grid-template-columns: 50px 1fr 1fr 1fr 1fr;
  margin-top: 12px;
  font-size: 12px;
  padding: 12px;
  border-bottom: 1px solid gray;
}
.aInvoiceUserPhoto img{
  width: 50px;
  height: auto;
  border-radius: 50%;

}
.aInvoiceHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.companyUser{
  position: relative;
  user-select: none;
}
.companyUser.selected:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #90e45942;
  border-radius: 10px;
  pointer-events: none;
}
.auserFile{
  display: grid;
  grid-template-columns: 1fr 12px;
  grid-gap: 8px;
  margin-top:8px;
  font-size: 10px;
  word-break: break-all;
  cursor: pointer;
}
.auserFileDelete{
  cursor: pointer;
}
.contractorBtn{
  border-radius: 4px;
  border: 1px solid gray;
  padding: 0px 8px;
  font-size: 12px;
  margin: 4px 0;
  cursor: pointer;
}
.contractorBtn.active{
  color: #FFF;
  background: green;
}
.contractorTitle{
  background: #85b7fd;
  font-weight: 900;
  padding: 4px 14px;
  color: #FFF;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.chItem{
  display: grid;
  grid-template-columns: 150px 150px 1fr;
  grid-gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eee;
}
.chItemText{
  white-space: break-spaces;
}
.contractorDetails{
  display: flex
;

  justify-content: space-between;
  align-items: center;
  gap:8px;
}
.contractorDetails input{
  font-size: 12px;
}
.decor-text {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.listim-scheme-inactive .listim-scheme-place {
  fill: #ddd;
  stroke: #fff;
  stroke-width: 6;
}
.seatPopup{
  font-size: 10px;
  padding: 4px;
  background: gray;
  color: white;
  border-radius: 10px;
  border-top-left-radius: 0;
  position: absolute;
  max-width: 100px;
}
.teatreBox{
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 200px;
}
.teatreBoxUsers{
  height: 100%;
  padding-right: 10px;
  overflow-y: auto;
  box-sizing: border-box;
}
.teatreBoxUserHead img{
  width: 100%;
  height: auto;
  border-radius: 50%;
}
#ticketsApp{
  user-select: none;
  position: relative;
}
.teatreBoxUsersWr{
  display: grid;
  gap:12px
}
.teatreBoxUser{

  border-radius: 4px;
  background: #eee;
  font-size: 10px;
  user-select: none;
  position: relative;
}
.teatreBoxUserContent{
  padding: 4px;
  display: grid;
  grid-template-columns: 50px 1fr;
  gap: 8px;
}
.teatreBoxUserSeat{
  padding: 4px;
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 8px;
}
.teatreBoxUserSeatButton{
  width: max-content;
  padding: 4px;
  background: #e66969;
  color: white;
  line-height: 1;
  cursor: pointer;
  font-size: 10px;
}
.teatreBoxUserSeatButton{
  width: max-content;
  padding: 4px;
  background: green;
  color: #fff;
  color: white;
  line-height: 1;
  cursor: pointer;
  font-size: 10px;
}
.aTicketInfo{
  font-size: 10px;
}
.teatreBoxUserDelUser{
  color: indianred;
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 2px;
}
.teatreBoxUserName{
  width: 120px;
}
.teatreBoxUserDrag{
  position: absolute;
  width: 60px;
  height: 60px;
  left: 0;
 top:0;
  z-index: 1;
}
.filterButtons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-size: 10px;
  margin-bottom: 8px;
}
.filterButton {
  background: gray;
  color: white;
  padding: 4px;
  cursor: pointer;

}
.filterButton.active {
  background: #e66969;
  color: white;
  padding: 4px;
  cursor: pointer;


}
.fFilter, .pFilter{
  border: 1px solid gray;
  font-size: 10px;
  color: gray;
  padding: 4px 6px;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 4px;
}
.seatBtn{
  display: inline-block;
  cursor: pointer;
  border: 1px solid #fff;
  padding: 0 2px;
  margin-left: 8px;
}
.teatreBoxUser.dragOver{
  background: #d8ffc1;
}
svg g.seat[userid] rect, svg g.seat[userid] circle{
  fill: #48c248;
}
svg g.seat.hover rect, svg g.seat.hover circle{
  fill: #70ff6f;
  opacity: 1;
}
svg g.seat.selected circle{
  fill: magenta;
  opacity: 1;
}
@keyframes spkAlert {
  0%{ opacity: 1}
  50%{ opacity: 0}
  100%{ opacity: 1}
}
.spkAlert{
  transition: opacity .5s;
  opacity: 1;
  animation: spkAlert 2s linear infinite;
}
.contractorUserName .small input{
  border: transparent;
}



@keyframes blink {
  0%{ fill: red;}
  50%{fill: #48c248; }
  100%{fill: red; }

}
svg g.seat.blind rect, svg g.seat.blind circle{
  opacity: .5;

}
svg g.seat.hilite[userid] rect, svg g.seat.hilite[userid] circle{
  fill: yellow;
  animation: blink 1s infinite;
}
.zoomMenuItem{
  line-height: 1;
  display: flex;
  cursor: pointer;
  background: #eeeeee88;
  font-size: 18px;
  margin-bottom: 12px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
}
.zoomMenuItem:hover{
  background: #eeeeee;
}
.zoomMenu{
  position: absolute;
  left: 0;
  top:100px;
  width: max-content;
  z-index: 100;

}
.showPhotoBtnNext{
  position: absolute;
  top: 50%;
  right: 0;
  border-radius: 4px;

  cursor: pointer;
  background: #eee;
  padding: 4px 8px;
  user-select: none;
}
.showPhotoBtnPrev{
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 4px;
  user-select: none;

  cursor: pointer;
  background: #eee;
  padding: 4px 8px;
}
.exursRow textarea{
  width: 100%;
  height: 6em;
  padding: 8px;
}
.meetRoomDetails{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.meetRoomDetails input{
  padding: 4px 8px;

}
.meetCompanies{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  background: #eee;
  padding: 8px;
}
.meetCompany{
  cursor: pointer;
  padding: 8px;
  user-select: none;
}
.meetCompany:hover{
  background-color: #cfffcf;
}
.meetCompaniesItem{
  padding: 8px;
  background: #fff;
  max-height: 300px;
  overflow-y: auto;
}
.meetCompanyUsers{
  height: auto;
  font-size: 8px;
}
.meetCompanyTitle{
  font-size: 10px;
}
.meetCompanyUser{
  font-size: 8px;
  display: inline-block;
}
.meetRoomMenu{
  display: flex;
  gap: 24px;
}
.meetRoomItem{
  display: flex;
  gap: 12px;
  cursor: pointer;
  background: #eee;
  width: max-content;
  padding: 8px;
  border-radius: 4px;
}
.meetRoomItem.active{
  background-color: #cfffcf;
}
.meetTimeslots{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 12px;

}
.contractorUserName input[readonly] {
  background: transparent;
}
.userNameHidden{
  color: transparent;
}
.meetTimeslot{
  border: 1px solid gray;
  border-radius: 4px;
  padding: 8px;
  height: 49px;
  overflow: hidden;
  cursor: pointer;
}
.meetTimeslot:hover{
  background-color: #eee;
}
.meetTimeslotTitle{
  font-weight: 500;
}
.meetTimeslotCompany{
  font-size: 10px;
  overflow: hidden;
  font-weight: 300;
  position: relative;
}
.meetTimeslotCompanyDel{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 50;
}
.meetTimeslot.active{
  background-color: var(--bs-success);
  color: #fff;
}
.userAccessZones .btn, .btnAccessDays .btn{
  font-size: 8px !important;
}
.sNoAddress{
  font-size: 12px;
  padding: 4px;
  background: yellow;
  cursor: pointer;
}
a.ticket{
  font-size: 12px;
  color: gray;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid gray;
  padding: 2px 8px;
}
.selectedSeatInfo{
  position: absolute;
  top: 0;
  right: 223px;
  font-size: 12px;
  background: #eee;
  padding: 8px;
  border-radius: 8px;
  width: 150px;
  z-index: 400;
}
.secGrid{
  display: grid;
  grid-template-columns: .4fr .4fr .2fr;
  gap:24px
}
.userPassportHead{
  display: grid;
  grid-template-columns: .25fr .25fr .5fr;
  font-size: 10px;
  background: #ccc;
  padding: 4px;
  gap: 12px;
}
.userPassportReg{
  display: grid;
  grid-template-columns: .25fr .25fr .5fr;
  padding: 4px;
}
.userPassportCheck{
  display: grid;
  grid-template-columns: .25fr .25fr .5fr;
  padding: 4px;
}
.userPassportNationality select{
  width: 100%;
}
.birth_date, .place_of_birth, .passport_number_full{
  border: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 100%;
  user-select: none;
}
.userSecStatusWr{
  width: 100%;
}
.userSecStatusWr select{
  width: 100%;
}
.userPassportCheck{
  background-color: yellow;
}
#security{
  .userPassportCheck{
    display: none;
  }
  .user[statusid="20"] .userPassportCheck{ /* паспорт не совпадает*/
    display: grid;
  }
  .user[statusid="40"] .userPassportCheck{ /* запрос доп информации*/
    display: grid;
  }
  .userSecStatusBtn{
    display: none;
  }
  .user[statusid="20"]  .btnStat20{
    display: block;
  }
  .user[statusid="30"]  .btnStat20{ /*ожидает проверки*/
    display: block;
  }
  .user[statusid="40"]  .btnStat20{ /*запрос доп инф*/
    display: block;
  }
  .user[statusid="50"]  .btnStat50{ /*внутри проверен*/
    display: block;
  }
  .user[statusid="60"]  .btnStat60{ /*внутри проверен*/
    display: block;
  }
}
.securityLoock{
  display: none;
}
.sessionsBox{
 /* width: max-content;*/
  display: flex
;
  align-content: flex-start;
  justify-content: flex-start;
}
.sessionsWr{
  overflow: scroll;
}
.securityLoock.active{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fsologOut{
  position: absolute;
  top: 4px;
  right: 4px;
}
.fsoTimeToBack{
  position: absolute;
  top: 4px;
  left: 4px;
  font-size: 10px;
}
.fsoUser{
  border-radius: 8px;
  background: #eee;
  padding:8px;
  margin-bottom: 8px;
  display: grid;
  grid-template-columns: 1fr 250px;
  align-items: center;
  grid-gap: 24px;
}
.fsoUserWr{
  display: flex;
  gap: 24px;

}
.fsoUserName{
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.fsoUserPhoto{
  width: 200px;
}
.fsoUserPhoto img{
  width: 200px;
  height: auto;
}
.fsoTamleHead{
  font-size: 10px;
  color: #888;
}
.fsoTable{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap:12px
}
.fsoTamleBody{
  cursor: pointer;
}
.copied{
  position: relative;
}
.copied:after{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  background-color: green;
  color: white;
  font-size: 12px;
  content: "скопировано";
  text-align: center;
}
.fsoDeny{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex
;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  background: #ff000082;
}
.fsoGroupHead{
  background: #dce5f5a6;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.fsoGroup{
  border:1px solid #dce5f5a6;
  border-radius: 8px;
  margin-bottom: 12px;
}
.fsoGroupUsersWr{
  display: none;
  background: #e7eef878;
  padding: 8px;
}
.fsoGroup.active .fsoGroupUsersWr{
  display: block;
}
.fsoSection{
  display: none;
}
.fsoSection.active{
  display: block;
}
.dozapros .DozaprosBtn{
  display: none;
}
.dozaprosAlert{
  display: none;
}
.dozapros .dozaprosAlert{
  padding: 4px;
  background-color: yellow;
  display: block;
}
.dozaprosAlert2{
  padding: 4px;
  background-color: yellow;
  display: block;
  font-size: 10px;
}
.parnredGrid{
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.partnerTitle{
  font-weight: bold;
}
.becomeLabel{
  font-size: 8px;
  color: #888888;
}
.moveSession{
  max-height: 60vh;
  overflow-y: auto;
}
.moveSession .ts{
  cursor:pointer;
  padding: 4px 8px;
  border-radius: 4px;
}
.moveSession .ts:hover{
 background: #198754;
  color: white;
}
.customExcelCheckBox{
  display: grid;
  grid-template-columns: 12px 1fr;
  gap: 12px;
  align-items: center;
  cursor: pointer;
  padding:4px;
}
.customExcelCheckBox:hover{
  background-color: #eeeeee;
  border-radius: 4px;
}
.customExcelCheckBoxBox
{
  width: 16px;
  height: 16px;
  border:1px solid gray;
  position: relative;
  border-radius: 2px;
}
.customExcelCheckBox.active .customExcelCheckBoxBox:before{
  position: absolute;
  top:-6px;
  left: 0px;
  content: "✓";
}
.customExcelCheckRow{
  padding-left: 124px;
  font-weight: bold;
  position: relative;
}
.customExcelCheckRow:before{
  position: absolute;
  content: "==========";
  left: 0;
}
.transferDay{
  padding: 12px;
  border-radius: 8px;
  background: #eee;
}
.transferDeparture{
  padding: 12px;
  border-radius: 8px;
  background: #fff;
  margin-left:32px;
}
.transferArrivals{
  margin-left: 64px;
}
.arrivalTimesBox{
  display: inline-block;
}
.arrivalTimes{
  display: inline-block;
}
.arrivalTime{
  display: inline-block;
}
.arrivalTime input{
  width: 64px;
  font-size: 14px;
}
.arrivalTime{
  position: relative;
}
.delDepTime{

  position: absolute;
  bottom: 2px;
  z-index: 100;
  font-size: 8px;
  right: 3px;
  padding: 02px;
  padding-top: 0px;
}
.downloadPasspoetBtn{
  position: absolute;
  z-index: 100;
  bottom: 0;
  right: 0;
}
.exursImages{
  display: flex;
  gap: 12px;
}
.exursImages img{
  width: 50px;
  height: auto;
}
.exursImage{
  position: relative;
}
.exursRow label{
  font-weight: 200;
  font-size: 10px;
}
.exursImage .btn{
  position: absolute;
  bottom:0;
  right: 0;
  z-index: 100;
  font-size: 8px;
}
.exursTime{
  display: flex;
}
.exursTime input{
  width: 60px;
}
.exursTimes{

}
.exursRowHalf {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;

}
.exursRowHalf textarea{
  height: 6em;
}
.exursTime{
  position: relative;
}
.exursTime .descr {
  width: 400px;
}
.exursTime .btn{
  position: absolute;
  bottom: -8px;
  right: 0;
  font-size: 10px;
}
#btnPhotoGroup{
  position: absolute;
  bottom: 0;
  left: calc(50% - 45px);
}
@media all and (max-width: 980px) {

  .wUserStatusWr{
    display: none;
  }
  .oldDo{
    display: none;
  }
  .wHistoryBoxItem{
    grid-template-columns: 50px 1fr;
    grid-gap: 8px;
  }
  .fsoUserWr{
    display: grid;
  }
  .fsoTable{
    grid-template-columns: 1fr;
  }
  .fsoUser{
    grid-template-columns: 1fr;
    margin-bottom: 24px;
  }
  .fsoUsersMenu{
    margin-top:24px;
  }
  #photobankApp .btn-group{
    display:block;
  }
  .photoFolderHead .btn, .photoSort{
    display: none;
  }
  .photoFolderHead .flex{
    display: block;
  }
  .photoFolderTitle{
    width: 100%;
  }
  .photoBox{
    width: 100%;
  }
  .photoBtn {
    font-size: 16px;
    width: min-content;
  }
  .photoBtn .btn{
    font-size: 16px !important;
  }
  #photobankApp .scrollBox{
    margin-top: 24px;
  }
}